/* HiDent Sections 01-02 - standalone RTL mobile UI */
:root{
  --bg:#fbf8f2;--surface:rgba(255,255,255,.9);--surface-strong:#fff;
  --ink:#151515;--muted:#706c65;--gold:#b77b12;--gold-2:#e4b957;
  --gold-dark:#7c4c00;--line:rgba(183,123,18,.34);--success:#19883b;
  --danger:#c52521;--warning:#d98200;--info:#1769aa;--shadow:0 14px 36px rgba(61,42,8,.12);
  --radius:26px;--radius-sm:18px;--max:760px;--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,"Noto Kufi Arabic",sans-serif;direction:rtl;min-height:100vh;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-2;width:70vw;height:70vw;border:1px solid rgba(191,132,28,.13);border-radius:44% 56% 58% 42%;filter:blur(.2px);pointer-events:none}
body::before{top:-38vw;left:-18vw;transform:rotate(25deg)}body::after{bottom:-45vw;right:-22vw;transform:rotate(-22deg)}
.decor-lines{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;background:
 radial-gradient(circle at 85% 12%,rgba(232,202,143,.22),transparent 28%),
 radial-gradient(circle at 10% 82%,rgba(196,143,44,.13),transparent 25%),
 repeating-radial-gradient(ellipse at 0% 20%,transparent 0 13px,rgba(195,135,29,.13) 14px 15px,transparent 16px 28px);mask-image:linear-gradient(90deg,#000 0 18%,transparent 35% 70%,#000 90%)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{width:min(100%,var(--max));min-height:100vh;margin:auto;padding:24px 24px calc(34px + var(--safe-bottom));position:relative}
.app-shell.fullscreen{display:flex;min-height:100svh;flex-direction:column;justify-content:center;padding-top:38px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;position:relative;z-index:5}
.icon-btn{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.82);box-shadow:0 9px 24px rgba(67,43,2,.12);display:grid;place-items:center;color:var(--gold-dark);transition:.2s}
.icon-btn:hover,.icon-btn:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(67,43,2,.18);outline:3px solid rgba(224,173,72,.22)}
.icon-btn svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logo-wrap{text-align:center}.logo{display:block;width:clamp(128px,27vw,210px);aspect-ratio:1;object-fit:contain;border-radius:50%;mix-blend-mode:multiply;filter:drop-shadow(0 10px 15px rgba(76,49,3,.12))}.logo.logo-sm{width:110px}.logo-word{display:block;width:190px;max-width:46vw;object-fit:contain}
.page-hero{text-align:right;margin:16px 0 26px}.page-hero.center{text-align:center}.page-title{font-size:clamp(34px,8vw,58px);line-height:1.15;margin:0;color:var(--ink);font-weight:800}.page-title .gold,.gold{color:var(--gold)}.subtitle{color:var(--muted);font-size:clamp(16px,3.8vw,23px);line-height:1.8;margin:10px 0 0}.ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold);margin:12px auto}.ornament::before,.ornament::after{content:"";height:1px;width:min(120px,25vw);background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.panel{padding:22px}.stack{display:grid;gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.metric{padding:22px 18px;text-align:center;min-height:190px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.metric::after{content:"";position:absolute;width:120px;height:70px;left:-15px;bottom:-20px;border-radius:50%;border:1px solid rgba(182,125,20,.12)}.metric-icon{width:70px;height:70px;margin:0 auto 12px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold-dark);box-shadow:0 7px 20px rgba(68,44,3,.1);background:#fff}.metric-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7}.metric h3{font-size:21px;margin:0 0 10px}.metric strong{font-size:clamp(36px,7vw,58px);line-height:1;color:#111}.metric small{margin-top:12px;font-size:17px;color:var(--muted)}.metric.danger h3,.metric.danger strong{color:var(--danger)}.metric.gold strong{color:var(--gold)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:26px 4px 14px;gap:12px}.section-head h2{font-size:clamp(24px,5.5vw,36px);margin:0}.section-head .hint{font-size:14px;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-action{min-height:150px;padding:15px 8px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.86);box-shadow:0 9px 24px rgba(62,40,3,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#2a241c;transition:.2s}.quick-action:hover,.quick-action:focus-visible{transform:translateY(-3px);border-color:var(--gold);outline:none}.quick-action svg{width:44px;height:44px;stroke:var(--gold-dark);fill:none;stroke-width:1.6}.quick-action span{font-size:18px;font-weight:700}
.activity-list{display:grid;gap:13px}.activity{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:17px 18px}.activity-icon{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold-dark);background:#fff}.activity-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}.activity h3{font-size:19px;margin:0 0 7px}.activity p{margin:0;color:var(--muted);font-size:15px}.activity time{color:var(--muted);font-size:14px;white-space:nowrap}
.form-card{padding:22px}.field{position:relative;margin-bottom:18px}.field label{display:block;font-weight:700;margin:0 8px 8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.86);padding:18px 54px 18px 22px;color:var(--ink);outline:none;transition:.2s;box-shadow:0 8px 20px rgba(69,44,2,.07)}.field textarea{border-radius:20px;min-height:115px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(213,161,55,.16),0 8px 20px rgba(69,44,2,.07)}.field .field-icon{position:absolute;right:18px;bottom:16px;color:var(--gold-dark);display:grid;place-items:center}.field .field-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.field .action-icon{position:absolute;left:14px;bottom:11px;width:40px;height:40px;border:0;background:transparent;color:var(--gold-dark);display:grid;place-items:center}.field .error{color:var(--danger);font-size:13px;margin:7px 12px 0;display:none}.field.invalid .error{display:block}.field.invalid input{border-color:var(--danger)}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.check input{appearance:none;width:25px;height:25px;border:1px solid var(--gold);border-radius:7px;background:#fff;display:grid;place-items:center}.check input:checked::after{content:"✓";color:white;background:var(--gold);width:100%;height:100%;display:grid;place-items:center;border-radius:6px}.link-btn{border:0;background:transparent;color:var(--gold-dark);padding:10px 2px}.link-btn:hover{text-decoration:underline}.primary,.secondary,.danger-btn{width:100%;border-radius:999px;padding:18px 24px;font-size:22px;font-weight:700;border:1px solid var(--gold);transition:.2s}.primary{background:linear-gradient(180deg,#f1c763,#b97808);color:#211603;box-shadow:0 12px 25px rgba(153,98,4,.25),inset 0 1px 0 #fff}.primary:hover,.primary:focus-visible{filter:brightness(1.04);transform:translateY(-2px);outline:3px solid rgba(224,173,72,.25)}.secondary{background:rgba(255,255,255,.88);color:var(--gold-dark)}.danger-btn{background:#fff1f0;color:var(--danger);border-color:rgba(197,37,33,.35)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button-row .primary,.button-row .secondary{font-size:18px;padding:15px}
.login-logo{margin:0 auto 18px;width:min(310px,72vw);display:block;border-radius:50%;mix-blend-mode:multiply}.login-box{max-width:650px;margin:auto}.login-actions{display:grid;gap:16px;margin-top:26px}.demo-note{margin-top:16px;padding:14px;text-align:center;color:var(--muted);font-size:14px;border:1px dashed var(--line);border-radius:18px;background:rgba(255,255,255,.55)}
.splash-content{text-align:center;display:grid;place-items:center;gap:22px}.splash-logo{width:min(520px,88vw);aspect-ratio:1;object-fit:contain;border-radius:50%;mix-blend-mode:multiply;filter:drop-shadow(0 18px 24px rgba(73,46,4,.15))}.splash-tagline{font-size:clamp(33px,8vw,58px);font-weight:800;margin:5px 0}.splash-tagline .gold{color:var(--gold)}.spinner{width:70px;height:70px;border-radius:50%;border:4px solid rgba(176,118,14,.15);border-top-color:var(--gold);animation:spin 1s linear infinite}.progress-text{color:var(--gold-dark);font-size:18px}.progress-bar{width:min(330px,70vw);height:7px;background:rgba(180,120,14,.12);border-radius:99px;overflow:hidden}.progress-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));animation:load 2.2s ease forwards}.skip{position:fixed;left:20px;bottom:calc(20px + var(--safe-bottom));border:0;background:rgba(255,255,255,.75);color:var(--gold-dark);padding:10px 18px;border-radius:999px;border:1px solid var(--line)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{to{width:100%}}
.profile-card{padding:24px}.profile-main{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.avatar-wrap{position:relative}.avatar{width:170px;height:170px;border-radius:50%;object-fit:cover;border:3px solid #fff;outline:2px solid var(--gold-2);box-shadow:0 12px 28px rgba(57,37,3,.16);background:#eee}.avatar-edit{position:absolute;bottom:4px;right:6px;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--gold);color:var(--gold-dark);display:grid;place-items:center}.profile-info h2{font-size:32px;margin:0 0 8px}.profile-info .role{color:var(--gold-dark);font-size:20px;margin-bottom:14px}.contact-line{display:flex;align-items:center;gap:9px;color:#4c4944;margin:10px 0}.contact-line svg{width:22px;height:22px;fill:none;stroke:var(--gold-dark);stroke-width:1.7}.bio{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;color:var(--muted);line-height:1.9}.settings-list{display:grid;gap:14px;margin-top:20px}.settings-item{padding:20px;display:grid;grid-template-columns:64px 1fr 30px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.85);box-shadow:0 8px 22px rgba(59,39,4,.09);text-align:right}.settings-item .big-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold-dark);background:#fff}.settings-item svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}.settings-item h3{margin:0 0 7px;font-size:22px}.settings-item p{margin:0;color:var(--muted)}.settings-item .chev{font-size:32px;color:var(--gold-dark)}
.drawer{position:fixed;inset:0;z-index:70;pointer-events:none}.drawer.open{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(18,14,8,.36);opacity:0;transition:.25s;backdrop-filter:blur(3px)}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:#fffaf1;padding:28px 22px;transform:translateX(105%);transition:.3s;box-shadow:-18px 0 48px rgba(25,18,6,.18);overflow:auto}.drawer.open .drawer-panel{transform:none}.drawer-logo{width:150px;display:block;margin:0 auto 18px;border-radius:50%;mix-blend-mode:multiply}.drawer-user{text-align:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:16px}.nav-list{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:14px;border-radius:16px;color:#31281b}.nav-link:hover,.nav-link.active{background:#f7ead0;color:var(--gold-dark)}.nav-link.disabled{opacity:.45}.nav-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-end;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(17,13,7,.46);backdrop-filter:blur(4px)}.modal-dialog{position:relative;width:min(700px,100%);max-height:88vh;overflow:auto;background:#fffaf2;border:1px solid var(--line);border-radius:32px;padding:24px;box-shadow:0 25px 70px rgba(20,13,3,.3);animation:sheet .25s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.modal-head h2{margin:0;font-size:27px}.modal-close{width:45px;height:45px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gold-dark);font-size:27px}@keyframes sheet{from{transform:translateY(30px);opacity:0}}
.dropzone{border:2px dashed rgba(183,123,18,.45);border-radius:24px;padding:35px;text-align:center;background:#fff;transition:.2s}.dropzone.drag{border-color:var(--gold);background:#fff5df}.dropzone input{display:none}.file-list{display:grid;gap:8px;margin-top:14px}.file-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14px}.file-row button{border:0;background:transparent;color:var(--danger)}
.toast-wrap{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translateX(-50%);z-index:200;display:grid;gap:10px;width:min(430px,90vw)}.toast{padding:14px 18px;border-radius:16px;background:#17140f;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.2);display:flex;align-items:center;gap:12px;animation:toastin .25s ease}.toast.success{background:#176c32}.toast.error{background:#9d201d}.toast.warning{background:#9d6500}@keyframes toastin{from{transform:translateY(15px);opacity:0}}
.notification-pop{position:fixed;z-index:80;top:85px;left:max(18px,calc((100vw - var(--max))/2 + 18px));width:min(420px,calc(100vw - 36px));padding:18px;display:none}.notification-pop.open{display:block}.notice{padding:12px 0;border-bottom:1px solid var(--line)}.notice:last-child{border:0}.notice strong{display:block;margin-bottom:5px}.notice small{color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#edf8ef;color:var(--success);font-weight:700;font-size:14px}.badge.warning{background:#fff4df;color:var(--warning)}.badge.danger{background:#fff0ef;color:var(--danger)}
.toggle{position:relative;display:inline-block;width:58px;height:32px}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;border-radius:999px;background:#ddd;transition:.2s}.toggle span::after{content:"";position:absolute;width:26px;height:26px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.2);transition:.2s}.toggle input:checked+span{background:linear-gradient(90deg,var(--gold),var(--gold-2))}.toggle input:checked+span::after{transform:translateX(26px)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{border-collapse:collapse;width:100%;min-width:520px}th,td{padding:13px;border-bottom:1px solid rgba(183,123,18,.18);text-align:right}th{color:var(--gold-dark);background:#fff9ed}.empty{text-align:center;padding:30px;color:var(--muted)}
@media(max-width:650px){.app-shell{padding:18px 16px calc(28px + var(--safe-bottom))}.grid-4{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-action{min-height:135px}.activity{grid-template-columns:58px 1fr}.activity time{grid-column:2}.profile-main{grid-template-columns:1fr;text-align:center}.avatar-wrap{margin:auto}.contact-line{justify-content:center}.settings-item{grid-template-columns:54px 1fr 24px}.settings-item .big-icon{width:50px;height:50px}.page-title{font-size:38px}.metric{min-height:165px;padding:17px 10px}.metric h3{font-size:17px}.metric strong{font-size:40px}.metric small{font-size:14px}.button-row{grid-template-columns:1fr}.login-logo{width:220px}.topbar .logo{width:105px}}
@media(max-width:390px){.grid-2{gap:11px}.metric{min-height:150px}.metric-icon{width:54px;height:54px}.quick-grid{gap:10px}.quick-action span{font-size:16px}.app-shell{padding-inline:12px}.icon-btn{width:50px;height:50px}.settings-item p{font-size:13px}.profile-card{padding:17px}}
@media(min-width:900px){body{background:#eee8de}.app-shell{background:var(--bg);box-shadow:0 0 70px rgba(61,40,5,.18)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* Section 02: cases and reception */
.search-toolbar{padding:14px 18px;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:12px}.search-box svg{width:30px;height:30px;fill:none;stroke:var(--gold-dark);stroke-width:1.8;flex:0 0 auto}.search-box input{border:0;background:transparent;width:100%;padding:12px 4px;font-size:18px;outline:0;color:var(--ink)}.filter-chips{display:flex;gap:10px;overflow:auto;padding:4px 1px 10px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:999px;padding:12px 22px;color:#3d352a;box-shadow:0 5px 14px rgba(61,42,8,.07)}.chip.active{background:linear-gradient(180deg,#edc463,#b77908);color:#241703;border-color:#c58b1f;font-weight:700}.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;color:var(--ink)}.small-primary,.small-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:10px 15px;border:1px solid var(--gold);font-weight:700}.small-primary{background:linear-gradient(180deg,#efc762,#b87908);color:#261800}.small-secondary{background:#fff;color:var(--gold-dark)}.small-primary svg,.small-secondary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.mini-stats,.metric-grid-4,.archive-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.mini-stat,.reception-stat,.archive-kpi{padding:16px 10px;text-align:center;min-height:120px}.mini-stat span,.reception-stat span,.archive-kpi span{display:block;color:var(--muted);font-size:14px}.mini-stat strong,.reception-stat strong,.archive-kpi strong{display:block;font-size:30px;margin:8px 0;color:#111}.mini-stat.success strong,.reception-stat.success strong{color:var(--success)}.mini-stat.danger strong,.reception-stat.danger strong{color:var(--danger)}.mini-stat.warning strong,.reception-stat.warning strong{color:var(--warning)}
.case-list,.workflow-list,.reception-list,.archive-list{display:grid;gap:14px}.case-card{display:grid;grid-template-columns:130px 1fr auto;gap:17px;align-items:center;padding:16px;position:relative;overflow:hidden}.case-card:hover{border-color:var(--gold)}.case-thumb{width:130px;height:118px;border-radius:20px;object-fit:cover;background:#f2eadc;border:1px solid rgba(183,123,18,.2)}.case-card h3{font-size:21px;margin:4px 0 8px}.case-id{color:var(--gold-dark);font-weight:800;letter-spacing:.5px}.case-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:14px}.case-status{align-self:start}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 13px;font-weight:700;font-size:14px}.status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status-ready{background:#edf8ef;color:var(--success)}.status-in-progress{background:#eaf4ff;color:var(--info)}.status-delayed{background:#fff1ea;color:var(--danger)}.status-new{background:#fff5df;color:var(--warning)}.status-archived{background:#f0f0f0;color:#666}.priority-urgent{color:var(--danger);font-weight:700}.case-actions{display:flex;gap:8px;margin-top:10px}.case-actions button,.case-actions a{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--gold-dark)}
.case-form{padding:22px}.form-section-title{display:flex;align-items:center;gap:10px;margin:8px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)}.form-section-title h2{margin:0;font-size:23px}.form-section-title svg{width:28px;height:28px;fill:none;stroke:var(--gold-dark);stroke-width:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.span-2{grid-column:1/-1}.upload-tile{border:2px dashed var(--line);background:#fff;border-radius:22px;min-height:130px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;cursor:pointer;margin-bottom:16px}.upload-tile input{display:none}.upload-tile svg{width:40px;height:40px;fill:none;stroke:var(--gold-dark);stroke-width:1.6}.upload-tile small{color:var(--muted)}
.case-detail-header{padding:22px;margin-bottom:18px}.detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.detail-title-row h2{font-size:28px;margin:6px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.detail-cell{padding:13px;border:1px solid rgba(183,123,18,.2);border-radius:16px;background:rgba(255,255,255,.65)}.detail-cell small{display:block;color:var(--muted);margin-bottom:6px}.detail-cell strong{font-size:16px}.detail-section{padding:20px;margin:16px 0}.detail-section h2{margin:0 0 16px;font-size:24px}.stage-stepper{display:flex;align-items:flex-start;overflow:auto;padding:8px 0 15px}.stage-node{min-width:92px;text-align:center;position:relative;color:#aaa}.stage-node:not(:last-child)::after{content:"";position:absolute;height:2px;width:40px;background:#ddd;top:21px;left:-20px}.stage-node i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid #ddd;background:#fff;margin:auto auto 8px;font-style:normal}.stage-node.done,.stage-node.active{color:var(--gold-dark)}.stage-node.done i{background:var(--gold);color:#fff;border-color:var(--gold)}.stage-node.active i{border-color:var(--gold);box-shadow:0 0 0 5px rgba(183,123,18,.12)}.stage-node.done:not(:last-child)::after{background:var(--gold)}.stage-node span{font-size:13px}.attachment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attachment-item{min-height:105px;border:1px solid var(--line);border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;gap:7px}.attachment-item img{width:100%;height:80px;object-fit:cover;border-radius:12px}.attachment-item svg{width:32px;height:32px;fill:none;stroke:var(--gold-dark);stroke-width:1.6}.attachment-item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-list,.activity-timeline{display:grid;gap:9px}.note-row,.timeline-row{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(183,123,18,.18)}.note-row strong,.timeline-row strong{display:block;margin-bottom:5px}.note-row small,.timeline-row small{color:var(--muted)}.note-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:14px}.note-form input{border:1px solid var(--line);border-radius:999px;padding:13px 16px;background:#fff}.note-form button{border:1px solid var(--gold);background:var(--gold);color:#fff;border-radius:999px;padding:10px 18px}.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finance-cell{padding:14px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#fff}.finance-cell small{display:block;color:var(--muted)}.finance-cell strong{font-size:20px;display:block;margin-top:7px}.sticky-actions{position:sticky;bottom:10px;display:grid;grid-template-columns:1fr 1.4fr;gap:12px;z-index:8;margin-top:20px;padding:8px;border-radius:999px;background:rgba(251,248,242,.88);backdrop-filter:blur(8px)}.sticky-actions .primary,.sticky-actions .secondary{font-size:18px;padding:15px}
.workflow-route{padding:18px;display:flex;align-items:flex-start;overflow:auto}.route-stage{min-width:110px;text-align:center;position:relative}.route-stage:not(:last-child)::after{content:"→";position:absolute;left:-11px;top:16px;color:var(--gold)}.route-stage .route-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:auto;border:1px solid var(--line);background:#fff;color:var(--gold-dark)}.route-stage svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6}.route-stage strong{display:block;margin-top:8px;font-size:14px}.workflow-card{padding:16px}.workflow-main{display:grid;grid-template-columns:1fr 170px;gap:16px;align-items:center}.progress-line{height:9px;background:#eee;border-radius:99px;overflow:hidden}.progress-line i{height:100%;display:block;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:inherit}.workflow-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.workflow-actions button{border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:#fff}.workflow-actions .advance{background:#fff5dd;border-color:var(--gold);color:var(--gold-dark)}
.reception-row{padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.reception-row .time{color:var(--muted);font-size:13px}.reception-quick .quick-action{min-height:120px}.archive-card{padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px}.archive-actions{display:flex;gap:8px;align-items:center}.archive-actions button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.archive-actions .restore{color:var(--gold-dark)}.archive-actions .delete{color:var(--danger)}.archive-kpis{grid-template-columns:repeat(4,1fr)}.archive-table{padding:12px;overflow:auto}.archive-table table{min-width:760px}.storage-card{padding:18px;display:grid;grid-template-columns:240px 1fr;align-items:center;gap:18px}.storage-card h3{margin:0 0 8px}.storage-card strong{color:var(--gold-dark)}
@media(max-width:650px){.mini-stats,.metric-grid-4,.archive-kpis{grid-template-columns:repeat(2,1fr)}.case-card{grid-template-columns:92px 1fr}.case-thumb{width:92px;height:92px}.case-status{grid-column:2}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-grid{grid-template-columns:repeat(2,1fr)}.attachment-grid{grid-template-columns:repeat(2,1fr)}.finance-grid{grid-template-columns:repeat(2,1fr)}.workflow-main{grid-template-columns:1fr}.sticky-actions{grid-template-columns:1fr;border-radius:24px}.storage-card{grid-template-columns:1fr}.section-head{align-items:flex-start}.row-actions{justify-content:flex-start}.reception-row{grid-template-columns:1fr auto}.reception-row .time{grid-column:1/-1}.note-form{grid-template-columns:1fr}.note-form button{width:100%}}

/* Section 03: doctors, clinics and appointments */
.doctor-card-list,.doctor-management-list,.clinic-list,.appointment-list{display:grid;gap:14px}.doctor-card{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px;position:relative}.doctor-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff8e7,#dfac45);color:#654000;border:2px solid #fff;box-shadow:0 8px 22px rgba(87,55,4,.17);font-size:24px;font-weight:800;overflow:hidden}.doctor-avatar img{width:100%;height:100%;object-fit:cover}.doctor-card h3{margin:0 0 7px;font-size:21px}.doctor-card p{margin:4px 0;color:var(--muted);font-size:14px}.doctor-card-meta{display:flex;gap:9px 16px;flex-wrap:wrap;margin-top:9px;font-size:13px;color:var(--muted)}.doctor-card-meta strong{color:var(--ink)}.doctor-card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.round-action{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--gold-dark)}.round-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.clinic-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fff}.clinic-row h3{margin:0 0 5px;font-size:17px}.clinic-row small{color:var(--muted)}.clinic-row-actions{display:flex;gap:7px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.doctor-management-row{display:grid;grid-template-columns:70px minmax(170px,1.2fr) repeat(3,minmax(90px,.7fr)) auto;gap:12px;align-items:center;padding:15px}.doctor-management-row .doctor-avatar{width:62px;height:62px;font-size:20px}.doctor-management-row h3{margin:0 0 5px}.doctor-management-row small{color:var(--muted)}.doctor-management-cell small{display:block;color:var(--muted);margin-bottom:5px}.doctor-management-cell strong{font-size:17px}.doctor-table-wrap table{min-width:850px}.doctor-table-avatar{display:flex;align-items:center;gap:9px}.doctor-table-avatar .doctor-avatar{width:44px;height:44px;font-size:15px}.top-doctors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.top-doctor{padding:18px;text-align:center}.top-doctor .doctor-avatar{margin:auto}.top-doctor h3{margin:11px 0 4px}.rank-medal{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#f9dc83,#ad6b00);color:#fff;font-weight:800;margin-bottom:8px}.doctor-profile-head{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;padding:24px}.doctor-profile-head .doctor-avatar{width:126px;height:126px;font-size:36px}.doctor-profile-head h2{font-size:30px;margin:0 0 8px}.doctor-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 18px;margin-top:12px}.doctor-contact-item{display:flex;align-items:center;gap:8px;color:var(--muted)}.doctor-contact-item svg{width:20px;height:20px;fill:none;stroke:var(--gold-dark);stroke-width:1.8}.doctor-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.doctor-kpi{padding:16px;text-align:center}.doctor-kpi small{display:block;color:var(--muted);margin-bottom:9px}.doctor-kpi strong{font-size:26px}.doctor-two-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.doctor-info-card,.doctor-cases-card,.doctor-activity-card,.doctor-notes-card{padding:20px}.doctor-info-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.doctor-info-line{padding:12px 0;border-bottom:1px solid rgba(183,123,18,.16)}.doctor-info-line small{display:block;color:var(--muted);margin-bottom:5px}.compact-case-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(183,123,18,.15)}.compact-case-row:last-child{border-bottom:0}.compact-case-row small{color:var(--muted)}.doctor-note-form{display:grid;grid-template-columns:1fr auto;gap:10px}.doctor-note-form input{border:1px solid var(--line);border-radius:999px;padding:13px 16px;background:#fff}.doctor-note-form button{border:1px solid var(--gold);border-radius:999px;background:var(--gold);color:#fff;padding:10px 18px}.calendar-card{padding:20px;margin-bottom:18px}.calendar-head{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;text-align:center;margin-bottom:15px}.calendar-head h2{margin:0;font-size:26px}.calendar-nav{width:46px;height:46px;font-size:34px}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-week span{text-align:center;color:var(--muted);font-size:13px;padding:8px 2px}.calendar-day{min-height:72px;border:1px solid rgba(183,123,18,.18);border-radius:15px;background:rgba(255,255,255,.75);padding:8px;text-align:right;position:relative}.calendar-day.outside{opacity:.35}.calendar-day.today{border-color:var(--gold);box-shadow:0 0 0 3px rgba(183,123,18,.1)}.calendar-day.selected{background:linear-gradient(145deg,#f7d579,#b87808);color:#fff}.calendar-day button{border:0;background:transparent;padding:0;color:inherit;width:100%;height:100%;text-align:right}.calendar-count{position:absolute;left:7px;bottom:6px;min-width:21px;height:21px;border-radius:999px;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:11px}.calendar-day.selected .calendar-count{background:#fff;color:var(--gold-dark)}.appointment-row{display:grid;grid-template-columns:90px 1fr auto;gap:15px;align-items:center;padding:16px}.appointment-time{text-align:center;font-weight:800;color:var(--gold-dark);font-size:18px}.appointment-row h3{margin:0 0 6px}.appointment-row p{margin:3px 0;color:var(--muted);font-size:14px}.appointment-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.appointment-timeline{padding:10px 18px}.timeline-appointment{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(183,123,18,.16)}.timeline-appointment:last-child{border:0}.appointment-status-scheduled{background:#fff5df;color:var(--warning)}.appointment-status-confirmed{background:#edf8ef;color:var(--success)}.appointment-status-in-progress{background:#eaf4ff;color:var(--info)}.appointment-status-completed{background:#edf8ef;color:var(--success)}.appointment-status-cancelled{background:#fff0ef;color:var(--danger)}
@media(max-width:650px){.doctor-card{grid-template-columns:70px 1fr}.doctor-card-actions{grid-column:1/-1;justify-content:flex-start}.filter-grid{grid-template-columns:1fr}.doctor-management-row{grid-template-columns:58px 1fr auto}.doctor-management-row .doctor-management-cell{display:none}.top-doctors{grid-template-columns:1fr}.doctor-profile-head{grid-template-columns:90px 1fr}.doctor-profile-head .doctor-avatar{width:88px;height:88px}.doctor-profile-head> :last-child{grid-column:1/-1}.doctor-kpis{grid-template-columns:repeat(2,1fr)}.doctor-two-columns{grid-template-columns:1fr}.doctor-info-list{grid-template-columns:1fr}.appointment-row{grid-template-columns:72px 1fr}.appointment-actions{grid-column:1/-1;justify-content:flex-start}.calendar-day{min-height:58px;padding:5px}.calendar-week span{font-size:11px}.timeline-appointment{grid-template-columns:70px 1fr}.timeline-appointment>:last-child{grid-column:1/-1}}

/* Compact mobile mode: approximately 35% smaller without zoom/transform layout distortion. */
@media (max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden;direction:rtl}
  body{font-size:11px}
  .app-shell{width:100%;max-width:100%;margin:0 auto;padding:12px 10px calc(20px + var(--safe-bottom));overflow-x:hidden}

  /* Header: keep HiDent logo at its original mobile size and center it safely. */
  .topbar{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:118px;margin-bottom:8px;gap:8px}
  .topbar .logo-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1}
  .topbar .logo{width:105px!important;max-width:105px!important;zoom:1!important;transform:none!important}
  .logo-word,.login-logo,.splash-logo,.drawer-logo{zoom:1!important;transform:none!important}
  .icon-btn{width:38px;height:38px;box-shadow:0 5px 14px rgba(67,43,2,.1)}
  .icon-btn svg{width:19px;height:19px}

  .page-hero{margin:7px 0 15px}.page-title{font-size:25px!important;line-height:1.2}.subtitle{font-size:12px;line-height:1.55;margin-top:6px}.ornament{gap:8px;margin:7px auto}.ornament::before,.ornament::after{width:68px}
  .card{border-radius:17px;box-shadow:0 8px 22px rgba(61,42,8,.1)}.panel,.form-card,.case-form{padding:14px}.stack{gap:11px}.grid-2{gap:10px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

  .metric{min-height:108px;padding:10px 7px}.metric-icon{width:45px;height:45px;margin-bottom:7px}.metric-icon svg{width:23px;height:23px}.metric h3{font-size:12px;margin-bottom:6px}.metric strong{font-size:27px}.metric small{font-size:10px;margin-top:7px}
  .section-head{margin:16px 3px 9px;gap:8px}.section-head h2{font-size:19px}.section-head .hint{font-size:10px}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-action{min-height:88px;padding:10px 5px;border-radius:16px;gap:7px}.quick-action svg{width:28px;height:28px}.quick-action span{font-size:12px}
  .activity-list{gap:8px}.activity{grid-template-columns:39px 1fr;gap:9px;padding:10px 11px}.activity-icon{width:38px;height:38px}.activity-icon svg{width:19px;height:19px}.activity h3{font-size:13px;margin-bottom:4px}.activity p,.activity time{font-size:10px}.activity time{grid-column:2}

  .field{margin-bottom:11px}.field label{font-size:11px;margin:0 5px 5px}.field input,.field select,.field textarea{padding:11px 35px 11px 14px;border-radius:16px;font-size:11px;box-shadow:0 4px 12px rgba(69,44,2,.06)}.field textarea{min-height:75px}.field .field-icon{right:11px;bottom:10px}.field .field-icon svg{width:18px;height:18px}.field .action-icon{left:8px;bottom:5px;width:30px;height:30px}.field .error{font-size:9px}
  .primary,.secondary,.danger-btn{padding:11px 15px;font-size:14px}.button-row{grid-template-columns:1fr;gap:9px}.button-row .primary,.button-row .secondary{font-size:12px;padding:10px}.link-btn{font-size:10px}.check{font-size:10px}.check input{width:17px;height:17px;border-radius:5px}

  /* Profile page: force a complete, visible compact layout. */
  .profile-card{padding:13px}.profile-main{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;text-align:right!important}.avatar-wrap{margin:0!important}.avatar{width:78px;height:78px;border-width:2px}.avatar-edit{width:27px;height:27px;right:2px;bottom:2px}.avatar-edit svg{width:15px;height:15px}.profile-info{min-width:0;display:block!important}.profile-info h2{font-size:20px;margin:0 0 5px}.profile-info .role{font-size:13px;margin-bottom:7px}.contact-line{justify-content:flex-start!important;gap:6px;margin:5px 0;font-size:10px;overflow-wrap:anywhere}.contact-line svg{width:15px;height:15px}.bio{font-size:10px;line-height:1.55;margin-top:11px;padding-top:10px;min-height:0}.settings-list{gap:8px;margin-top:11px}.settings-item{width:100%;min-width:0;padding:11px!important;grid-template-columns:35px minmax(0,1fr) 18px!important;gap:8px!important;border-radius:16px!important;min-height:62px;text-align:right!important}.settings-item>span:nth-child(2){display:block!important;min-width:0!important;visibility:visible!important;opacity:1!important}.settings-item .big-icon{width:34px!important;height:34px!important}.settings-item svg{width:18px!important;height:18px!important}.settings-item h3{display:block!important;font-size:14px!important;line-height:1.3;margin:0 0 3px!important;color:var(--ink)!important;white-space:normal!important}.settings-item p{display:block!important;font-size:9px!important;line-height:1.45;margin:0!important;color:var(--muted)!important;white-space:normal!important}.settings-item .chev{font-size:19px!important}

  .drawer-panel{width:min(280px,88vw);padding:18px 14px;zoom:1!important}.drawer-logo{width:120px;margin-bottom:11px}.drawer-user{padding-bottom:11px;margin-bottom:10px}.nav-list{gap:4px}.nav-link{gap:8px;padding:9px;border-radius:11px;font-size:11px}.nav-link svg{width:17px;height:17px}
  .notification-pop{top:60px;left:12px;right:12px;width:auto;transform:none;zoom:1!important;padding:12px}.modal{padding:10px}.modal-dialog{width:100%;max-height:90vh;padding:14px;border-radius:20px;zoom:1!important}.modal-head{margin-bottom:11px}.modal-head h2{font-size:17px}.modal-close{width:30px;height:30px;font-size:20px}.toast-wrap{width:calc(100vw - 24px);zoom:1!important}.toast{padding:9px 11px;font-size:10px}.skip{zoom:1!important;font-size:10px;padding:7px 12px}

  .form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}
  .search-toolbar{padding:9px 11px;margin-bottom:10px}.search-box{gap:8px}.search-box svg{width:20px;height:20px}.search-box input{font-size:12px;padding:8px 3px}.filter-chips{gap:6px;padding-bottom:6px}.chip{padding:8px 13px;font-size:10px}.row-actions{gap:6px}.compact-select{padding:7px 9px;font-size:10px}.small-primary,.small-secondary{padding:7px 10px;font-size:10px}.small-primary svg,.small-secondary svg{width:14px;height:14px}
  .mini-stats,.metric-grid-4,.archive-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}.mini-stat,.reception-stat,.archive-kpi{padding:10px 6px;min-height:78px}.mini-stat span,.reception-stat span,.archive-kpi span{font-size:9px}.mini-stat strong,.reception-stat strong,.archive-kpi strong{font-size:20px;margin:5px 0}
  .case-list,.workflow-list,.reception-list,.archive-list{gap:9px}.case-card{grid-template-columns:62px minmax(0,1fr);gap:10px;padding:10px}.case-thumb{width:62px;height:62px;border-radius:13px}.case-card h3{font-size:14px;margin:3px 0 5px}.case-meta{gap:5px 9px;font-size:9px}.status-pill{padding:5px 8px;font-size:9px}.case-actions{gap:5px;margin-top:6px}.case-actions button,.case-actions a{padding:5px 8px;border-radius:8px;font-size:9px}
  .form-section-title{gap:6px;margin:5px 0 11px;padding-bottom:7px}.form-section-title h2{font-size:15px}.form-section-title svg{width:18px;height:18px}.upload-tile{min-height:85px;padding:15px;border-radius:15px;margin-bottom:10px}.upload-tile svg{width:26px;height:26px}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-main{grid-template-columns:1fr}.sticky-actions{grid-template-columns:1fr;border-radius:16px}.storage-card{grid-template-columns:1fr}.note-form{grid-template-columns:1fr}.note-form button{width:100%}
  .case-detail-header{padding:14px;margin-bottom:11px}.detail-title-row h2{font-size:18px}.detail-grid{gap:8px;margin-top:11px}.detail-cell{padding:8px;border-radius:11px}.detail-cell small{font-size:9px}.detail-cell strong{font-size:11px}.detail-section{padding:13px;margin:10px 0}.detail-section h2{font-size:16px;margin-bottom:10px}.stage-node{min-width:60px}.stage-node i{width:29px;height:29px;margin-bottom:5px}.stage-node span{font-size:9px}.attachment-grid{gap:7px}.attachment-item{min-height:70px;padding:7px;border-radius:11px}.attachment-item img{height:52px}.attachment-item svg{width:21px;height:21px}.note-row,.timeline-row{padding:8px 9px;border-radius:9px}.finance-grid{gap:7px}.finance-cell{padding:9px;border-radius:11px}.finance-cell strong{font-size:13px}.sticky-actions{bottom:6px;gap:8px;margin-top:12px;padding:5px}.sticky-actions .primary,.sticky-actions .secondary{font-size:12px;padding:10px}

  .doctor-card-list,.doctor-management-list,.clinic-list,.appointment-list{gap:9px}.doctor-card-actions{grid-column:1/-1;justify-content:flex-start}.filter-grid{grid-template-columns:1fr}.doctor-management-row .doctor-management-cell{display:none}.top-doctors{grid-template-columns:1fr}.doctor-two-columns{grid-template-columns:1fr}.doctor-info-list{grid-template-columns:1fr}.appointment-actions{grid-column:1/-1;justify-content:flex-start}.doctor-card{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px}.doctor-avatar{width:46px;height:46px;font-size:15px}.doctor-card h3{font-size:14px;margin-bottom:4px}.doctor-card p{font-size:9px}.doctor-card-meta{font-size:9px;gap:5px 9px}.round-action{width:29px;height:29px}.round-action svg{width:14px;height:14px}.clinic-row{padding:9px 10px;border-radius:11px}.clinic-row h3{font-size:12px}.doctor-management-row{grid-template-columns:40px 1fr auto;gap:8px;padding:9px}.doctor-management-row .doctor-avatar{width:38px;height:38px;font-size:13px}.top-doctor{padding:11px}.rank-medal{width:23px;height:23px}.doctor-profile-head{grid-template-columns:62px minmax(0,1fr);gap:12px;padding:14px}.doctor-profile-head .doctor-avatar{width:58px;height:58px;font-size:22px}.doctor-profile-head h2{font-size:19px}.doctor-contact-grid{gap:6px 10px;margin-top:7px}.doctor-contact-item{font-size:9px}.doctor-contact-item svg{width:14px;height:14px}.doctor-kpis{gap:8px;margin:10px 0}.doctor-kpi{padding:10px}.doctor-kpi small{font-size:9px;margin-bottom:5px}.doctor-kpi strong{font-size:17px}.doctor-info-card,.doctor-cases-card,.doctor-activity-card,.doctor-notes-card{padding:13px}.doctor-info-line{padding:8px 0}.compact-case-row{padding:7px 0;gap:7px}.doctor-note-form{gap:7px}.doctor-note-form input{padding:9px 11px}.doctor-note-form button{padding:7px 11px}
  .calendar-card{padding:13px;margin-bottom:11px}.calendar-head{grid-template-columns:35px 1fr 35px;margin-bottom:9px}.calendar-head h2{font-size:17px}.calendar-nav{width:31px;height:31px;font-size:22px}.calendar-week,.calendar-grid{gap:4px}.calendar-week span{font-size:8px;padding:5px 1px}.calendar-day{min-height:39px;padding:4px;border-radius:10px;font-size:9px}.calendar-count{left:4px;bottom:3px;min-width:14px;height:14px;font-size:8px}.appointment-row{grid-template-columns:48px 1fr;gap:9px;padding:10px}.appointment-time{font-size:12px}.appointment-row h3{font-size:13px}.appointment-row p{font-size:9px}.appointment-timeline{padding:7px 11px}.timeline-appointment{grid-template-columns:48px 1fr;gap:8px;padding:8px 0}
}


@media print{.drawer,.topbar,.sticky-actions,.filter-chips,.search-toolbar,.quick-grid,.small-primary,.small-secondary,.notification-pop{display:none!important}.app-shell{width:100%;max-width:none;padding:0;box-shadow:none}.card{box-shadow:none;background:#fff}.page-hero{margin:0 0 12px}}

/* Section 04: finance, invoices, payments and pricing */
.screen-number{display:block;text-align:left;color:var(--gold-dark);font-size:18px;font-weight:800;margin-bottom:-8px}
.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}.finance-kpi{padding:18px 12px;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.finance-kpi-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--gold-dark);margin-bottom:9px;box-shadow:0 7px 18px rgba(76,48,2,.08)}.finance-kpi-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.finance-kpi span{font-size:14px;color:var(--muted)}.finance-kpi strong{font-size:24px;line-height:1.25;margin-top:8px}.finance-kpi.success strong{color:var(--success)}.finance-kpi.warning strong{color:var(--warning)}.finance-kpi.danger strong{color:var(--danger)}
.finance-chart{padding:20px;margin:18px 0}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:14px;padding:30px 10px 4px;border-bottom:1px solid var(--line);position:relative}.bar-item{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-width:35px}.bar-item i{display:block;width:min(42px,75%);min-height:4px;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#f2ca69,#ae7106);box-shadow:0 7px 16px rgba(169,107,4,.18)}.bar-item span{font-size:11px;color:var(--gold-dark);white-space:nowrap}.bar-item small{font-size:12px;color:var(--muted)}
.invoice-list,.payment-list,.price-card-list{display:grid;gap:13px}.invoice-card{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(100px,.75fr)) auto 34px;align-items:center;gap:14px;padding:16px}.invoice-doc{display:flex;align-items:center;gap:12px}.invoice-doc>svg{width:34px;height:34px;fill:none;stroke:var(--gold-dark);stroke-width:1.6}.invoice-doc strong{display:block;color:var(--gold-dark);font-size:16px}.invoice-doc small,.invoice-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.invoice-card>div>strong{font-size:14px}.invoice-chevron{font-size:31px;color:var(--gold-dark);text-align:center}.finance-table{margin-top:14px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px;margin-bottom:14px}.filter-grid .field{margin:0}.compact-input{width:100%;border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 15px;color:var(--ink);outline:0}
.live-total{padding:14px;margin:5px 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.live-total span{font-size:13px;color:var(--muted)}.live-total strong{color:var(--gold-dark);font-size:17px}.invoice-detail-head{padding:22px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.invoice-detail-head h2{font-size:31px;margin:10px 0 4px;color:var(--gold-dark)}.invoice-detail-head p{margin:0;color:var(--muted)}.invoice-detail-actions{display:flex;gap:9px}.invoice-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.invoice-info-grid>div{padding:13px;border-radius:15px;border:1px solid rgba(183,123,18,.18);background:#fff}.invoice-info-grid small{display:block;color:var(--muted);margin-bottom:6px}.invoice-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.invoice-totals span,.invoice-totals strong{padding:10px;border-radius:12px;background:#fff;text-align:center}.invoice-totals strong{font-size:16px}
.payment-row{display:grid;grid-template-columns:52px minmax(150px,1.4fr) repeat(3,minmax(100px,.8fr)) auto;gap:13px;align-items:center;padding:15px}.payment-method-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff8e8;color:var(--gold-dark)}.payment-method-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.payment-row strong{display:block;font-size:14px}.payment-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.payment-actions{display:flex;gap:6px}.payment-voided{opacity:.55;filter:grayscale(.5)}
.price-card{display:grid;grid-template-columns:58px minmax(160px,1fr) 120px auto auto;gap:14px;align-items:center;padding:15px}.price-card-icon{width:52px;height:52px;border-radius:16px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold-dark);background:#fff}.price-card-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}.price-card h3{margin:4px 0;font-size:17px}.price-card p{margin:0;color:var(--muted);font-size:12px}.price-value{font-size:19px;font-weight:800;color:var(--gold-dark)}.price-actions{display:flex;gap:6px}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;margin-top:16px;text-align:center}.finance-summary small{display:block;color:var(--muted);margin-bottom:6px}.finance-summary strong{font-size:21px}.receipt-preview{padding:22px;margin-top:18px;position:relative}.receipt-stamp{position:absolute;left:20px;top:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#edf8ef;color:var(--success);font-size:28px;border:2px solid var(--success)}.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.receipt-grid span{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}.receipt-grid b{display:block;color:var(--ink);margin-top:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.settings-list{display:grid;gap:8px}.settings-line{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;border-bottom:1px solid rgba(183,123,18,.16)}.settings-line:last-child{border:0}.settings-line>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff8e7;color:var(--gold-dark)}.settings-line svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.settings-line b{color:var(--gold-dark)}.two-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.file-import{cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.file-import input{display:none}
@media(max-width:900px){
 .screen-number{font-size:12px;margin-bottom:-5px}.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:11px 0}.finance-kpi{padding:10px 7px;min-height:92px}.finance-kpi-icon{width:34px;height:34px;margin-bottom:6px}.finance-kpi-icon svg{width:18px;height:18px}.finance-kpi span{font-size:9px}.finance-kpi strong{font-size:15px;margin-top:5px}.finance-chart{padding:13px;margin:11px 0}.bar-chart{height:150px;gap:7px;padding:20px 5px 3px}.bar-item i{width:min(27px,75%)}.bar-item span{font-size:7px}.bar-item small{font-size:8px}
 .invoice-list,.payment-list,.price-card-list{gap:8px}.invoice-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}.invoice-card>div:not(.invoice-doc){display:none}.invoice-doc{gap:8px}.invoice-doc>svg{width:22px;height:22px}.invoice-doc strong{font-size:11px}.invoice-doc small{font-size:8px}.invoice-card .status-pill{display:inline-flex}.invoice-chevron{font-size:20px;grid-column:2;grid-row:1}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;margin-bottom:9px}.filter-grid .small-primary{align-self:end}.compact-input{padding:8px 10px;font-size:10px}
 .live-total{padding:9px;margin:4px 0 10px;gap:6px}.live-total span{font-size:8px}.live-total strong{font-size:11px}.invoice-detail-head{padding:14px;gap:10px}.invoice-detail-head h2{font-size:20px;margin:6px 0 3px}.invoice-detail-head p{font-size:9px}.invoice-detail-actions{gap:6px;flex-direction:column}.invoice-info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.invoice-info-grid>div{padding:8px;border-radius:10px}.invoice-info-grid small{font-size:8px}.invoice-info-grid strong{font-size:10px}.invoice-totals{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px;padding-top:9px}.invoice-totals span,.invoice-totals strong{padding:7px;font-size:9px}.invoice-totals strong{font-size:11px}
 .payment-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:9px}.payment-method-icon{width:32px;height:32px}.payment-method-icon svg{width:17px;height:17px}.payment-row>div:nth-child(n+3):not(.payment-actions){display:none}.payment-row strong{font-size:10px}.payment-row small{font-size:8px}.payment-actions{gap:4px}.price-card{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;padding:9px}.price-card-icon{width:35px;height:35px;border-radius:11px}.price-card-icon svg{width:19px;height:19px}.price-card h3{font-size:11px}.price-card p{font-size:8px}.price-value{font-size:12px}.price-card>.status-pill{display:none}.price-actions{grid-column:1/-1;justify-content:flex-start}.finance-summary{gap:8px;padding:11px;margin-top:10px}.finance-summary small{font-size:8px}.finance-summary strong{font-size:14px}.receipt-preview{padding:14px}.receipt-stamp{width:36px;height:36px;left:13px;top:13px;font-size:18px}.receipt-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:11px 0}.receipt-grid span{padding:8px;font-size:8px}.settings-grid{grid-template-columns:1fr}.settings-line{grid-template-columns:28px 1fr auto;gap:8px;padding:8px}.settings-line>span{width:26px;height:26px}.settings-line svg{width:14px;height:14px}.settings-line strong,.settings-line b{font-size:9px}.two-action-grid{gap:8px;margin-top:10px}.two-action-grid .secondary{font-size:11px;padding:10px}
}
@media(max-width:520px){.finance-kpis{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr}.receipt-grid{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr}.two-action-grid{grid-template-columns:1fr}.invoice-detail-actions{width:100%}}

/* Sections 05-06: digital design, files and production */
.design-task-list,.design-file-list,.design-review-list,.completed-design-list,.production-task-list,.trial-task-list,.quality-audit-list{display:grid;gap:14px}
.design-task-card{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px}.design-task-card>img{width:118px;height:105px;object-fit:cover;border-radius:19px;border:1px solid var(--line);background:#f5eee3}.design-task-main h3,.production-task-main h3,.review-card h3,.completed-design-card h3,.trial-card h3,.quality-audit-card h3{margin:4px 0 7px;font-size:19px}.design-task-main p,.production-task-main p,.review-card p,.completed-design-card p,.trial-card p{margin:0 0 8px;color:var(--muted);font-size:13px}.design-task-side,.production-task-side{display:grid;justify-items:end;gap:9px}.priority-badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#f4efe6;color:var(--muted)}.priority-badge.urgent{background:#fff0ee;color:var(--danger);font-weight:700}.round-action{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--gold-dark);display:inline-grid;place-items:center}.round-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.designer-performance{display:grid;gap:10px}.designer-perf{display:grid;grid-template-columns:48px minmax(130px,1fr) minmax(120px,1.3fr) 50px;gap:12px;align-items:center;padding:12px}.designer-perf small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.design-file-row{display:grid;grid-template-columns:58px minmax(160px,1fr) 85px auto auto;gap:12px;align-items:center;padding:13px}.design-file-row strong{display:block;font-size:14px}.design-file-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.file-type-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);background:#fff8e9;color:var(--gold-dark);font-weight:800}.review-card{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:15px;align-items:center;padding:15px}.review-card>img,.completed-design-card>img{width:105px;height:100px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.review-card>div:last-child{display:grid;gap:10px;justify-items:end}.completed-design-card{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(180px,auto);gap:15px;align-items:center;padding:15px}.completed-actions{display:grid;gap:8px}.review-preview{display:grid;gap:12px}.review-preview .design-file-row{box-shadow:none}
.production-task-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px}.production-task-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff8e8;border:1px solid var(--line);color:var(--gold-dark)}.production-task-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.department-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.material-stock{padding:15px;text-align:center;display:grid;gap:8px;justify-items:center}.material-stock strong{font-size:15px}.material-stock span{color:var(--muted);font-size:12px}.shade-dot{width:32px;height:32px;border-radius:50%;display:block;background:linear-gradient(135deg,#fff9d2,#d9bd75);border:1px solid var(--line)}
.quality-review-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.quality-checklist{display:grid;gap:8px}.quality-check-row{display:grid;grid-template-columns:28px 34px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(183,123,18,.2);border-radius:14px;background:#fff;cursor:pointer}.quality-check-row input{width:21px;height:21px;accent-color:var(--gold)}.quality-check-row span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--gold-dark);background:#fff8e8}.quality-check-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.quality-score-live{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:10px auto;border:10px solid #f0dfbc;color:var(--gold-dark);font-size:27px;font-weight:800;background:#fff}.quality-audit-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:14px}.quality-score-ring{--score:0;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--score)*1%),#eee 0);position:relative}.quality-score-ring::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.quality-score-ring strong{position:relative;z-index:1;font-size:15px}.defect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.defect-card{padding:15px;text-align:center}.defect-card span{display:block;color:var(--gold-dark)}.defect-card svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7}.defect-card strong{display:block;font-size:25px;margin:7px}.defect-card small{color:var(--muted)}
.trial-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(240px,auto);gap:14px;align-items:center;padding:15px}.trial-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.workflow-route-settings{display:flex;overflow:auto;gap:12px;padding:17px}.workflow-stage-card{min-width:110px;text-align:center;position:relative}.workflow-stage-card>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--gold);color:#fff;font-weight:700}.workflow-stage-card>div{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;margin:8px auto;border:1px solid var(--line);color:var(--gold-dark);background:#fff}.workflow-stage-card svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.workflow-stage-card strong{display:block;font-size:14px}.workflow-stage-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.workflow-stage-card:not(:last-child)::after{content:"←";position:absolute;left:-13px;top:40px;color:var(--gold)}
.department-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.department-link{padding:13px 8px;text-align:center;border:1px solid var(--line);border-radius:17px;background:#fff;display:grid;gap:7px;place-items:center}.department-link svg{width:27px;height:27px;fill:none;stroke:var(--gold-dark);stroke-width:1.7}.department-link span{font-size:12px;font-weight:700}
@media(max-width:900px){
 .design-task-list,.design-file-list,.design-review-list,.completed-design-list,.production-task-list,.trial-task-list,.quality-audit-list{gap:9px}.design-task-card{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:10px}.design-task-card>img{width:76px;height:70px;border-radius:12px}.design-task-side{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.design-task-main h3,.production-task-main h3,.review-card h3,.completed-design-card h3,.trial-card h3,.quality-audit-card h3{font-size:12px}.design-task-main p,.production-task-main p,.review-card p,.completed-design-card p,.trial-card p{font-size:8px}.priority-badge{font-size:8px;padding:4px 7px}.round-action{width:28px;height:28px}.round-action svg{width:14px;height:14px}.designer-perf{grid-template-columns:32px minmax(80px,1fr) minmax(70px,1fr) 34px;gap:7px;padding:8px}.designer-perf .doctor-avatar{width:31px;height:31px;font-size:10px}.designer-perf strong{font-size:9px}.designer-perf small{font-size:7px}
 .design-file-row{grid-template-columns:38px minmax(0,1fr) auto;gap:7px;padding:8px}.design-file-row>span:nth-of-type(2),.design-file-row>.status-pill{display:none}.design-file-row>.row-actions{grid-column:3;grid-row:1}.design-file-row strong{font-size:9px}.design-file-row small{font-size:7px}.file-type-badge{width:34px;height:34px;border-radius:10px;font-size:9px}.review-card,.completed-design-card{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:9px}.review-card>img,.completed-design-card>img{width:70px;height:66px;border-radius:12px}.review-card>div:last-child,.completed-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.completed-actions .small-primary,.completed-actions .small-secondary{font-size:8px;padding:7px 9px}
 .production-task-card{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:9px}.production-task-icon{width:34px;height:34px}.production-task-icon svg{width:18px;height:18px}.production-task-side{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.department-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.material-stock{padding:9px}.material-stock strong{font-size:10px}.material-stock span{font-size:8px}.quality-review-layout{grid-template-columns:1fr}.quality-check-row{grid-template-columns:20px 24px 1fr;gap:7px;padding:8px}.quality-check-row input{width:16px;height:16px}.quality-check-row span{width:22px;height:22px}.quality-check-row strong{font-size:9px}.quality-score-live{width:78px;height:78px;border-width:7px;font-size:18px}.quality-audit-card{grid-template-columns:50px minmax(0,1fr);gap:8px;padding:9px}.quality-audit-card>.status-pill,.quality-audit-card>.small-secondary{grid-column:1/-1;justify-self:start}.quality-score-ring{width:47px;height:47px}.quality-score-ring::after{inset:6px}.quality-score-ring strong{font-size:10px}.defect-grid{gap:7px}.defect-card{padding:9px}.defect-card svg{width:21px;height:21px}.defect-card strong{font-size:16px}.defect-card small{font-size:8px}
 .trial-card{grid-template-columns:1fr auto;gap:8px;padding:9px}.trial-actions{grid-column:1/-1;justify-content:flex-start}.trial-actions .small-primary,.trial-actions .small-secondary{font-size:8px;padding:7px 9px}.workflow-route-settings{gap:8px;padding:10px}.workflow-stage-card{min-width:72px}.workflow-stage-card>span{width:19px;height:19px;font-size:8px}.workflow-stage-card>div{width:34px;height:34px;margin:5px auto}.workflow-stage-card svg{width:18px;height:18px}.workflow-stage-card strong{font-size:9px}.workflow-stage-card small{font-size:7px}.workflow-stage-card:not(:last-child)::after{top:27px;left:-9px}.department-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.department-link{padding:9px 5px}.department-link svg{width:18px;height:18px}.department-link span{font-size:8px}
}
@media(max-width:520px){.department-materials,.defect-grid{grid-template-columns:1fr}.department-links{grid-template-columns:repeat(2,1fr)}}

/* Sections 07-08: delivery, courier, inventory and procurement */
.delivery-toolbar,.inventory-filters{padding:16px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.delivery-toolbar>.field{margin:0;min-width:150px;flex:1}.delivery-toolbar>.search-box{flex:2;min-width:230px}.delivery-toolbar>select,.inventory-filters>select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:13px 18px;min-width:150px;color:var(--ink)}.time-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.screen-number{display:block;text-align:left;color:var(--gold-dark);font-weight:800;font-size:20px;margin-top:-8px}.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.finance-kpi{min-height:125px;padding:16px 10px;text-align:center;display:grid;align-content:center;justify-items:center;gap:7px}.finance-kpi-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff8e8;border:1px solid var(--line);color:var(--gold-dark)}.finance-kpi-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.finance-kpi span{color:var(--muted);font-size:13px}.finance-kpi strong{font-size:28px}.finance-kpi.success strong{color:var(--success)}.finance-kpi.warning strong{color:var(--warning)}.finance-kpi.danger strong{color:var(--danger)}
.delivery-task-list,.ready-delivery-list,.route-stops,.inventory-list,.purchase-order-list{display:grid;gap:12px}.delivery-task-card{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(180px,auto);gap:14px;align-items:center;padding:15px}.delivery-type-icon,.inventory-item-icon,.purchase-order-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff8e8;border:1px solid var(--line);color:var(--gold-dark)}.delivery-type-icon svg,.inventory-item-icon svg,.purchase-order-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.delivery-task-main h3,.inventory-row h3,.purchase-order-card h3{margin:3px 0 7px;font-size:18px}.delivery-task-main p,.purchase-order-card p{margin:0 0 8px;color:var(--muted);font-size:12px}.delivery-task-side{display:grid;gap:8px;justify-items:end}.delivery-contact-actions{display:flex;gap:7px}.delivery-contact-actions .round-action{width:34px;height:34px}.delivery-contact-actions svg{width:17px;height:17px}.schedule-timeline{padding:18px;display:grid;gap:10px}.schedule-slot{display:grid;grid-template-columns:70px 14px 1fr;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(183,123,18,.16)}.schedule-slot:last-child{border-bottom:0}.schedule-slot time{font-weight:800;color:var(--gold-dark)}.schedule-dot{width:12px;height:12px;border-radius:50%;background:var(--gold)}.schedule-dot.pickup{background:var(--info)}.schedule-slot strong,.schedule-slot small{display:block}.schedule-slot small{color:var(--muted);margin-top:4px}.ready-delivery-card{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px}.ready-delivery-card>img{width:105px;height:95px;object-fit:cover;border-radius:17px;border:1px solid var(--line)}.ready-delivery-card h3{margin:3px 0 6px}.ready-delivery-card p{margin:0;color:var(--muted)}.prep-checks{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.prep-checks label{font-size:12px;display:flex;gap:5px;align-items:center}.prep-checks input{accent-color:var(--gold)}.ready-delivery-actions{display:grid;gap:8px;justify-items:end}.courier-selector{padding:14px;display:flex;gap:12px;align-items:center}.courier-selector select{flex:1;border:1px solid var(--line);border-radius:999px;padding:13px;background:#fff}.next-courier-task{padding:5px}.next-courier-task>.delivery-task-card{box-shadow:none;border:0}.courier-round-summary{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;margin-top:18px}.courier-round-summary small{display:block;color:var(--muted)}.courier-round-summary strong{display:block;font-size:22px;margin-top:6px}.confirmation-preview{padding:5px;margin-bottom:14px}.confirmation-preview>.delivery-task-card{box-shadow:none;border:0}.delivery-confirm-form{padding:20px}.signature-canvas{width:100%;height:190px;border:2px dashed var(--line);border-radius:18px;background:#fff;touch-action:none}.proof-upload{min-height:95px;border:2px dashed var(--line);border-radius:18px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#fff}.proof-upload input{display:none}.proof-upload svg{width:34px;height:34px;fill:none;stroke:var(--gold-dark);stroke-width:1.7}.proof-preview{width:100%;height:140px;object-fit:cover;border-radius:16px;margin-top:8px}.confirmation-success{text-align:center;padding:30px}.confirmation-success>svg{width:70px;height:70px;fill:none;stroke:var(--success);stroke-width:1.6}.route-map{padding:8px;overflow:hidden}.route-svg{display:block;width:100%;height:auto}.route-stop{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px}.route-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-weight:800}.route-stop small{display:block;color:var(--muted);margin-top:5px}
.inventory-row{display:grid;grid-template-columns:55px minmax(0,1.4fr) minmax(90px,.6fr) minmax(80px,.5fr) auto auto;gap:12px;align-items:center;padding:14px}.inventory-cell small,.purchase-total small{display:block;color:var(--muted);font-size:11px}.inventory-cell strong,.purchase-total strong{display:block;margin-top:4px}.inventory-actions{display:flex;gap:7px;align-items:center}.inventory-alerts{padding:12px}.inventory-alert{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(183,123,18,.16)}.inventory-alert:last-child{border-bottom:0}.inventory-alert>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff1ea;color:var(--danger)}.inventory-alert svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.inventory-alert small{display:block;color:var(--muted);margin-top:4px}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-card{padding:16px}.material-card-head{display:flex;align-items:center;justify-content:space-between}.material-card-head>div{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff8e8;color:var(--gold-dark)}.material-card-head svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.material-card h3{margin:13px 0}.material-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.material-values span{padding:10px;border:1px solid rgba(183,123,18,.18);border-radius:13px;background:#fff}.material-values small,.material-values strong{display:block}.material-values small{color:var(--muted);font-size:10px}.stock-gauge{height:8px;border-radius:99px;background:#eee;overflow:hidden;margin:13px 0}.stock-gauge i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:inherit}.movement-list{padding:12px}.movement-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:11px;border-bottom:1px solid rgba(183,123,18,.16)}.movement-row:last-child{border-bottom:0}.movement-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#edf8ef;color:var(--success)}.movement-icon.out{background:#fff1ea;color:var(--danger)}.movement-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.movement-row small{display:block;color:var(--muted);margin-top:4px}.movement-row time{font-size:11px;color:var(--muted)}
.purchase-order-card{display:grid;grid-template-columns:55px minmax(0,1fr) 130px auto;gap:13px;align-items:center;padding:14px}.purchase-total{display:grid;gap:5px;text-align:center}.purchase-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.supplier-card{padding:15px;text-align:center;display:grid;justify-items:center;gap:7px}.supplier-logo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff8e8;border:1px solid var(--line);font-weight:800;color:var(--gold-dark)}.supplier-card h3,.supplier-card p{margin:0}.supplier-card p,.supplier-card small{color:var(--muted)}.receive-order-items{display:grid;gap:10px;margin-bottom:16px}.receive-line{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.receive-line small{display:block;color:var(--muted);margin-top:4px}.receive-line input{width:100%;border:1px solid var(--line);border-radius:999px;padding:11px}
@media(max-width:900px){
 .finance-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.finance-kpi{min-height:82px;padding:9px 6px;gap:4px}.finance-kpi-icon{width:30px;height:30px}.finance-kpi-icon svg{width:17px;height:17px}.finance-kpi span{font-size:8px}.finance-kpi strong{font-size:18px}.screen-number{font-size:13px}.delivery-toolbar,.inventory-filters{padding:10px;gap:7px}.delivery-toolbar>.field{min-width:95px}.delivery-toolbar>.search-box{min-width:150px}.delivery-toolbar>select,.inventory-filters>select{padding:9px 11px;min-width:95px;font-size:9px}.time-range{gap:5px}
 .delivery-task-card{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:9px}.delivery-type-icon,.inventory-item-icon,.purchase-order-icon{width:34px;height:34px}.delivery-type-icon svg,.inventory-item-icon svg,.purchase-order-icon svg{width:18px;height:18px}.delivery-task-main h3,.inventory-row h3,.purchase-order-card h3{font-size:11px}.delivery-task-main p,.purchase-order-card p{font-size:8px}.delivery-task-side{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.delivery-contact-actions .round-action{width:27px;height:27px}.schedule-timeline{padding:10px}.schedule-slot{grid-template-columns:45px 9px 1fr;gap:7px;padding:6px 0}.schedule-slot time,.schedule-slot strong{font-size:9px}.schedule-slot small{font-size:7px}.schedule-dot{width:8px;height:8px}.ready-delivery-card{grid-template-columns:68px minmax(0,1fr);gap:8px;padding:9px}.ready-delivery-card>img{width:68px;height:62px;border-radius:11px}.ready-delivery-card h3{font-size:11px}.ready-delivery-card p,.prep-checks label{font-size:8px}.ready-delivery-actions{grid-column:1/-1;display:flex;justify-items:start;align-items:center;flex-wrap:wrap}.courier-selector{padding:9px}.courier-selector label{font-size:9px}.courier-selector select{padding:9px;font-size:9px}.courier-round-summary{padding:10px;gap:7px}.courier-round-summary small{font-size:7px}.courier-round-summary strong{font-size:14px}.delivery-confirm-form{padding:12px}.signature-canvas{height:125px}.proof-upload{min-height:65px}.proof-upload svg{width:22px;height:22px}.proof-preview{height:90px}.route-stop{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;padding:8px}.route-index{width:23px;height:23px;font-size:9px}.route-stop strong{font-size:9px}.route-stop small{font-size:7px}.route-stop>.row-actions{grid-column:1/-1}
 .inventory-row{grid-template-columns:36px minmax(0,1fr) auto;gap:7px;padding:8px}.inventory-row>.inventory-cell,.inventory-row>.status-pill{display:none}.inventory-actions{grid-column:1/-1;justify-content:flex-start}.inventory-item-icon{grid-row:1}.inventory-alert{grid-template-columns:28px 1fr auto;gap:7px;padding:8px}.inventory-alert>span{width:26px;height:26px}.inventory-alert strong{font-size:9px}.inventory-alert small{font-size:7px}.inventory-alert .small-primary{font-size:8px;padding:7px 9px}.material-grid{gap:7px}.material-card{padding:9px}.material-card-head>div{width:30px;height:30px}.material-card-head svg{width:17px;height:17px}.material-card h3{font-size:10px;margin:8px 0}.material-values{gap:5px}.material-values span{padding:7px}.material-values small{font-size:7px}.material-values strong{font-size:9px}.stock-gauge{height:5px;margin:8px 0}.movement-list{padding:7px}.movement-row{grid-template-columns:28px minmax(0,1fr) auto;gap:7px;padding:7px}.movement-icon{width:24px;height:24px}.movement-row strong{font-size:8px}.movement-row small,.movement-row time{font-size:6px}.movement-row time{grid-column:2}
 .purchase-order-card{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:9px}.purchase-total,.purchase-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;text-align:right}.purchase-total small{font-size:7px}.purchase-total strong{font-size:11px}.supplier-grid{grid-template-columns:repeat(2,1fr);gap:7px}.supplier-card{padding:9px;gap:5px}.supplier-logo{width:38px;height:38px;font-size:10px}.supplier-card h3{font-size:10px}.supplier-card p,.supplier-card small{font-size:7px}.receive-line{grid-template-columns:1fr 75px;gap:7px;padding:8px}.receive-line strong{font-size:9px}.receive-line small{font-size:7px}.receive-line input{padding:8px;font-size:9px}
}
@media(max-width:520px){.material-grid,.supplier-grid{grid-template-columns:1fr}.delivery-toolbar>.field,.delivery-toolbar>.search-box{min-width:100%;}.inventory-filters>*{flex:1}.courier-round-summary{grid-template-columns:1fr 1fr}.finance-kpis{grid-template-columns:repeat(2,1fr)}}

/* Sections 09-10: reports, analytics, users and permissions */
.report-toolbar,.admin-filter-row,.log-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:16px;margin-bottom:18px}.report-toolbar .field{margin:0;min-width:135px;flex:1}.report-toolbar .field select,.report-toolbar .field input{padding:12px 16px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.report-panel{padding:18px;min-height:250px}.report-panel h2{font-size:22px;margin:0 0 16px}.bar-chart,.ranking-list,.meter-list{display:grid;gap:12px}.bar-row,.meter-row{display:grid;grid-template-columns:minmax(90px,1fr) 3fr 45px;align-items:center;gap:10px}.bar-track{height:10px;border-radius:99px;background:#eee4d3;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.donut-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px}.donut{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative}.donut::after{content:"";position:absolute;inset:27px;background:#fff;border-radius:50%}.donut b,.donut small{position:relative;z-index:2;grid-area:1/1}.donut b{font-size:28px;transform:translateY(-8px)}.donut small{transform:translateY(16px);color:var(--muted)}.donut-legend{display:grid;gap:10px}.donut-legend span{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center}.donut-legend i{width:12px;height:12px;border-radius:50%}.rank-row{display:grid;grid-template-columns:30px 1fr 42px;gap:10px;align-items:center}.rank-row em{width:28px;height:28px;border-radius:50%;background:#f4d48c;display:grid;place-items:center;font-style:normal;font-weight:700}.rank-row div>strong{display:block;margin-bottom:7px}.timeline-chart{min-height:260px;display:flex;align-items:flex-end;gap:9px;overflow:auto;padding:20px 8px}.timeline-chart .bar-row{min-width:120px}.stat-table,.session-grid,.report-preview-kpis{display:grid;gap:10px}.stat-line{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.report-table-wrap{overflow:auto}.report-table-wrap table{min-width:650px}.defect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.defect-card{padding:18px;border:1px solid var(--line);border-radius:18px;text-align:center}.defect-card strong{display:block;font-size:34px;margin-top:8px}.report-builder,.report-preview{padding:20px}.report-preview{margin:18px 0;min-height:180px}.report-preview-kpis{grid-template-columns:repeat(3,1fr)}.report-preview-kpis div{padding:15px;text-align:center;border:1px solid var(--line);border-radius:16px}.report-preview-kpis strong{display:block;font-size:25px}.saved-report-list,.access-request-list,.user-admin-list,.role-admin-list,.audit-log-list,.system-timeline{display:grid;gap:12px}.saved-report,.access-request{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.saved-report small{display:block;color:var(--muted);margin-top:6px}.user-admin-card{padding:15px;display:grid;grid-template-columns:auto 65px 1fr auto auto;align-items:center;gap:13px}.user-avatar,.role-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff4dc;color:var(--gold-dark);font-weight:800;border:1px solid var(--line)}.user-admin-card h3,.role-admin-card h3{margin:0 0 6px}.user-admin-card p,.role-admin-card p{margin:0 0 8px;color:var(--muted)}.user-actions,.role-actions{display:flex;gap:7px;flex-wrap:wrap}.round-action{width:39px;height:39px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--gold-dark)}.round-action svg{width:20px;height:20px;fill:none;stroke:currentColor}.round-action.danger{color:var(--danger)}.role-admin-card{padding:18px;display:grid;grid-template-columns:68px 1fr auto;gap:15px;align-items:center}.role-tags{display:flex;gap:7px;flex-wrap:wrap}.role-tags span{padding:5px 10px;border-radius:999px;background:#fff5e1;color:var(--gold-dark);font-size:12px}.access-request p{margin:5px 0}.audit-log-card{padding:15px;display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center}.audit-dot{width:10px;height:10px;border-radius:50%;background:var(--info)}.audit-dot.success{background:var(--success)}.audit-dot.warning{background:var(--warning)}.audit-dot.error{background:var(--danger)}.audit-log-card h3{margin:0 0 5px}.audit-log-card p{margin:0 0 7px;color:var(--muted)}.permission-matrix-wrap{padding:12px;overflow:auto}.permission-table{min-width:760px}.permission-check{display:grid;place-items:center}.permission-check input{display:none}.permission-check span{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:transparent}.permission-check input:checked+span{background:var(--gold);color:#fff;border-color:var(--gold)}.session-summary{padding:18px;margin-top:16px}.session-grid{grid-template-columns:repeat(3,1fr)}.session-grid div{text-align:center;padding:14px;border-left:1px solid var(--line)}.session-grid div:last-child{border-left:0}.session-grid strong,.session-grid span{display:block}.session-grid span{color:var(--muted);margin-top:6px}.user-select input{width:22px;height:22px}.advanced-user-grid{display:grid;gap:12px}.screen-number{position:absolute;top:95px;right:22px;color:var(--gold-dark);font-size:20px;font-weight:700}
@media(max-width:900px){.report-grid{grid-template-columns:1fr}.donut-wrap{grid-template-columns:120px 1fr}.donut{width:120px}.user-admin-card{grid-template-columns:auto 52px 1fr}.user-admin-card>.status-pill{grid-column:3}.user-actions{grid-column:1/-1;justify-content:flex-end}.role-admin-card{grid-template-columns:54px 1fr}.role-actions{grid-column:1/-1}.report-preview-kpis,.session-grid{grid-template-columns:1fr}.session-grid div{border-left:0;border-bottom:1px solid var(--line)}.bar-row,.meter-row{grid-template-columns:80px 1fr 38px}.defect-grid{grid-template-columns:repeat(3,1fr)}.screen-number{top:75px;right:15px}}


/* Sections 11-12: settings, backup, equipment, notifications and support */
.settings-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.settings-kpi{padding:18px;text-align:center}.settings-kpi>div{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#fff7e8;color:var(--gold-dark)}.settings-kpi svg{width:29px;height:29px;fill:none;stroke:currentColor}.settings-kpi span,.settings-kpi strong{display:block}.settings-kpi span{color:var(--muted);font-size:14px}.settings-kpi strong{font-size:28px;margin-top:8px}.settings-launch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-launch{padding:20px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}.settings-launch>span{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:#fff5df;color:var(--gold-dark)}.settings-launch svg{width:30px;height:30px;fill:none;stroke:currentColor}.settings-launch h2{font-size:19px;margin:0 0 5px}.settings-launch p{margin:0;color:var(--muted);font-size:13px}.settings-form{padding:20px}.settings-form>h2{margin:0 0 17px}.settings-toggle-list{display:grid;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:15px 0}.settings-toggle-list>label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:#fff;border-bottom:1px solid rgba(183,123,18,.18)}.settings-toggle-list>label:last-child{border-bottom:0}.action-panel{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.action-panel.wrap{flex-wrap:wrap}.compact-button{width:auto!important;min-width:150px;font-size:16px!important;padding:13px 20px!important}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.backup-list,.equipment-list,.notification-feed,.ticket-list,.faq-list{display:grid;gap:12px}.backup-card{padding:14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;align-items:center}.backup-card h3{margin:0 0 6px;font-size:17px}.backup-card p{margin:0;color:var(--muted);font-size:13px}.backup-icon,.equipment-icon{width:46px;height:46px;border-radius:15px;background:#fff5df;display:grid;place-items:center;color:var(--gold-dark)}.backup-icon svg,.equipment-icon svg{width:25px;height:25px;fill:none;stroke:currentColor}.health-check-list{display:grid;gap:10px}.health-check{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.health-check>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--success)}.health-check.warn>span{background:var(--warning)}.health-check small{display:block;color:var(--muted);margin-top:4px}.subscription-card{padding:22px;display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center}.subscription-card img{width:130px;border-radius:50%;mix-blend-mode:multiply}.storage-ring{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:10px auto;background:conic-gradient(var(--gold) calc(var(--p)*1%),#efe7d8 0);position:relative}.storage-ring::after{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.storage-ring b,.storage-ring small{position:relative;z-index:1;grid-area:1/1}.storage-ring b{font-size:18px;transform:translateY(-9px)}.storage-ring small{font-size:11px;color:var(--muted);transform:translateY(15px)}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.department-card{padding:17px;text-align:center}.department-card>div:first-child{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#fff5df;color:var(--gold-dark)}.department-card svg{width:26px;height:26px;fill:none;stroke:currentColor}.department-card h3{font-size:16px;margin:11px 0 6px}.department-card strong,.department-card small{display:block}.department-card small{color:var(--muted);margin:7px 0}.department-card button,.equipment-row button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px}.equipment-row{padding:14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto 120px auto;gap:12px;align-items:center}.equipment-row h3{margin:0 0 5px;font-size:16px}.equipment-row p{margin:0;color:var(--muted);font-size:12px}.equipment-row small,.equipment-row b{display:block}.working-hours{display:grid;gap:8px}.working-hour-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.working-hour-row input[type=time]{border:1px solid var(--line);border-radius:12px;padding:10px}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.template-card{padding:17px;border:1px solid var(--line);background:#fff;display:grid;gap:10px;place-items:center}.template-card span{color:var(--gold-dark)}.template-card svg{width:38px;height:38px;fill:none;stroke:currentColor}.shade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shade-card{border:1px solid var(--line);background:#fff;padding:13px;display:grid;place-items:center;gap:8px}.shade-card i{width:54px;height:70px;background:var(--shade);border-radius:50% 50% 42% 42%;border:1px solid #d4c3a4}.shade-card i.add{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:28px}.shade-card.selected{border:2px solid var(--gold)}.shade-mini{width:38px;height:48px;border-radius:50% 50% 42% 42%;border:1px solid var(--line)}.notification-card{padding:15px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center}.notification-card.unread{border-right:4px solid var(--gold)}.notification-card.urgent{border-color:rgba(197,37,33,.5)}.notification-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center}.notification-icon svg{width:28px;height:28px;fill:none;stroke:currentColor}.notification-icon.green{background:#eaf7ee;color:var(--success)}.notification-icon.blue{background:#e9f3ff;color:var(--info)}.notification-icon.orange{background:#fff2df;color:var(--warning)}.notification-icon.purple{background:#f4eaff;color:#7f43a8}.notification-icon.red{background:#ffeded;color:var(--danger)}.notification-card h3{margin:0;font-size:16px}.notification-card p{margin:6px 0;color:var(--muted);font-size:13px}.notification-card small{color:var(--muted)}.notification-actions{display:grid;gap:6px}.notification-actions button,.notification-actions a{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 10px;color:var(--gold-dark);font-size:12px}.support-contact-grid,.knowledge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-contact,.knowledge-card{border:1px solid var(--line);background:#fff;padding:18px;display:grid;place-items:center;gap:11px;text-align:center}.support-contact span,.knowledge-card span{color:var(--gold-dark)}.support-contact svg,.knowledge-card svg{width:38px;height:38px;fill:none;stroke:currentColor}.knowledge-card small{color:var(--muted);line-height:1.5}.ticket-card{padding:14px;display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;gap:12px;align-items:center}.ticket-number{font-weight:800;color:var(--gold-dark)}.ticket-card h3{margin:0 0 6px;font-size:16px}.ticket-card p{margin:0;color:var(--muted);font-size:12px}.notification-matrix-wrap{overflow:auto}.notification-matrix{min-width:650px}.conversation-panel{padding:18px;margin:17px 0}.conversation-head{display:flex;justify-content:space-between;gap:15px}.message-thread{display:grid;gap:10px;margin:18px 0}.message-bubble{max-width:82%;padding:13px;border-radius:18px;background:#f2eadc}.message-bubble.mine{margin-right:auto;background:#fff5d9}.message-bubble b{font-size:12px}.message-bubble p{margin:6px 0}.message-bubble small{color:var(--muted);font-size:10px}.faq-item{padding:14px}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{color:var(--muted);line-height:1.8}.reminder-chips{justify-content:center}
@media(max-width:900px){.settings-kpi-grid{grid-template-columns:repeat(2,1fr)}.settings-launch-grid{grid-template-columns:1fr}.settings-launch{grid-template-columns:42px 1fr;padding:12px}.settings-launch>span{width:40px;height:40px}.settings-launch svg{width:22px;height:22px}.settings-launch h2{font-size:13px}.settings-launch p{font-size:9px}.settings-kpi{padding:11px}.settings-kpi>div{width:38px;height:38px}.settings-kpi svg{width:20px;height:20px}.settings-kpi span{font-size:9px}.settings-kpi strong{font-size:18px}.action-panel{align-items:stretch;flex-direction:column}.compact-button{width:100%!important}.backup-card{grid-template-columns:35px minmax(0,1fr);padding:9px}.backup-card>.status-pill,.backup-card>.row-actions{grid-column:2}.backup-icon{width:34px;height:34px}.backup-icon svg{width:18px;height:18px}.backup-card h3{font-size:11px}.backup-card p{font-size:8px}.subscription-card{grid-template-columns:75px 1fr;padding:12px}.subscription-card img{width:75px}.department-grid{grid-template-columns:repeat(2,1fr)}.department-card{padding:10px}.department-card h3{font-size:11px}.department-card small{font-size:8px}.equipment-row{grid-template-columns:35px minmax(0,1fr);padding:9px}.equipment-row>.status-pill,.equipment-row>div:nth-child(4),.equipment-row>.row-actions{grid-column:2}.working-hour-row{grid-template-columns:1fr 1fr 1fr}.template-grid,.shade-grid,.support-contact-grid,.knowledge-grid{grid-template-columns:repeat(2,1fr)}.notification-card{grid-template-columns:38px minmax(0,1fr);padding:9px}.notification-icon{width:36px;height:36px}.notification-icon svg{width:20px;height:20px}.notification-actions{grid-column:2;display:flex;flex-wrap:wrap}.notification-card h3{font-size:11px}.notification-card p{font-size:8px}.ticket-card{grid-template-columns:55px minmax(0,1fr);padding:9px}.ticket-card>.status-pill,.ticket-card>button{grid-column:2}.ticket-card h3{font-size:11px}.ticket-card p{font-size:8px}.screen-number{top:75px}}

/* Desktop responsive workspace -------------------------------------------------
   Keeps the approved compact mobile layout unchanged while turning wide screens
   into a true dashboard workspace instead of a narrow phone-sized column. */
@media (min-width:901px){
  :root{
    --max:1480px;
    --desktop-gap:30px;
    --desktop-sidebar:0px;
  }
  html,body{min-width:0;overflow-x:hidden}
  body{
    background:
      radial-gradient(circle at 86% 8%,rgba(230,195,126,.18),transparent 28%),
      radial-gradient(circle at 7% 87%,rgba(188,126,22,.10),transparent 26%),
      #f3eee5;
  }
  body::before,body::after{width:42vw;height:42vw;opacity:.65}
  .decor-lines{opacity:.22;mask-image:none}

  .app-shell{
    width:min(calc(100% - 48px),var(--max));
    max-width:var(--max);
    min-height:100vh;
    margin:0 auto;
    padding:24px 30px 60px;
    background:rgba(251,248,242,.82);
    border-inline:1px solid rgba(183,123,18,.14);
    box-shadow:0 0 54px rgba(61,40,5,.10);
  }
  .app-shell.fullscreen{width:min(calc(100% - 48px),1120px);padding:40px 48px}

  .topbar{
    position:sticky;
    top:14px;
    z-index:35;
    min-height:88px;
    margin:0 0 22px;
    padding:10px 18px;
    border:1px solid rgba(183,123,18,.22);
    border-radius:24px;
    background:rgba(255,252,247,.88);
    box-shadow:0 12px 32px rgba(61,42,8,.10);
    backdrop-filter:blur(18px);
  }
  .topbar .logo-wrap{position:absolute;left:50%;top:8px;transform:translateX(-50%)}
  .topbar .logo{width:72px;max-width:72px}
  .icon-btn{width:52px;height:52px}
  .icon-btn svg{width:24px;height:24px}

  .page-hero{margin:18px 4px 24px;max-width:980px}
  .page-title{font-size:44px;line-height:1.15}
  .subtitle{font-size:18px;line-height:1.75}
  .section-head{margin:30px 4px 16px}
  .section-head h2{font-size:28px}
  .section-head .hint{font-size:14px}

  .card{border-radius:22px;box-shadow:0 11px 30px rgba(61,42,8,.09)}
  .panel,.form-card,.case-form{padding:22px}
  .stack{gap:18px}
  .grid-2{gap:18px}
  .grid-4{gap:15px}

  .metric{min-height:168px;padding:18px 14px}
  .metric-icon{width:58px;height:58px;margin-bottom:10px}
  .metric-icon svg{width:29px;height:29px}
  .metric h3{font-size:18px;margin-bottom:8px}
  .metric strong{font-size:42px}
  .metric small{font-size:14px;margin-top:9px}

  .quick-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}
  .quick-action{min-height:124px;padding:14px 10px;border-radius:20px}
  .quick-action svg{width:36px;height:36px}
  .quick-action span{font-size:15px}

  .activity-list{gap:14px}
  .activity{grid-template-columns:58px 1fr auto;padding:15px 17px}
  .activity-icon{width:50px;height:50px}
  .activity-icon svg{width:25px;height:25px}
  .activity h3{font-size:17px}
  .activity p{font-size:13px}
  .activity time{font-size:12px}

  .search-toolbar{padding:13px 18px}
  .search-box input{font-size:16px}
  .filter-chips{flex-wrap:wrap;overflow:visible}
  .chip{padding:10px 18px}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .span-2{grid-column:1/-1}
  .modal{align-items:center}
  .modal-dialog{width:min(760px,calc(100vw - 80px));max-height:86vh}
  .notification-pop{top:112px;left:32px;right:auto;width:420px}

  /* Dashboard: four KPIs, wide action launcher and two-column activity feed. */
  body[data-page="dashboard"] .grid-2{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-page="dashboard"] .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body[data-page="dashboard"] #activityList{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* Desktop-friendly data layouts shared by the functional sections. */
  .mini-stats,.metric-grid-4,.archive-kpis,.doctor-kpis,.finance-kpis,.settings-kpi-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .settings-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .support-contact-grid,.knowledge-grid,.template-grid,.shade-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .doctor-two-columns{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}
  .invoice-info-grid,.invoice-totals,.finance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .storage-card{grid-template-columns:280px minmax(0,1fr)}
  .calendar-card{padding:24px}
  .calendar-day{min-height:84px}
  .table-wrap,.archive-table,.doctor-table-wrap,.notification-matrix-wrap{max-width:100%;overflow:auto}
  table{width:100%}
}

/* Large desktop: permanent RTL sidebar and a full-width management canvas. */
@media (min-width:1180px){
  :root{--desktop-sidebar:292px;--max:1640px}
  .drawer{
    inset:0 auto 0 0;
    right:0;
    left:auto;
    width:var(--desktop-sidebar);
    pointer-events:auto;
  }
  .drawer-backdrop{display:none!important}
  .drawer-panel{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:var(--desktop-sidebar);
    transform:none!important;
    padding:22px 16px 28px;
    border-left:1px solid rgba(183,123,18,.22);
    background:rgba(255,250,241,.96);
    box-shadow:-14px 0 42px rgba(35,23,4,.10);
    backdrop-filter:blur(18px);
  }
  .drawer .modal-close{display:none}
  .drawer-logo{width:116px;margin-bottom:10px}
  .drawer-user{padding-bottom:12px;margin-bottom:10px}
  .nav-list{gap:3px}
  .nav-link{gap:10px;padding:9px 11px;border-radius:12px;font-size:13px}
  .nav-link svg{width:19px;height:19px}

  .app-shell{
    width:calc(100% - var(--desktop-sidebar) - 32px);
    max-width:var(--max);
    margin:0 calc(var(--desktop-sidebar) + 16px) 0 auto;
    padding:24px 34px 64px;
  }
  .app-shell.fullscreen{
    width:min(calc(100% - var(--desktop-sidebar) - 64px),1120px);
    margin-right:calc(var(--desktop-sidebar) + 32px);
    margin-left:auto;
  }
  body[data-page="dashboard"] .quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .topbar [data-drawer-open]{display:none}
  .topbar::before{content:"";width:52px;height:52px;display:block}
  .notification-pop{left:34px;right:auto}
}

@media (min-width:1500px){
  body[data-page="dashboard"] .quick-grid{grid-template-columns:repeat(7,minmax(150px,1fr))}
  .page-title{font-size:48px}
  .app-shell{padding-inline:42px}
}


/* Unified sidebar navigation v14 */
.unified-drawer-panel{display:flex;flex-direction:column;padding:0!important;overflow:hidden!important}
.unified-drawer-header{flex:0 0 auto;padding:18px 16px 12px;border-bottom:1px solid var(--line);background:rgba(255,250,241,.97);position:relative;z-index:2}
.unified-drawer-close{position:absolute;left:12px;top:12px;z-index:3}
.unified-brand{display:block;width:max-content;margin:0 auto}.unified-brand .drawer-logo{width:104px;margin:0 auto 8px}
.unified-drawer-header .drawer-user{padding:0 0 10px;margin:0 0 10px}.unified-role{color:var(--muted);font-size:12px;margin-top:3px}
.unified-menu-search{height:42px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--gold-dark)}
.unified-menu-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.unified-menu-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:13px}
.unified-nav-list{flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding:10px 10px 14px;display:block!important;scrollbar-width:thin;scrollbar-color:rgba(183,123,18,.35) transparent}
.sidebar-group{border:1px solid transparent;border-radius:14px;margin-bottom:6px;overflow:hidden}.sidebar-group.open{border-color:rgba(183,123,18,.2);background:rgba(255,255,255,.52)}
.sidebar-group-toggle{width:100%;border:0;background:transparent;display:grid;grid-template-columns:28px minmax(0,1fr) auto 18px;align-items:center;gap:8px;text-align:right;padding:10px 9px;color:#31281b;border-radius:12px;font-weight:700}
.sidebar-group-toggle:hover,.sidebar-group.open>.sidebar-group-toggle{background:#f7ead0;color:var(--gold-dark)}
.sidebar-group-icon{display:grid;place-items:center}.sidebar-group-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.sidebar-group-title{font-size:12.5px;line-height:1.45}.sidebar-group-count{min-width:25px;height:22px;border-radius:999px;background:rgba(183,123,18,.12);display:grid;place-items:center;font-size:10px}.sidebar-chevron{font-size:22px;line-height:1;transition:transform .2s}.sidebar-group.open .sidebar-chevron{transform:rotate(-90deg)}
.sidebar-group-pages{display:none;padding:3px 8px 8px}.sidebar-group.open .sidebar-group-pages{display:grid;gap:2px}
.sidebar-page-link{padding:7px 8px!important;border-radius:9px!important;gap:8px!important;font-size:11.5px!important;min-height:34px}.sidebar-page-link.active{background:linear-gradient(90deg,rgba(183,123,18,.18),rgba(247,234,208,.78));color:var(--gold-dark);font-weight:800;box-shadow:inset -3px 0 0 var(--gold)}
.sidebar-screen-number{width:27px;height:22px;border-radius:7px;background:rgba(183,123,18,.1);display:grid;place-items:center;font-size:9px;font-variant-numeric:tabular-nums;flex:0 0 auto}.sidebar-page-link.active .sidebar-screen-number{background:var(--gold);color:#fff}
.unified-drawer-footer{flex:0 0 auto;border-top:1px solid var(--line);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#fffaf1}.unified-drawer-footer a,.unified-drawer-footer button{min-height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--gold-dark);font-size:11.5px}.unified-drawer-footer button{color:var(--danger)}.unified-drawer-footer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:900px){.unified-drawer-panel{width:min(330px,88vw)!important}.unified-brand .drawer-logo{width:96px}.sidebar-group-title{font-size:11.5px}.sidebar-page-link{font-size:10.8px!important}}
@media(min-width:1180px){.unified-drawer-close,.drawer-backdrop{display:none!important}.unified-drawer-header{padding-top:14px}.unified-brand .drawer-logo{width:92px}.unified-nav-list{padding-bottom:12px}.sidebar-group-toggle{padding:8px}.sidebar-page-link{padding:6px 7px!important;min-height:31px}.unified-drawer-footer{padding:8px}}

/* MySQL operational screens */
.current-stage-card{background:#effaf2!important;border:2px solid #39a85a!important;box-shadow:0 10px 28px rgba(34,139,67,.12)!important}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.permission-check{min-height:72px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:28px 1fr;gap:5px 10px;align-items:center}.permission-check input{grid-row:1/3;width:22px;height:22px}.permission-check b{font-size:14px}.permission-check small{font-size:10px;color:var(--muted)}


/* Icon sizing safety fix v20: prevents browser default 300x150 SVG dimensions. */
:where([data-icon]){display:inline-grid;place-items:center;flex:0 0 auto;line-height:0;vertical-align:middle}
:where([data-icon])>svg{width:1.25em;height:1.25em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.primary :where([data-icon])>svg,.secondary :where([data-icon])>svg,.danger-btn :where([data-icon])>svg,.small-primary :where([data-icon])>svg,.small-secondary :where([data-icon])>svg{width:24px;height:24px}
.dropzone>[data-icon]>svg{width:42px;height:42px}
.upload-tile>[data-icon]>svg{width:40px;height:40px}
@media(max-width:900px){.primary :where([data-icon])>svg,.secondary :where([data-icon])>svg,.danger-btn :where([data-icon])>svg,.small-primary :where([data-icon])>svg,.small-secondary :where([data-icon])>svg{width:18px;height:18px}.dropzone>[data-icon]>svg{width:30px;height:30px}.upload-tile>[data-icon]>svg{width:26px;height:26px}}


/* HiDent approved brand logo v2.0.7 — preserve the full rounded-square artwork everywhere. */
img[src*="assets/img/brand-logo-"]{
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:22%!important;
  mix-blend-mode:normal!important;
  image-rendering:auto;
}
.shade-logo{border-radius:24%!important;background:rgba(255,255,255,.94)!important;padding:2px!important}
.logo-wrap,.unified-brand{isolation:isolate}
@media(max-width:650px){.topbar .logo{width:78px;max-width:78px}}