/* =====================================================
   ملف الاستجابة للشاشات - Mobile First Adjustments
===================================================== */
@media(max-width:1180px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:repeat(3,1fr)}.nav-item{justify-content:center}.main-area{padding:16px}.daily-strip,.year-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body{padding-bottom:78px}.sidebar{display:none}.main-area{padding:10px}.topbar{grid-template-columns:1fr;border-radius:0;margin:-10px -10px 12px;padding:16px 12px}.top-actions{display:none}.mobile-clock{display:block;text-align:center}.mobile-clock div{font-size:26px;color:#86efac;font-weight:900;direction:ltr}.mobile-clock span{font-size:12px;color:var(--muted);font-weight:800}.app-title h2{font-size:26px}.app-title p{font-size:13px}.daily-strip,.year-grid,.two-columns{grid-template-columns:1fr}.mini-stat{min-height:96px;padding:14px}.mini-stat strong{font-size:23px}.section-card{padding:14px;border-radius:22px}.section-head{display:block}.section-head h3{font-size:22px}.source-list{grid-template-columns:repeat(2,1fr)}.chart-preview{height:220px}.chart-months{font-size:9px;overflow:hidden}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:rgba(7,23,13,.94);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:100;backdrop-filter:blur(18px)}.bottom-item{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;font-weight:900;font-size:11px}.bottom-item span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}.bottom-item.active{color:var(--lime)}.bottom-item.active span{background:rgba(163,230,53,.18)}
}
@media(max-width:380px){.source-list{grid-template-columns:1fr}.app-title h2{font-size:23px}.mini-stat strong{font-size:20px}}

/* =====================================================
   استجابة مخططات الداشبورد
===================================================== */
@media(max-width:1250px){
  .dashboard-charts-grid{grid-template-columns:1fr 1fr}.operations-card{grid-column:1/-1}
}
@media(max-width:820px){
  .dashboard-charts-grid{grid-template-columns:1fr}.donut-panel{grid-template-columns:1fr}.donut-shape{margin:auto;width:190px;height:190px}.chart-legend{max-width:360px;margin:auto;width:100%}
}
@media(max-width:480px){
  .chart-card{min-height:auto}.donut-shape{width:165px;height:165px}.donut-shape::after{inset:30px}.donut-center strong{font-size:24px}.chart-legend li{font-size:13px}.operation-row{grid-template-columns:38px 1fr}.operation-row span{width:36px;height:36px}
}

/* =====================================================
   Responsive مرحلة 1 - الدخل والمصروفات
===================================================== */
@media(max-width:1100px){.module-header{display:grid}.formula-box{min-width:0}.module-grid{grid-template-columns:1fr}.three-actions{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.module-header{padding:16px;border-radius:22px}.module-header h3{font-size:24px}.formula-box{padding:14px}.module-grid{gap:14px}.entry-form,.records-card{padding:16px}.three-actions{grid-template-columns:1fr}.records-head{display:grid}.records-table{min-width:0}.records-table thead{display:none}.records-table,.records-table tbody,.records-table tr,.records-table td{display:block;width:100%}.records-table tr{padding:12px;border-bottom:1px solid var(--line)}.records-table td{display:grid;grid-template-columns:42% 1fr;gap:8px;padding:9px 4px}.records-table td::before{content:attr(data-label);color:var(--lime);font-weight:900}.table-actions{display:grid;grid-template-columns:1fr 1fr}}


/* Stage 11 Clean Archive */
.archive-complete-box{display:flex;flex-direction:column;gap:18px}
.archive-top{display:flex;justify-content:space-between;align-items:center;gap:14px}
.archive-top h2{font-size:34px;margin:0 0 8px}
.archive-top p{margin:0;opacity:.82;font-weight:700}
.archive-actions{display:flex;gap:10px;flex-wrap:wrap}
.archive-import-label{cursor:pointer}
.archive-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.archive-panel{background:rgba(255,255,255,.055);border:1px solid rgba(157,255,63,.15);border-radius:20px;padding:18px}
.archive-panel h3{margin-top:0}
.archive-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.archive-form label{display:flex;flex-direction:column;gap:7px;font-weight:800}
.archive-form .wide{grid-column:1/-1}
.archive-form input,.archive-form select,.archive-form textarea,.archive-search{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid rgba(157,255,63,.22);background:rgba(0,0,0,.25);color:inherit;padding:12px 14px;outline:none}
.archive-save{width:100%;margin-top:14px}
.archive-filters{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}
.archive-filter{border:1px solid rgba(157,255,63,.25);border-radius:14px;padding:9px 13px;background:#1c321f;color:#dfff9e;cursor:pointer;font-weight:900}
.archive-filter.active{background:#9dff3f;color:#111}
.archive-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.archive-stats div{border:1px solid rgba(157,255,63,.18);border-radius:16px;background:rgba(0,0,0,.18);padding:14px;text-align:center}
.archive-stats b{display:block;font-size:26px;color:#9dff3f}
.archive-stats span{font-size:12px;opacity:.8}
.archive-table-wrap{overflow:auto;border-radius:16px}
.archive-table{width:100%;border-collapse:collapse;min-width:850px}
.archive-table th,.archive-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;vertical-align:middle}
.archive-table th{color:#dfff9e;background:rgba(0,0,0,.22)}
.archive-table td small{display:block;opacity:.7;margin-top:4px}
.archive-badge{display:inline-block;border-radius:999px;padding:6px 11px;background:#243d24;color:#9dff3f;font-weight:900}
.archive-file-link{display:inline-flex;flex-direction:column;gap:3px;text-decoration:none;color:#dfff9e;font-weight:900}
.archive-muted{opacity:.6}
.archive-row-actions{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap}
.archive-mini-btn{border:none;border-radius:10px;padding:8px 11px;background:#263f27;color:#dfff9e;cursor:pointer;font-weight:900}
.archive-mini-btn.danger{background:#5b2020;color:#ffb1b1}
@media(max-width:900px){.archive-top{flex-direction:column;align-items:flex-start}.archive-layout{grid-template-columns:1fr}.archive-form{grid-template-columns:1fr}}