@font-face{font-family:'Noor';src:url(/assets/brand/font.ttf) format('truetype');font-weight:400;font-display:swap;}
:root{--teal:#15908C;--lime:#D6DF2A;--logo:url(/assets/brand/logo.png)}
/* ===== shared brand components (teal/lime/Noor) ===== */
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;}
body{font-family:'Noor',sans-serif;background:#eef5f4;color:#16302e;direction:rtl;min-height:100vh;}
:root{--teal-d:#0e716e;--muted:#6c8483;--line:#e3edec;--card:#fff;
--done:#1f9d57;--done-bg:#e7f6ed;--prog:#c2791b;--prog-bg:#fbf1de;--danger:#c64b3c;--danger-bg:#fdf2f0;}
a{color:inherit;text-decoration:none;}
button{font-family:'Noor',sans-serif;cursor:pointer;}
input{font-family:'Noor',sans-serif;}

/* app bar */
.appbar{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-d) 100%);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 18px -10px rgba(10,70,68,.6);position:sticky;top:0;z-index:30;}
.appbar .emblem{width:44px;height:44px;background:#fff;border-radius:12px;background-image:var(--logo);background-size:33px;background-position:center;background-repeat:no-repeat;flex:0 0 auto;box-shadow:0 3px 8px rgba(0,0,0,.18);}
.appbar .btext{flex:1;min-width:0;}
.appbar .btitle{font-size:23px;font-weight:700;line-height:1.1;}
.appbar .bsub{font-size:13px;opacity:.85;margin-top:2px;}
.appbar .who{font-size:13.5px;opacity:.95;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);padding:6px 12px;border-radius:999px;}
.iconbtn-light{background:rgba(255,255,255,.16);border:none;color:#fff;border-radius:11px;height:40px;padding:0 14px;font-size:14.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;}
.iconbtn-light svg{width:18px;height:18px;}

.wrap{max-width:880px;margin:0 auto;padding:18px 16px 70px;}

/* buttons */
.btn{border:none;border-radius:13px;height:48px;padding:0 18px;font-size:16.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.btn svg{width:20px;height:20px;}
.btn.primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px -8px rgba(21,144,140,.7);}
.btn.primary:active{transform:translateY(1px);}
.btn.ghost{background:#fff;color:var(--teal-d);border:1px solid var(--line);}
.btn.danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f6ded9;}
.btn.full{width:100%;}
.btn.sm{height:40px;font-size:14.5px;border-radius:11px;padding:0 14px;}

/* inputs */
.field{margin-bottom:13px;}
.field label{display:block;font-size:14px;color:#3f5a59;margin-bottom:6px;}
.inp{width:100%;height:50px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:0 15px;font-size:17px;color:#16302e;}
.inp:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,144,140,.14);}

/* cards/lists */
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 8px 20px -16px rgba(10,50,48,.5);}
.p-title{font-size:19px;font-weight:700;color:var(--teal-d);margin-bottom:13px;}

.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.chip{border:1px solid var(--line);background:#fff;color:#3f5a59;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;}
.chip.on{background:var(--teal);color:#fff;border-color:var(--teal);}

.badge{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:5px 11px;border-radius:999px;}
.badge svg{width:14px;height:14px;}
.badge.done{background:var(--done-bg);color:var(--done);}
.badge.prog{background:var(--prog-bg);color:var(--prog);}

.list{display:flex;flex-direction:column;gap:12px;}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 6px 16px -13px rgba(10,50,48,.5);cursor:pointer;}
.thumb{width:58px;height:80px;border-radius:8px;border:1px solid #e7eeed;background:#fff;flex:0 0 auto;position:relative;overflow:hidden;}
.thumb .t-head{position:absolute;top:5px;right:5px;left:5px;height:8px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--teal) 0 4px,transparent 4px 7px);opacity:.85;}
.thumb .t-logo{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:var(--logo) center/contain no-repeat;}
.thumb .t-line{position:absolute;top:52px;right:5px;left:5px;height:2px;background:var(--lime);transform:rotate(-3deg);}
.thumb .t-tx{position:absolute;bottom:7px;right:6px;left:6px;display:flex;flex-direction:column;gap:3px;}
.thumb .t-tx span{height:3px;background:#dfe6e5;border-radius:2px;}
.thumb .t-tx span:nth-child(2){width:80%;}.thumb .t-tx span:nth-child(3){width:60%;}
.c-main{flex:1;min-width:0;}
.c-title{font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px;word-break:break-word;}
.c-meta{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#36514f;flex-wrap:wrap;}
.c-meta.sub{color:var(--muted);font-size:12.5px;margin-top:2px;}
.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;}
.m-souzan{background:var(--teal);}
.m-nahj{background:var(--lime);box-shadow:0 0 0 1px #b9c11f inset;}
.c-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px;}
.c-date{font-size:12px;color:var(--muted);}
.c-acts{display:flex;flex-direction:column;gap:7px;flex:0 0 auto;}
.ico{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#f7faf9;color:var(--teal-d);display:flex;align-items:center;justify-content:center;}
.ico svg{width:18px;height:18px;}
.ico.danger{color:var(--danger);background:var(--danger-bg);border-color:#f6ded9;}

.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:15.5px;line-height:1.6;}

/* staff rows */
.srow{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 13px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 16px -13px rgba(10,50,48,.5);}
.srow.off{opacity:.62;}
.ava{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;flex:0 0 auto;}
.s-main{flex:1;min-width:0;}
.s-name{font-size:18px;font-weight:700;word-break:break-word;}
.s-meta{font-size:13px;color:var(--muted);margin-top:2px;}
.state{font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;flex:0 0 auto;}
.sb-on{background:var(--done-bg);color:var(--done);}
.sb-off{background:#eef1f1;color:#7c8a89;}
.s-acts{display:flex;gap:7px;flex:0 0 auto;}

/* tabs */
.tabbar{position:fixed;bottom:0;right:0;left:0;background:#fff;border-top:1px solid var(--line);display:flex;padding:8px 10px 14px;box-shadow:0 -6px 18px -12px rgba(10,50,48,.35);z-index:30;}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#90a3a2;font-family:'Noor';font-size:12.5px;font-weight:600;}
.tab svg{width:24px;height:24px;}
.tab.on{color:var(--teal);}

/* login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.login-card{background:#fff;border-radius:24px;padding:30px 24px;width:100%;max-width:380px;box-shadow:0 30px 70px -24px rgba(8,40,38,.4);text-align:center;}
.login-logo{width:88px;height:90px;margin:0 auto 14px;background:var(--logo) center/contain no-repeat;}
.login-title{font-size:25px;font-weight:700;}
.login-sub{font-size:14.5px;color:var(--muted);margin:6px 0 22px;}
.err{color:var(--danger);font-size:14px;margin-top:10px;min-height:18px;}

/* modal */
.ov{position:fixed;inset:0;background:rgba(10,30,29,.45);display:none;align-items:center;justify-content:center;padding:20px;z-index:50;}
.ov.show{display:flex;}
.modal{background:#fff;border-radius:20px;padding:22px;width:100%;max-width:380px;box-shadow:0 30px 70px -24px rgba(8,40,38,.5);}
.modal h3{font-size:20px;font-weight:700;color:var(--teal-d);margin-bottom:16px;}
.seg{display:flex;gap:8px;margin-bottom:13px;}
.seg button{flex:1;border:1px solid var(--line);background:#fff;border-radius:12px;height:46px;font-size:15px;font-weight:700;color:#3f5a59;}
.seg button.on{background:var(--teal);color:#fff;border-color:var(--teal);}
.row{display:flex;gap:9px;}
.row .btn{flex:1;}

.topactions{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap;}
.topactions .btn{flex:1;min-width:150px;}
.searchrow{display:flex;gap:9px;margin-bottom:13px;}
.searchrow .inp{flex:1;}
.selwrap{position:relative;}
select.inp{appearance:none;-webkit-appearance:none;background-image:none;}
.hint{margin-top:16px;background:#e9f3f2;border:1px dashed #bcd6d4;border-radius:14px;padding:13px 14px;display:flex;gap:10px;align-items:flex-start;color:#2c5b58;font-size:14px;line-height:1.5;}
.hint svg{width:20px;height:20px;flex:0 0 auto;margin-top:1px;}
.kv{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f4f3;font-size:15px;}
.kv:last-child{border-bottom:none;}.kv span{color:var(--muted);}.kv b{color:#22403e;}