/* نَسَق (NASAQ) — Copyright (c) 2026 Mohammed S. Ellouh. All rights reserved.
   ملكية خاصة: يُمنع النسخ أو التعديل أو إعادة النشر أو التقليد دون إذن كتابي. انظر ملف LICENSE. */
/* طابع «كلاسيكي» — الدفتر. في هذه المرحلة: ألوانه كما كانت (وهي الأساس الافتراضي لكل الطوابع،
   لذلك :root بلا طابع). تُستبدل بلوحة الدفتر وعلاماته في المرحلة 3. */
@layer theme{
/* الألوان الوظيفية — فاتح */
:is(:root,.nq-scope):is([data-palette="classic"],:not([data-palette])){
  --bg:#F5F0E3; --surface-1:#FBF8EF; --surface-2:#F0EADB; --surface-3:#E8E0CC;
  --text-1:#1E3A6E; --text-2:#3B4A63; --text-3:#5F5B52; --border:#B8CCE4;
  --border-strong:#7C8AA3; --primary:#1E3A6E; --on-primary:#FBF8EF; --primary-hover:#16305D;
  --accent:#B3261E; --on-accent:#FBF8EF; --focus-ring:#1E3A6E; --success:#2E6B4F;
  --success-bg:#E3EDE3; --warning:#8A5A00; --warning-bg:#F6EBCB; --danger:#B3261E;
  --danger-bg:#F7E1DC; --info:#1E3A6E; --info-bg:#E3EAF5; --art-rule:#B8CCE4;
  --art-margin:#D9534F; --art-highlight:#F6E27A; --pattern:rgba(30,58,110,.06); --overlay:rgba(27,26,23,.4);
  --field-bg:transparent; --field-hover:#3B4A63; --btn-soft:#F0EADB; --btn-soft-hover:#E8E0CC;
  --imp-b-bg:#F0EADB; --on-done:#FBF8EF; --c-exec:#1E3A6E; --c-admin:#8A5A00;
  --c-ops:#2E6B4F; --c-ind:#B3261E; --c-soft:#E3EAF5;
  --font-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif; --font-head:Amiri,"Traditional Arabic",serif; --font-display:Amiri,"Traditional Arabic",serif; --font-hand:"Aref Ruqaa",Amiri,serif;
  --head-scale:1.12; --r-sm:2px; --r-md:3px; --r-lg:4px;
  --r-xl:6px; --border-w:1px; --elev-1:0 1px 0 var(--surface-2),0 2px 0 var(--border); --elev-2:0 1px 0 var(--surface-2),0 2px 0 var(--border);
  --elev-3:0 1px 0 var(--surface-2),0 2px 0 var(--border),0 3px 0 var(--surface-2),0 4px 0 var(--border); --row-h:48px; --card-pad:var(--sp-5); --icon-stroke:1.5;
  --motion-scale:.6; --ease-enter:var(--ease-std); --lh-body:1.75;
  color-scheme:light;
}
/* الألوان الوظيفية — داكن */
:is(:root,.nq-scope):is([data-palette="classic"],:not([data-palette]))[data-theme="dark"]{
  --bg:#1B1A17; --surface-1:#24221E; --surface-2:#2C2925; --surface-3:#34302B;
  --text-1:#8FB0E8; --text-2:#C8C1B2; --text-3:#B3AC9C; --border:#3A4458;
  --border-strong:#6E7A92; --primary:#8FB0E8; --on-primary:#1B1A17; --primary-hover:#A9C3EF;
  --accent:#F08A7E; --on-accent:#1B1A17; --focus-ring:#8FB0E8; --success:#86C7A5;
  --success-bg:#1F2E27; --warning:#E2B35C; --warning-bg:#332A17; --danger:#F08A7E;
  --danger-bg:#3A2320; --info:#8FB0E8; --info-bg:#232C3D; --art-rule:#3A4458;
  --art-margin:#8C3B35; --art-highlight:#6B5E1E; --pattern:rgba(143,176,232,.05); --overlay:rgba(0,0,0,.6);
  --field-bg:transparent; --field-hover:#C8C1B2; --btn-soft:#2C2925; --btn-soft-hover:#34302B;
  --imp-b-bg:#2C2925; --on-done:#1B1A17; --c-exec:#8FB0E8; --c-admin:#E2B35C;
  --c-ops:#86C7A5; --c-ind:#F08A7E; --c-soft:#232C3D;
  color-scheme:dark;
}
/* تلقائي: يتبع الجهاز */
@media (prefers-color-scheme:dark){
  :is(:root,.nq-scope):is([data-palette="classic"],:not([data-palette])):not([data-theme="light"]){
    --bg:#1B1A17; --surface-1:#24221E; --surface-2:#2C2925; --surface-3:#34302B;
    --text-1:#8FB0E8; --text-2:#C8C1B2; --text-3:#B3AC9C; --border:#3A4458;
    --border-strong:#6E7A92; --primary:#8FB0E8; --on-primary:#1B1A17; --primary-hover:#A9C3EF;
    --accent:#F08A7E; --on-accent:#1B1A17; --focus-ring:#8FB0E8; --success:#86C7A5;
    --success-bg:#1F2E27; --warning:#E2B35C; --warning-bg:#332A17; --danger:#F08A7E;
    --danger-bg:#3A2320; --info:#8FB0E8; --info-bg:#232C3D; --art-rule:#3A4458;
    --art-margin:#8C3B35; --art-highlight:#6B5E1E; --pattern:rgba(143,176,232,.05); --overlay:rgba(0,0,0,.6);
    --field-bg:transparent; --field-hover:#C8C1B2; --btn-soft:#2C2925; --btn-soft-hover:#34302B;
    --imp-b-bg:#2C2925; --on-done:#1B1A17; --c-exec:#8FB0E8; --c-admin:#E2B35C;
    --c-ops:#86C7A5; --c-ind:#F08A7E; --c-soft:#232C3D;
    color-scheme:dark;
  }
}

:root[data-theme="light"]{ color-scheme:light; }
/* ---------- علامة «كلاسيكي» في التنقل: ألسنة فواصل الدفتر ----------
   العنصر النشط لسان ورقي بلون الورقة يبرز 4px نحو الصفحة، بشريط أحمر 3px في جهة البداية — لا تعبئة زرقاء. */
:root[data-palette="classic"] .sidenav{background:var(--surface-2)}
:root[data-palette="classic"] .tab:hover{background:color-mix(in srgb,var(--surface-1) 65%,transparent);color:var(--text-1)}
:root[data-palette="classic"] .tab.active{background:var(--surface-1);color:var(--text-1);border-radius:var(--r-sm);
  box-shadow:inset -3px 0 0 var(--art-margin),0 1px 0 var(--border);transform:translateX(-4px)}
@media (max-width:999px){
  :root[data-palette="classic"] .tab.active{transform:none;box-shadow:inset 0 3px 0 var(--art-margin)}
}
/* الواجهة: العبارة المتغيرة بخط الرقعة (لمسة اليد)، والعناوين والتاريخ بخط Amiri */
:root[data-palette="classic"] .greet-title{font-family:var(--font-hand);font-weight:400;color:var(--text-1)}
:root[data-palette="classic"] body{background-image:none}
/* ================= علامات «كلاسيكي»: دفتر حقيقي على المكتب =================
   ورق مسطّر بخطوط زرقاء، وخط هامش أحمر، وكتابة بقلم حبر أزرق، وتصحيح بالأحمر، وتظليل فسفوري. */
:is(:root,.nq-scope)[data-palette="classic"]{
  --tab-shift:0px; --fs-card-head:var(--fs-lg); --rule-h:28px; --art-note:#FFF3B0; --art-tape:rgba(255,255,255,.6); --art-margin-x:30px;
  --paper-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.4 4.1C7.2 3.3 12.6 3.9 16.4 3.4C16.9 7.4 16.2 12.1 16.7 16.4C12.4 16.9 7.6 16.1 3.5 16.7C3.8 12.3 3.1 8.2 3.4 4.1Z' fill='none' stroke='%231E3A6E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --paper-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.2 10.6C5 12.2 6.4 14 7.6 16.3C9.9 10.8 13.2 6.2 18.6 1.9' fill='none' stroke='%23B3261E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --paper-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 .6 9.4 5 5 9.4 .6 5z' fill='%23B3261E'/%3E%3C/svg%3E");
}
:is(:root,.nq-scope)[data-palette="classic"][data-theme="dark"]{--art-note:#3A3420; --art-tape:rgba(255,255,255,.14); --paper-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.4 4.1C7.2 3.3 12.6 3.9 16.4 3.4C16.9 7.4 16.2 12.1 16.7 16.4C12.4 16.9 7.6 16.1 3.5 16.7C3.8 12.3 3.1 8.2 3.4 4.1Z' fill='none' stroke='%238FB0E8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --paper-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.2 10.6C5 12.2 6.4 14 7.6 16.3C9.9 10.8 13.2 6.2 18.6 1.9' fill='none' stroke='%23F08A7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --paper-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 .6 9.4 5 5 9.4 .6 5z' fill='%23F08A7E'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){
  :is(:root,.nq-scope)[data-palette="classic"]:not([data-theme="light"]){--art-note:#3A3420; --art-tape:rgba(255,255,255,.14); --paper-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.4 4.1C7.2 3.3 12.6 3.9 16.4 3.4C16.9 7.4 16.2 12.1 16.7 16.4C12.4 16.9 7.6 16.1 3.5 16.7C3.8 12.3 3.1 8.2 3.4 4.1Z' fill='none' stroke='%238FB0E8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --paper-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.2 10.6C5 12.2 6.4 14 7.6 16.3C9.9 10.8 13.2 6.2 18.6 1.9' fill='none' stroke='%23F08A7E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --paper-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 .6 9.4 5 5 9.4 .6 5z' fill='%23F08A7E'/%3E%3C/svg%3E")}
}
/* 1) ورق مسطّر: النص يجلس على السطر (ارتفاع السطر = تباعد الخطوط) */
:root[data-palette="classic"] body{line-height:var(--lh-relaxed)}
:root[data-palette="classic"] :is(.braindump,.tl-wrap,.closing-qs){line-height:var(--rule-h);background-color:transparent;
  background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--rule-h) - 1px),var(--art-rule) calc(var(--rule-h) - 1px) var(--rule-h));background-attachment:local}
:root[data-palette="classic"] .braindump{border-color:transparent;border-radius:0;font-family:var(--font-hand);font-size:var(--fs-md);padding-top:0}
/* 2) خط الهامش الأحمر: مزدوج (1px ثم فراغ 2px ثم 1px) في جهة البداية (اليمين) من كل بطاقة ورقية */
:root[data-palette="classic"] .card:not(.c-ideas,.onboard){padding-inline-start:calc(var(--pad,var(--card-pad,var(--sp-5))) + var(--art-margin-x) - 6px);   /* --pad معرَّف في اللوح وحده؛ الاحتياطي لصفحتي المشاريع والنبض */
  background-image:linear-gradient(to left,transparent var(--art-margin-x),var(--art-margin) var(--art-margin-x) calc(var(--art-margin-x) + 1px),
    transparent calc(var(--art-margin-x) + 1px) calc(var(--art-margin-x) + 3px),var(--art-margin) calc(var(--art-margin-x) + 3px) calc(var(--art-margin-x) + 4px),transparent 0)}
:root[data-palette="classic"] .card{box-shadow:var(--elev-1)}
/* 4) الأولوية الأولى مظللة بالفسفوري: ضربة قلم غير منتظمة الأطراف مع ميل خفيف؛ وأرقام الأولويات بخط الرقعة */
:root[data-palette="classic"] .rank{font-family:var(--font-hand);font-weight:400;background:transparent;color:var(--text-1);font-size:var(--fs-xl)}
:root[data-palette="classic"] .pri-row:first-child .rank{background:transparent;color:var(--danger)}
:root[data-palette="classic"] .pri-row:first-child .field{background:linear-gradient(to bottom,transparent 16%,color-mix(in srgb,var(--art-highlight) 88%,transparent) 16% 90%,transparent 90%);
  border-radius:45% 12% 40% 18% / 60% 24% 50% 30%;rotate:-.5deg}
/* 5) دائرة الإنجاز مربع مرسوم باليد؛ وعند الإنجاز علامة ✓ بالقلم الأحمر تُكتب في 280ms، ويُشطب العنوان بخط حبر أزرق */
:root[data-palette="classic"] .check{border:0;border-radius:0;background:var(--paper-box) center / 100% 100% no-repeat}
:root[data-palette="classic"] .check:hover{background-color:transparent;filter:drop-shadow(0 0 1px var(--art-rule))}
:root[data-palette="classic"] .check[aria-checked="true"]{background:var(--paper-box) center / 100% 100% no-repeat}
:root[data-palette="classic"] .check[aria-checked="true"]::after{border:0;transform:none;inset:-5px -4px -1px -2px;background:var(--paper-tick) center / contain no-repeat}
:root[data-palette="classic"] li.done .t-text{text-decoration:none;color:var(--text-2);max-width:fit-content;
  background:linear-gradient(var(--text-1),var(--text-1)) no-repeat right 60% / 100% 1.5px}
/* الكتابة تُرسم للمهمة التي أُنجزت الآن فقط (li.just-done)، لا عند كل إعادة رسم */
:root[data-palette="classic"] li.just-done .check[aria-checked="true"]::after{animation:paper-write 280ms var(--ease-out) both}
:root[data-palette="classic"] li.just-done .t-text{animation:paper-strike 280ms var(--ease-out) both}
@media (prefers-reduced-motion:reduce){ :root[data-palette="classic"] li.just-done :is(.check::after,.t-text){animation:none} }
@keyframes paper-write{from{clip-path:inset(0 100% 0 0)} to{clip-path:inset(0)}}
@keyframes paper-strike{from{background-size:0 1.5px} to{background-size:100% 1.5px}}
/* 6) «أفكار عابرة» ورقة لاصقة: خلفية صفراء فاتحة وميل 0.6° وشريط لاصق شبه شفاف في الأعلى؛ و«حدث اليوم المثبّت» بشريط مماثل */
:root[data-palette="classic"] .c-ideas{background:linear-gradient(var(--art-tape),var(--art-tape)) top center / 96px 18px no-repeat,var(--art-note);
  border-color:transparent;rotate:.6deg;padding-top:calc(var(--pad) + 8px);box-shadow:0 1px 1px rgba(0,0,0,.06),0 10px 18px -12px rgba(0,0,0,.35)}
:root[data-palette="classic"] .pinned{background:linear-gradient(var(--art-tape),var(--art-tape)) top center / 72px 12px no-repeat,var(--art-note);border-color:transparent;padding-top:var(--sp-3)}
/* 8) الفواصل: خط رفيع بلون السطور في وسطه ◆ بالقلم الأحمر */
:root[data-palette="classic"] .card-head{padding-bottom:calc(var(--sp-2) + 5px);
  background:var(--paper-diamond) no-repeat 50% 100% / 9px 9px,linear-gradient(var(--art-rule),var(--art-rule)) no-repeat 0 calc(100% - 4px) / 100% 1px}
/* الجوال: بطاقة التقويم بلا هامش أحمر، لتتسع أيام الأسبوع السبعة لمساحة ضغط 44px */
@media (max-width:999px){ :root[data-palette="classic"] .card.c-cal:not(.c-ideas){padding-inline-start:var(--sp-4);background-image:none} }
/* الختم: أحمر دائري بخط الرقعة (البنية في nasaq-ui.css — .day-stamp) */
:root[data-palette="classic"] .day-stamp{color:var(--danger);border-color:var(--danger);font-family:var(--font-hand)}
}