:root{--navy:#173d58;--navy-2:#102d42;--teal:#0c7772;--teal-2:#23a39a;--icon-bg:#e7f4f2;--cream:#f5f2ea;--card:#fff;--text:#172b3a;--muted:#697985;--border:#dbe3e2;--danger:#c83f4f;--warning:#a76a10;--success:#19734f;--radius:14px;--shadow:0 10px 32px rgba(23,61,88,.07)}*{box-sizing:border-box}[hidden]{display:none!important}html{font-family:Tahoma,Arial,sans-serif;background:var(--cream);color:var(--text);overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:.16s ease}.app-body{background:var(--cream)}.sidebar{position:fixed;inset:0 0 0 auto;width:272px;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50;will-change:transform}.sidebar-brand,.brand-row{display:flex;align-items:center;gap:12px}.sidebar-brand{padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--teal-2);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.12)}.sidebar-brand strong,.brand-row strong{display:block;font-size:21px}.sidebar-brand small,.brand-row small{display:block;color:#c5d1d8;font-size:12px;margin-top:3px}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-copy small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:25px}.sidebar-nav{display:flex;flex-direction:column;gap:5px;padding-top:20px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#d9e2e7;font-size:14px}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link.active{background:#fff;color:var(--navy);font-weight:700;box-shadow:0 7px 20px rgba(0,0,0,.12)}.nav-icon{width:24px;text-align:center;font-size:19px;color:var(--teal-2)}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--teal-2);color:#fff;font-weight:800}.avatar.teal{width:40px;height:40px}.main-area{min-height:100vh;margin-right:272px}.topbar{position:sticky;top:0;z-index:30;min-height:78px;padding:14px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(245,242,234,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(207,217,215,.8)}.topbar-title{display:flex;align-items:center;gap:12px}.topbar h1{font-size:23px;margin:0;color:var(--navy)}.topbar p{font-size:13px;color:var(--muted);margin:5px 0 0}.topbar-user{display:flex;align-items:center;gap:11px;text-align:left}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{font-size:13px}.topbar-user small{font-size:11px;color:var(--muted);margin-top:3px}.menu-button{display:none;border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:40px;cursor:pointer}.content-wrap{max-width:1500px;margin:auto;padding:30px 34px 50px}.content-wrap>section+section{margin-top:20px}.card{background:var(--card);border:1px solid rgba(214,225,223,.9);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{padding:20px 22px;border-bottom:1px solid #edf1f0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-header h2,.card-header h3{margin:0;color:var(--navy)}.card-header h2{font-size:18px}.card-header h3{font-size:16px}.card-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.card-body{padding:22px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:18px}.hero{background:var(--navy);color:#fff;border-radius:26px;padding:30px;position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(23,61,88,.15)}.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;left:-70px;top:-100px;background:rgba(35,163,154,.18);filter:blur(5px)}.hero-content{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.hero h2{font-size:29px;margin:10px 0}.hero p{color:#d7e2e7;line-height:1.8;margin:0;max-width:600px}.hero-meta{font-size:12.5px;opacity:.85;margin-top:8px!important}.quick-clock{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:15px;min-width:280px}.quick-clock small{display:block;color:#d7e2e7;margin-bottom:10px}.button-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;min-height:38px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer}.button.primary{background:var(--teal);color:#fff}.button.primary:hover{background:#096661}.button.secondary{background:#e8f2f1;color:var(--navy);border-color:#d3e7e4}.button.outline{background:#fff;color:var(--navy);border-color:var(--border)}.button.danger{background:#fff0f1;color:var(--danger);border-color:#f1d0d5}.button.ghost{background:transparent;color:var(--navy)}.button.small{min-height:32px;padding:6px 10px;font-size:12px}.button.wide{width:100%;min-height:46px}.button:disabled{opacity:.5;cursor:not-allowed}.kpi{padding:20px;transition:transform .18s ease,box-shadow .18s ease}.kpi-link{display:block;cursor:pointer}.kpi-link:hover,.card.kpi:hover{box-shadow:0 14px 34px rgba(23,61,88,.14);transform:translateY(-2px)}@keyframes card-wiggle{0%,100%{transform:translateY(-2px) rotate(0)}20%{transform:translateY(-2px) rotate(-1deg)}40%{transform:translateY(-2px) rotate(1deg)}60%{transform:translateY(-2px) rotate(-.6deg)}80%{transform:translateY(-2px) rotate(.6deg)}}.kpi-link:hover,.card.kpi:hover{animation:card-wiggle .4s ease}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between}.kpi-label{color:var(--muted);font-size:13px}.kpi-value{font-size:31px;font-weight:800;color:var(--navy);margin:10px 0 2px}.kpi-note{font-size:11px;color:var(--muted)}.kpi-note a{color:var(--teal);font-weight:700}.kpi-note a:hover{text-decoration:underline}.kpi-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:20px;background:var(--icon-bg);color:var(--teal)}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.toolbar-group{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.search{position:relative;min-width:280px}.search input{padding-right:36px}.search:before{content:"⌕";position:absolute;right:12px;top:9px;color:var(--muted);z-index:1}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:12px 14px;text-align:right;white-space:nowrap;border-bottom:1px solid #edf1f0;vertical-align:middle}.data-table th{font-size:12px;color:#526572;background:#fafbfa;font-weight:700}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfb}.cell-title{font-weight:700;color:var(--navy)}.cell-sub{font-size:11px;color:var(--muted);margin-top:4px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;border:1px solid}.status-positive{color:var(--success);background:#ecf8f3;border-color:#ccebdd}.status-negative{color:#a82c3b;background:#fff0f2;border-color:#f4ccd2}.status-pending{color:var(--warning);background:#fff7e8;border-color:#f0dfbb}.badge{display:inline-flex;background:#edf2f2;color:#435966;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.form-card{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.form-stack label,.filter-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#435966}.form-grid .full{grid-column:1/-1}.form-stack{display:flex;flex-direction:column;gap:18px}.form-section{border:1px solid var(--border);border-radius:14px;padding:18px}.form-section h2{font-size:16px;margin:0 0 5px;color:var(--navy)}.form-section>p{font-size:12px;color:var(--muted);margin:0 0 15px}.wizard-progress{height:6px;background:#edf1f0;border-radius:999px;overflow:hidden;margin-bottom:8px}.wizard-progress-bar{height:100%;width:0;background:var(--teal-2);border-radius:999px;transition:width .25s ease}.wizard-progress-label{font-size:12px;color:var(--muted);margin:0 0 18px;text-align:center}.wizard-mode .form-section{display:none}.wizard-mode .form-section.wizard-active{display:block}.wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.wizard-nav [data-wizard-next]{margin-inline-start:auto}.input, input,select,textarea{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:10px;min-height:40px;padding:9px 11px;outline:0}.input:focus,input:focus,select:focus,textarea:focus{border-color:var(--teal-2);box-shadow:0 0 0 3px rgba(35,163,154,.15)}.field-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(200,63,79,.14)}.required-star{color:var(--danger);font-weight:700;margin-inline-start:2px}.field-ok{border-color:var(--success)!important;box-shadow:0 0 0 3px rgba(25,115,79,.14)}textarea{min-height:90px;resize:vertical}.checkbox-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;background:#f7f9f8;border:1px solid var(--border);padding:11px;border-radius:10px}.checkbox-row input{width:17px;min-height:17px}.notice{border:1px solid;border-radius:12px;padding:13px 15px;margin-bottom:18px;font-size:13px;line-height:1.6;transition:.3s}.notice.success{background:#edf9f4;border-color:#c5e8d7;color:#176849}.notice.error{background:#fff0f2;border-color:#f1c9cf;color:#9f2939}.notice.warning{background:#fff8e9;border-color:#efdfb8;color:#8a5811}.notice.info{background:#eff7fc;border-color:#cbe2f1;color:#24617e}.notice.is-hiding{opacity:0;transform:translateY(-6px)}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--navy);margin-bottom:6px}.empty-icon{font-size:32px;opacity:.5;margin-bottom:10px}.project-card{padding:20px}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-title{display:flex;gap:12px}.project-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--icon-bg);color:var(--teal);font-size:20px}.project-card h3{margin:1px 0 4px;color:var(--navy);font-size:16px}.project-card small{color:var(--muted)}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.project-stat{background:#f5f7f6;border-radius:11px;padding:11px}.project-stat small{display:block}.project-stat strong{display:block;margin-top:6px;font-size:13px}.section-title{margin:0 0 15px;color:var(--navy);font-size:18px}.approval-item{display:flex;align-items:center;gap:11px;border:1px solid var(--border);border-radius:12px;padding:11px}.approval-item+.approval-item{margin-top:8px}.approval-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff4db;color:#a86a0e}.approval-item>div{min-width:0}.approval-item strong,.approval-item small{display:block}.approval-item small{color:var(--muted);margin-top:4px}.password-wrap{position:relative}.password-wrap button{position:absolute;left:7px;top:6px;border:0;background:#edf2f2;color:var(--navy);border-radius:7px;padding:5px 8px;font-size:11px;cursor:pointer}.login-body,.install-body{min-height:100vh;background:#eef2ef;display:grid;place-items:center;padding:25px}.login-shell{width:min(980px,100%);min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(23,61,88,.15)}.login-panel{background:var(--navy);color:#fff;padding:42px;display:flex;flex-direction:column}.brand-row small{color:#c8d5dc}.login-copy{margin:auto 0}.eyebrow{display:inline-flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:6px 11px;font-size:11px}.login-copy h1{font-size:38px;line-height:1.35;margin:18px 0}.login-copy p{color:#cedae0;line-height:1.9}.login-points{display:flex;flex-wrap:wrap;gap:8px;font-size:11px}.login-points span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.06)}.login-card{padding:58px 48px;display:flex;flex-direction:column;justify-content:center;gap:25px}.login-card h2{font-size:27px;margin:0;color:var(--navy)}.login-card p{margin:7px 0 0;color:var(--muted);font-size:13px}.login-help{text-align:center!important;font-size:11px!important}.install-shell{width:min(850px,100%)}.install-brand{text-align:center;margin-bottom:18px}.install-brand .brand-mark{margin:auto}.install-brand h1{margin:13px 0 7px;color:var(--navy)}.install-brand p{color:var(--muted);margin:0}.install-card{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--shadow)}.date-range{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap}.date-range label{font-size:11px;color:var(--muted);font-weight:700}.date-range input{margin-top:5px}.metric-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:16px;border:1px solid var(--border);border-radius:13px;background:#fafbfa}.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:23px;color:var(--navy);margin-top:7px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.permission{padding:14px;border:1px solid var(--border);border-radius:12px;background:#fafbfa}.permission strong{display:block;color:var(--navy)}.permission p{font-size:12px;color:var(--muted);line-height:1.7;margin:5px 0 0}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:12px;margin:14px 0 0;line-height:1.7}.text-danger{color:var(--danger)}.ltr{direction:ltr;text-align:right}.mobile-only{display:none}.sidebar-overlay{display:none}.time-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.time-preset-button{border:1px solid var(--border);background:#f5f7f6;color:var(--navy);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;cursor:pointer}.time-preset-button:hover{background:#e8f2f1}.time-preset-button.active{background:var(--teal);color:#fff;border-color:var(--teal)} .field-label{display:block;font-size:12px;font-weight:700;color:#435966;margin-bottom:7px}.button.disabled{opacity:.5;pointer-events:none} @media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{align-items:flex-start;flex-direction:column}.quick-clock{min-width:0;width:100%}} @media(max-width:820px){.sidebar{transform:translate3d(110%,0,0);box-shadow:-20px 0 50px rgba(0,0,0,.2)}.sidebar-open .sidebar{transform:translate3d(0,0,0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(8,24,34,.5);z-index:40}.sidebar-open .sidebar-overlay{display:block}.sidebar-close,.menu-button{display:block}.main-area{margin-right:0}.topbar{padding:12px 18px}.content-wrap{padding:20px 15px 40px}.topbar-user>span:first-child{display:none}.form-grid.three{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr;min-height:auto}.login-panel{display:none}.login-card{padding:38px 26px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-group{align-items:stretch}.search{min-width:0;width:100%}} @media(max-width:560px){.grid.two,.grid.three,.grid.four,.form-grid,.form-grid.three,.metric-list,.permission-grid{grid-template-columns:minmax(0,1fr)}.hero{padding:23px}.hero h2{font-size:24px}.quick-clock .button{flex:1}.topbar p{display:none}.topbar h1{font-size:19px}.card-header{padding:17px}.card-body{padding:17px}.form-grid .full{grid-column:auto}.button-row .button{flex-grow:1}.install-card{padding:18px}.project-stats{grid-template-columns:1fr}.mobile-only{display:block}} .sidebar-nav{overflow-y:auto;min-height:0;padding-left:3px}.theme-top-button{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--navy);cursor:pointer}.sidebar-collapse-top{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:15px}.sidebar-collapse-top:hover{background:rgba(255,255,255,.14)}.audit-meta{min-width:205px}.audit-meta strong,.audit-meta small{display:block}.audit-meta small{color:var(--muted);margin-top:4px}.summary-strip{display:flex;flex-wrap:wrap;gap:9px}.summary-chip{padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--card);font-size:12px}.summary-chip strong{color:var(--navy)}.tabs-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs-row a{padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:var(--card);font-size:12px;font-weight:700}.tabs-row a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.money-positive{color:var(--success);font-weight:800}.money-negative{color:var(--danger);font-weight:800}.file-note{font-size:11px;color:var(--muted);line-height:1.7}.compact-form{display:flex;gap:8px;align-items:center}.compact-form input,.compact-form select{min-width:105px}.drive-state{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:13px;background:#fafbfa}.drive-dot{width:13px;height:13px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px rgba(200,63,79,.1)}.drive-dot.connected{background:var(--success);box-shadow:0 0 0 5px rgba(25,115,79,.1)} [data-theme=dark]{--cream:#0e1821;--card:#172530;--text:#e4edf2;--muted:#9fb0bb;--border:#32434d;--navy:#d9edf5;--navy-2:#0b151d;--shadow:0 12px 32px rgba(0,0,0,.22);color-scheme:dark;background:#0e1821}[data-theme=dark] .app-body,[data-theme=dark] body{background:var(--cream);color:var(--text)}[data-theme=dark] .sidebar{background:#0b202d}[data-theme=dark] .nav-link.active{background:#203845;color:#fff}[data-theme=dark] .topbar{background:rgba(14,24,33,.92);border-color:#2a3b45}[data-theme=dark] .card,[data-theme=dark] .summary-chip,[data-theme=dark] .tabs-row a{background:var(--card);border-color:var(--border)}[data-theme=dark] .card-header,[data-theme=dark] .data-table th,[data-theme=dark] .data-table td{border-color:#2a3b45}[data-theme=dark] .data-table th,[data-theme=dark] .data-table tbody tr:hover,[data-theme=dark] .metric,[data-theme=dark] .permission,[data-theme=dark] .project-stat,[data-theme=dark] .checkbox-row,[data-theme=dark] .drive-state,[data-theme=dark] .rc-times,[data-theme=dark] .rcard-actions{background:#1b2b36}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .button.outline,[data-theme=dark] .theme-top-button{background:#12212b;color:var(--text);border-color:var(--border)}[data-theme=dark] .button.danger{background:#351f26}[data-theme=dark] .button.secondary{background:#24413f;color:#e9ffff}[data-theme=dark] .badge{background:#263944;color:#d8e5eb}[data-theme=dark] .hero{background:#143548}[data-theme=dark] .cell-title,[data-theme=dark] .kpi-value,[data-theme=dark] .card-header h2,[data-theme=dark] .card-header h3,[data-theme=dark] .project-card h3,[data-theme=dark] .section-title,[data-theme=dark] .topbar h1,[data-theme=dark] .summary-chip strong{color:#e5f4fa}[data-theme=dark] .time-preset-button{background:#1b2b36;color:var(--text);border-color:var(--border)}[data-theme=dark] .time-preset-button.active{background:var(--teal);color:#fff;border-color:var(--teal)} @media(max-width:820px){.theme-top-button{display:none}} .brand-logo{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#fff;padding:3px;flex:none}.brand-logo.large{width:72px;height:72px}.avatar.image{object-fit:cover;padding:0}.entity-person{display:flex;align-items:center;gap:10px}.entity-thumb{width:46px;height:46px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#fff;flex:none}.nav-count{margin-inline-start:auto;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:#d34858;color:#fff;font-size:10px}.notification-button{position:relative;width:38px;height:38px;border:1px solid var(--border);background:var(--card);border-radius:10px;display:grid;place-items:center;color:var(--teal)}.notification-button b{position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;border-radius:999px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:10px}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--border);border-radius:13px;padding:15px;background:#fafbfa}.notification-item.unread{border-color:#9ed7d0;background:#eef9f7}.notification-item p{margin:6px 0;color:var(--muted);line-height:1.6}.notification-item small{color:var(--muted)}.claim-description{white-space:normal;min-width:230px;max-width:420px;line-height:1.7;margin-bottom:7px}[data-theme=dark] .notification-item{background:#1b2b36}[data-theme=dark] .notification-item.unread{background:#193532}[data-theme=dark] .brand-logo,[data-theme=dark] .entity-thumb{background:#eef2ef}@media(max-width:820px){.notification-item{align-items:flex-start;flex-direction:column}} .nav-icon.is-idle{color:var(--success)}.nav-icon.has-unread{color:var(--danger)}.notification-button.is-idle{color:var(--success)}.notification-button.has-unread{color:var(--danger)} .nav-group{border:0;margin:0}.nav-group>summary{list-style:none;cursor:pointer;justify-content:flex-start}.nav-group>summary::-webkit-details-marker{display:none}.nav-group-caret{margin-inline-start:auto;color:#c5d1d8;transition:transform .16s ease;font-size:13px}.nav-group[open]>summary .nav-group-caret{transform:rotate(-90deg)}.nav-group-children{display:flex;flex-direction:column;gap:4px;padding-inline-start:14px;margin-top:3px;border-inline-start:1px solid rgba(255,255,255,.12)}.nav-sublink{padding-inline-start:10px;font-size:13px} @media(min-width:981px){.sidebar-collapse-top{display:flex} html.sidebar-collapsed .sidebar{width:84px;padding-left:10px;padding-right:10px} html.sidebar-collapsed .main-area{margin-right:84px} html.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0} html.sidebar-collapsed .sidebar-brand-actions{margin-inline-start:0} html.sidebar-collapsed .sidebar-brand-copy,html.sidebar-collapsed .brand-mark,html.sidebar-collapsed .brand-logo,html.sidebar-collapsed .nav-label,html.sidebar-collapsed .nav-group-caret,html.sidebar-collapsed .nav-count{display:none} html.sidebar-collapsed .nav-link{justify-content:center} html.sidebar-collapsed .nav-group-children{padding-inline-start:0;border:0;align-items:center} html.sidebar-collapsed .sidebar-collapse-top{background:var(--teal-2);color:#fff;border-color:var(--teal-2)} } .button.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger.solid:hover{filter:brightness(.92)}.field-validation.valid{color:var(--success)}.field-validation.invalid{color:var(--danger)}.danger-zone{border-color:#efbfc5}.danger-zone .card-header{background:#fff7f8;border-radius:var(--radius) var(--radius) 0 0}.danger-zone .card-header h2{color:var(--danger)}.audit-details{min-width:110px;white-space:normal}.audit-details summary{cursor:pointer;color:var(--teal);font-weight:700}.audit-details code{display:block;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;max-width:380px;margin-top:8px;padding:8px;border-radius:8px;background:#f3f6f5;font-size:11px}.owner-permission{border-color:#e9b8bf;background:#fff7f8}[data-theme=dark] .danger-zone .card-header,[data-theme=dark] .owner-permission{background:#351f26}[data-theme=dark] .audit-details code{background:#10202a} .user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;border:0;border-radius:13px;background:transparent;color:var(--text);padding:4px 7px;cursor:pointer}.user-menu-trigger:hover,.user-menu.open .user-menu-trigger{background:rgba(23,61,88,.07)}.user-menu-trigger:focus-visible{outline:3px solid rgba(35,163,154,.28);outline-offset:2px}.user-menu-copy{text-align:left;min-width:0}.user-menu-copy strong,.user-menu-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-copy strong{font-size:13px}.user-menu-copy small{font-size:11px;color:var(--muted);margin-top:3px}.user-menu-caret{color:var(--muted);font-size:17px;transition:transform .18s ease}.user-menu.open .user-menu-caret{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;z-index:90;top:calc(100% + 10px);left:0;width:245px;padding:8px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px rgba(23,61,88,.18);text-align:right}.user-menu-dropdown[hidden]{display:none}.user-menu-heading{padding:9px 10px 11px;border-bottom:1px solid var(--border);margin-bottom:5px}.user-menu-heading strong,.user-menu-heading small{display:block}.user-menu-heading strong{font-size:13px;color:var(--navy)}.user-menu-heading small{font-size:11px;color:var(--muted);margin-top:4px}.user-menu-action{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:12px;font-weight:700;text-align:right;cursor:pointer}.user-menu-action:hover,.user-menu-action:focus-visible{background:#edf5f3;color:var(--navy);outline:0}.user-menu-action.danger{color:var(--danger)}.user-menu-action.danger:hover,.user-menu-action.danger:focus-visible{background:#fff0f2;color:var(--danger)}.user-menu-dropdown form{margin:0}.user-menu-separator{height:1px;background:var(--border);margin:5px 7px}.user-menu-count{margin-inline-start:auto;min-width:21px;height:21px;border-radius:999px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:10px}[data-theme=dark] .user-menu-trigger:hover,[data-theme=dark] .user-menu.open .user-menu-trigger{background:#1f3440}[data-theme=dark] .user-menu-action:hover,[data-theme=dark] .user-menu-action:focus-visible{background:#203740;color:#e5f4fa}[data-theme=dark] .user-menu-action.danger:hover,[data-theme=dark] .user-menu-action.danger:focus-visible{background:#351f26;color:#ff9fab}@media(max-width:560px){.user-menu-copy,.user-menu-caret{display:none}.user-menu-trigger{padding:2px}.user-menu-dropdown{width:min(245px,calc(100vw - 30px))}} .field-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(200,63,79,.14)!important;background:#fff8f8!important} .js-field-hint{color:var(--danger);font-size:11px;margin-top:3px;display:block;font-weight:600} label:has(.field-error) > span:first-child{color:var(--danger)} .notice.error{font-weight:600;border-width:2px} .notif-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px} .filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--navy);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;cursor:pointer} .filter-chip:hover{border-color:var(--teal-2)} .filter-chip b{min-width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:#edf2f2;color:#435966;font-size:10px;padding:0 5px} .filter-chip.active{background:var(--teal);border-color:var(--teal);color:#fff} .filter-chip.active b{background:rgba(255,255,255,.22);color:#fff} .filter-chip.action{border-color:#efd9ae;background:#fff8e9;color:#8a5811} .filter-chip.action b{background:#f0dfbb;color:#8a5811} .filter-chip.action.active{background:var(--warning);border-color:var(--warning);color:#fff} .filter-chip.action.active b{background:rgba(255,255,255,.25);color:#fff} .notif-list{display:flex;flex-direction:column;gap:12px} .notif{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--border);border-radius:13px;padding:15px;background:#fafbfa} .notif.unread{border-color:#9ed7d0;background:#eef9f7} .notif.actionable{border-color:#e8cf9c;background:#fffcf4;box-shadow:0 6px 18px rgba(167,106,16,.07)} .notif-icon{width:42px;height:42px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:19px;font-weight:800;background:#edf2f2;color:#435966} .notif-icon.tone-positive{background:#ecf8f3;color:var(--success)} .notif-icon.tone-negative{background:#fff0f2;color:var(--danger)} .notif-icon.tone-action{background:#fff7e8;color:var(--warning)} .notif-icon.tone-neutral{background:#e7f4f2;color:var(--teal)} .notif-main{flex:1;min-width:0} .notif-head{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:6px} .notif-type{display:inline-flex;background:#edf2f2;color:#435966;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700} .notif-flag{display:inline-flex;background:#fff7e8;color:var(--warning);border:1px solid #f0dfbb;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700} .notif-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-2)} .notif-title{display:block;color:var(--navy);font-size:14px;line-height:1.6} .notif-msg{margin:5px 0;color:var(--muted);line-height:1.7;font-size:13px;white-space:normal} .notif-time{color:var(--muted);font-size:11px} .notif-decision{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)} .notif-decision form{display:inline-flex} .notif-inline{position:relative} .notif-inline>summary{list-style:none;cursor:pointer;user-select:none} .notif-inline>summary::-webkit-details-marker{display:none} .notif-inline[open]>summary{opacity:.65} .notif-inline-form{display:flex;flex-direction:column;gap:8px;margin-top:9px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--card);min-width:min(320px,78vw)} .notif-inline-form textarea{min-height:60px} .notif-group{margin-top:10px} .notif-group>summary{cursor:pointer;color:var(--teal);font-size:12px;font-weight:700} .notif-group-item{border-top:1px solid var(--border);margin-top:9px;padding-top:9px} .notif-group-item strong{font-size:13px;color:var(--navy)} .notif-group-item p{margin:4px 0;color:var(--muted);font-size:12px;line-height:1.6} .notif-group-item small{color:var(--muted);font-size:11px} .notif-side{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:none;min-width:118px} .notif-side form{display:flex} .notif-side .button{width:100%} [data-theme=dark] .notif{background:#1b2b36} [data-theme=dark] .notif.unread{background:#193532} [data-theme=dark] .notif.actionable{background:#2b2517;border-color:#5c4a22} [data-theme=dark] .notif-icon,[data-theme=dark] .notif-type,[data-theme=dark] .filter-chip b{background:#263944;color:#d8e5eb} [data-theme=dark] .notif-icon.tone-positive{background:#12332a;color:#63c79b} [data-theme=dark] .notif-icon.tone-negative{background:#351f26;color:#e88d99} [data-theme=dark] .notif-icon.tone-action{background:#332a17;color:#e6bf74} [data-theme=dark] .notif-icon.tone-neutral{background:#1c3b3a;color:#5fc9c0} [data-theme=dark] .notif-flag{background:#332a17;color:#e6bf74;border-color:#5c4a22} [data-theme=dark] .filter-chip{background:var(--card);border-color:var(--border)} [data-theme=dark] .filter-chip.action{background:#332a17;border-color:#5c4a22;color:#e6bf74} [data-theme=dark] .notif-inline-form{background:#12212b} @media(max-width:820px){ .notif{flex-wrap:wrap} .notif-side{flex-direction:row;flex-wrap:wrap;width:100%;min-width:0;margin-top:10px} .notif-side .button{width:auto} .notif-inline-form{min-width:100%} } .stage-stepper{display:flex;flex-direction:column;gap:3px;margin-top:7px} .stage-step{position:relative;padding-inline-start:16px;font-size:11px;font-weight:700;color:var(--muted);line-height:1.5} .stage-step:before{content:"";position:absolute;inset-inline-start:0;top:4px;width:8px;height:8px;border-radius:50%;background:var(--border)} .stage-step.done{color:var(--success)} .stage-step.done:before{background:var(--success)} .stage-step.current{color:var(--warning)} .stage-step.current:before{background:var(--warning);box-shadow:0 0 0 3px rgba(167,106,16,.15)} [data-theme=dark] .stage-step:before{background:#32434d} .patient-search{position:relative} .patient-search-results{position:absolute;z-index:40;top:calc(100% + 6px);right:0;left:0;max-height:340px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 45px rgba(23,61,88,.18);padding:6px} .patient-search-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:right;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;font:inherit} .patient-search-item:hover,.patient-search-item:focus-visible{background:#edf5f3;outline:0} .patient-search-item strong{font-size:13px;color:var(--navy)} .patient-search-item small{font-size:11.5px;color:var(--muted)} .patient-search-item-add{border-top:1px dashed var(--border);margin-top:4px;padding-top:11px} .patient-search-item-add strong{color:var(--teal)} [data-theme=dark] .patient-search-item:hover,[data-theme=dark] .patient-search-item:focus-visible{background:#203740} .patient-search-item-restricted{display:flex;flex-direction:column;gap:4px;width:100%;padding:9px 11px;border-radius:9px;background:#f6f3ea} .patient-search-item-restricted strong{font-size:13px;color:var(--navy)} .patient-search-item-restricted small{font-size:11.5px;color:var(--muted)} .patient-search-item-restricted .notif-inline-form{min-width:0;width:100%} .patient-search-item-claim-status{color:var(--teal);font-weight:600} [data-theme=dark] .patient-search-item-restricted{background:#1c2630} .search input,.patient-search-input{min-height:46px;padding-inline-end:40px;border-radius:13px;font-size:13.5px;box-shadow:0 2px 10px rgba(23,61,88,.05)} .search input:focus,.patient-search-input:focus{box-shadow:0 2px 14px rgba(23,61,88,.08),0 0 0 3px rgba(35,163,154,.15)} .patient-search:before{content:"⌕";position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none;z-index:1} .patient-search-hero{border:1px solid #cfe9e5;background:linear-gradient(180deg,#f4fbfa,#fff)} .patient-search-hero .card-header h2{display:flex;align-items:center;gap:8px} [data-theme=dark] .patient-search-hero{border-color:#1d4b47;background:linear-gradient(180deg,#152524,var(--card))} .mhpss-registry-filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 22px;background:#f7f9f8;border-top:1px solid #edf1f0;border-bottom:1px solid #edf1f0} [data-theme=dark] .mhpss-registry-filters{background:#16262f} .mhpss-registry-filters .mhpss-registry-search{flex:1 1 100%;min-width:220px;margin-bottom:0} .mhpss-registry-filter-selects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1 1 100%} .mhpss-registry-filter-selects select{width:100%;min-height:36px;padding:7px 30px 7px 10px;font-size:12.5px} @media(max-width:760px){.mhpss-registry-filter-selects{grid-template-columns:repeat(2,minmax(0,1fr))}} [data-mhpss-registry-table] .notif-inline-form{min-width:0;width:100%} [data-mhpss-registry-table] td{white-space:normal} .mhpss-change-diff{margin:0;padding:0;list-style:none;white-space:normal;max-width:360px} .mhpss-change-diff li{margin:0 0 5px;font-size:12px;line-height:1.55} .mhpss-change-diff li:last-child{margin-bottom:0} .mhpss-change-diff-old{color:var(--danger);text-decoration:line-through;text-decoration-thickness:1px} .mhpss-change-diff-new{color:var(--success);font-weight:700} @media(max-width:820px){ [data-mhpss-registry-table] thead{display:none} [data-mhpss-registry-table],[data-mhpss-registry-table] tbody,[data-mhpss-registry-table] tr,[data-mhpss-registry-table] td{display:block;width:100%} [data-mhpss-registry-table]{border:0} [data-mhpss-registry-table] tr{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:4px 0;background:var(--card)} [data-mhpss-registry-table] tr:last-child{margin-bottom:0} [data-mhpss-registry-table] td{white-space:normal;border-bottom:1px solid #edf1f0;padding:10px 14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px 12px;text-align:start} [data-mhpss-registry-table] tr td:last-child{border-bottom:0} [data-mhpss-registry-table] td:before{content:attr(data-label);flex:0 0 auto;font-size:11px;font-weight:700;color:var(--muted)} [data-mhpss-registry-table] td.button-row{flex-direction:column;align-items:stretch;gap:8px} [data-mhpss-registry-table] td.button-row:before{display:none} [data-mhpss-registry-table] td.button-row>.button,[data-mhpss-registry-table] td.button-row>details{width:100%} [data-mhpss-registry-table] td.button-row .button{width:100%;justify-content:center} [data-mhpss-registry-table] .notif-inline-form{min-width:0;width:100%} } .selfie-field{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)} .selfie-field input[type=file]{display:none} .selfie-field img[data-selfie-preview]{width:30px;height:30px;object-fit:cover;border-radius:7px;border:1px solid var(--border)} .selfie-camera{position:fixed;inset:0;z-index:9999;background:rgba(8,12,20,.86);display:flex;align-items:center;justify-content:center;padding:16px} .selfie-camera-box{background:var(--card,#fff);color:var(--text,#111);border-radius:16px;padding:16px;max-width:min(460px,94vw);width:100%;box-shadow:0 18px 50px rgba(0,0,0,.35);text-align:center} .selfie-camera-title{font-weight:700;margin-bottom:10px;font-size:15px} .selfie-camera-video{width:100%;max-height:58vh;border-radius:12px;background:#000;transform:scaleX(-1);object-fit:cover} .selfie-camera-video.is-back{transform:none} .selfie-camera-actions{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap} .selfie-camera-hint{margin-top:10px;font-size:11.5px;color:var(--muted);line-height:1.7} .attendance-selfies{display:flex;gap:5px;margin-top:4px} .attendance-selfie-thumb{width:34px;height:34px;object-fit:cover;border-radius:8px;border:1px solid var(--border)} .attendance-geo-links{display:flex;gap:8px;flex-wrap:wrap} .attendance-geo-links a{color:#0c7772;text-decoration:none;font-weight:600} .attendance-geo-links a:hover{text-decoration:underline} .impersonation-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff7e8;border:2px solid #f0dfbb;color:#8a5811;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:13px;font-weight:700} .impersonation-bar form{margin:0} [data-theme=dark] .impersonation-bar{background:#3a2c11;border-color:#5a4419;color:#f0c675} .usage-bar{display:block;width:100%;min-width:70px;height:8px;border-radius:99px;background:var(--border,#dbe3e2);overflow:hidden} .usage-bar-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#23a39a,#0c7772)} .stock-balance{font-size:15px;font-weight:800;color:var(--navy)} .stock-balance.is-low{color:var(--warning)} .stock-balance.is-out{color:var(--danger)} .mail-unread td{background:#f3f9f8} .mail-unread .cell-title{color:var(--navy);font-weight:800} .mail-body{line-height:2;font-size:14px;white-space:normal;word-break:break-word} .row-actions-details{min-width:190px} .row-actions-details>summary{list-style:none;cursor:pointer;color:var(--teal);font-weight:700;font-size:12.5px;padding:4px 0} .row-actions-details>summary::-webkit-details-marker{display:none} .row-actions-details[open]>summary{margin-bottom:8px} .row-actions-details[open]{display:block;padding:10px;border:1px solid var(--border);border-radius:11px;background:#fafbfa} [data-theme=dark] .row-actions-details[open]{background:#1b2b36} .mhpss-settings-details{flex-basis:100%} .mhpss-settings-details>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;color:var(--teal);font-weight:700;font-size:13px;padding:9px 16px;border:1px solid var(--border);border-radius:10px;background:var(--card);transition:background .15s,color .15s} .mhpss-settings-details>summary::-webkit-details-marker{display:none} .mhpss-settings-details>summary:hover{background:#f1f6f5} .mhpss-settings-details[open]>summary{background:var(--teal);color:#fff;border-color:var(--teal)} .mhpss-settings-panel{margin-top:14px;background:var(--card);border:1px solid rgba(214,225,223,.9);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden} [data-theme=dark] .mhpss-settings-details>summary:hover{background:#1b2b36} .mhpss-settings-project-picker{padding:16px 22px;background:#fafbfa;border-bottom:1px solid #edf1f0} .mhpss-settings-project-picker label{max-width:340px} [data-theme=dark] .mhpss-settings-project-picker{background:#1b2b36} .mhpss-settings-section{padding:20px 22px} .mhpss-settings-section+.mhpss-settings-section{border-top:1px solid #edf1f0} .mhpss-settings-section h3{margin:0 0 8px;font-size:14.5px;color:var(--navy)} .mhpss-settings-section .field-hint{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.6} [data-theme=dark] .mhpss-settings-section+.mhpss-settings-section{border-top-color:#233642} .rich-editor-wrap{border:1px solid var(--border);border-radius:11px;overflow:hidden;background:var(--card,#fff)} .rich-toolbar{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#f4f7f6;border-bottom:1px solid var(--border);flex-wrap:wrap} [data-theme=dark] .rich-toolbar{background:#16232c} .rich-toolbar-btn{border:1px solid var(--border);background:#fff;color:var(--text,#111);border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:700;cursor:pointer;line-height:1.4} .rich-toolbar-btn:hover{border-color:var(--teal);color:var(--teal)} [data-theme=dark] .rich-toolbar-btn{background:#1b2b36;color:#e7eef0} .rich-toolbar-btn[data-rt-cmd="bold"]{font-weight:900} .rich-toolbar-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 1px} .rich-toolbar-select{border:1px solid var(--border);background:#fff;color:var(--text,#111);border-radius:8px;padding:5px 8px;font-size:12px;cursor:pointer;max-width:130px} [data-theme=dark] .rich-toolbar-select{background:#1b2b36;color:#e7eef0} .rich-toolbar-color{display:flex;align-items:center;gap:4px} .rich-toolbar-color input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:7px;background:none;cursor:pointer} .rich-toolbar-hint{font-size:11px;color:var(--muted);margin-inline-start:auto} .rich-editor ul,.rich-editor ol{padding-inline-start:22px;margin:6px 0} .rich-editor div{min-height:1em} .rich-editor{min-height:120px;max-height:340px;overflow-y:auto;padding:11px 13px;font-size:13.5px;font-weight:400;line-height:1.9;outline:none} .rich-editor:focus{background:#fbfefe} [data-theme=dark] .rich-editor:focus{background:#12232b} .job-info-box{background:var(--job-info-bg,#eef6f5);color:var(--job-info-fg,#172b3a);border-radius:12px;padding:16px 18px;font-size:13px;line-height:1.9;word-break:break-word} .job-info-box b,.job-info-box strong{color:var(--job-info-accent,#0c7772)} .job-info-box ul,.job-info-box ol{padding-inline-start:22px;margin:6px 0} .ms-select{position:relative} .ms-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px} .ms-chips:empty{display:none} .ms-chip{display:inline-flex;align-items:center;gap:6px;background:#e7f4f2;color:var(--navy);border-radius:999px;padding:5px 6px 5px 11px;font-size:12px;font-weight:700} .ms-chip-remove{border:0;background:rgba(23,61,88,.12);color:var(--navy);border-radius:50%;width:18px;height:18px;line-height:1;display:grid;place-items:center;cursor:pointer;font-size:13px;padding:0} .ms-chip-remove:hover{background:rgba(23,61,88,.22)} .ms-input{cursor:pointer;background:#fff} .ms-panel{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 34px rgba(23,61,88,.14);max-height:260px;overflow:auto;padding:6px} .ms-item{display:block;width:100%;text-align:right;border:0;background:transparent;color:var(--text);border-radius:8px;padding:9px 10px;font-size:13px;cursor:pointer} .ms-item:hover{background:#f2f6f5} .ms-item.is-selected{background:#e7f4f2;color:var(--navy);font-weight:700} .ms-empty{padding:10px;font-size:12px;color:var(--muted);text-align:center} .kpi-meter{margin-top:10px} .kpi-meter-track{height:7px;background:#eef2f1;border-radius:999px;overflow:hidden} .kpi-meter-bar{height:100%;border-radius:999px;transition:width .3s ease,background-color .3s ease} .kpi-meter-label{font-size:11.5px;color:var(--muted);margin-top:5px} :root{--type-awareness:#2a78d6;--type-group-support:#eb6834;--type-individual-support:#1baf7a}[data-theme=dark]{--type-awareness:#3987e5;--type-group-support:#d95926;--type-individual-support:#199e70}.plan-hero-strip{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.plan-hero-chip{flex:1;min-width:160px;display:flex;align-items:center;gap:12px;padding:15px 17px;border-radius:16px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.plan-hero-chip .plan-hero-dot{width:13px;height:13px;border-radius:50%;flex:none;background:var(--dot-color,var(--teal))}.plan-hero-chip strong{display:block;font-size:21px;color:var(--navy);line-height:1.2}.plan-hero-chip small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.group-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.group-card{display:block;position:relative;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 16px 16px 20px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.group-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,61,88,.14)}.group-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:var(--ring-color,var(--teal))}.group-card.type-awareness{--ring-color:var(--type-awareness)}.group-card.type-group_support{--ring-color:var(--type-group-support)}.group-card.type-individual_support{--ring-color:var(--type-individual-support)}.group-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.group-card-code{font-weight:800;color:var(--navy);font-size:13.5px}.group-card-code span{color:var(--muted);font-weight:600;font-size:11px;margin-inline-start:5px}.group-type-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ring-color,var(--teal));white-space:nowrap}.group-type-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--ring-color,var(--teal));flex:none}.group-card-body{display:flex;align-items:center;gap:14px;margin-top:12px}.group-ring{position:relative;width:60px;height:60px;border-radius:50%;flex:none;background:conic-gradient(var(--ring-color,var(--teal)) calc(var(--pct,0)*1%),#edf1f0 0)}.group-ring:after{content:"";position:absolute;inset:6px;background:var(--card);border-radius:50%}.group-ring span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--navy);z-index:1}.group-card-meta{font-size:11.5px;color:var(--muted);line-height:1.9;flex:1;min-width:0}.group-card-meta strong{color:var(--navy);font-weight:700}.group-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}[data-theme=dark] .group-ring:after{background:var(--card)}[data-theme=dark] .group-ring{background:conic-gradient(var(--ring-color,var(--teal)) calc(var(--pct,0)*1%),#233039 0)} .group-card-categories{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px} .chip.small{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;color:var(--navy);background:#eef2f1;border-radius:999px;padding:3px 9px;white-space:nowrap} [data-theme=dark] .chip.small{background:#233039;color:#e7edf0} /* ——— ألوان التطبيق التي يختارها الموظف ——————————————————————————————————————— نفس اللوحات التسع بتطبيق الجوال حرفيًا (lib/theme/app_palette.dart) — فيرى الموظف اللون نفسه بالموقع والتطبيق. اللوحة الافتراضية «أخضر هدى» لا قاعدة لها هنا بقصد: غياب السمة data-palette يعني ألوان :root الأصلية بلا أي تغيير، فمن لا يختار شيئًا لا يتأثر إطلاقًا. ترتيب القواعد مقصود: قواعد الوضع الليلي بعد النهارية، فهي بنفس درجة التخصيص وتغلبها. */ :root[data-palette=sky]{--teal:#166fad;--teal-2:#2e9be0;--navy:#0f3a55;--navy-2:#092334;--icon-bg:#e4f2fc} :root[data-palette=azure]{--teal:#2f5fd4;--teal-2:#4e79e4;--navy:#1b2a57;--navy-2:#101a35;--icon-bg:#e8eefd} :root[data-palette=teal]{--teal:#0a7084;--teal-2:#0c93ac;--navy:#0b3a44;--navy-2:#06232a;--icon-bg:#e0f4f8} :root[data-palette=indigo]{--teal:#5b45c4;--teal-2:#8670e0;--navy:#241c4a;--navy-2:#16112d;--icon-bg:#ede9fc} :root[data-palette=plum]{--teal:#9b2f5e;--teal-2:#c25185;--navy:#3a1428;--navy-2:#230c18;--icon-bg:#fbe8f0} :root[data-palette=forest]{--teal:#2c6b34;--teal-2:#4f9257;--navy:#16301a;--navy-2:#0d1d10;--icon-bg:#e8f4e9} :root[data-palette=clay]{--teal:#a9503a;--teal-2:#cb7458;--navy:#3a1f16;--navy-2:#23130d;--icon-bg:#faebe4} :root[data-palette=slate]{--teal:#3f5a72;--teal-2:#64809a;--navy:#1b2a38;--navy-2:#101a22;--icon-bg:#eaeff4} /* بالوضع الليلي يبقى --teal كما هو (خلفية يُكتب فوقها بالأبيض)، ويصير --navy فاتحًا لأنه لون عناوين لا خلفية. */ [data-theme=dark][data-palette=sky]{--navy:#ddeefa;--navy-2:#0b151d} [data-theme=dark][data-palette=azure]{--navy:#e2e8fb;--navy-2:#0b151d} [data-theme=dark][data-palette=teal]{--navy:#ddf1f6;--navy-2:#0b151d} [data-theme=dark][data-palette=indigo]{--navy:#e7e1fb;--navy-2:#0b151d} [data-theme=dark][data-palette=plum]{--navy:#fae2ed;--navy-2:#0b151d} [data-theme=dark][data-palette=forest]{--navy:#e2f3e4;--navy-2:#0b151d} [data-theme=dark][data-palette=clay]{--navy:#fae7de;--navy-2:#0b151d} [data-theme=dark][data-palette=slate]{--navy:#e2eaf1;--navy-2:#0b151d} /* لوحة اختيار المظهر بأعلى الشاشة */ .theme-menu{position:relative} .theme-menu-panel{position:absolute;z-index:95;top:calc(100% + 10px);left:0;width:290px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 45px rgba(23,61,88,.18);text-align:right} .theme-menu-panel[hidden]{display:none} .theme-menu-panel h4{margin:0 0 10px;font-size:13px;color:var(--navy)} .theme-modes{display:flex;gap:8px;margin-bottom:16px} .theme-mode{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:12px;font-size:12.5px;font-weight:700;cursor:pointer} .theme-mode.active{border-color:var(--teal);border-width:1.6px;background:color-mix(in srgb,var(--teal) 13%,transparent);color:var(--teal)} .theme-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .theme-swatch{display:flex;flex-direction:column;gap:5px;align-items:stretch;border:0;background:transparent;padding:0;cursor:pointer;font:inherit} .theme-swatch i{display:block;height:44px;border-radius:13px;border:1px solid rgba(0,0,0,.12);position:relative;overflow:hidden} .theme-swatch i:after{content:"";position:absolute;inset-inline:0;bottom:0;height:13px;background:var(--sw2)} .theme-swatch.active i{border-color:var(--text);border-width:2.4px} .theme-swatch.active i:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:19px;font-weight:900;z-index:1} .theme-swatch span{font-size:10px;line-height:1.3;color:var(--muted);font-weight:700} .theme-swatch.active span{color:var(--text)} .theme-menu-note{margin:12px 0 0;font-size:10.5px;color:var(--muted);line-height:1.6} @media(max-width:820px){.theme-menu-panel{width:min(290px,calc(100vw - 30px))}} /* ——— رئيسية الموقع الذكية: «يومك» و«أسبوعك» و«يحتاج انتباهك» ———————————————————————— الثلاثة منقولة عن تطبيق الجوال بنفس قراءتها البصرية حرفيًا (lib/widgets/home_widgets.dart)، فلا يتعلّم الموظف شكلين لنفس المعلومة. ترتيب القواعد هنا مقصود كبقية الملف: النهاري أولًا ثم الليلي، لأنهما بنفس درجة التخصيص فالمتأخر يغلب. */ :root{--tone-bad:var(--danger);--tone-warn:var(--warning);--tone-ok:var(--success);--tone-info:#2a78d6;--tone-leave:#8e5bd6} [data-theme=dark]{--tone-bad:#e2707c;--tone-warn:#e0a53e;--tone-ok:#3fbd8a;--tone-info:#5fa4ee;--tone-leave:#b79ae8} /* ——— بطاقة اليوم بالرئيسية ——————————————————————————————————————————————————————— بنفس نِسَب شاشة التطبيق (_heroCard): سطر التحية، فالاسم، فحالة اليوم، والحلقة بالجهة المقابلة؛ ثم كبسولات نمط العمل بعرض البطاقة، فزرّان متساويان تمامًا. لا صندوق داخلي ولا عنوان فرعي — كان ذلك أكثر ما يُفقد البطاقة ترتيبها. */ .home-hero{background:linear-gradient(135deg,var(--navy) 0%,#0f5c68 55%,var(--teal-2) 100%);padding:20px 20px 17px} [data-theme=dark] .home-hero{background:linear-gradient(135deg,#143548 0%,#0d4450 55%,var(--teal) 100%)} .home-hero:after{width:190px;height:190px;left:-60px;bottom:-90px;top:auto;background:rgba(255,255,255,.05)} .hero-top{position:relative;z-index:1;display:flex;align-items:flex-start;gap:18px} .hero-copy{min-width:0;flex:1} .hero-greeting{margin:0;font-size:12.5px;color:rgba(255,255,255,.78)} .home-hero h2{margin:5px 0 0;font-size:22px;font-weight:800;line-height:1.35;color:#fff} .day-state{margin-top:13px} .day-state strong{display:block;font-size:16.5px;font-weight:800} .day-state span{display:block;margin-top:3px;font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.85)} .day-ring{position:relative;width:128px;height:128px;flex:none} .day-ring svg{width:100%;height:100%;transform:rotate(-90deg)} .day-ring circle{fill:none;stroke-width:10;stroke-linecap:round} .day-ring .ring-track{stroke:rgba(255,255,255,.18)} .day-ring .ring-bar{stroke:#ffd27a;stroke-dasharray:326.726;transition:stroke-dashoffset .9s cubic-bezier(.22,.8,.3,1)} .day-ring .ring-bar.ring-done{stroke:#7be0b0} .day-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff;text-align:center} .day-ring-icon{font-size:17px;line-height:1;opacity:.95} .day-ring-center strong{font-size:15px;font-weight:800} .day-ring-center small{font-size:10.5px;color:rgba(255,255,255,.72)} /* كبسولات نمط العمل — بديل القائمة المنسدلة: الخيارات الثلاثة ظاهرة دفعةً واحدة بلا فتح قائمة. */ .mode-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:14px} .mode-pill{cursor:pointer} .mode-pill input{position:absolute;opacity:0;width:0;height:0} .mode-pill span{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font-size:12.5px;font-weight:700;transition:.16s ease} .mode-pill span i{font-style:normal;font-size:13px;line-height:1} .mode-pill:hover span{background:rgba(255,255,255,.2)} .mode-pill input:checked+span{background:#fff;color:var(--navy);border-color:#fff;border-width:1.6px} [data-theme=dark] .mode-pill input:checked+span{color:#10222c} .mode-pill input:focus-visible+span{outline:2px solid #fff;outline-offset:2px} /* الزرّان: متساويان تمامًا وبنفس الارتفاع — النموذجان عنصران مرنان متساويان لا أكثر. */ .hero-clock{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px} .hero-clock form{flex:1 1 180px;min-width:0;display:flex} .hero-clock [data-geo-status]{flex:1 0 100%;color:rgba(255,255,255,.85)} .hero-btn{flex:1;min-height:50px;border-radius:16px;border:0;font:inherit;font-size:14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease} .hero-btn-in{background:#fff;color:var(--navy)} .hero-btn-in:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)} .hero-btn-in[disabled]{background:rgba(255,255,255,.18);color:rgba(255,255,255,.55);cursor:default} .hero-btn-out{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)} .hero-btn-out:hover:not([disabled]){background:rgba(255,255,255,.12)} .hero-btn-out[disabled]{color:rgba(255,255,255,.45);border-color:rgba(255,255,255,.2);cursor:default} [data-theme=dark] .hero-btn-in{color:#10222c} .home-hero .hero-meta{position:relative;z-index:1;margin:11px 0 0;font-size:11.5px;color:rgba(255,255,255,.6)} /* ——— بطاقة اليوم 2.93.0: شبكة بدل عمود ——————————————————————————————————————————— بالجوال واللوحي: «يومك» والحلقة صفًّا، ثم لوحة التسجيل بعرض البطاقة (كالتطبيق حرفيًا). وبالشاشات العريضة (≥1000px): ثلاثة أعمدة — «يومك» ← الحلقة ← لوحة التسجيل بعرض ثابت — فلا فراغ بعرض الشاشة بين النص والحلقة، ولا زرّان يمتدّان 700px لكلٍّ منهما. */ .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy ring" "actions actions";gap:14px 18px;align-items:center} .hero-grid.is-solo{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"} .hero-grid .hero-copy{grid-area:copy} .hero-grid .day-ring{grid-area:ring} .hero-grid .hero-actions{grid-area:actions;min-width:0} .hero-greeting{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .hero-date-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:11.5px;font-weight:800} .day-state strong{display:flex;align-items:center;gap:8px} .day-dot{width:9px;height:9px;flex:none;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 3px rgba(255,255,255,.12)} .day-state.tone-live .day-dot{background:#7be0b0;box-shadow:0 0 0 3px rgba(123,224,176,.25);animation:day-pulse 1.8s ease-in-out infinite} .day-state.tone-done .day-dot{background:#7be0b0} .day-state.tone-wait .day-dot{background:#ffd27a;box-shadow:0 0 0 3px rgba(255,210,122,.22)} @keyframes day-pulse{0%,100%{box-shadow:0 0 0 3px rgba(123,224,176,.25)}50%{box-shadow:0 0 0 7px rgba(123,224,176,.05)}} /* شريط اليوم: من بداية الدوام إلى نهايته، والمقطع المضيء هو ما قضيته فعلاً (حضور ← الآن/الانصراف). */ .day-line{margin-top:14px;max-width:520px} .day-line-track{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.16)} .day-line-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#ffd27a,#ffe3a8)} .day-line-fill.is-done{background:#7be0b0} .day-line-now{position:absolute;top:50%;width:14px;height:14px;margin-inline-start:-7px;transform:translateY(-50%);border-radius:50%;background:#fff;border:3px solid #ffd27a;box-shadow:0 2px 8px rgba(0,0,0,.25)} .day-line-labels{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:10.5px;color:rgba(255,255,255,.7)} .day-line-labels span{display:flex;flex-direction:column;gap:1px} .day-line-labels b{font-size:12.5px;font-weight:800;color:#fff} .day-line-labels .is-mid{display:block;align-self:center;text-align:center;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.1)} .day-line-labels .is-mid b{font-size:11px} .day-line-labels .is-end{text-align:end;align-items:flex-end} .hero-copy .hero-meta{margin-top:12px!important} .hero-actions-title{display:none;margin:0 0 10px;font-size:12px;font-weight:800;color:rgba(255,255,255,.75)} .hero-actions .mode-pills{margin-top:0} .hero-actions .hero-clock{margin-top:12px} @media(min-width:1000px){ .home-hero{padding:26px 30px} .hero-grid{grid-template-columns:minmax(0,1fr) auto minmax(300px,370px);grid-template-areas:"copy ring actions";gap:30px} .home-hero h2{font-size:26px} .day-ring{width:156px;height:156px} .day-ring-center strong{font-size:18px} .day-ring-icon{font-size:19px} .hero-actions{padding:16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(4px)} .hero-actions-title{display:block} .hero-actions .mode-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .hero-actions .mode-pill span{width:100%;justify-content:center;padding:8px 6px;font-size:12px;white-space:nowrap} .hero-actions .mode-pills .is-locked{grid-column:1/-1} .hero-actions .mode-note{grid-column:1/-1;font-size:10.5px} .hero-actions .hero-clock form{flex-basis:130px} .hero-actions .hero-btn{min-height:48px;font-size:13.5px} } @media(prefers-reduced-motion:reduce){.day-state.tone-live .day-dot{animation:none}} /* ——— كبسولات الأرصدة ——— */ .pill-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:13px} .balance-pill{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--pill) 24%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--pill) 16%,transparent),color-mix(in srgb,var(--pill) 5%,transparent))} .balance-pill:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pill) 45%,transparent)} .pill-leave{--pill:var(--tone-leave)}.pill-sick{--pill:var(--tone-bad)}.pill-plan{--pill:var(--teal)} .pill-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--pill) 15%,transparent);color:var(--pill);font-size:19px} .pill-copy{min-width:0} .pill-copy strong{display:block;font-size:18px;font-weight:800;color:var(--pill)} .pill-copy small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px} /* ——— الشبكة: الأسبوع بجانب «يحتاج انتباهك» ——— */ .home-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;align-items:start} @media(max-width:1100px){.home-split{grid-template-columns:minmax(0,1fr)}} /* ——— «أسبوعك» ——— */ .week-card{padding:16px 18px 14px} .week-head{display:flex;align-items:center;gap:10px} .week-head h2{margin:0;font-size:16px;color:var(--navy)} .week-balance{margin-inline-start:auto;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap} .week-balance.is-up{background:color-mix(in srgb,var(--tone-ok) 13%,transparent);color:var(--tone-ok)} .week-balance.is-down{background:color-mix(in srgb,var(--tone-bad) 13%,transparent);color:var(--tone-bad)} .week-sub{margin:4px 0 0;font-size:11.5px;line-height:1.6;font-weight:600;color:var(--muted)} .week-chart{margin-top:14px} .week-plot{position:relative;height:var(--wk-h);display:flex;align-items:flex-end;gap:10px} .week-goal-line{position:absolute;inset-inline:0;top:var(--wk-goal);height:0;border-top:1.5px dashed color-mix(in srgb,var(--muted) 55%,transparent)} .week-goal-label{position:absolute;top:calc(var(--wk-goal) - 15px);inset-inline-end:0;padding:0 3px;background:var(--card);font-size:9px;font-weight:800;color:var(--muted)} .week-plot .wk-col{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center} .wk-bar{width:100%;max-width:46px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:9px 9px 4px 4px;overflow:hidden;animation:wk-grow .55s cubic-bezier(.22,.8,.3,1) both;transform-origin:bottom} @keyframes wk-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}} @media(prefers-reduced-motion:reduce){.wk-bar{animation:none}.day-ring .ring-bar{transition:none}} .wk-base{width:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 78%,transparent),var(--teal))} .wk-bar.is-short .wk-base{background:linear-gradient(180deg,color-mix(in srgb,var(--tone-warn) 78%,transparent),var(--tone-warn))} .wk-bar.is-running .wk-base{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--teal) 55%,transparent) 0 6px,color-mix(in srgb,var(--teal) 30%,transparent) 6px 12px);border-top:2px dashed color-mix(in srgb,var(--teal) 75%,transparent)} .wk-over{width:100%;background:color-mix(in srgb,var(--tone-ok) 45%,transparent)} .wk-late{width:100%;background:color-mix(in srgb,var(--tone-bad) 80%,transparent)} .wk-mark{display:block;width:100%;max-width:46px;text-align:center;font-style:normal;font-weight:800} .wk-rest{height:8px;border-radius:999px;background:color-mix(in srgb,var(--muted) 20%,transparent)} .wk-live{height:10px;border-radius:999px;background:color-mix(in srgb,var(--teal) 32%,transparent)} .wk-leave{height:26px;line-height:26px;border-radius:9px;font-size:14px;background:color-mix(in srgb,var(--tone-leave) 16%,transparent);color:var(--tone-leave)} .wk-absent{height:26px;line-height:23px;border-radius:9px;font-size:12px;border:1.4px solid color-mix(in srgb,var(--tone-bad) 50%,transparent);color:var(--tone-bad)} .wk-none{height:26px;line-height:23px;border-radius:9px;font-size:13px;border:1.4px solid color-mix(in srgb,var(--muted) 50%,transparent);color:var(--muted)} .wk-future{height:26px;border-radius:9px;border:1.4px dashed color-mix(in srgb,var(--muted) 38%,transparent);background:color-mix(in srgb,var(--muted) 5%,transparent)} .wk-rest.is-future{opacity:.55} .week-foot .is-future b{opacity:.55} .week-range{font-size:11px;font-weight:700;color:var(--muted);padding:3px 9px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--muted) 9%,transparent)} .week-head{flex-wrap:wrap} @media(max-width:560px){.week-range{order:3;flex-basis:100%;width:max-content;max-width:max-content;margin-top:2px}} .week-foot{display:flex;gap:10px;margin-top:7px} .week-foot .wk-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center} .week-foot b{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap} .week-foot .is-today b{font-weight:800;color:var(--teal)} .week-foot em{font-style:normal;font-size:8.5px;font-weight:600;color:var(--muted);min-height:11px} .week-foot u{text-decoration:none;font-size:8.5px;font-weight:800;color:var(--tone-bad);min-height:11px} .week-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px} .week-tile{padding:9px 10px 10px;border-radius:15px;background:color-mix(in srgb,var(--muted) 7%,transparent)} [data-theme=dark] .week-tile{background:color-mix(in srgb,var(--muted) 12%,transparent)} .week-tile span{display:block;font-size:9.5px;font-weight:700;color:var(--muted)} .week-tile strong{display:block;margin-top:2px;font-size:16px;font-weight:800} .week-tile strong small{font-size:10px;font-weight:700;color:var(--muted);margin-inline-start:3px} .week-tile strong.is-bad{color:var(--tone-bad)} .week-tile strong.is-good{color:var(--tone-ok)} .week-tile em{display:block;margin-top:2px;font-style:normal;font-size:9px;font-weight:600;color:var(--muted)} .week-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:11px;padding-top:9px;border-top:1px solid var(--border);font-size:9px;font-weight:700;color:var(--muted)} .week-legend span{display:inline-flex;align-items:center;gap:4px} .week-legend b{font-weight:600} .week-legend i{width:9px;height:9px;border-radius:3px;display:block} .lg-base{background:var(--teal)} .lg-over{background:color-mix(in srgb,var(--tone-ok) 45%,transparent)} .lg-late{background:color-mix(in srgb,var(--tone-bad) 80%,transparent)} .lg-short{background:var(--tone-warn)} /* ——— «يحتاج انتباهك» ——— */ .focus-head{display:flex;align-items:center;gap:7px;padding:0 4px 9px} .focus-head h2{margin:0;font-size:15px;color:var(--navy)} .focus-count{min-width:21px;padding:1px 7px;border-radius:999px;background:var(--tone);color:#fff;font-size:11px;font-weight:800;text-align:center} [data-theme=dark] .focus-count{color:#0e1821} .focus-item{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:11px 12px;border-radius:16px;background:var(--card);border:1px solid color-mix(in srgb,var(--tone) 18%,transparent);border-inline-start:4px solid var(--tone)} .focus-item.is-first{padding:14px 12px;background:color-mix(in srgb,var(--tone) 8%,var(--card))} .focus-item:hover{transform:translateX(-3px);border-color:color-mix(in srgb,var(--tone) 40%,transparent);border-inline-start-color:var(--tone)} .focus-item.tone-bad,.focus-count.tone-bad{--tone:var(--tone-bad)} .focus-item.tone-warn,.focus-count.tone-warn{--tone:var(--tone-warn)} .focus-item.tone-ok,.focus-count.tone-ok{--tone:var(--tone-ok)} .focus-item.tone-info,.focus-count.tone-info{--tone:var(--tone-info)} .focus-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone);font-size:18px} .focus-copy{min-width:0;flex:1} .focus-copy strong{display:block;font-size:13px;font-weight:800;color:var(--text)} .focus-item.is-first .focus-copy strong{font-size:14px} .focus-copy small{display:block;margin-top:2px;font-size:11.5px;line-height:1.6;color:var(--muted)} .focus-go{flex:none;font-size:19px;color:color-mix(in srgb,var(--tone) 70%,transparent)} .focus-clear{display:flex;align-items:center;gap:10px;padding:15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--tone-ok) 25%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--tone-ok) 12%,transparent),color-mix(in srgb,var(--tone-ok) 3%,transparent))} .focus-clear span{font-size:21px} .focus-clear strong{font-size:13.5px;font-weight:800;color:var(--tone-ok)} @media(max-width:700px){ .day-ring{width:112px;height:112px} .week-card{padding:14px} .week-tiles{gap:6px} .week-foot em,.week-foot u{font-size:8px} } /* ——— ترويسة الصفحة ذات الحلقة (page_hero) ———————————————————————————————————————— نظير HeroProgressCard بالتطبيق. تُبنى بـsrc/page_hero.php لكل الصفحات، فالتنسيق هنا مرة واحدة. */ .page-hero{display:block;padding:17px 19px 15px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--navy) 0%,#0f5c68 58%,var(--teal-2) 100%);box-shadow:0 14px 34px rgba(23,61,88,.16)} [data-theme=dark] .page-hero{background:linear-gradient(135deg,#143548 0%,#0d4450 58%,var(--teal) 100%);box-shadow:0 14px 34px rgba(0,0,0,.28)} .page-hero.is-link:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(23,61,88,.22)} .page-hero-top{display:flex;align-items:center;gap:16px} .page-hero-copy{min-width:0;flex:1} .page-hero-copy .badge{margin-bottom:8px} .page-hero-copy h2{margin:0;font-size:19px;font-weight:800;line-height:1.35;color:#fff} .page-hero-copy p{margin:5px 0 0;font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.84)} .hero-ring{position:relative;width:86px;height:86px;flex:none} .hero-ring svg{width:100%;height:100%;transform:rotate(-90deg)} .hero-ring circle{fill:none;stroke-width:9;stroke-linecap:round} .hero-ring .ring-track{stroke:rgba(255,255,255,.18)} .hero-ring .ring-bar{stroke:#ffd27a;stroke-dasharray:326.726;transition:stroke-dashoffset .9s cubic-bezier(.22,.8,.3,1)} .hero-ring .ring-bar.ring-done{stroke:#7be0b0} .hero-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff} .hero-ring-center strong{font-size:16px;font-weight:800;line-height:1.1} .hero-ring-center small{font-size:9.5px;color:rgba(255,255,255,.75)} .hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .hero-stat{flex:1 1 118px;min-width:0;display:flex;flex-direction:column;gap:1px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)} .hero-stat b{font-size:17px;font-weight:800;line-height:1.2} .hero-stat small{font-size:10.5px;color:rgba(255,255,255,.8)} @media(prefers-reduced-motion:reduce){.hero-ring .ring-bar{transition:none}} @media(max-width:700px){ .page-hero{padding:15px} .page-hero-copy h2{font-size:17px} .hero-ring{width:72px;height:72px} .hero-stat{flex:1 1 92px;padding:8px 9px} .hero-stat b{font-size:15px} } /* بصمة الإصدار بأسفل القائمة الجانبية — راجع الشرح بـviews/header.php. */ .sidebar-version{margin-top:auto;padding:12px 10px 2px;border-top:1px solid rgba(255,255,255,.1);color:#9fb4c1;font-size:11px;letter-spacing:.3px;text-align:center} /* نمط اليوم بعد تسجيل الحضور — كبسولة للقراءة لا للاختيار (راجع الشرح بـviews/dashboard.php). */ .mode-pill.is-locked{cursor:default} .mode-pill.is-locked span{background:rgba(255,255,255,.14);border-style:dashed;border-color:rgba(255,255,255,.4)} .mode-note{align-self:center;font-size:11px;color:rgba(255,255,255,.62)} /* ——— مؤشر الالتزام بالدوام (2.94.0) ———————————————————————————————————————————————— صفحة views/commitment.php. اللون الرئيسي لكل بطاقة يأتي من متغيّر --c (نبرة المستوى)، فبطاقةٌ واحدة تتلوّن أخضر/أزرق/برتقالي/أحمر بلا فئات منفصلة لكل مستوى. */ .pill-commit-ok{--pill:var(--tone-ok)}.pill-commit-info{--pill:var(--tone-info)}.pill-commit-warn{--pill:var(--tone-warn)}.pill-commit-bad{--pill:var(--tone-bad)} .commit-page{--c:var(--teal)} .commit-tabs{display:flex;gap:6px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--muted) 9%,transparent);width:max-content;max-width:100%;overflow-x:auto} .commit-tabs a{padding:8px 16px;border-radius:11px;font-size:13px;font-weight:800;color:var(--muted);white-space:nowrap} .commit-tabs a b{margin-inline-start:4px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--muted) 16%,transparent);font-size:11px} .commit-tabs a.is-active{background:var(--card);color:var(--navy);box-shadow:0 3px 12px rgba(23,61,88,.1)} .commit-back{align-self:flex-start} .commit-ring{position:relative;width:150px;height:150px;flex:none} .commit-ring svg{width:100%;height:100%;transform:rotate(-90deg)} .commit-ring circle{fill:none;stroke-width:11;stroke-linecap:round} .commit-ring .ring-track{stroke:color-mix(in srgb,var(--c) 14%,transparent)} .commit-ring .ring-bar{stroke:var(--c);stroke-dasharray:326.726;transition:stroke-dashoffset .9s cubic-bezier(.22,.8,.3,1)} .commit-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .commit-ring-center strong{font-size:36px;font-weight:900;line-height:1;color:var(--c)} .commit-ring-center strong small{font-size:16px;font-weight:800} .commit-ring-center span{margin-top:4px;font-size:12px;font-weight:800;color:var(--c)} .commit-ring.is-small{width:74px;height:74px} .commit-ring.is-small circle{stroke-width:12} .commit-ring.is-small .commit-ring-center strong{font-size:17px} .commit-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:stretch;padding:20px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 11%,var(--card)),var(--card) 70%);border:1px solid color-mix(in srgb,var(--c) 25%,var(--border));box-shadow:var(--shadow)} .commit-hero-main{display:flex;gap:18px;align-items:center;min-width:0} .commit-hero-copy{min-width:0} .commit-hero-kicker{margin:0;font-size:12px;font-weight:800;color:var(--c)} .commit-hero-copy h2{margin:4px 0 2px;font-size:22px;color:var(--navy)} .commit-hero-sub{margin:0;font-size:12px;color:var(--muted)} .commit-hero-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .commit-hero-formula{margin:10px 0 0;font-size:12px;color:var(--muted);direction:rtl} .commit-hero-formula b{color:var(--c)} .commit-trend{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap} .commit-trend.is-up{background:color-mix(in srgb,var(--tone-ok) 14%,transparent);color:var(--tone-ok)} .commit-trend.is-down{background:color-mix(in srgb,var(--tone-bad) 14%,transparent);color:var(--tone-bad)} .commit-trend.is-flat{background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted)} .commit-streak,.commit-adjbadge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;background:color-mix(in srgb,#f08c2e 15%,transparent);color:#c46612} .commit-adjbadge{background:color-mix(in srgb,var(--tone-info) 13%,transparent);color:var(--tone-info)} [data-theme=dark] .commit-streak{color:#f3a55c} .commit-hero-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .commit-tile{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:11px 13px;border-radius:15px;background:var(--card);border:1px solid var(--border)} .commit-tile span{font-size:11px;font-weight:800;color:var(--muted)} .commit-tile strong{font-size:22px;font-weight:900;color:var(--text)} .commit-tile strong small{font-size:11px;font-weight:700;color:var(--muted)} .commit-tile em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--muted)} .commit-tile.is-bad strong{color:var(--tone-bad)}.commit-tile.is-warn strong{color:var(--tone-warn)}.commit-tile.is-ok strong{color:var(--tone-ok)} .commit-kinds{display:flex;flex-wrap:wrap;gap:7px} .commit-kind{cursor:pointer} .commit-kind input{position:absolute;opacity:0;width:0;height:0} .commit-kind span{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12.5px;font-weight:800;color:var(--text)} .commit-kind i{font-style:normal} .commit-kind.tone-ok{--k:var(--tone-ok)}.commit-kind.tone-warn{--k:var(--tone-warn)}.commit-kind.tone-bad{--k:var(--tone-bad)} .commit-kind input:checked+span{background:color-mix(in srgb,var(--k) 14%,var(--card));border-color:var(--k);color:var(--k)} .commit-kind input:focus-visible+span{outline:2px solid var(--k);outline-offset:2px} .commit-timeline{list-style:none;margin:0;padding:0;position:relative} .commit-timeline:before{content:"";position:absolute;inset-block:6px;inset-inline-start:17px;width:2px;background:var(--border)} .commit-timeline li{position:relative;display:flex;gap:12px;padding:0 0 16px} .commit-timeline li:last-child{padding-bottom:0} .commit-dot{position:relative;z-index:1;width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:12px;font-weight:900;background:color-mix(in srgb,var(--k) 14%,var(--card));color:var(--k);border:1px solid color-mix(in srgb,var(--k) 30%,transparent)} .commit-timeline li{--k:var(--tone-warn)} .commit-timeline li.kind-missed_checkout,.commit-timeline li.kind-absent,.commit-timeline li.kind-no_record{--k:var(--tone-bad)} .commit-timeline li.is-excused{--k:var(--tone-ok)} .commit-tl-body{min-width:0;flex:1;padding-top:2px} .commit-tl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .commit-tl-head strong{font-size:13.5px;color:var(--text)} .commit-tl-date{font-size:11.5px;font-weight:700;color:var(--muted)} .commit-pts{margin-inline-start:auto;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:900;background:color-mix(in srgb,var(--k) 13%,transparent);color:var(--k);white-space:nowrap} .commit-pts s{opacity:.6} .commit-tl-body p{margin:3px 0 6px;font-size:12px;color:var(--muted);line-height:1.7} .commit-excuse{margin-top:6px;padding:8px 11px;border-radius:12px;font-size:12px;line-height:1.7;background:color-mix(in srgb,var(--muted) 8%,transparent)} .commit-excuse small{display:block;color:var(--muted)} .commit-excuse.is-accepted{background:color-mix(in srgb,var(--tone-ok) 10%,transparent)}.commit-excuse.is-accepted b{color:var(--tone-ok)} .commit-excuse.is-rejected b{color:var(--tone-bad)}.commit-excuse.is-pending b{color:var(--tone-warn)} .commit-inline{margin-top:6px} .commit-inline summary{display:inline-flex;cursor:pointer;font-size:12px;font-weight:800;color:var(--teal);padding:4px 0;list-style:none} .commit-inline summary::-webkit-details-marker{display:none} .commit-inline form{display:flex;flex-direction:column;gap:7px;margin-top:6px;max-width:520px} .commit-inline textarea{min-height:64px} .commit-inline .button{align-self:flex-start} .commit-clean{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--tone-ok) 12%,transparent),color-mix(in srgb,var(--tone-ok) 3%,transparent));border:1px solid color-mix(in srgb,var(--tone-ok) 25%,transparent)} .commit-clean span{font-size:26px} .commit-clean strong{display:block;color:var(--tone-ok)} .commit-clean small{color:var(--muted)} .commit-adj-list{display:flex;flex-direction:column;gap:8px} .commit-adj{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border-radius:14px;border:1px solid var(--border)} .commit-adj{--k:var(--tone-ok)} .commit-adj.kind-lower,.commit-adj.kind-notice{--k:var(--tone-warn)}.commit-adj.kind-warning{--k:var(--tone-bad)} .commit-adj-pts{min-width:42px;text-align:center;padding:5px 6px;border-radius:10px;font-weight:900;background:color-mix(in srgb,var(--k) 13%,transparent);color:var(--k)} .commit-adj>div{flex:1;min-width:0} .commit-adj strong{color:var(--text)} .commit-adj small{color:var(--muted)} .commit-adj p{margin:3px 0 0;font-size:12.5px;color:var(--muted)} .commit-summary{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) repeat(3,minmax(0,.8fr));gap:12px} .commit-summary .card{padding:14px 16px} .commit-sum-label{display:block;font-size:11.5px;font-weight:800;color:var(--muted)} .commit-sum-main{display:flex;align-items:center;gap:12px} .commit-sum-main .commit-ring .ring-bar{stroke:var(--c)} .commit-sum-main .commit-ring-center strong{color:var(--c)} .commit-sum-grade{display:block;font-size:18px;font-weight:900;color:var(--c)} .commit-sum-main small{color:var(--muted);font-size:11px} .commit-sum-tile strong{display:block;margin-top:5px;font-size:22px;font-weight:900;color:var(--navy)} .commit-sum-tile small{font-size:11px;color:var(--muted)} .commit-dist-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;margin:10px 0 8px;background:color-mix(in srgb,var(--muted) 12%,transparent);gap:2px} .commit-dist-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;font-weight:700;color:var(--muted)} .commit-dist-legend span{display:inline-flex;align-items:center;gap:4px} .commit-dist-legend i{width:9px;height:9px;border-radius:3px;display:block} .commit-dist-legend b{color:var(--text)} .commit-filter{display:flex;gap:8px;flex-wrap:wrap} .commit-filter{align-items:center;flex:0 1 460px} .commit-filter input{flex:1 1 200px;width:auto;min-width:0} .commit-filter select{width:auto;flex:0 0 auto} .commit-bar{display:flex;align-items:center;gap:8px;min-width:170px} .commit-bar-track{flex:1;height:8px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);overflow:hidden} .commit-bar-track span{display:block;height:100%;border-radius:999px;background:var(--c)} .commit-bar b{font-size:13px;font-weight:900;color:var(--c);min-width:38px} .commit-bar small{font-size:10.5px;font-weight:700;color:var(--muted);white-space:nowrap} .commit-table td.commit-bad{color:var(--tone-bad);font-weight:800} .commit-table td.commit-warn{color:var(--tone-warn);font-weight:800} .commit-pending{border-color:color-mix(in srgb,var(--tone-warn) 35%,var(--border))} .commit-pending-list{display:flex;flex-direction:column;gap:10px} .commit-pending-item{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--tone-warn) 6%,transparent);border:1px solid color-mix(in srgb,var(--tone-warn) 20%,transparent);flex-wrap:wrap} .commit-pending-copy{min-width:0;flex:1 1 280px} .commit-pending-copy strong{display:block} .commit-pending-copy strong a{color:var(--navy)} .commit-pending-copy small{color:var(--muted);font-weight:600} .commit-pending-copy p{margin:6px 0 0;font-size:12.5px;line-height:1.7} .commit-chip{display:inline-flex;margin-top:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:800;background:color-mix(in srgb,var(--tone-warn) 13%,transparent);color:var(--tone-warn)} .commit-pending-form{display:flex;flex-direction:column;gap:7px;flex:0 1 320px} .commit-howto summary{cursor:pointer;padding:15px 20px;font-weight:800;color:var(--navy)} .commit-howto .card-body{padding-top:0} .commit-howto p{font-size:13px;line-height:1.8} @media(max-width:1100px){.commit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.commit-sum-main,.commit-sum-dist{grid-column:1/-1}.commit-hero{grid-template-columns:minmax(0,1fr)}} @media(max-width:560px){.commit-hero{padding:16px}.commit-hero-main{flex-direction:column;text-align:center}.commit-hero-badges{justify-content:center}.commit-ring{width:130px;height:130px}.commit-filter input{min-width:0;flex:1}.commit-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}} @media(prefers-reduced-motion:reduce){.commit-ring .ring-bar{transition:none}} /* ===== صفحة الدوام — إعادة تصميم شريط الأدوات وصندوق البيانات (بطاقات بدل جدول عريض) ===== بطلب صريح رأى تصميمه كصورة قبل التطبيق ووافق عليه: «التصميم الي فوق بالموقع موافق عليه حلو وكثير عاجبني طبقة». الشرائح تستعمل .filter-chip الموجودة أصلاً، والحكم اللوني يتبع .status-positive/negative/pending وvar(--success/--danger/--warning) الموجودة، فلا تكرار. */ .attendance-clock{padding:18px 20px;margin-bottom:20px} .attendance-clock h2{font-size:18px;margin:8px 0 0} .attendance-clock .mode-pills{margin-top:12px} .attendance-clock .hero-clock{margin-top:12px} .list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px} .chip-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .list-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap} .list-actions .date-range{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px 10px} .list-actions .date-range label{font-size:10.5px} .list-actions .date-range input{margin-top:3px;min-height:30px;padding:5px 8px;font-size:12px;width:118px} .btn-approve-all{display:inline-flex;align-items:center;gap:7px;border-radius:12px;min-height:42px;padding:9px 16px;font-weight:800;font-size:13px;cursor:pointer;border:1px solid #f0dfbb;background:#fff7e8;color:#8a5811} .btn-approve-all b{background:#a76a10;color:#fff;border-radius:999px;padding:1px 8px;font-size:11px;margin-inline-start:2px} [data-theme=dark] .btn-approve-all{background:color-mix(in srgb,var(--tone-warn) 16%,transparent);border-color:color-mix(in srgb,var(--tone-warn) 35%,transparent);color:var(--tone-warn)} .menu-pop{position:relative} .menu-pop>summary{list-style:none;cursor:pointer;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);background:var(--card);border-radius:12px;color:var(--navy);font-size:17px;font-weight:900} .menu-pop>summary::-webkit-details-marker{display:none} .menu-pop[open]>summary{border-color:var(--teal-2);color:var(--teal)} .menu-pop-body{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:6px;width:200px;z-index:6} .menu-pop-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--navy);background:transparent;cursor:pointer} .menu-pop-item:hover{background:#edf5f3} [data-theme=dark] .menu-pop-item:hover{background:#1f3440} .rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px} .rgrid.commit-grid,.rgrid.emp-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))} .rc-inline-form{margin-top:10px;padding:10px;border-radius:10px;background:#f5f8f7} [data-theme=dark] .rc-inline-form{background:#1b2b36} .rcard{background:var(--card);border:1px solid rgba(214,225,223,.9);border-radius:16px;box-shadow:0 8px 22px rgba(23,61,88,.06);display:flex;flex-direction:column;overflow:hidden} .rcard-rail{height:5px;background:var(--warning)} .rcard.is-approved .rcard-rail{background:var(--success)} .rcard.is-rejected .rcard-rail{background:var(--danger)} .rcard-body{padding:15px 16px 13px;flex:1;display:flex;flex-direction:column;gap:11px} .rc-head{display:flex;align-items:flex-start;gap:10px} .rc-av{width:38px;height:38px;border-radius:50%;background:var(--icon-bg);color:var(--teal);display:grid;place-items:center;font-weight:900;font-size:15px;flex:none} .rc-name{flex:1;min-width:0} .rc-name strong{display:block;font-size:13.5px;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rc-name small{display:block;font-size:11px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rc-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .rc-date{font-size:12px;font-weight:700;color:var(--navy)} .rc-times{display:flex;align-items:center;gap:8px;background:#f7f9f8;border:1px solid var(--border);border-radius:12px;padding:9px 11px} .rc-time{flex:1;text-align:center;min-width:0} .rc-time small{display:block;font-size:9.5px;color:var(--muted);font-weight:700;margin-bottom:3px} .rc-time b{display:block;direction:ltr;font-size:14px;color:var(--navy);letter-spacing:.2px} .rc-arrow{color:var(--border);font-size:15px;flex:none} .rc-hours{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px} .rc-hours .h{font-size:19px;font-weight:900;color:var(--teal)} .rc-hours .h small{font-size:10.5px;font-weight:700;color:var(--muted);margin-inline-start:4px} .rc-flags{display:flex;gap:6px;flex-wrap:wrap} .rc-flag{font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:8px;background:#eef2f1;color:#3e5461} .rc-flag.is-late,.rc-flag.is-bad{background:#fff0f2;color:#a82c3b} .rc-flag.is-ok{background:#ecf8f3;color:var(--success)} .rc-flag.is-warn{background:#fff7e8;color:var(--warning)} .rc-flag a{color:inherit} [data-theme=dark] .rc-flag{background:#22343f;color:#c7d4da} [data-theme=dark] .rc-flag.is-late,[data-theme=dark] .rc-flag.is-bad{background:#351f26;color:#ff9fab} [data-theme=dark] .rc-flag.is-ok{background:color-mix(in srgb,var(--tone-ok) 16%,transparent);color:var(--tone-ok)} [data-theme=dark] .rc-flag.is-warn{background:color-mix(in srgb,var(--tone-warn) 16%,transparent);color:var(--tone-warn)} .rc-selfies{display:flex;gap:6px} .attendance-selfie-thumb.small{width:24px;height:24px;border-radius:7px} .rc-meta2{font-size:10.5px;color:var(--muted);line-height:1.6;border-top:1px dashed var(--border);padding-top:9px} .rc-meta2 b{color:#3e5461;font-weight:700} [data-theme=dark] .rc-meta2 b{color:var(--text)} .rcard-actions{display:flex;flex-wrap:wrap;gap:7px;padding:11px 16px;border-top:1px solid #edf1f0;background:#fafbfa} .rcard-actions>.button,.rcard-actions>form{flex:1 1 70px} .rcard-actions form{display:flex;gap:7px} .rcard-actions .button{flex:1;justify-content:center;white-space:nowrap} .rcard-actions .button.icon-only{flex:none;width:34px;padding:0} @media(max-width:560px){.rgrid{grid-template-columns:minmax(0,1fr)}.list-toolbar{flex-direction:column;align-items:stretch}.list-actions{justify-content:stretch}.list-actions .date-range{flex:1}} /* ═════════════════════ صفحات الملفات (fp-*) ═════════════════════ ملف مجموعة · ملف مريض · ملف التوظيف الآمن · تقييم مقابلة مرشح · إدخال درجاتي. المكوّنات تُبنى بـfp_* في src/page_hero.php. الألوان كلها من متغيرات الهوية (تتبع لوحة الألوان والوضع الليلي). */ .fp{display:flex;flex-direction:column;gap:18px} .fp>.page-hero{margin:0} .fp-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .fp-toolbar .fp-spacer{flex:1} .fp-nav{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none} .fp-nav::-webkit-scrollbar{display:none} .fp-nav a{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--navy);font-weight:700;font-size:13px;text-decoration:none;transition:background .15s,color .15s,border-color .15s} .fp-nav a b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--icon-bg);color:var(--teal);font-size:11px} .fp-nav a:hover{border-color:var(--teal-2)} .fp-nav a.active{background:var(--teal);border-color:var(--teal);color:#fff} .fp-nav a.active b{background:rgba(255,255,255,.22);color:#fff} .fp-card{scroll-margin-top:92px;overflow:hidden} .fp-head{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--border)} .fp-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:var(--icon-bg);color:var(--teal);flex:none} .fp-head-copy{min-width:0;flex:1} .fp-head h2{margin:0;font-size:17px;color:var(--navy);line-height:1.5} .fp-head p{margin:2px 0 0;color:var(--muted);font-size:12.5px;line-height:1.6} .fp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end} .fp-body{padding:18px 20px} .fp-body>.notice:last-child,.fp-body>form:last-child{margin-bottom:0} .fp-sub{color:var(--muted);font-size:12px} .fp-sub.ltr,.fp .ltr{direction:ltr;unicode-bidi:isolate} /* صف الحقائق (مفتاح ← قيمة) */ .fp-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px} .fp-fact{border:1px solid var(--border);border-radius:13px;padding:11px 13px;background:#fafbfa;min-width:0} .fp-fact small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:3px} .fp-fact b{display:block;color:var(--navy);font-size:14px;overflow-wrap:anywhere} /* شارات صغيرة */ .fp-tag{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;background:#edf2f2;color:#435966;white-space:nowrap} .fp-tag.teal{background:var(--icon-bg);color:var(--teal)} .fp-tag.ok{background:#ecf8f3;color:var(--success)} .fp-tag.warn{background:#fff7e8;color:var(--warning)} .fp-tag.bad{background:#fff0f2;color:#a82c3b} /* شريط التقدّم */ .fp-meter{height:8px;border-radius:99px;background:#e9efee;overflow:hidden;min-width:60px} .fp-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal-2),var(--teal));transition:width .4s ease} .fp-meter.done span{background:linear-gradient(90deg,#2fae78,var(--success))} /* بطاقات الأشخاص */ .fp-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px} .fp-person{position:relative;border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:11px;background:var(--card);transition:box-shadow .15s,transform .15s,border-color .15s} .fp-person:hover{box-shadow:var(--shadow);border-color:#c9dcd9} .fp-person-top{display:flex;align-items:center;gap:11px;min-width:0} .fp-person-top>div{min-width:0;flex:1} .fp-person-name{display:block;font-weight:800;color:var(--navy);font-size:14px;line-height:1.5;overflow-wrap:anywhere} .fp-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal-2),var(--navy));flex:none;font-size:13px;letter-spacing:.5px} .fp-avatar.sm{width:34px;height:34px;font-size:11px} .fp-progress-line{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)} .fp-progress-line .fp-meter{flex:1} .fp-progress-line strong{color:var(--navy);font-size:13px} .fp-docs{display:flex;flex-wrap:wrap;gap:6px} .fp-doc{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;border:1px solid #cfe5e1;background:#f2faf8;color:var(--teal);text-decoration:none} .fp-doc:hover{background:var(--icon-bg)} .fp-doc.missing{color:#a82c3b;border:1px dashed #efbfc5;background:transparent} .fp-person-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-top:1px dashed var(--border);padding-top:10px} .fp-person-actions form{margin:0} /* قائمة الإجراءات المنسدلة (details) */ .fp-menu{position:relative} .fp-menu>summary{list-style:none;cursor:pointer} .fp-menu>summary::-webkit-details-marker{display:none} .fp-menu[open]>summary{background:var(--icon-bg);border-color:var(--teal-2)} .fp-menu-panel{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;min-width:260px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--card);box-shadow:0 18px 44px rgba(23,61,88,.18);display:flex;flex-direction:column;gap:8px} .fp-menu-panel select,.fp-menu-panel input{width:100%;max-width:none!important} /* مسار الجلسات */ .fp-track{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .fp-step{position:relative;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:15px;border:2px dashed #cfd9d8;color:var(--muted);background:transparent;text-decoration:none} .fp-step.done{background:linear-gradient(135deg,#2fae78,var(--success));border:0;color:#fff;box-shadow:0 6px 16px rgba(25,115,79,.22)} .fp-step.pending{background:#fff7e8;border:2px solid #f0cf8f;color:var(--warning)} .fp-step small{position:absolute;bottom:-17px;inset-inline:0;text-align:center;font-size:9.5px;font-weight:700;color:var(--muted);white-space:nowrap} .fp-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:26px} .fp-legend i{display:inline-block;width:11px;height:11px;border-radius:4px;margin-inline-end:5px;vertical-align:-1px} /* قوائم الصفوف (جلسات، زيارات، إحالات) */ .fp-list{display:flex;flex-direction:column} .fp-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--border);flex-wrap:wrap} .fp-list>.fp-row:first-child{border-top:0} .fp-row:hover{background:#fbfcfc} .fp-num{width:42px;height:42px;border-radius:13px;background:var(--icon-bg);color:var(--teal);font-weight:800;display:grid;place-items:center;flex:none;font-size:15px} .fp-row-main{flex:1;min-width:180px} .fp-row-main strong{display:block;color:var(--navy);font-size:14px;line-height:1.5} .fp-row-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .fp-row-side form{margin:0} .fp-row-meter{width:150px;display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--muted)} /* أزرار الحضور (checkbox بشكل حبّة) */ .fp-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px} .fp-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--card);cursor:pointer;font-weight:700;font-size:13px;color:var(--navy);transition:background .12s,border-color .12s;user-select:none} .fp-toggle input{width:18px;height:18px;accent-color:var(--teal);flex:none;margin:0} .fp-toggle:has(input:checked){background:var(--icon-bg);border-color:var(--teal-2)} .fp-toggle-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 10px} .fp-toggle-bar .fp-count{margin-inline-start:auto;font-weight:800;color:var(--teal);font-size:13px} /* خيط الملاحظات */ .fp-thread{display:flex;flex-direction:column;gap:12px} .fp-msg{display:flex;gap:10px;align-items:flex-start} .fp-bubble{flex:1;min-width:0;border:1px solid var(--border);background:#fafbfa;border-radius:4px 16px 16px 16px;padding:10px 14px} .fp-bubble header{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px} .fp-bubble header strong{color:var(--navy);font-size:13px} .fp-bubble p{margin:0;line-height:1.8;font-size:13px;white-space:normal;overflow-wrap:anywhere} .fp-composer{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px} .fp-composer textarea{flex:1;min-height:46px;resize:vertical} /* نموذج مطوي داخل قسم */ .fp-form{border:1px solid #cfe5e1;background:linear-gradient(180deg,#f4fbf9,transparent 140px);border-radius:16px;padding:16px;margin-bottom:16px} .fp-form>h3{margin:0 0 10px;font-size:14.5px;color:var(--navy)} /* قائمة البنود (التوظيف الآمن) */ .fp-checklist{display:flex;flex-direction:column;gap:10px} .fp-item{border:1px solid var(--border);border-radius:16px;background:var(--card);overflow:hidden;scroll-margin-top:92px} .fp-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 16px} .fp-item>summary::-webkit-details-marker{display:none} .fp-item>summary .fp-num{width:36px;height:36px;border-radius:11px;font-size:13px} .fp-item>summary .fp-item-title{flex:1;min-width:0} .fp-item>summary .fp-item-title strong{display:block;color:var(--navy);font-size:14px} .fp-item>summary .fp-item-title small{display:block;color:var(--muted);font-size:12px;line-height:1.6} .fp-item>summary::after{content:'⌄';color:var(--muted);font-size:16px;transition:transform .15s} .fp-item[open]>summary::after{transform:rotate(180deg)} .fp-item[open]>summary{border-bottom:1px solid var(--border);background:#fbfcfc} .fp-item-body{padding:14px 16px} .fp-item-body h3,.fp-item-body h4{font-size:14px!important;color:var(--navy);margin:4px 0 8px!important} .fp-item.is-completed .fp-num{background:var(--success);color:#fff} .fp-item.is-issue{border-color:#f0cf8f} .fp-item.is-issue .fp-num{background:#fff7e8;color:var(--warning)} .fp-dots{display:flex;gap:6px;flex-wrap:wrap} .fp-dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;text-decoration:none;border:1.5px dashed #cfd9d8;color:var(--muted)} .fp-dot.completed{background:var(--success);border:0;color:#fff} .fp-dot.issue{background:#fff7e8;border:1.5px solid #f0cf8f;color:var(--warning)} /* شريط الحفظ اللاصق */ .fp-savebar{position:sticky;bottom:14px;z-index:24;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,var(--navy),#0f5c68);color:#fff;box-shadow:0 16px 40px rgba(23,61,88,.28)} .fp-savebar .fp-savebar-copy{flex:1;min-width:160px;font-size:13px} .fp-savebar .fp-savebar-copy b{font-size:15px} .fp-savebar .fp-meter{background:rgba(255,255,255,.22);margin-top:6px} .fp-savebar .fp-meter span{background:#fff} .fp-savebar .button.primary{background:#fff;color:var(--navy)} /* بطاقة المرشح (إدخال درجاتي) */ .fp-q{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:start;padding:14px 0;border-top:1px dashed var(--border)} .fp-q:first-child{border-top:0;padding-top:4px} .fp-q-text{font-weight:700;color:var(--navy);line-height:1.8;font-size:13.5px;overflow-wrap:anywhere} .fp-q-text .fp-num{width:26px;height:26px;border-radius:8px;font-size:12px;display:inline-grid;vertical-align:middle;margin-inline-end:6px} .fp-q-meta{grid-column:1;font-size:12px;color:#526572;line-height:1.8} .fp-q-meta ul{margin:4px 0 0;padding-inline-start:20px} .fp-q-score{grid-row:1/span 2;grid-column:2;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:110px} .fp-q-score input{width:100px;text-align:center;font-size:18px;font-weight:800;padding:8px} .fp-q-score small{color:var(--muted);font-size:11px;font-weight:700} .fp-q-score input:not(:placeholder-shown){border-color:var(--teal-2);background:#f4fbf9} .fp-cand{scroll-margin-top:92px} .fp-cand>summary{list-style:none;cursor:pointer} .fp-cand>summary::-webkit-details-marker{display:none} .fp-cand>summary .fp-head{border-bottom:0} .fp-cand[open]>summary .fp-head{border-bottom:1px solid var(--border)} .fp-cand .fp-chev{color:var(--muted);transition:transform .15s} .fp-cand[open] .fp-chev{transform:rotate(180deg)} /* مصفوفة لجنة المقابلة — نقل تنسيق iq-* من داخل الصفحة إلى هنا */ .iq-list{display:flex;flex-direction:column;gap:12px} .iq-card{border:1px solid var(--border);border-radius:16px;padding:14px 16px;background:var(--card)} .iq-head{display:flex;align-items:flex-start;gap:10px} .iq-num{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--icon-bg);color:var(--teal);font-weight:800} .iq-text{flex:1;min-width:0;font-weight:800;color:var(--navy);line-height:1.8;white-space:normal;overflow-wrap:anywhere} .iq-max{flex:none;font-size:12px;font-weight:700;color:var(--muted);background:#f5f7f6;border-radius:999px;padding:4px 10px} .iq-extras,.iq-criteria{white-space:normal;overflow-wrap:anywhere;line-height:1.8;font-size:12.5px;color:#526572;margin-top:6px} .iq-extras .cell-sub{white-space:normal;font-size:12.5px;color:#526572} .iq-criteria ul{margin:4px 0 0;padding-inline-start:20px} .iq-pts{color:var(--teal);font-weight:700} .iq-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)} .iq-score{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#435966} .iq-score input{width:100%;text-align:center;font-weight:800;font-size:15px} .iq-val{font-size:16px;color:var(--navy)} .fp-judges{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .fp-judge{border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#fafbfa} .fp-judge-top{display:flex;align-items:center;gap:10px} .fp-judge-top>span:not(.fp-avatar){flex:1;min-width:0;font-weight:700;color:var(--navy);font-size:13px;overflow-wrap:anywhere} .fp-judge-top b{font-size:18px;color:var(--teal)} @media(max-width:820px){.fp-card,.fp-item,.fp-cand{scroll-margin-top:80px}} @media(max-width:560px){ .fp-head{padding:14px 15px;flex-wrap:wrap}.fp-actions{width:100%;justify-content:flex-start}.fp-actions .button{flex:1 1 auto} .fp-body{padding:15px}.fp-row{padding:13px 15px}.fp-row-side{width:100%;justify-content:flex-start}.fp-row-meter{width:100%} .fp-people{grid-template-columns:minmax(0,1fr)}.fp-toggles{grid-template-columns:minmax(0,1fr)} .fp-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fp-fact{padding:9px 10px}.fp-fact b{font-size:13px} .fp-q{grid-template-columns:minmax(0,1fr)}.fp-q-score{grid-row:auto;grid-column:auto;flex-direction:row;justify-content:flex-start} .fp-menu-panel{position:fixed;inset:auto 12px 12px 12px;min-width:0} .fp-savebar{bottom:8px} .fp-item>summary{flex-wrap:wrap;gap:8px 10px}.fp-item>summary .fp-item-title{flex:1 1 calc(100% - 90px)}.fp-item>summary .fp-tag{order:3}.fp-item>summary::after{order:2} } [data-theme=dark] .fp-fact,[data-theme=dark] .fp-bubble,[data-theme=dark] .fp-judge,[data-theme=dark] .iq-max{background:#1b2b36} [data-theme=dark] .fp-ico,[data-theme=dark] .fp-num,[data-theme=dark] .iq-num,[data-theme=dark] .fp-nav a b,[data-theme=dark] .fp-tag.teal{background:#1d3a40;color:#7fd8cf} [data-theme=dark] .fp-tag{background:#263944;color:#d8e5eb} [data-theme=dark] .fp-tag.ok{background:#173a2d;color:#7fd6a8}[data-theme=dark] .fp-tag.warn{background:#3a2f17;color:#f0c46d}[data-theme=dark] .fp-tag.bad{background:#3d1f25;color:#f2a3ae} [data-theme=dark] .fp-meter{background:#263944} [data-theme=dark] .fp-doc{background:#18323a;border-color:#27505a;color:#7fd8cf} [data-theme=dark] .fp-row:hover,[data-theme=dark] .fp-item[open]>summary{background:#1b2b36} [data-theme=dark] .fp-step.pending,[data-theme=dark] .fp-dot.issue,[data-theme=dark] .fp-item.is-issue .fp-num{background:#3a2f17;border-color:#6d5626;color:#f0c46d} [data-theme=dark] .fp-form{background:linear-gradient(180deg,#16303a,transparent 140px);border-color:#27505a} [data-theme=dark] .fp-toggle:has(input:checked),[data-theme=dark] .fp-q-score input:not(:placeholder-shown){background:#18323a} [data-theme=dark] .iq-extras,[data-theme=dark] .iq-criteria,[data-theme=dark] .iq-score,[data-theme=dark] .fp-q-meta{color:var(--muted)} [data-theme=dark] .fp-menu-panel{box-shadow:0 18px 44px rgba(0,0,0,.45)} /* ═════════════════════ صفحات القوائم (lp-*) ═════════════════════ قائمة المجموعات · سجل المرضى · خطة عمل الأخصائي · التوظيف الآمن · تقييم المقابلات · درجاتي. فوق طبقة fp-* نفسها (fp-card/fp-head/fp-tag/fp-meter/fp-avatar). المساعدات lp_* بـsrc/page_hero.php. */ .lp>*{margin-top:0!important;margin-bottom:0!important} .page-hero+.lp,.page-hero+.fp,.lp+section,.lp+.card{margin-top:18px} .lp-bar form{flex:1 1 420px;min-width:0} .content-wrap>.lp-bar{margin-bottom:18px} .lp>.toolbar,.lp>.page-hero{margin:0!important} /* صف الأرقام */ .lp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px} .lp-stat{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;border:1px solid rgba(214,225,223,.9);background:var(--card);box-shadow:0 6px 18px rgba(23,61,88,.05);color:inherit;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s;min-width:0} a.lp-stat:hover{box-shadow:0 14px 30px rgba(23,61,88,.12);transform:translateY(-2px);border-color:#c9dcd9} .lp-stat-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:19px;background:var(--icon-bg);color:var(--teal);flex:none} .lp-stat-copy{flex:1;min-width:0} .lp-stat-copy small{display:block;color:var(--muted);font-size:11.5px;font-weight:700;line-height:1.5} .lp-stat-copy b{display:block;color:var(--navy);font-size:24px;font-weight:800;line-height:1.25} .lp-stat-copy em{display:block;font-style:normal;color:var(--muted);font-size:11px;margin-top:1px} .lp-stat .fp-meter{flex-basis:100%;height:6px} .lp-stat.ok .lp-stat-ico{background:#ecf8f3;color:var(--success)} .lp-stat.warn .lp-stat-ico{background:#fff7e8;color:var(--warning)} .lp-stat.bad .lp-stat-ico{background:#fff0f2;color:#a82c3b} /* شريط الأدوات (بحث + تصفية + إجراءات) */ .lp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:18px;border:1px solid rgba(214,225,223,.9);background:var(--card);box-shadow:0 6px 18px rgba(23,61,88,.05)} .lp-bar .fp-spacer{flex:1} .lp-bar form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0} .lp-bar .filter-field{flex-direction:row!important;align-items:center;gap:0!important;border:1px solid var(--border);border-radius:12px;background:#f7f9f8;padding:0 0 0 2px;font-size:11.5px;overflow:hidden} .lp-bar .filter-field>span{padding:0 11px;white-space:nowrap;color:var(--muted)} .lp-bar .filter-field select,.lp-bar .filter-field input{border:0;border-inline-start:1px solid var(--border);border-radius:0;min-height:38px;background:var(--card);width:auto;min-width:130px;box-shadow:none} .lp-bar .filter-field input[type=month]{min-width:150px} .lp-bar .filter-field select:focus,.lp-bar .filter-field input:focus{box-shadow:none;background:#f4fbf9} .lp-bar .button{min-height:38px} .lp-search{position:relative;display:flex;align-items:center;flex:1 1 260px;min-width:220px;max-width:420px} .lp-search>span{position:absolute;inset-inline-start:13px;color:var(--muted);font-size:16px;pointer-events:none} .lp-search input{padding-inline-start:36px;border-radius:12px;min-height:40px;background:#f7f9f8} .lp-search input:focus{background:var(--card)} .lp-chips{display:flex;gap:6px;flex-wrap:wrap} .lp-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 13px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--navy);font-weight:700;font-size:12.5px;cursor:pointer} .lp-chip b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--icon-bg);color:var(--teal);font-size:10.5px} .lp-chip:hover{border-color:var(--teal-2)} .lp-chip.active{background:var(--teal);border-color:var(--teal);color:#fff} .lp-chip.active b{background:rgba(255,255,255,.22);color:#fff} .lp-off{display:none!important} .lp-export-panel{min-width:230px;padding:6px;gap:2px} .lp-export-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:700;color:var(--navy);text-decoration:none} .lp-export-item:hover{background:var(--icon-bg);color:var(--teal)} .lp-count{font-size:12px;color:var(--muted);font-weight:700;white-space:nowrap} .lp-count b{color:var(--navy)} /* بطاقات السجلات */ .lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px} .lp-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:15px 16px 14px;border-radius:18px;border:1px solid var(--border);background:var(--card);color:inherit;text-decoration:none;overflow:hidden;transition:box-shadow .15s,transform .15s,border-color .15s;min-width:0} .lp-card:before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--lp-accent,var(--teal-2))} .lp-card:hover{box-shadow:0 16px 34px rgba(23,61,88,.12);border-color:#c9dcd9} a.lp-card:hover{transform:translateY(-2px)} .lp-stretch{position:absolute;inset:0;z-index:1;border-radius:inherit} .lp-stretch:focus-visible{outline:3px solid var(--teal-2);outline-offset:-3px} .lp-card-top{display:flex;align-items:flex-start;gap:11px;min-width:0} .lp-card-title{flex:1;min-width:0} .lp-card-title strong{display:block;color:var(--navy);font-size:14.5px;font-weight:800;line-height:1.5;overflow-wrap:anywhere} .lp-card-title small{display:block;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere} .lp-tags{display:flex;gap:6px;flex-wrap:wrap} .lp-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px} .lp-kv>div{border-radius:12px;background:#f6f8f8;padding:8px 10px;min-width:0} .lp-kv small{display:block;color:var(--muted);font-size:10.5px;font-weight:700} .lp-kv b{display:block;color:var(--navy);font-size:13.5px;overflow-wrap:anywhere} .lp-kv .ltr{direction:ltr;unicode-bidi:isolate;text-align:right} .lp-card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px dashed var(--border);padding-top:11px;margin-top:auto} .lp-card-foot form{margin:0} .lp-card-foot .fp-spacer{flex:1} .lp-card .fp-progress-line{margin-top:-2px} .lp-ring{position:relative;width:54px;height:54px;border-radius:50%;flex:none;background:conic-gradient(var(--lp-accent,var(--teal)) calc(var(--pct,0)*1%),#e9efee 0)} .lp-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--card)} .lp-ring span{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--navy)} .lp-card.type-awareness{--lp-accent:var(--type-awareness)} .lp-card.type-group_support{--lp-accent:var(--type-group-support)} .lp-card.type-individual_support{--lp-accent:var(--type-individual-support)} .lp-card.tone-ok{--lp-accent:var(--success)}.lp-card.tone-warn{--lp-accent:#e0a238}.lp-card.tone-bad{--lp-accent:var(--danger)}.lp-card.tone-muted{--lp-accent:#b6c3c8} .lp-type{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--lp-accent,var(--teal))} .lp-type i{width:8px;height:8px;border-radius:50%;background:currentColor} .lp-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .lp-check{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;border-radius:10px;font-size:11px;font-weight:700;background:#f6f8f8;color:#435966;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lp-check i{flex:none;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:10.5px;background:#e3eaea;color:var(--muted)} .lp-check.ok i{background:var(--success);color:#fff} .lp-check.bad{background:#fff0f2;color:#a82c3b}.lp-check.bad i{background:#e0566a;color:#fff} .lp-check.warn i{background:#fff0d6;color:var(--warning)} [data-theme=dark] .lp-check{background:#1b2b36;color:var(--text)}[data-theme=dark] .lp-check i{background:#263944} [data-theme=dark] .lp-check.bad{background:#3d1f25;color:#f2a3ae}[data-theme=dark] .lp-check.warn i{background:#3a2f17;color:#f0c46d}[data-theme=dark] .lp-check.ok i{background:#1f7a55} .lp-jobs{display:flex;flex-direction:column;gap:16px} .lp-job{border:1px solid var(--border);border-radius:16px;padding:14px} .lp-job-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px} .lp-job-head strong{color:var(--navy);font-size:14.5px} /* قائمة صفوف كثيفة (سجل المرضى، الجداول الطويلة) */ .lp-rows{display:flex;flex-direction:column} .lp-row{display:flex;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--border);flex-wrap:wrap;min-width:0} .lp-rows>.lp-row:first-child{border-top:0} .lp-row:hover{background:#fbfcfc} .lp-row-main{flex:1 1 220px;min-width:0} .lp-row-main strong{display:block;color:var(--navy);font-size:14px;font-weight:800;line-height:1.5;overflow-wrap:anywhere} .lp-row-main small{display:block;color:var(--muted);font-size:12px} .lp-row-cells{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .lp-cell{min-width:74px} .lp-cell small{display:block;color:var(--muted);font-size:10.5px;font-weight:700} .lp-cell b{display:block;color:var(--navy);font-size:13px;white-space:nowrap} .lp-cell .ltr{direction:ltr;unicode-bidi:isolate} .lp-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline-start:auto} .lp-row-actions form{margin:0} /* جداول القوائم */ .lp-table .data-table th{position:sticky;top:0;z-index:1;font-size:11.5px;letter-spacing:.1px} .lp-table .data-table td{padding-top:13px;padding-bottom:13px} .lp-table .data-table tbody tr:nth-child(even){background:rgba(245,248,247,.55)} .lp-table .data-table tbody tr:hover{background:#f1f7f6} .lp-table .data-table tfoot td,.lp-table .data-table tr.total-row td{font-weight:800;background:#f3f7f6} .lp-none{padding:34px 20px;text-align:center;color:var(--muted);font-size:13px} .lp-none strong{display:block;color:var(--navy);margin-bottom:4px} .lp-section-note{font-size:12px;color:var(--muted);padding:0 20px 14px} @media(max-width:820px){.lp-search{max-width:none}} @media(max-width:560px){ .lp-bar{padding:10px;gap:8px}.lp-bar form{flex:1 1 100%;width:100%}.lp-bar .filter-field{flex:1 1 100%}.lp-bar .filter-field select,.lp-bar .filter-field input{flex:1;min-width:0} .lp-search{flex-basis:100%;min-width:0}.lp-chips{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.lp-chips::-webkit-scrollbar{display:none}.lp-chip{flex:none} .lp-bar>.button,.lp-bar>.fp-menu{flex:1 1 auto}.lp-bar>.fp-menu>summary{width:100%} .lp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lp-stat{padding:12px;gap:9px}.lp-stat-ico{width:34px;height:34px;font-size:16px;border-radius:11px}.lp-stat-copy b{font-size:20px} .lp-grid{grid-template-columns:minmax(0,1fr)} .lp-row{padding:13px 15px;gap:10px}.lp-row-cells{width:100%;gap:10px 16px}.lp-row-actions{width:100%;margin-inline-start:0}.lp-row-actions .button{flex:1 1 auto} } [data-theme=dark] .lp-stat,[data-theme=dark] .lp-bar{border-color:var(--border);box-shadow:none} [data-theme=dark] .lp-stat-ico,[data-theme=dark] .lp-chip b{background:#1d3a40;color:#7fd8cf} [data-theme=dark] .lp-stat.ok .lp-stat-ico{background:#173a2d;color:#7fd6a8}[data-theme=dark] .lp-stat.warn .lp-stat-ico{background:#3a2f17;color:#f0c46d}[data-theme=dark] .lp-stat.bad .lp-stat-ico{background:#3d1f25;color:#f2a3ae} [data-theme=dark] .lp-bar .filter-field,[data-theme=dark] .lp-search input,[data-theme=dark] .lp-kv>div{background:#1b2b36} [data-theme=dark] .lp-bar .filter-field select,[data-theme=dark] .lp-bar .filter-field input{background:#12212b} [data-theme=dark] .lp-chip{background:#12212b;border-color:var(--border);color:var(--text)} [data-theme=dark] .lp-chip.active{background:var(--teal);color:#fff} [data-theme=dark] .lp-row:hover,[data-theme=dark] .lp-table .data-table tbody tr:hover{background:#1b2b36} [data-theme=dark] .lp-table .data-table tbody tr:nth-child(even){background:rgba(27,43,54,.45)} [data-theme=dark] .lp-table .data-table tfoot td,[data-theme=dark] .lp-table .data-table tr.total-row td{background:#1b2b36} [data-theme=dark] .lp-ring{background:conic-gradient(var(--lp-accent,var(--teal)) calc(var(--pct,0)*1%),#263944 0)} [data-theme=dark] .lp-export-item:hover{background:#1d3a40;color:#7fd8cf} /* 2.136 — الواجهة الإنجليزية (html[dir=ltr]): عكس تخطيط الشريط الجانبي والجداول. */ html[dir=ltr] .sidebar{inset:0 auto 0 0} html[dir=ltr] .main-area{margin-right:0;margin-left:272px} html[dir=ltr].sidebar-collapsed .main-area{margin-right:0;margin-left:84px} html[dir=ltr] .data-table th,html[dir=ltr] .data-table td{text-align:left} html[dir=ltr] .topbar-user{text-align:right} html[dir=ltr] .ltr{text-align:left} html[dir=ltr] .search input{padding-right:11px;padding-left:36px} html[dir=ltr] .search:before{right:auto;left:12px} html[dir=ltr] .password-wrap button{left:auto;right:7px} html[dir=ltr] .focus-item:hover{transform:translateX(3px)} html[dir=ltr] .hero:after{left:auto;right:-70px} @media(max-width:820px){html[dir=ltr] .main-area,html[dir=ltr].sidebar-collapsed .main-area{margin-left:0}html[dir=ltr] .sidebar{transform:translate3d(-110%,0,0);box-shadow:20px 0 50px rgba(0,0,0,.2)}html[dir=ltr] .sidebar-open .sidebar{transform:translate3d(0,0,0)}} .lang-toggle{white-space:nowrap} html[dir=ltr] .app-embed .main-area{margin-left:0!important} html[dir=ltr] .nav-group-caret,html[dir=ltr] .focus-item-arrow{display:inline-block;transform:scaleX(-1)} /* 2.138 — صندوق قراراتك (views/dashboard.php) */ .dx{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden} .dx:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--teal-2),#8e5bd6,#e0a030)} .dx.urg-hot:before{background:linear-gradient(90deg,#d6455a,#e0a030)} .dx-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px} .dx-orb{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 30% 30%,var(--teal-2),var(--teal));color:#fff;box-shadow:0 10px 24px rgba(12,119,114,.28);flex:none} .dx.urg-hot .dx-orb{background:radial-gradient(circle at 30% 30%,#ef6a7c,#c83f4f);box-shadow:0 10px 24px rgba(200,63,79,.3);animation:dx-pulse 2.4s ease-in-out infinite} .dx-orb b{font-size:26px;line-height:1}.dx-orb small{font-size:10.5px;opacity:.9} @keyframes dx-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}} .dx-intro{flex:1 1 280px;min-width:0}.dx-intro h2{margin:0;color:var(--navy);font-size:19px}.dx-intro p{margin:4px 0 0;color:var(--muted);font-size:13px} .dx-roles{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;font-size:11.5px;color:var(--muted)} .dx-roles em{font-style:normal;background:var(--icon-bg);color:var(--teal);border-radius:999px;padding:3px 10px;font-weight:700} .dx-oldest{background:#fff7e8;color:#8a5811;border:1px solid #f0dfbb;border-radius:12px;padding:8px 12px;font-size:12.5px} .dx.urg-hot .dx-oldest{background:#fff0f2;color:#9f2939;border-color:#f1c9cf} .dx-lanes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px} .dx-lane{--t:#0c7772;--tb:rgba(12,119,114,.08);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto;column-gap:10px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(160deg,var(--tb),transparent 70%);border-inline-start:4px solid var(--t);transition:transform .15s ease,box-shadow .15s ease} .dx-lane:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,61,88,.12)} .dx-ico{grid-row:1/3;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:var(--tb);border:1px solid color-mix(in srgb,var(--t) 25%,transparent)} .dx-count{font-size:26px;color:var(--t);line-height:1} .dx-lane strong{grid-column:1/-1;margin-top:10px;color:var(--navy);font-size:14px} .dx-lane small{grid-column:1/-1;color:var(--muted);font-size:11.5px;margin-top:3px;line-height:1.5} .dx-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11.5px} .dx-foot i{font-style:normal}.dx-go{color:var(--t);font-weight:800} .dx-age{font-style:normal;border-radius:999px;padding:2px 8px;font-size:11px;background:#eef3f2;color:#526572;white-space:nowrap} .dx-age.urg-warm,.dx-lane.urg-warm .dx-age{background:#fff7e8;color:#8a5811} .dx-age.urg-hot,.dx-lane.urg-hot .dx-age{background:#fff0f2;color:#a82c3b;font-weight:700} .tone-teal{--t:#0c7772;--tb:rgba(12,119,114,.08)}.tone-indigo{--t:#4b53c6;--tb:rgba(75,83,198,.08)}.tone-amber{--t:#b87410;--tb:rgba(224,160,48,.1)}.tone-violet{--t:#7b4fc9;--tb:rgba(123,79,201,.08)}.tone-blue{--t:#2a78d6;--tb:rgba(42,120,214,.08)}.tone-green{--t:#19734f;--tb:rgba(25,115,79,.08)}.tone-red{--t:#c83f4f;--tb:rgba(200,63,79,.08)}.tone-slate{--t:#3f5a72;--tb:rgba(63,90,114,.08)} .dx-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px;text-align:center;color:var(--muted)}.dx-empty span{font-size:34px}.dx-empty strong{color:var(--navy)} .dx-next{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;border-inline-start:3px solid var(--t)} .dx-next+.dx-next{margin-top:8px}.dx-next.is-danger{border-inline-start-color:#c83f4f} .dx-next-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tb);flex:none} .dx-next-body{flex:1;min-width:0}.dx-next-body strong,.dx-next-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dx-next-body strong{font-size:13px;color:var(--navy)}.dx-next-body small{font-size:11px;color:var(--muted);margin-top:2px} .dx-quick{margin:0} html[data-theme=dark] .dx-oldest{background:rgba(224,160,48,.12);color:#f0c877;border-color:rgba(224,160,48,.3)} html[data-theme=dark] .dx-age{background:rgba(255,255,255,.08);color:#c9d6de} html[data-theme=dark] .dx-lane strong,html[data-theme=dark] .dx-intro h2,html[data-theme=dark] .dx-next-body strong{color:#e8f0f3} @media(max-width:640px){.dx{padding:16px}.dx-orb{width:58px;height:58px}.dx-orb b{font-size:21px}.dx-lanes{grid-template-columns:1fr 1fr;gap:8px}.dx-lane{padding:11px}.dx-count{font-size:21px}.dx-lane small{display:none}.dx-next{flex-wrap:wrap}} /* 2.138 — مكتب القرارات (views/mhpss_pending_edits.php) */ .dk-hero{position:relative;overflow:hidden;border-radius:24px;padding:24px 26px 20px;background:linear-gradient(135deg,var(--navy),#1f5a6e 60%,var(--teal));color:#fff;box-shadow:0 16px 40px rgba(23,61,88,.18);margin-bottom:16px} .dk-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-end:-80px;top:-120px;background:rgba(255,255,255,.07)} .dk-kicker{display:inline-block;font-size:11.5px;background:rgba(255,255,255,.14);border-radius:999px;padding:4px 10px} .dk-hero h1{margin:10px 0 4px;font-size:25px}.dk-hero p{margin:0;color:#d4e3e6;font-size:13px;max-width:640px} .dk-flow{position:relative;z-index:1;display:flex;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap} .dk-station{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:84px;padding:8px 6px;border-radius:14px;cursor:pointer;color:#fff;position:relative;transition:background .15s} .dk-station:hover{background:rgba(255,255,255,.08)} .dk-dot{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:17px;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.35)} .dk-station b{font-size:13px}.dk-station small{font-size:10.5px;color:#c6d8dc} .dk-station.is-mine .dk-dot{background:#fff;color:var(--teal);border-color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.18);animation:dx-pulse 2.4s infinite} .dk-station em{font-style:normal;position:absolute;top:-6px;inset-inline-end:-4px;background:#f5b53d;color:#3b2a00;font-size:10px;font-weight:800;border-radius:999px;padding:2px 7px} .dk-station.is-done .dk-dot{background:#23a39a;border-color:#23a39a} .dk-station.is-back{margin-inline-start:auto}.dk-station.is-back .dk-dot{background:rgba(214,69,90,.35);border-color:rgba(255,160,170,.6)} .dk-rail{flex:1 1 20px;min-width:14px;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 8px,transparent 8px 14px)} .dk-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px;position:sticky;top:78px;z-index:20;background:var(--cream);padding:6px 0} .dk-tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:5px} .dk-tabs button{border:0;background:transparent;border-radius:10px;padding:8px 12px;font-weight:700;font-size:12.5px;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center} .dk-tabs button b{background:var(--icon-bg);color:var(--teal);border-radius:999px;padding:1px 7px;font-size:11px} .dk-tabs button.active{background:var(--teal);color:#fff}.dk-tabs button.active b{background:rgba(255,255,255,.25);color:#fff} .dk-search{max-width:280px} .dk-group{margin-bottom:22px} .dk-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px} .dk-group h3{margin:0;font-size:15px;color:var(--navy);display:flex;gap:8px;align-items:center}.dk-group h3 span{background:var(--navy);color:#fff;border-radius:999px;padding:1px 9px;font-size:12px} .dk-bulk{display:flex;gap:6px;margin:0} .dk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px} .dk-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 15px;box-shadow:0 6px 18px rgba(23,61,88,.05);transition:box-shadow .15s,transform .15s,border-color .15s} .dk-card:hover{box-shadow:0 12px 28px rgba(23,61,88,.1)} .dk-card.picked{border-color:var(--teal-2);box-shadow:0 0 0 3px rgba(35,163,154,.18)} .dk-card.flash{animation:dk-flash 1.2s ease}@keyframes dk-flash{0%,60%{box-shadow:0 0 0 4px rgba(245,181,61,.6)}100%{box-shadow:none}} .dk-card.stage-pending_meal{border-top:4px solid #0c7772}.dk-card.stage-pending_admin{border-top:4px solid #4b53c6}.dk-card.stage-rejected{border-top:4px solid #c83f4f} .dk-req{border-top:4px solid #b87410}.dk-req.is-del{border-top-color:#c83f4f;background:linear-gradient(180deg,rgba(200,63,79,.04),transparent 40%),var(--card)} .dk-pick{position:absolute;top:12px;inset-inline-end:12px;cursor:pointer}.dk-pick input{position:absolute;opacity:0} .dk-pick span{display:block;width:22px;height:22px;border-radius:7px;border:2px solid var(--border);background:var(--card)} .dk-pick input:checked+span{background:var(--teal);border-color:var(--teal)}.dk-pick input:checked+span:after{content:"✓";color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;height:100%} .dk-top{display:flex;align-items:center;gap:10px;padding-inline-end:28px} .dk-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal-2),var(--navy));flex:none;font-size:14px} .dk-req .dk-avatar{background:linear-gradient(135deg,#e0a030,#b87410)}.dk-req.is-del .dk-avatar{background:linear-gradient(135deg,#ef6a7c,#c83f4f)} .dk-who{flex:1;min-width:0}.dk-who strong{display:block;color:var(--navy);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dk-who small{color:var(--muted);font-size:11.5px} .dk-wait{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;background:#eef3f2;color:#526572;white-space:nowrap} .dk-wait.urg-warm{background:#fff7e8;color:#8a5811}.dk-wait.urg-hot{background:#fff0f2;color:#a82c3b} .dk-steps{list-style:none;display:flex;margin:14px 0 6px;padding:0;gap:0} .dk-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:var(--muted);position:relative} .dk-steps li:before{content:"";position:absolute;top:6px;inset-inline-start:-50%;width:100%;height:2px;background:var(--border);z-index:0}.dk-steps li:first-child:before{display:none} .dk-steps li span{width:14px;height:14px;border-radius:50%;background:var(--card);border:2px solid var(--border);position:relative;z-index:1} .dk-steps li.done span{background:#23a39a;border-color:#23a39a}.dk-steps li.done:before{background:#23a39a} .dk-steps li.now span{background:#f5b53d;border-color:#f5b53d;box-shadow:0 0 0 4px rgba(245,181,61,.25)}.dk-steps li.now{color:var(--navy);font-weight:800} .dk-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dk-meta span{font-size:11.5px;background:#f5f7f6;border-radius:8px;padding:3px 8px;color:#435966}.dk-meta span.ok{background:#ecf8f3;color:#19734f} .dk-quote{margin:10px 0 0;padding:9px 12px;border-radius:12px;background:#fff0f2;color:#9f2939;font-size:12.5px;border-inline-start:3px solid #c83f4f} .dk-quote cite{display:block;font-style:normal;font-size:11px;color:#b3707b;margin-top:4px} .dk-quote.is-del{background:#fff5f6} .dk-tag{margin-top:8px;font-size:11.5px;background:#eef1f6;color:#3f5a72;border-radius:8px;padding:4px 8px;display:inline-block} .dk-diff{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px} .dk-diff li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;background:#f7f9f8;border-radius:10px;padding:6px 9px} .dk-diff b{color:var(--navy);min-width:80px}.dk-diff s{color:#a82c3b;background:#fff0f2;border-radius:6px;padding:1px 6px;text-decoration:line-through} .dk-diff ins{text-decoration:none;color:#19734f;background:#ecf8f3;border-radius:6px;padding:1px 6px;font-weight:700}.dk-diff i{font-style:normal;color:var(--muted)}.dk-diff .note{color:var(--muted)} .dk-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;align-items:flex-start}.dk-actions form{margin:0} .dk-reject{flex-basis:auto}.dk-reject[open]{flex-basis:100%;order:5}.dk-reject summary{list-style:none}.dk-reject summary::-webkit-details-marker{display:none} .dk-reject-form{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:10px;border-radius:12px;background:#fff7f8;border:1px dashed #f1c9cf} .dk-reject-form textarea{min-height:64px} .dk-chips{display:flex;flex-wrap:wrap;gap:5px}.dk-chip{border:1px solid #f1c9cf;background:#fff;color:#9f2939;border-radius:999px;padding:4px 10px;font-size:11.5px;cursor:pointer}.dk-chip:hover{background:#fff0f2} .dk-waiting{font-size:11.5px;color:var(--muted);padding:6px 0} .dk-zen{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 16px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:18px;margin-bottom:16px} .dk-zen span{font-size:40px}.dk-zen strong{color:var(--navy);font-size:16px} .dk-kanban{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px} .dk-col{background:rgba(255,255,255,.5);border:1px solid var(--border);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:160px;transition:box-shadow .2s} .dk-col.flash{box-shadow:0 0 0 4px rgba(245,181,61,.55)} .dk-col>header{font-weight:800;color:var(--navy);font-size:13px;display:flex;justify-content:space-between;padding:4px 6px}.dk-col>header span{background:var(--navy);color:#fff;border-radius:999px;padding:0 8px;font-size:11.5px} .dk-col[data-col-key=pending_meal]>header{color:#0c7772}.dk-col[data-col-key=pending_admin]>header{color:#4b53c6}.dk-col[data-col-key=rejected]>header{color:#c83f4f} .dk-col-empty{color:var(--muted);font-size:12px;text-align:center;margin:20px 0} .dk-card.is-compact{padding:10px 12px;border-radius:14px}.dk-card.is-compact .dk-meta{margin-top:6px} .dk-timeline{list-style:none;margin:0;padding:0 8px;position:relative} .dk-timeline:before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:22px;width:2px;background:var(--border)} .dk-timeline li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;position:relative} .dk-tl-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;flex:none;z-index:1} .dk-timeline li.ok .dk-tl-dot{background:#19734f}.dk-timeline li.no .dk-tl-dot{background:#c83f4f} .dk-timeline strong{display:block;font-size:13px;color:var(--navy)}.dk-timeline small{color:var(--muted);font-size:11.5px} html[data-theme=dark] .dk-bar{background:transparent} html[data-theme=dark] .dk-meta span,html[data-theme=dark] .dk-diff li{background:rgba(255,255,255,.05);color:#c9d6de} html[data-theme=dark] .dk-who strong,html[data-theme=dark] .dk-group h3,html[data-theme=dark] .dk-timeline strong,html[data-theme=dark] .dk-col>header{color:#e8f0f3} html[data-theme=dark] .dk-col{background:rgba(255,255,255,.03)} html[data-theme=dark] .dk-quote{background:rgba(200,63,79,.12);color:#f3a7b1} html[data-theme=dark] .dk-reject-form{background:rgba(200,63,79,.06)}html[data-theme=dark] .dk-chip{background:transparent} @media(max-width:820px){.dk-bar{top:0}.dk-hero{padding:18px}.dk-hero h1{font-size:20px}.dk-station{min-width:64px}.dk-dot{width:38px;height:38px;font-size:14px}.dk-station.is-back{margin-inline-start:0}.dk-search{max-width:none;flex:1}.dk-grid{grid-template-columns:1fr}.dk-kanban{grid-template-columns:repeat(3,85%);scroll-snap-type:x mandatory}.dk-col{scroll-snap-align:center}} /* 2.139 — سجل مكتب القرارات */ .dk-logbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px} .dk-logchip{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:700;color:var(--text);cursor:pointer} .dk-logchip b{background:rgba(12,119,114,.12);color:var(--teal);border-radius:999px;padding:0 7px;margin-inline-start:4px;font-size:11px} .dk-logchip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.dk-logchip.active b{background:rgba(255,255,255,.2);color:#fff} .dk-log li.dk-day{padding:14px 0 4px}.dk-log li.dk-day span{background:var(--cream);border:1px solid var(--border);border-radius:999px;padding:3px 12px;font-size:11.5px;font-weight:800;color:var(--muted);margin-inline-start:0;z-index:1;position:relative} .dk-log li.t-ok .dk-tl-dot{background:#19734f}.dk-log li.t-no .dk-tl-dot{background:#c83f4f}.dk-log li.t-del .dk-tl-dot{background:#7a2b36} .dk-log li.t-wait .dk-tl-dot{background:#c77d0a}.dk-log li.t-info .dk-tl-dot{background:#2a78d6} .dk-log-name{font-style:normal;font-weight:600;color:var(--muted);font-size:12px} html[data-theme=dark] .dk-logchip{background:#14232d;color:#e8f0f3}html[data-theme=dark] .dk-log li.dk-day span{background:#14232d} /* 2.144 — مؤشر دقة البيانات */ .acc{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;margin:0 0 18px} .acc-head h2{margin:0;font-size:17px;color:var(--navy)}.acc-head p{margin:4px 0 12px;color:var(--muted);font-size:12.5px} .acc-body{display:flex;flex-wrap:wrap;gap:18px} .acc-mine{display:flex;gap:16px;align-items:center;flex:1 1 300px} .acc-ring{--c:#19734f;width:112px;height:112px;border-radius:50%;flex:none;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--card) 78%,transparent 80% 100%),conic-gradient(var(--c) calc(var(--p)*1%),rgba(0,0,0,.08) 0)} .acc-ring b{font-size:30px;color:var(--c);line-height:1}.acc-ring small{font-size:12px;color:var(--muted);font-weight:700} .acc-mine ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1} .acc-mine li{background:rgba(12,119,114,.06);border-radius:12px;padding:8px 10px;display:flex;justify-content:space-between;gap:6px;font-size:12.5px} .acc-mine li b{font-size:15px;color:var(--navy)} .acc-board{flex:2 1 360px;display:grid;gap:8px} .acc-row{--c:#19734f;display:grid;grid-template-columns:minmax(90px,160px) 1fr 42px;align-items:center;gap:4px 10px} .acc-row strong{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .acc-row b{color:var(--c);font-size:15px;text-align:end}.acc-row small{grid-column:1/-1;color:var(--muted);font-size:11.5px;margin-top:-4px} .acc-bar{height:9px;border-radius:9px;background:rgba(0,0,0,.08);overflow:hidden}.acc-bar i{display:block;height:100%;background:var(--c);border-radius:9px} .lv-good{--c:#2a78d6}.lv-watch{--c:#c77d0a}.lv-weak{--c:#c83f4f}.lv-none{--c:#8a99a6} .acc-mine.lv-good .acc-ring{--c:#2a78d6}.acc-mine.lv-watch .acc-ring{--c:#c77d0a}.acc-mine.lv-weak .acc-ring{--c:#c83f4f}.acc-mine.lv-none .acc-ring{--c:#8a99a6} html[data-theme=dark] .acc-head h2,html[data-theme=dark] .acc-mine li b{color:#e8f0f3} /* 2.145 — حذف السجل للمؤسس */ .dk-logdel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:0 0 10px;padding:8px 10px;border:1px dashed var(--border);border-radius:12px} .dk-logdel form{display:flex;gap:10px;align-items:center;margin:0}.dk-logall{font-size:12.5px;display:flex;gap:6px;align-items:center} .dk-logchk{width:18px;height:18px;margin-top:6px;flex:none;accent-color:#c83f4f} /* 2.146 — صندوق القرارات ومؤشر الدقة جنبًا إلى جنب + تصميم لوحة قياس لمؤشر الدقة */ .dx-acc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start;margin:0 0 18px} .dx-acc>.dx,.dx-acc>.acc{margin:0} .dx-acc>.dx .dx-lanes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))} @media (max-width:1100px){.dx-acc{grid-template-columns:1fr}} .acc{--c:#19734f;padding:0;overflow:hidden;border-radius:22px;background:var(--card);border:1px solid var(--border);box-shadow:0 10px 30px rgba(23,61,88,.08)} .acc .lv-excellent,.acc.lv-excellent{--c:#19734f}.acc .lv-good{--c:#2a78d6}.acc .lv-watch{--c:#c77d0a}.acc .lv-weak{--c:#c83f4f}.acc .lv-none{--c:#8a99a6} .acc-top{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,var(--navy),#0f5c68);color:#fff;flex-wrap:wrap} .acc-top h2{margin:0;font-size:16px;color:#fff}.acc-top small{opacity:.8;font-size:12px} .acc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:20px} .acc-how{margin-inline-start:auto;font-size:12px}.acc-how summary{cursor:pointer;background:rgba(255,255,255,.14);padding:5px 10px;border-radius:999px;list-style:none} .acc-how p{margin:8px 0 0;max-width:340px;line-height:1.6;background:rgba(0,0,0,.18);padding:8px 10px;border-radius:10px} .acc-mine{display:flex;align-items:center;gap:18px;padding:18px 16px} .acc-gauge{width:124px;height:124px;flex:none;border-radius:50%;display:grid;place-content:center;text-align:center; background:radial-gradient(closest-side,var(--card) 76%,transparent 78% 100%),conic-gradient(var(--c) calc(var(--p)*1%),rgba(127,127,127,.15) 0); box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 10%,transparent),0 8px 26px color-mix(in srgb,var(--c) 35%,transparent)} .acc-gauge b{font-size:36px;line-height:1;color:var(--c)}.acc-gauge small{font-size:12.5px;font-weight:800;color:var(--c)} .acc-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1} .acc-facts span{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:14px;font-size:12px;color:var(--muted);background:rgba(127,127,127,.07)} .acc-facts i{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--card)} .acc-facts b{font-size:17px;color:var(--text)} .acc-facts .f-rej{background:rgba(200,63,79,.08)}.acc-facts .f-edit{background:rgba(199,125,10,.09)}.acc-facts .f-reg{background:rgba(42,120,214,.08)} .acc-team{padding:14px 16px 16px;border-top:1px dashed var(--border)} .acc-team-head{display:flex;gap:12px;align-items:center;margin-bottom:12px} .acc-mini{width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-content:center;background:radial-gradient(closest-side,var(--card) 72%,transparent 74% 100%),conic-gradient(var(--c) calc(var(--p)*1%),rgba(127,127,127,.15) 0)} .acc-mini b{color:var(--c);font-size:17px} .acc-team-head strong{font-size:13.5px;color:var(--text)}.acc-team-head>div:last-child{flex:1} .acc-dist{display:flex;height:9px;border-radius:9px;overflow:hidden;margin:6px 0 4px;background:rgba(127,127,127,.12)}.acc-dist i{background:var(--c)} .acc-team-head small{display:flex;flex-wrap:wrap;gap:10px;font-size:11.5px}.acc-team-head small em{font-style:normal;color:var(--c);font-weight:700} .acc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px} .acc-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--c) 30%,transparent);background:color-mix(in srgb,var(--c) 5%,transparent)} .acc-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#000))} .acc-list li>div{flex:1;min-width:0}.acc-list strong{display:block;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .acc-list small{font-size:11.5px;color:var(--muted)} .acc .acc-bar{display:block;height:7px;border-radius:7px;margin:4px 0 3px;background:rgba(127,127,127,.14);overflow:hidden}.acc .acc-bar i{display:block;height:100%;background:var(--c);border-radius:7px} .acc-badge{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px;background:var(--c);box-shadow:0 4px 12px color-mix(in srgb,var(--c) 40%,transparent)} @media (max-width:560px){.acc-mine{flex-direction:column;align-items:stretch}.acc-gauge{margin:0 auto}} html[data-theme=dark] .acc{box-shadow:none} /* 2.147 — تبويبات أدوار مؤشر الدقة */ .acc-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 0} .acc-team .acc-tabs{padding:0 0 10px} .acc-tabs button{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:800;color:var(--text);cursor:pointer;display:flex;gap:6px;align-items:center} .acc-tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)} .acc-tabs button b{min-width:26px;height:22px;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--c);font-size:11.5px;padding:0 6px} .acc-facts .f-missed,.acc-facts .f-rejections,.acc-facts .f-deleted{background:rgba(200,63,79,.08)}.acc-facts .f-fixed,.acc-facts .f-edits{background:rgba(199,125,10,.09)} /* 2.149 — مؤشر الدقة بلغة «صندوق قراراتك»: بطاقة بيضاء خفيفة، رأس بحلقة المؤشر بدل الشريط الداكن، وأحجام أصغر */ .acc{box-shadow:none;border-radius:20px;position:relative} .acc::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#19734f,#2a78d6,#c77d0a)} .acc-top{background:none;color:var(--text);padding:16px 16px 10px;border-bottom:1px solid var(--border)} .acc-top h2{color:var(--navy);font-size:16px}.acc-top small{opacity:1;color:var(--muted)}.acc-top small[class^="lv-"]{color:var(--c);font-weight:800} .acc-orb{--c:#8a99a6;width:54px;height:54px;flex:none;border-radius:50%;display:grid;place-content:center;background:radial-gradient(closest-side,var(--card) 74%,transparent 76% 100%),conic-gradient(var(--c) calc(var(--p)*1%),rgba(127,127,127,.15) 0)} .acc-orb b{color:var(--c);font-size:18px} .acc-orb.lv-excellent{--c:#19734f}.acc-orb.lv-good{--c:#2a78d6}.acc-orb.lv-watch{--c:#c77d0a}.acc-orb.lv-weak{--c:#c83f4f} .acc-how summary{background:rgba(12,119,114,.08);color:var(--teal)}.acc-how p{background:rgba(12,119,114,.06);color:var(--text)} .acc-mine{padding:14px 16px;gap:14px}.acc-gauge{width:92px;height:92px;box-shadow:none}.acc-gauge b{font-size:28px} .acc-facts span{padding:7px 9px}.acc-facts b{font-size:15px} .acc-team{padding:12px 16px 14px}.acc-mini{width:46px;height:46px}.acc-mini b{font-size:15px} .acc-list li{padding:7px 9px}.acc-av{width:30px;height:30px;font-size:12px}.acc-badge{width:36px;height:36px;font-size:13px;box-shadow:none} .acc-tabs button.on{background:var(--teal);border-color:var(--teal)} html[data-theme=dark] .acc-top h2{color:#e8f0f3} /* ——— 2.164 — مسافات موحّدة بين الكتل (بطلب صريح: «مربعين ملزقين في بعض في كثير مواضع… عالجها كلها») ——— كانت المسافة تُضاف فقط بين
متتالية مباشرة داخل .content-wrap، فأي كتلة أخرى (ترويسة الصفحة .page-hero، بطاقة .card، div، form…) تأتي بعدها تلتصق بما قبلها. الآن: كل عنصرين متتاليين مباشرةً داخل .content-wrap بينهما 18px، وكل بطاقتين متتاليتين خارج الشبكات بينهما 16px. :where() يجعل الأولوية صفرًا — أي هامش مقصود بصفحة معيّنة يبقى هو الغالب ولا يتأثر. */ :where(.content-wrap)>:where(*:not(script):not(style):not(template):not(input[type=hidden]))+:where(*:not(script):not(style):not(template)){margin-top:18px} :where(.card,.page-hero,.form-card,section,details.card)+:where(.card,.form-card,section,details.card){margin-top:16px} :where(.page-hero)+:where(div,form,section,.card,.table-wrap,.toolbar,.notice){margin-top:18px} /* داخل الشبكات والمكدّسات المسافة من gap — لا نضيف فوقها. */ :where(.grid,.stack,.button-row,.fp,.lp,.form-grid,.form-stack,.toolbar,.toolbar-group,.metric-list,.permission-grid,.project-stats,.date-range)>:where(*){margin-top:0} /* التنبيه أول الصفحة: هامشه السفلي يكفي. */ :where(.content-wrap)>:where(.notice)+:where(*){margin-top:0} /* 2.165 — القائمة المنبثقة الطافية (تُحسب مكانها بـapp.js) فوق كل البطاقات. */ .fp-menu-panel.is-floating,.menu-pop-body.is-floating{z-index:1000!important;overflow:auto;box-shadow:0 18px 44px rgba(15,44,64,.22)} /* 2.234 — غرفة المراجعة: مراجعة المؤسس قبل كوبو (views/mhpss_founder_review.php) */ .fr-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:center;border-radius:24px;padding:24px 26px;background:radial-gradient(circle at 12% 120%,rgba(123,79,201,.55),transparent 55%),linear-gradient(135deg,#14283a,#173d58 55%,#1f5a6e);color:#fff;box-shadow:0 16px 40px rgba(23,61,88,.2);margin-bottom:16px} .fr-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;inset-inline-end:-90px;top:-140px;background:rgba(255,255,255,.06)} .fr-kicker{display:inline-block;font-size:11.5px;background:rgba(255,255,255,.14);border-radius:999px;padding:4px 10px} .fr-hero h1{margin:10px 0 6px;font-size:24px}.fr-hero p{margin:0;color:#d4e3e6;font-size:13px;line-height:1.8;max-width:640px} .fr-chain-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:14px;font-size:11.5px} .fr-chain-legend span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 9px} .fr-chain-legend span.me{background:#fff;color:#173d58;font-weight:800} .fr-chain-legend i{width:14px;height:2px;background:rgba(255,255,255,.35);border-radius:2px} .fr-gate{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px} .fr-gate-tile{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:12px;text-align:start;cursor:pointer} .fr-gate-tile:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)} .fr-gate-tile b{display:block;font-size:28px;line-height:1.1}.fr-gate-tile small{font-size:12px;color:#d4e3e6} .fr-gate-tile.r-high b{color:#ff9aa6}.fr-gate-tile.r-review b{color:#ffd27a}.fr-gate-tile.r-clean b{color:#7fe0b4}.fr-gate-tile.r-pending b{color:#c8d6e0} .fr-gate-foot{grid-column:1/-1;font-size:11.5px;color:#c6d8dc;text-align:center} .fr-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px} .fr-chips{display:flex;gap:6px;flex-wrap:wrap} .fr-chips button{border:1px solid var(--border);background:var(--card);color:var(--navy);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer} .fr-chips button b{background:#edf2f2;border-radius:999px;padding:0 7px;margin-inline-start:4px;font-size:11px} .fr-chips button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.fr-chips button.active b{background:rgba(255,255,255,.2)} .fr-search{flex:1;min-width:200px;max-width:340px} .fr-bar-actions{display:flex;gap:8px;align-items:center;margin-inline-start:auto} .fr-bulk{position:sticky;top:84px;z-index:20;display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:14px;padding:8px 14px;margin-bottom:12px;box-shadow:0 10px 26px rgba(23,61,88,.25)} .fr-bulk .button.ghost{color:#fff} .fr-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start} .fr-list{display:flex;flex-direction:column;gap:14px;min-width:0} .fr-card{--rc:#9aa9b4;position:relative;background:var(--card);border:1px solid var(--border);border-inline-start:5px solid var(--rc);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);scroll-margin-top:96px} .fr-card.r-high{--rc:#c83f4f}.fr-card.r-review{--rc:#d99a1e}.fr-card.r-clean{--rc:#19734f}.fr-card.r-pending{--rc:#7b8d99} .fr-card.picked{outline:2px solid var(--teal-2)}.fr-card.flash{animation:fr-flash 1.4s ease} @keyframes fr-flash{0%,60%{box-shadow:0 0 0 4px rgba(35,163,154,.45)}100%{box-shadow:var(--shadow)}} .fr-pick{position:absolute;top:14px;inset-inline-end:14px;cursor:pointer}.fr-pick input{position:absolute;opacity:0} .fr-pick span{display:block;width:22px;height:22px;border-radius:7px;border:2px solid var(--border);background:var(--card)} .fr-pick input:checked+span{background:var(--teal);border-color:var(--teal);box-shadow:inset 0 0 0 3px var(--card)} .fr-head{display:flex;align-items:center;gap:14px;padding-inline-end:30px} .fr-ring{--p:0;flex:none;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,var(--card) 76%,transparent 78%),conic-gradient(var(--rc) calc(var(--p)*1%),#e6ecec 0)} .fr-ring b{font-size:19px;line-height:1;color:var(--navy)}.fr-ring small{font-size:9.5px;color:var(--muted)} .fr-who{min-width:0;flex:1}.fr-who strong{display:block;font-size:16px;color:var(--navy)}.fr-who small{display:block;color:var(--muted);font-size:12px;margin-top:3px} .fr-verdict{display:flex;flex-direction:column;align-items:flex-end;gap:5px} .fr-risk{font-weight:800;font-size:13px;color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,transparent);border-radius:999px;padding:4px 10px;white-space:nowrap} .fr-sevs{display:flex;gap:4px}.fr-sevs i{font-style:normal;font-size:10.5px;font-weight:700;border-radius:6px;padding:2px 6px} .s-high{--sc:#c83f4f}.s-medium{--sc:#b87410}.s-low{--sc:#5d7180} .fr-sevs i{color:var(--sc);background:color-mix(in srgb,var(--sc) 11%,transparent)} .fr-chain{list-style:none;display:flex;margin:14px 0 4px;padding:0;gap:0} .fr-chain li{position:relative;flex:1;min-width:0;padding:8px 10px 6px;border-top:3px solid #cfe2df;font-size:12px} .fr-chain li:before{content:"";position:absolute;top:-7px;inset-inline-start:8px;width:11px;height:11px;border-radius:50%;background:var(--teal-2);box-shadow:0 0 0 3px var(--card)} .fr-chain li.me{border-top-color:#b9a3e3}.fr-chain li.me:before{background:#7b4fc9;animation:fr-pulse 1.6s infinite} @keyframes fr-pulse{50%{box-shadow:0 0 0 6px rgba(123,79,201,.2)}} .fr-chain b{display:block;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fr-chain small{color:var(--muted);font-size:11px} .fr-chain em{position:absolute;top:-22px;inset-inline-start:24px;font-style:normal;font-size:10.5px;color:var(--muted);background:var(--card);padding:0 4px} .fr-scanning,.fr-clean{margin-top:10px;border-radius:12px;padding:10px 12px;font-size:13px} .fr-scanning{background:#f1f4f6;color:#4d6170;display:flex;align-items:center;gap:8px} .fr-clean{background:#edf9f4;color:#176849;border:1px solid #c5e8d7} .fr-spin{width:14px;height:14px;border:2px solid #c9d5dc;border-top-color:#7b4fc9;border-radius:50%;animation:fr-spin .8s linear infinite;flex:none} @keyframes fr-spin{to{transform:rotate(360deg)}} .fr-findings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px} .fr-layer{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:color-mix(in srgb,var(--card) 92%,#e9eff0)} .fr-layer h4{margin:0 0 6px;font-size:12.5px;color:var(--navy)} .fr-layer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .fr-layer li{border-inline-start:3px solid var(--sc);padding-inline-start:8px;font-size:12.5px} .fr-layer li b{display:block;color:var(--sc)}.fr-layer li span{display:block;color:var(--text);opacity:.85;font-size:12px;line-height:1.6;margin-top:1px} .fr-evidence{margin-top:10px;border:1px dashed var(--border);border-radius:14px} .fr-evidence summary{cursor:pointer;padding:9px 12px;font-size:12.5px;font-weight:700;color:var(--navy)} .fr-evidence-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px} .fr-compare{width:100%;border-collapse:collapse;font-size:12.5px} .fr-compare th,.fr-compare td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:start} .fr-compare thead th{font-size:11px;color:var(--muted)} .fr-compare tr.ok td:last-child{color:var(--success);font-weight:800}.fr-compare tr.bad td{background:color-mix(in srgb,#c83f4f 7%,transparent)}.fr-compare tr.bad td:last-child{color:var(--danger);font-weight:800} .fr-photos{display:flex;gap:8px;flex-wrap:wrap} .fr-photo{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:4px;cursor:zoom-in;width:118px} .fr-photo img{display:block;width:100%;height:84px;object-fit:cover;border-radius:8px;background:#eef2f2}.fr-photo small{display:block;font-size:11px;color:var(--muted);text-align:center;margin-top:3px} .fr-ai{margin:0;background:color-mix(in srgb,#7b4fc9 8%,var(--card));border-inline-start:3px solid #7b4fc9;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.7} .fr-ai cite{display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:3px} .fr-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)} .fr-return{flex-basis:auto}.fr-return[open]{flex-basis:100%;order:5} .fr-return form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.fr-return textarea{min-height:110px;font-size:13px} .fr-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px} .fr-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow)} .fr-panel h3{margin:0 0 4px;font-size:15px;color:var(--navy)}.fr-panel h4{margin:12px 0 6px;font-size:12.5px;color:var(--navy)}.fr-panel>p{font-size:12px;margin:0} .fr-empty-mini{font-size:12px;color:var(--muted);background:#f4f7f7;border-radius:10px;padding:10px;margin-top:8px} .fr-q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .fr-q li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n r" "bar bar" "s s";gap:2px 8px;font-size:12.5px} .fr-q li span{grid-area:n;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-q li b{grid-area:r} .fr-q li i{grid-area:bar;height:6px;border-radius:6px;background:#edf1f0;position:relative;overflow:hidden} .fr-q li i:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);border-radius:6px;background:var(--qc)} .fr-q li small{grid-area:s;color:var(--muted);font-size:11px} .fr-q li.bad{--qc:#c83f4f}.fr-q li.bad b{color:#c83f4f}.fr-q li.mid{--qc:#d99a1e}.fr-q li.mid b{color:#b87410}.fr-q li.good{--qc:#23a39a}.fr-q li.good b{color:#19734f} .fr-how{margin:6px 0;padding-inline-start:18px;font-size:12px;line-height:1.7;color:var(--text)}.fr-how b{display:block;color:var(--navy)}.fr-how li+li{margin-top:6px} .fr-toggle{display:flex;flex-direction:column;gap:8px;margin:8px 0} .fr-eng-l{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:var(--navy)}.fr-eng-l select{font-weight:400} .fr-zen{display:flex;flex-direction:column;align-items:center;gap:4px;padding:46px 16px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:18px} .fr-zen span{font-size:42px}.fr-zen strong{color:var(--navy);font-size:16px} .fr-focusbar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;background:#14283a;color:#fff;border-radius:16px;padding:8px 14px;box-shadow:0 16px 40px rgba(0,0,0,.3);max-width:calc(100vw - 32px)} .fr-focusbar .button.ghost{color:#fff}.fr-focusbar [data-focus-pos]{font-weight:800;min-width:56px;text-align:center} .fr-keys{font-size:11.5px;color:#c6d8dc}.fr-keys kbd{background:rgba(255,255,255,.15);border-radius:5px;padding:1px 6px;font-family:inherit} body.fr-focus-mode .fr-card:not(.is-focus){display:none} body.fr-focus-mode .fr-side,body.fr-focus-mode .fr-bar,body.fr-focus-mode .fr-hero{display:none} body.fr-focus-mode .fr-layout{grid-template-columns:minmax(0,1fr);max-width:980px;margin:auto} body.fr-focus-mode .fr-card.is-focus{padding:22px 24px 26px;margin-bottom:80px} .fr-lightbox{position:fixed;inset:0;z-index:90;background:rgba(8,16,24,.88);display:grid;place-items:center;padding:20px;cursor:zoom-out} .fr-lightbox img{max-width:100%;max-height:92vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)} .fr-lightbox button{position:absolute;top:16px;inset-inline-end:16px;border:0;background:rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer} .dk-founder-cta{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#2b1f4a,#173d58);color:#fff;border-radius:16px;padding:14px 16px;margin-bottom:14px;box-shadow:0 10px 26px rgba(23,61,88,.18)} .dk-founder-cta span{font-size:28px}.dk-founder-cta strong{display:block}.dk-founder-cta small{color:#d4e3e6;font-size:12px} [data-theme=dark] .fr-chips button b,[data-theme=dark] .fr-empty-mini,[data-theme=dark] .fr-scanning{background:#1b2b36;color:var(--text)} [data-theme=dark] .fr-clean{background:#12332a;border-color:#1d5140;color:#8fe0bb} [data-theme=dark] .fr-chips button.active{background:#2a4b5d;border-color:#2a4b5d} [data-theme=dark] .fr-ring{background:radial-gradient(closest-side,var(--card) 76%,transparent 78%),conic-gradient(var(--rc) calc(var(--p)*1%),#2a3b45 0)} [data-theme=dark] .fr-chain li{border-top-color:#2f4f55}[data-theme=dark] .fr-q li i{background:#2a3b45} [data-theme=dark] .fr-photo img{background:#1b2b36} @media (max-width:1100px){.fr-layout{grid-template-columns:minmax(0,1fr)}.fr-side{position:static}} @media (max-width:760px){.fr-hero{grid-template-columns:1fr;padding:18px}.fr-hero h1{font-size:20px}.fr-head{flex-wrap:wrap}.fr-verdict{align-items:flex-start;width:100%;flex-direction:row;flex-wrap:wrap}.fr-chain{flex-direction:column;gap:2px}.fr-chain li{border-top:0;border-inline-start:3px solid #cfe2df;padding:4px 12px}.fr-chain li:before{top:8px;inset-inline-start:-7px}.fr-chain em{position:static;padding:0;display:block}.fr-bar-actions{margin-inline-start:0;width:100%}.fr-search{max-width:none}.fr-card{padding:14px}} /* 2.236 — استهلاك الذكاء الاصطناعي (views/ai_usage.php) */ :root{--au-in:#0d9488;--au-out:#c2710c} [data-theme=dark]{--au-in:#14a197;--au-out:#c8821f} .au-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;border-radius:26px;padding:26px 28px;color:#fff;margin-bottom:16px;background:radial-gradient(circle at 92% -10%,rgba(240,180,80,.35),transparent 45%),radial-gradient(circle at 0% 120%,rgba(20,161,151,.45),transparent 50%),linear-gradient(135deg,#0f2233,#173d58 60%,#14524f);box-shadow:0 18px 44px rgba(15,34,51,.25)} .au-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none} .au-hero>*{position:relative} .au-kicker{display:inline-block;font-size:11.5px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:4px 11px} .au-cost{display:flex;align-items:baseline;gap:12px;margin:10px 0 2px} .au-cost b{font-size:52px;line-height:1;letter-spacing:-1px;direction:ltr;font-weight:900;background:linear-gradient(180deg,#fff,#ffe1a8);-webkit-background-clip:text;background-clip:text;color:transparent} .au-delta{font-size:13px;font-weight:800;border-radius:99px;padding:3px 9px;background:rgba(255,255,255,.14)} .au-delta.up{color:#ffc4c4}.au-delta.down{color:#9ff0c8} .au-hero p{margin:6px 0 14px;color:#d4e3e6;font-size:13.5px;line-height:1.8} .au-hero p b{color:#fff} .au-warn{color:#ffd27a;font-size:12px} .au-split{display:flex;gap:2px;height:14px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.1);max-width:560px} .au-split i{display:block;height:100%} .au-split i.in,.au-split-legend i.in,.au-legend i.in,.au-tip i.in{background:#2ec4b6} .au-split i.out,.au-split-legend i.out,.au-legend i.out,.au-tip i.out{background:#f0a94a} .au-split-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:12px;color:#d4e3e6} .au-split-legend i,.au-legend i,.au-tip i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px} .au-split-legend b{color:#fff;margin-inline-start:4px} .au-budget{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:14px 18px} .au-ring{--p:0;--c:#7fe0b4;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#16354a 77%,transparent 79%),conic-gradient(var(--c) calc(var(--p)*1%),rgba(255,255,255,.12) 0)} .au-ring.warn{--c:#f0c060}.au-ring.over{--c:#ff8a8a}.au-ring.empty{--c:transparent} .au-ring b{font-size:24px;line-height:1}.au-ring small{font-size:10.5px;color:#c6d8dc;text-align:center;max-width:80px} .au-budget-txt{font-size:13px;color:#d4e3e6;line-height:1.7}.au-budget-txt b{color:#fff;font-size:17px}.au-budget-txt a{color:#ffe1a8;font-weight:700} .au-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px} .au-chips{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:99px;padding:4px} .au-chips a{padding:6px 13px;border-radius:99px;font-size:12.5px;font-weight:700;color:var(--muted)} .au-chips a.on{background:var(--navy);color:#fff}[data-theme=dark] .au-chips a.on{background:#2a4b5d} .au-custom{position:relative}.au-custom summary{cursor:pointer;list-style:none;font-size:12.5px;font-weight:700;padding:8px 12px;border:1px solid var(--border);border-radius:99px;background:var(--card)} .au-custom[open]{display:flex;align-items:center;gap:6px}.au-custom[open] summary{margin-inline-end:4px} .au-custom input[type=date]{width:auto;min-height:36px} .au-feature{width:auto;min-width:200px;margin-inline-start:auto;border-radius:99px} .au-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px 18px;box-shadow:var(--shadow);margin-bottom:16px} .au-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px} .au-card h3{margin:0;font-size:16px;color:var(--navy)} .au-card header small{color:var(--muted);font-size:12px;flex-basis:100%} .au-legend{display:flex;gap:14px;font-size:12px;color:var(--muted)} .au-legend i.in,.au-pbar i.in{background:var(--au-in)}.au-legend i.out,.au-pbar i.out{background:var(--au-out)} .au-chart{position:relative} .au-chart svg{width:100%;height:250px;display:block} .au-chart rect.in{fill:var(--au-in)}.au-chart rect.out{fill:var(--au-out)} .au-chart .au-hit{fill:transparent} .au-chart .au-day.hover .au-hit{fill:color-mix(in srgb,var(--muted) 10%,transparent)} .au-grid{stroke:var(--border);stroke-dasharray:3 4;stroke-width:1}.au-base{stroke:var(--border);stroke-width:1} .au-axis{fill:var(--muted);font-size:11px} .au-tip{position:absolute;z-index:3;pointer-events:none;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 11px;box-shadow:0 10px 26px rgba(0,0,0,.15);font-size:12px;display:flex;flex-direction:column;gap:2px;min-width:150px} .au-tip b{color:var(--text)}.au-tip span{color:var(--text)}.au-tip i.in{background:var(--au-in)}.au-tip i.out{background:var(--au-out)}.au-tip em{font-style:normal;font-weight:800;color:var(--text);margin-top:2px} .au-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start} .au-people header input{width:200px;min-height:34px;border-radius:99px} .au-board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .au-board li{display:grid;grid-template-columns:30px 44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--border)} .au-board li:last-child{border-bottom:0} .au-board li.is-system{opacity:.85} .au-rank{font-weight:900;color:var(--muted);text-align:center;font-size:15px} .au-ava{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--teal),var(--navy)) center/cover no-repeat} .au-who{min-width:0}.au-who strong{display:block;font-size:14px;color:var(--text)} .au-who small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px} .au-pbar{display:flex;gap:2px;height:8px;margin:6px 0 3px;border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--muted) 10%,transparent)} .au-pbar i{display:block;height:100%;min-width:0} .au-io{font-size:11px!important} .au-money{text-align:end}.au-money b{display:block;font-size:17px;color:var(--navy);direction:ltr}.au-money small{color:var(--muted);font-size:11px} [data-theme=dark] .au-money b,[data-theme=dark] .au-card h3{color:var(--text)} .au-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .au-feats a{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border-radius:12px} .au-feats a:hover{background:color-mix(in srgb,var(--teal) 6%,transparent)} .au-feats span{font-size:13px;font-weight:700}.au-feats b{direction:ltr;font-size:13px} .au-feats em{grid-column:1/-1;height:6px;border-radius:6px;background:color-mix(in srgb,var(--muted) 10%,transparent);overflow:hidden} .au-feats em i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--au-in),color-mix(in srgb,var(--au-in) 60%,#fff))} .au-feats small{grid-column:1/-1;color:var(--muted);font-size:11px} .au-models{display:grid;gap:8px} .au-model{border:1px solid var(--border);border-inline-start:4px solid #23a39a;border-radius:14px;padding:10px 12px;display:grid;gap:3px} .au-model.gemini{border-inline-start-color:#4a7fe0} .au-prov{font-size:11px;color:var(--muted);font-weight:700}.au-model strong{font-size:13px} .au-model div{display:flex;justify-content:space-between;align-items:baseline}.au-model div b{direction:ltr}.au-model div small{color:var(--muted);font-size:11px} .au-note{font-size:12px;color:var(--muted);margin:-6px 0 16px} .au-zen{display:flex;flex-direction:column;align-items:center;gap:4px;padding:46px 16px;text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--border);border-radius:20px;margin-bottom:16px} .au-zen span{font-size:42px}.au-zen strong{color:var(--navy);font-size:16px}.au-zen small{max-width:520px;line-height:1.7} .au-prices{display:grid;gap:6px;max-width:640px} .au-prices-head,.au-price-row{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr;gap:8px} .au-prices-head span{font-size:11.5px;color:var(--muted);font-weight:700} .au-price-row input[readonly]{background:color-mix(in srgb,var(--muted) 7%,var(--card))} .au-budget-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:14px} .au-budget-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700} .au-budget-form label input[type=number]{width:160px} @media(max-width:1000px){.au-grid2{grid-template-columns:minmax(0,1fr)}} @media(max-width:700px){.au-hero{grid-template-columns:1fr;padding:20px}.au-cost b{font-size:40px}.au-budget{justify-content:flex-start}.au-ring{width:90px;height:90px}.au-feature{margin-inline-start:0;width:100%}.au-board li{grid-template-columns:24px 38px minmax(0,1fr);}.au-money{grid-column:3;text-align:start;display:flex;gap:8px;align-items:baseline}.au-ava{width:38px;height:38px}.au-people header input{width:100%}.au-chart svg{height:190px}} /* 2.239 — «قصة تاريخ الميلاد» بمراجعة المؤسس */ .fr-birth{--bc:#c83f4f;margin-top:12px;border:1.5px solid color-mix(in srgb,var(--bc) 45%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--bc) 5%,var(--card));padding:12px 14px} .fr-birth.warn{--bc:#b87410} .fr-birth header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:900;color:var(--navy);font-size:14px} .fr-birth header span{font-size:11.5px;font-weight:800;color:var(--bc);background:color-mix(in srgb,var(--bc) 12%,transparent);border-radius:99px;padding:2px 9px} .fr-birth-cmp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px} .fr-birth-cmp>div{flex:1;min-width:130px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 10px;display:grid;gap:1px} .fr-birth-cmp>div.file{border-color:color-mix(in srgb,var(--bc) 55%,var(--border))} .fr-birth-cmp small{font-size:11px;color:var(--muted)}.fr-birth-cmp b{font-size:17px;color:var(--text)}.fr-birth-cmp em{font-style:normal;font-size:12px;color:var(--muted)} .fr-birth-cmp>i{font-style:normal;font-size:22px;font-weight:900;color:var(--bc)} .fr-birth-cmp .gap{flex-basis:100%;font-size:12px;font-weight:800;color:var(--bc)} .fr-birth-events{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px} .fr-birth-events li{position:relative;padding-inline-start:16px;font-size:12.5px;line-height:1.7} .fr-birth-events li:before{content:"";position:absolute;inset-inline-start:2px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--bc)} .fr-birth-events b{color:var(--text)}.fr-birth-events span{color:var(--muted)} .fr-birth-val{font-weight:800;color:var(--text);text-align:start} .fr-birth-why{margin:3px 0 0;background:var(--card);border-inline-start:3px solid var(--bc);border-radius:8px;padding:5px 9px;color:var(--text)} .fr-birth-why.none{color:var(--bc);font-weight:800;border:1px dashed var(--bc)} .fr-birth-val{text-align:right} .fr-birth-note,.fr-birth-effect{margin:8px 0 0;font-size:12.5px;line-height:1.7} .fr-birth-effect{font-weight:800;color:var(--bc)} /* 2.239 — التعبئة الذكية وحارس السجل المدني بنماذج تسجيل المستفيد */ .sf-bar{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--border));border-radius:18px;padding:12px 14px;margin-bottom:16px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--teal) 10%,transparent),transparent 60%),var(--card)} .sf-head b{display:block;color:var(--navy);font-size:14.5px}.sf-head small{color:var(--muted);font-size:12px;line-height:1.6} [data-theme=dark] .sf-head b{color:var(--text)} .sf-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .sf-btn{border:0;cursor:pointer;border-radius:99px;padding:9px 15px;font:inherit;font-weight:800;font-size:13px;background:var(--teal);color:#fff;display:inline-flex;align-items:center;gap:6px} .sf-btn:hover{filter:brightness(1.08)} .sf-btn.ghost{background:transparent;color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 45%,transparent)} .sf-btn.rec{background:#c83f4f;animation:asPulse 1.2s infinite} .sf-out:empty{display:none}.sf-out{margin-top:10px;display:grid;gap:8px} .sf-status{font-size:13px;font-weight:700;border-radius:12px;padding:8px 11px;background:color-mix(in srgb,var(--teal) 8%,transparent)} .sf-status.bad{background:color-mix(in srgb,#c83f4f 10%,transparent);color:#a82c3b}.sf-status.ok{color:var(--success)} .sf-heard{font-size:12.5px;color:var(--muted);line-height:1.7} .sf-reg{display:inline-block;font-size:12.5px;font-weight:800;border-radius:99px;padding:3px 10px} .sf-reg.ok{background:#ecf8f3;color:#176849}.sf-reg.bad{background:#fff0f2;color:#a82c3b} [data-theme=dark] .sf-reg.ok{background:#12332a;color:#8fe0bb}[data-theme=dark] .sf-reg.bad{background:#351f26;color:#f08a95} .sf-ok{font-size:12.5px;color:var(--success);font-weight:700} .sf-checks{list-style:none;margin:0;padding:0;display:grid;gap:6px} .sf-checks li{--sc:#5d7180;border-inline-start:3px solid var(--sc);background:color-mix(in srgb,var(--sc) 7%,var(--card));border-radius:10px;padding:7px 10px;font-size:12.5px;cursor:pointer} .sf-checks li.s-high{--sc:#c83f4f}.sf-checks li.s-medium{--sc:#b87410} .sf-checks li b{display:block;color:var(--sc)}.sf-checks li span{display:block;color:var(--text);opacity:.85;margin-top:1px;line-height:1.6} .sf-filled{background:color-mix(in srgb,var(--teal) 14%,var(--card))!important;transition:background .4s} .sf-guard{grid-column:1/-1;border:1.5px solid color-mix(in srgb,#c83f4f 45%,var(--border));background:color-mix(in srgb,#c83f4f 6%,var(--card));border-radius:14px;padding:10px 12px;display:grid;gap:8px} .sf-guard-msg{font-size:13px;line-height:1.8;color:var(--text)} .sf-guard-msg small{color:var(--muted)} .sf-fix{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:99px;padding:2px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer} .sf-guard label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700} .ms-group{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#f4f8f7;color:var(--navy);font-weight:800;font-size:13px;text-align:right;border-radius:8px;padding:9px 10px;margin:3px 0;cursor:pointer}.ms-group span{flex:1}.ms-group small{color:var(--teal);font-weight:800}.ms-group i{font-style:normal;color:var(--muted)}.ms-group.is-open{background:#e7f4f2}.ms-item.ms-sub{padding-inline-start:26px}.ms-item.ms-solo{font-weight:700} /* 2.300 — مربعات الاختيار بالحجم الطبيعي في كل الموقع: قاعدة input العامة (عرض 100% وارتفاع 40px) كانت تمطّها لمربعات زرقاء ضخمة داخل الجداول والنماذج. :where() يُبقي أي تنسيق خاص بصفحة (حبّات الحضور وغيرها) هو الغالب. */ input:where([type=checkbox],[type=radio]){width:18px;height:18px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--teal);cursor:pointer;vertical-align:middle;box-shadow:none} /* 2.301 — مسافة ثابتة بعد ترويسة الصفحة مهما كان العنصر التالي (كانت بعض الأقسام تلتصق بها). */ .content-wrap>.page-hero{margin-bottom:18px!important} /* 2.310 — مكتب القرارات: مسار الجلسات والتقييمات + التصنيف الموحّد */ .dk-track{position:relative;z-index:1;font-size:11px;font-weight:800;color:#d4e3e6;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px;margin-inline-end:4px;white-space:nowrap} .dk-flow2{margin-top:10px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.18)} .dk-station.dk-mini{min-width:74px}.dk-station.dk-mini .dk-dot{width:30px;height:30px;font-size:12px} .dk-filters{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:10px 12px;margin:-4px 0 14px} .dk-kinds{display:flex;gap:6px;flex-wrap:wrap}.dk-kinds button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer} .dk-kinds button.on{background:var(--navy);border-color:var(--navy);color:#fff} .dk-selects{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dk-selects select{width:auto;min-width:130px;max-width:210px;min-height:34px;padding:5px 9px;font-size:12px;border-radius:999px} .dk-selects select.on{border-color:var(--teal-2);background:#eef8f6;color:var(--navy);font-weight:700} .dk-avatar.dk-kind{font-size:19px;background:linear-gradient(135deg,#e7f4f2,#d3ebe7)} .kind-session .dk-avatar.dk-kind{background:linear-gradient(135deg,#e8eefc,#d2ddf7)}.kind-assessment .dk-avatar.dk-kind{background:linear-gradient(135deg,#fff3e2,#fde3bf)}.kind-open_day .dk-avatar.dk-kind{background:linear-gradient(135deg,#f3e9fb,#e4d4f4)} .dk-item.kind-session{border-inline-start:4px solid #3d62b8}.dk-item.kind-assessment{border-inline-start:4px solid #d0782a}.dk-item.kind-open_day{border-inline-start:4px solid #8a5cc2}.dk-item.kind-registration{border-inline-start:4px solid #0f9a88} .dk-item.is-approved{background:linear-gradient(180deg,var(--card),#f6fbf9)} .dk-att{position:relative;height:20px;border-radius:999px;background:#eef2f6;margin-top:10px;overflow:hidden}.dk-att i{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(90deg,rgba(61,98,184,.35),rgba(91,128,214,.45));border-radius:999px} .dk-att span{position:relative;display:block;text-align:center;font-size:11px;font-weight:800;line-height:20px;color:#173d58} .dk-lane-title{margin:4px 0 10px;font-size:14px;color:var(--navy)}.dk-kanban+.dk-lane-title{margin-top:22px} .dk-col[data-col-key=session]>header{color:#3d62b8}.dk-col[data-col-key=assessment]>header{color:#b5631c}.dk-col[data-col-key=open_day]>header{color:#7a4cb2} [data-theme=dark] .dk-selects select.on{background:#183330}[data-theme=dark] .dk-att{background:#22323d}[data-theme=dark] .dk-att span{color:#e4edf2}[data-theme=dark] .dk-item.is-approved{background:var(--card)} @media(max-width:560px){.dk-selects select{flex:1 1 45%;max-width:none}.dk-track{display:none}} /* 2.311 — مسار الجلسات والتقييمات بأربعة أعمدة كالمستفيدين */ .dk-kanban-4{grid-template-columns:repeat(4,minmax(240px,1fr))} .dk-col[data-col-key=items_pending_meal]>header{color:#0c7772}.dk-col[data-col-key=items_pending_admin]>header{color:#4b53c6}.dk-col[data-col-key=items_pending_founder]>header{color:#7a4cb2}.dk-col[data-col-key=items_rejected]>header{color:#c83f4f} .dk-steps li.fail span{background:#c83f4f;border-color:#c83f4f} .dk-kanban-4 .dk-who strong,.dk-kanban .dk-who strong{white-space:normal;overflow:visible;text-overflow:clip} @media(max-width:820px){.dk-kanban-4{grid-template-columns:repeat(4,85%)}} .fr-kinds{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.fr-kinds a{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px}.fr-kinds a b{margin-inline-start:6px;background:var(--icon-bg);color:var(--teal);border-radius:999px;padding:0 7px}.fr-kinds a.on{background:var(--navy);color:#fff;border-color:var(--navy)}.fr-kinds a.on b{background:rgba(255,255,255,.22);color:#fff}