/* ═══════════════ FuCal — تقويم فيودكس ═══════════════
   هوية فيودكس: برتقالي #FF5700 · بنفسجي #3A2666 · فاتح ورقي · Tajawal
   صفر إيموجي — أيقونات أوتلاين stroke موحّد. RTL أولاً. */

:root{
  --orange:#FF5700; --orange-soft:#FFF0E8; --brand:#3A2666; --brand-soft:#EFEBF7;
  --bg:#F7F6FB; --panel:#FFFFFF; --line:#E7E4F0; --line-soft:#F0EEF7;
  --ink:#241F38; --ink-2:#5C566F; --ink-3:#9A94AC;
  --ok:#10B981; --warn:#F59E0B; --bad:#EF4444; --info:#0EA5E9;
  --r-lg:18px; --r-md:12px; --r-sm:8px;
  --sh-1:0 1px 2px rgba(36,31,56,.06),0 4px 14px rgba(36,31,56,.06);
  --sh-2:0 6px 18px rgba(36,31,56,.12),0 2px 6px rgba(36,31,56,.08);
  --sh-3:0 18px 48px rgba(36,31,56,.22);
  --top-h:58px; --gutter:64px; --hourH:52px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Tajawal,'Segoe UI',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);
  font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}
input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
[hidden]{display:none!important}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#D8D4E6;border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}

.app{display:flex;flex-direction:column;height:100dvh}

/* ══ الشريط العلوي ══ */
.top{flex:0 0 auto;background:var(--panel);border-bottom:1px solid var(--line);z-index:60}
.top .in{display:flex;align-items:center;gap:8px;height:var(--top-h);padding:0 14px;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;margin-inline-end:4px}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:linear-gradient(135deg,#4A3580,var(--brand));color:#fff;box-shadow:var(--sh-1)}
.brand-mark svg{width:21px;height:21px}
.brand-mark .dot{fill:var(--orange);stroke:var(--orange)}
.brand-mark.big{width:64px;height:64px;border-radius:19px}
.brand-mark.big svg{width:36px;height:36px}
.brand-name{font-weight:800;font-size:17px;line-height:1;display:flex;flex-direction:column;gap:2px}
.brand-name small{font-weight:500;font-size:10.5px;color:var(--ink-3)}
.title-wrap{display:flex;align-items:baseline;gap:8px;min-width:0}
.title-wrap h1{font-size:19px;font-weight:800;white-space:nowrap}
.hijri{font-size:11.5px;color:var(--ink-3);white-space:nowrap}
.navarrows{display:flex}
.spacer{flex:1}

.iconbtn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--ink-2);
  transition:background .15s var(--ease)}
.iconbtn:hover{background:var(--line-soft);color:var(--ink)}
.iconbtn.sm{width:30px;height:30px}.iconbtn.sm svg{width:16px;height:16px}
.pillbtn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 18px;font-weight:700;
  font-size:13.5px;transition:filter .15s,transform .1s;white-space:nowrap}
.pillbtn:active{transform:scale(.97)}
.pillbtn.primary{background:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(255,87,0,.3)}
.pillbtn.primary:hover{filter:brightness(1.06)}
.pillbtn.ghost{border:1px solid var(--line);background:var(--panel);color:var(--ink-2)}
.pillbtn.ghost:hover{background:var(--line-soft)}
.pillbtn.dark{background:var(--brand);color:#fff}
.pillbtn.sm{padding:7px 14px;font-size:12.5px}
.pillbtn.big{padding:13px 30px;font-size:15px}
.pillbtn.danger{background:#FEE2E2;color:#B91C1C}
.pillbtn svg{width:16px;height:16px}
.linkbtn{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:13px;font-weight:600;padding:8px 10px;
  border-radius:var(--r-md);width:100%}
.linkbtn:hover{background:var(--line-soft)}
.linkbtn svg{width:16px;height:16px}

.viewswitch{display:flex;background:var(--line-soft);border-radius:999px;padding:3px}
.viewswitch button{padding:6px 15px;border-radius:999px;font-weight:700;font-size:12.5px;color:var(--ink-2)}
.viewswitch button.on{background:var(--panel);color:var(--brand);box-shadow:var(--sh-1)}

.search{position:relative;display:flex;align-items:center}
.search input{width:0;opacity:0;border:0;background:var(--line-soft);border-radius:999px;height:38px;
  padding:0;transition:width .25s var(--ease),opacity .2s,padding .25s;outline:none}
.search.open input{width:250px;opacity:1;padding:0 40px 0 14px;margin-inline-start:-38px}
.search.open .iconbtn{position:relative;z-index:2}
.search-results{position:absolute;top:46px;inset-inline-end:0;width:340px;max-height:420px;overflow:auto;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:6px;z-index:90}
.sr-item{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:var(--r-md);cursor:pointer}
.sr-item:hover{background:var(--line-soft)}
.sr-dot{width:10px;height:10px;border-radius:4px;flex:none}
.sr-t{font-weight:700;font-size:13px}
.sr-s{font-size:11.5px;color:var(--ink-3)}
.sr-empty{padding:16px;text-align:center;color:var(--ink-3);font-size:13px}

.uchip{display:flex;align-items:center;gap:8px;margin-inline-start:2px}
.uchip .av{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:13px;overflow:hidden}
.uchip img{width:100%;height:100%;object-fit:cover}

/* ══ الجسم ══ */
.body{flex:1;display:flex;min-height:0;position:relative}
.side{flex:0 0 264px;background:var(--panel);border-inline-end:1px solid var(--line);padding:14px 12px;
  overflow-y:auto;display:flex;flex-direction:column;gap:16px;z-index:50}
.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}
.view{flex:1;min-height:0;display:flex;flex-direction:column}
.scrim{position:fixed;inset:0;background:rgba(20,15,40,.4);z-index:49;opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}

/* ══ التقويم المصغّر ══ */
.mini{user-select:none}
.mini-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}
.mini-head b{font-size:13.5px;color:var(--brand)}
.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center}
.mini-grid .wd{font-size:10px;color:var(--ink-3);font-weight:700;padding:3px 0}
.mini-day{font-size:11.5px;padding:0;height:28px;border-radius:50%;color:var(--ink-2);position:relative;font-weight:600}
.mini-day:hover{background:var(--line-soft)}
.mini-day.out{color:#C9C4D8}
.mini-day.today{background:var(--orange);color:#fff;font-weight:800}
.mini-day.sel:not(.today){background:var(--brand-soft);color:var(--brand);font-weight:800}
.mini-day .pip{position:absolute;bottom:2px;inset-inline-start:50%;transform:translateX(50%);width:4px;height:4px;
  border-radius:50%;background:var(--orange)}
.mini-day.today .pip{background:#fff}

/* ══ قائمة التقاويم ══ */
.cals-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}
.cals-head h3{font-size:12.5px;color:var(--ink-3);font-weight:700}
.calrow{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-md);cursor:pointer;position:relative}
.calrow:hover{background:var(--line-soft)}
.calrow:hover .kebab{opacity:1}
.cbox{width:17px;height:17px;border-radius:5px;border:2px solid var(--cc,#FF5700);display:grid;place-items:center;flex:none;
  transition:background .12s}
.cbox svg{width:12px;height:12px;stroke:#fff;stroke-width:2.6;opacity:0}
.cbox[data-on="1"]{background:var(--cc,#FF5700)}
.cbox[data-on="1"] svg{opacity:1}
.cname{flex:1;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calrow .sub{font-size:10.5px;color:var(--ink-3)}
.kebab{opacity:0;transition:opacity .15s}
.calrow.virt .cbox{border-color:var(--brand);--cc:#3A2666}

/* ══ بطاقة قوقل ══ */
.gcard{border:1px solid var(--line);border-radius:var(--r-lg);padding:13px;background:linear-gradient(180deg,#FBFAFF,#F4F1FB)}
.gcard-head{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--brand);margin-bottom:6px}
.gcard-head svg{width:17px;height:17px}
.gcard p{font-size:11.5px;color:var(--ink-2);line-height:1.7;margin-bottom:10px}
.gcard-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gcard .pillbtn.sm{background:var(--brand);color:#fff}
.switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;color:var(--ink-2);font-weight:600}
.switch input{display:none}
.switch i{width:34px;height:20px;border-radius:999px;background:#D8D4E6;position:relative;transition:background .2s;flex:none}
.switch i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;
  background:#fff;transition:transform .2s var(--ease);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.switch input:checked+i{background:var(--ok)}
.switch input:checked+i::after{transform:translateX(-14px)}
.side-foot{margin-top:auto;border-top:1px solid var(--line-soft);padding-top:8px}
.m-settings,.side-views{display:none}
@media (max-width:920px){.m-settings{display:flex}.side-views{display:flex;justify-content:stretch}
  .side-views button{flex:1}}

/* ══ عرض الشهر ══ */
.m-wd{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:var(--panel)}
.m-wd div{text-align:center;padding:8px 0 7px;font-size:12px;font-weight:700;color:var(--ink-2)}
.m-wd div.wknd{color:var(--ink-3)}
.m-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;min-height:0;background:var(--line);gap:1px}
.m-cell{background:var(--panel);padding:5px 6px;min-height:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;
  position:relative;cursor:pointer}
.m-cell.wknd{background:#FBFAFE}
.m-cell.out .dnum{color:#C9C4D8}
.m-cell .dhead{display:flex;align-items:center;gap:5px;justify-content:center;flex:none}
.dnum{font-size:12.5px;font-weight:700;color:var(--ink-2);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}
.m-cell.today .dnum{background:var(--orange);color:#fff;font-weight:800}
.dhijri{font-size:9.5px;color:var(--ink-3)}
.m-cell.drop{outline:2px dashed var(--orange);outline-offset:-3px;border-radius:6px}
.chip{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 7px;border-radius:6px;
  color:#fff;background:var(--ec,#FF5700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;
  line-height:1.55;cursor:pointer;border:none;text-align:start}
.chip .tm{font-weight:500;opacity:.85;font-size:10.5px}
.chip.slim{background:transparent;color:var(--ink);padding-inline-start:4px}
.chip.slim::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--ec);flex:none}
.chip.faded{opacity:.55}
.chip.priv .tt::after{content:""}
.m-more{font-size:11px;color:var(--brand);font-weight:700;padding:0 7px;flex:none;text-align:start}
.m-more:hover{text-decoration:underline}

/* ══ عرض الأسبوع/اليوم ══ */
.w-allday{display:flex;border-bottom:1px solid var(--line);background:var(--panel);flex:none}
.w-allday .gut{flex:0 0 var(--gutter);font-size:10px;color:var(--ink-3);display:flex;align-items:center;justify-content:center}
.w-alldays{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.w-adcol{border-inline-start:1px solid var(--line-soft);padding:3px 4px;display:flex;flex-direction:column;gap:2px;min-height:30px}
.w-head{display:flex;border-bottom:1px solid var(--line);background:var(--panel);flex:none;box-shadow:0 2px 6px rgba(36,31,56,.04);z-index:5}
.w-head .gut{flex:0 0 var(--gutter)}
.w-heads{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
.w-hcol{text-align:center;padding:8px 0 6px;border-inline-start:1px solid transparent;cursor:pointer}
.w-hcol .wd{font-size:11px;color:var(--ink-2);font-weight:700}
.w-hcol .dn{font-size:20px;font-weight:800;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;margin:2px auto 0;color:var(--ink)}
.w-hcol .hj{font-size:9.5px;color:var(--ink-3)}
.w-hcol.today .dn{background:var(--orange);color:#fff}
.w-hcol.wknd .wd{color:var(--ink-3)}
.w-outer{flex:1;min-height:0;display:flex;flex-direction:column;overflow-x:auto}
.w-scroll{flex:1;overflow-y:auto;position:relative}
.w-body{display:flex;position:relative}
.w-gut{flex:0 0 var(--gutter);position:relative}
.w-gut .hlbl{position:absolute;inset-inline-end:8px;transform:translateY(-50%);font-size:10.5px;color:var(--ink-3)}
.w-cols{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative}
.w-col{position:relative;border-inline-start:1px solid var(--line-soft)}
.w-col.wknd{background:#FBFAFE}
.hline{position:absolute;inset-inline:0;border-top:1px solid var(--line-soft);pointer-events:none}
.now-line{position:absolute;inset-inline:0;height:0;border-top:2px solid var(--bad);z-index:8;pointer-events:none}
.now-line::before{content:"";position:absolute;inset-inline-start:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--bad)}
.pray{position:absolute;inset-inline:0;border-top:1.5px dashed rgba(58,38,102,.28);z-index:1;pointer-events:none}
.pray b{position:absolute;top:-8px;inset-inline-start:3px;font-size:8.5px;color:rgba(58,38,102,.55);font-weight:700;background:transparent}
.evt{position:absolute;border-radius:9px;background:var(--ec,#FF5700);color:#fff;padding:3px 8px;font-size:11.5px;overflow:hidden;
  cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.14);border:1.5px solid rgba(255,255,255,.75);z-index:3;
  transition:box-shadow .12s;user-select:none}
.evt:hover{box-shadow:var(--sh-2);z-index:6}
.evt .et{font-weight:700;line-height:1.4;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evt .es{font-size:10px;opacity:.9;white-space:nowrap}
.evt .rz{position:absolute;bottom:0;inset-inline:0;height:7px;cursor:ns-resize}
.evt.short{padding:1px 7px}.evt.short .es{display:none}
.evt.tent{background:repeating-linear-gradient(45deg,var(--ec),var(--ec) 6px,rgba(255,255,255,.22) 6px,rgba(255,255,255,.22) 10px)}
.evt.ghost{opacity:.65;pointer-events:none;border-style:dashed;z-index:9}
.evt.decl{opacity:.5}.evt.decl .et{text-decoration:line-through}
.evt.past{filter:saturate(.55) opacity(.75)}
.evt .emeet{position:absolute;top:4px;inset-inline-end:5px;width:13px;height:13px;opacity:.9}

/* ══ الأجندة ══ */
.ag-wrap{flex:1;overflow-y:auto;padding:18px clamp(12px,4vw,60px)}
.ag-day{display:flex;gap:18px;padding:14px 4px;border-bottom:1px solid var(--line-soft)}
.ag-date{flex:0 0 84px;text-align:center}
.ag-date .d{font-size:26px;font-weight:800;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;margin:0 auto}
.ag-day.today .ag-date .d{background:var(--orange);color:#fff}
.ag-date .w{font-size:11.5px;color:var(--ink-2);font-weight:700;margin-top:3px}
.ag-date .hj{font-size:10px;color:var(--ink-3)}
.ag-items{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.ag-item{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:var(--r-md);background:var(--panel);
  border:1px solid var(--line-soft);cursor:pointer;transition:box-shadow .15s}
.ag-item:hover{box-shadow:var(--sh-1)}
.ag-dot{width:11px;height:11px;border-radius:4px;flex:none;background:var(--ec)}
.ag-time{font-size:11.5px;color:var(--ink-2);flex:0 0 108px}
.ag-title{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-loc{font-size:11px;color:var(--ink-3)}
.ag-empty{text-align:center;color:var(--ink-3);padding:60px 0}
.ag-empty svg{width:52px;height:52px;stroke:var(--line);margin-bottom:10px}

/* ══ منبثقة التفاصيل والإنشاء السريع ══ */
.popover{position:fixed;z-index:120;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-3);width:min(390px,calc(100vw - 20px));animation:pin .18s var(--ease)}
@keyframes pin{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1}}
.pop-head{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:8px 10px 0}
.pop-body{padding:2px 20px 18px}
.pop-color{width:15px;height:15px;border-radius:5px;display:inline-block;margin-inline-end:8px;background:var(--ec)}
.pop-title{font-size:18px;font-weight:800;line-height:1.5;margin-bottom:2px;display:flex;align-items:center}
.pop-when{color:var(--ink-2);font-size:13px;margin-bottom:2px}
.pop-rec{color:var(--ink-3);font-size:11.5px;display:flex;align-items:center;gap:5px}
.pop-rec svg{width:13px;height:13px}
.pop-row{display:flex;gap:10px;align-items:flex-start;margin-top:11px;font-size:13px;color:var(--ink-2)}
.pop-row svg{width:17px;height:17px;color:var(--ink-3);margin-top:1px}
.pop-row a{color:var(--brand);font-weight:700;text-decoration:none;word-break:break-all}
.pop-meet{margin-top:13px}
.pop-guests{display:flex;flex-direction:column;gap:6px;max-height:170px;overflow-y:auto;flex:1}
.pg{display:flex;align-items:center;gap:8px;font-size:12.5px}
.pg .pav{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;flex:none}
.pg .st{margin-inline-start:auto;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.st.accepted{background:#ECFDF5;color:#047857}.st.declined{background:#FEF2F2;color:#B91C1C}
.st.tentative{background:#FFFBEB;color:#B45309}.st.needsAction{background:var(--line-soft);color:var(--ink-3)}
.pop-rsvp{display:flex;gap:7px;margin-top:14px;align-items:center}
.pop-rsvp b{font-size:12.5px;color:var(--ink-2);margin-inline-end:4px}
.rsvp-btn{border:1.5px solid var(--line);border-radius:999px;padding:6px 15px;font-weight:700;font-size:12px;color:var(--ink-2)}
.rsvp-btn.on.accepted{background:#ECFDF5;border-color:#A7F3D0;color:#047857}
.rsvp-btn.on.tentative{background:#FFFBEB;border-color:#FDE68A;color:#B45309}
.rsvp-btn.on.declined{background:#FEF2F2;border-color:#FECACA;color:#B91C1C}
.qc-title{width:100%;border:0;border-bottom:2px solid var(--line);font-size:17px;font-weight:700;padding:7px 2px;outline:none;background:none}
.qc-title:focus{border-color:var(--orange)}
.qc-when{display:flex;align-items:center;gap:8px;margin:13px 0 4px;color:var(--ink-2);font-size:13px}
.qc-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}

/* ══ المودالات ══ */
.modal-scrim{position:fixed;inset:0;background:rgba(20,15,40,.5);z-index:150;display:grid;place-items:center;
  animation:fadein .15s;padding:14px}
@keyframes fadein{from{opacity:0}}
.modal{background:var(--panel);border-radius:22px;box-shadow:var(--sh-3);width:min(640px,100%);max-height:min(92dvh,860px);
  display:flex;flex-direction:column;animation:pin .2s var(--ease)}
.modal.sm{width:min(470px,100%)}
.modal-head{display:flex;align-items:center;gap:8px;padding:14px 20px 10px;border-bottom:1px solid var(--line-soft)}
.modal-head h2{font-size:16.5px;font-weight:800;flex:1}
.modal-body{padding:16px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}
.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px;border-top:1px solid var(--line-soft)}
.frow{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.frow>svg{width:19px;height:19px;color:var(--ink-3);flex:none}
.frow .grow{flex:1;min-width:0}
.f-title{width:100%;border:0;border-bottom:2px solid var(--line);font-size:20px;font-weight:700;padding:8px 2px;outline:none;background:none}
.f-title:focus{border-color:var(--orange)}
.fin{border:1px solid var(--line);border-radius:var(--r-md);padding:9px 12px;background:#FCFBFE;outline:none;width:100%;
  transition:border-color .15s}
.fin:focus{border-color:var(--brand)}
select.fin{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C566F' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 10px center;background-size:15px;padding-inline-start:32px;cursor:pointer}
textarea.fin{resize:vertical;min-height:64px}
.fl{font-size:11.5px;color:var(--ink-3);font-weight:700;margin-bottom:4px;display:block}
.dt-wrap{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dt-wrap input[type=date]{width:150px}
.dt-wrap select{width:108px}
.dt-sep{color:var(--ink-3)}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);cursor:pointer;font-weight:600}
.chk input{width:16px;height:16px;accent-color:var(--orange)}
.colorpick{display:flex;gap:7px;flex-wrap:wrap}
.cp{width:24px;height:24px;border-radius:50%;cursor:pointer;display:grid;place-items:center;border:2px solid transparent}
.cp svg{width:13px;height:13px;stroke:#fff;stroke-width:3;opacity:0}
.cp.on{border-color:var(--ink)}.cp.on svg{opacity:1}
.guest-wrap{position:relative}
.guest-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.gchip{display:flex;align-items:center;gap:7px;background:var(--line-soft);border-radius:999px;padding:4px 6px 4px 10px;font-size:12px;font-weight:600}
.gchip .pav{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}
.gchip .fb{width:8px;height:8px;border-radius:50%;flex:none}
.fb.free{background:var(--ok)}.fb.busy{background:var(--bad)}.fb.unk{background:#D8D4E6}
.gchip button{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:var(--ink-3)}
.gchip button:hover{background:#E2DEF0;color:var(--ink)}
.gchip button svg{width:11px;height:11px}
.guest-dd{position:absolute;top:calc(100% + 4px);inset-inline:0;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--sh-2);max-height:230px;overflow:auto;z-index:20}
.gd-item{display:flex;align-items:center;gap:9px;padding:8px 12px;cursor:pointer;font-size:13px}
.gd-item:hover,.gd-item.hl{background:var(--line-soft)}
.gd-item .pav{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800}
.gd-item small{color:var(--ink-3);font-size:11px}
.rem-row{display:flex;align-items:center;gap:8px}
.rem-row select{width:auto}
.rem-row input[type=number]{width:74px}
.meet-box{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#F2FBFA,#EDFAF8);border:1px solid #C9EEE8;
  border-radius:var(--r-md);padding:10px 13px}
.meet-box svg{width:20px;height:20px;color:#0D9488}
.meet-box a{color:#0F766E;font-weight:700;font-size:12.5px;text-decoration:none;word-break:break-all;flex:1}
.meet-box .del{color:var(--ink-3)}
.seg{display:flex;background:var(--line-soft);border-radius:999px;padding:3px;width:max-content}
.seg button{padding:6px 16px;border-radius:999px;font-weight:700;font-size:12px;color:var(--ink-2)}
.seg button.on{background:var(--panel);color:var(--brand);box-shadow:var(--sh-1)}
.share-row{display:flex;align-items:center;gap:9px;padding:7px 4px;font-size:13px}
.share-row .pav{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px}
.share-row select{width:auto;padding:5px 28px 5px 8px;font-size:12px}
.copy-row{display:flex;gap:8px;align-items:center}
.copy-row input{flex:1;font-size:11.5px;color:var(--ink-2);direction:ltr;text-align:left}
.hint{font-size:11.5px;color:var(--ink-3);line-height:1.7}
.danger-zone{border-top:1px dashed var(--line);padding-top:12px}

/* أيام الأسبوع chips للمخصص */
.wdays{display:flex;gap:6px}
.wday{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);font-weight:700;font-size:12px;color:var(--ink-2)}
.wday.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* ══ التوستات ══ */
.toasts{position:fixed;bottom:22px;inset-inline-start:22px;display:flex;flex-direction:column;gap:9px;z-index:300}
.toast{display:flex;align-items:center;gap:10px;background:#221C3A;color:#fff;border-radius:14px;padding:11px 16px;
  font-size:13px;font-weight:600;box-shadow:var(--sh-3);animation:tin .25s var(--ease);max-width:min(420px,90vw)}
@keyframes tin{from{opacity:0;transform:translateY(10px)}}
.toast.err{background:#7F1D1D}
.toast svg{width:17px;height:17px;flex:none}
.toast button{color:#FFB38A;font-weight:800;margin-inline-start:6px}

/* ══ بوابة الدخول ══ */
.gate{position:fixed;inset:0;display:grid;place-items:center;background:
  radial-gradient(700px 420px at 85% -10%,#EFE9FB,transparent),
  radial-gradient(600px 420px at 10% 110%,#FFEFE4,transparent),var(--bg);padding:18px}
.gate-card{background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh-2);
  padding:44px 40px;text-align:center;max-width:440px}
.gate-card h1{font-size:22px;font-weight:800;margin:16px 0 8px;color:var(--brand)}
.gate-card p{color:var(--ink-2);font-size:13.5px;line-height:1.9;margin-bottom:22px}
.gate-card .gate-hint{margin:14px 0 0;font-size:12px;color:var(--ink-3)}

/* ══ الجوال ══ */
.only-m{display:none!important}
.fab{position:fixed;bottom:20px;inset-inline-start:20px;width:56px;height:56px;border-radius:18px;background:var(--orange);
  color:#fff;box-shadow:0 8px 22px rgba(255,87,0,.4);display:grid;place-items:center;z-index:80}
.fab svg{width:24px;height:24px}
@media (max-width:920px){
  .only-m{display:grid!important}
  .side{position:fixed;inset-block:0;inset-inline-start:0;transform:translateX(105%);transition:transform .25s var(--ease);
    box-shadow:var(--sh-3);width:290px}
  .side.open{transform:none}
  .brand-name,.viewswitch,.title-wrap .hijri,#settingsBtn,#createBtn{display:none}
  .top .in{gap:4px;padding:0 8px}
  .title-wrap{overflow:hidden;flex:1;min-width:0}
  .title-wrap h1{font-size:15.5px;overflow:hidden;text-overflow:ellipsis}
  .spacer{display:none}
  .search.open input{width:140px}
  /* الأسبوع بالجوال: أعمدة أعرض مع تمرير أفقي موحّد (الرأس والجسم معاً) */
  .w-outer.wide>*{min-width:680px}
  :root{--gutter:46px;--hourH:48px}
  .ag-date{flex-basis:56px}.ag-date .d{width:38px;height:38px;font-size:20px}
  .ag-time{flex-basis:auto;min-width:76px}
  .modal{border-radius:20px 20px 0 0;align-self:end;max-height:94dvh;width:100%}
  .modal-scrim{padding:0;place-items:end center}
  .dt-wrap input[type=date]{width:132px}
}
@media (max-width:920px){ .m-cell .chip .tm{display:none} .dhijri{display:none} }