/* Hooger HR unified design system — v3.1.0 */
/* Base layer */
:root{--navy:#172554;--navy-2:#1e3a8a;--navy-3:#eff6ff;--red:#c62828;--red-soft:#fef2f2;--green:#15803d;--green-soft:#f0fdf4;--amber:#b45309;--amber-soft:#fffbeb;--blue:#0369a1;--blue-soft:#f0f9ff;--ink:#172033;--muted:#64748b;--line:#e2e8f0;--line-strong:#cbd5e1;--surface:#fff;--page:#f6f8fc;--shadow:0 8px 28px rgba(15,23,42,.07);--radius:16px;--radius-sm:11px;--sidebar:278px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{overflow-x:hidden;font-family:var(--font);background:var(--page);color:var(--ink);-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden;background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}svg{display:block;flex:none}button{cursor:pointer}.ltr{direction:ltr;text-align:left}.muted{color:var(--muted)}.danger-text{color:var(--red)!important}.section-gap{margin-top:20px}.full{grid-column:1/-1}.grow{flex:1;min-width:220px}.align-start{align-items:start}.code{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:10px;overflow:auto}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);height:100dvh;background:#fff;border-left:1px solid var(--line);z-index:50;display:flex;flex-direction:column}.brand{height:84px;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.brand-logo{width:48px;height:48px;border-radius:13px;object-fit:cover;border:1px solid var(--line)}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:18px;color:var(--navy);line-height:1.3}.brand-copy span{font-size:12px;color:var(--muted)}.sidebar-scroll{flex:1;overflow:auto;padding:14px 12px}.nav-section-title{font-size:11px;font-weight:800;color:#94a3b8;padding:12px 12px 7px}.nav{display:grid;gap:4px}.nav a{min-height:46px;padding:9px 12px;border-radius:11px;display:flex;align-items:center;gap:10px;color:#475569;font-weight:700;transition:.15s}.nav a:hover{background:#f8fafc;color:var(--navy)}.nav a.active{background:var(--navy-3);color:var(--navy-2)}.nav-icon{width:22px;height:22px;display:grid;place-items:center}.nav-count{margin-right:auto;background:var(--red);color:#fff;min-width:21px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:11px}.sidebar-user{border-top:1px solid var(--line);padding:12px;display:flex;align-items:center;gap:9px}.sidebar-user-copy{min-width:0;flex:1;display:flex;flex-direction:column}.sidebar-user-copy strong,.sidebar-user-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy span{font-size:11px;color:var(--muted)}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--navy-3);color:var(--navy-2);font-weight:900}.icon-button,.menu-toggle,.message-shortcut{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;color:#475569}.icon-button:hover,.menu-toggle:hover,.message-shortcut:hover{border-color:var(--line-strong);background:#f8fafc;color:var(--navy)}.danger-icon{color:var(--red)}.sidebar-user form{margin:0}.main-panel{margin-right:var(--sidebar);min-height:100vh}.topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px}.menu-toggle{display:none}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:15px}.topbar-title span{font-size:11px;color:var(--muted)}.topbar-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.message-shortcut{position:relative}.message-shortcut b{position:absolute;top:-6px;left:-6px;min-width:20px;height:20px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;display:grid;place-items:center;padding:0 4px}.date-chip{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px;color:#475569}.container{max-width:1500px;margin:0 auto;padding:26px 28px 48px}.mobile-overlay{display:none}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{font-size:23px;line-height:1.4;margin:0;color:#0f172a}.page-head p{margin:4px 0 0;color:var(--muted)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px}.card.compact{padding:14px}.card h2{font-size:17px;margin:0 0 4px}.card-head,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-subtitle{color:var(--muted);margin:0 0 16px;font-size:12px}.grid{display:grid;gap:20px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow)}.stat-card strong{display:block;font-size:24px;color:#0f172a}.stat-card span{font-size:12px;color:var(--muted)}.stat-icon{width:46px;height:46px;border-radius:13px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-action{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:11px;background:#fff}.quick-action:hover{border-color:#bfdbfe;background:#f8fbff}.quick-action-icon{width:40px;height:40px;border-radius:11px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}
.btn{min-height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:#334155;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;line-height:1.2;transition:.15s}.btn:hover{border-color:#94a3b8;background:#f8fafc}.btn.primary{background:var(--navy-2);border-color:var(--navy-2);color:#fff}.btn.primary:hover{background:var(--navy)}.btn.accent{background:var(--red);border-color:var(--red);color:#fff}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{background:#fff;border-color:#fecaca;color:var(--red)}.btn.ghost{background:#fff}.btn.small{min-height:34px;padding:6px 10px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#f1f5f9;color:#475569;white-space:nowrap}.badge.success{background:var(--green-soft);color:var(--green)}.badge.warning{background:var(--amber-soft);color:var(--amber)}.badge.danger{background:var(--red-soft);color:var(--red)}.badge.info{background:var(--blue-soft);color:var(--blue)}.muted-badge{background:#f1f5f9;color:#64748b}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}.form-grid>h2{margin-bottom:0}.form-section{grid-column:1/-1;border-bottom:1px solid var(--line);padding:3px 0 10px;margin-top:5px;color:var(--navy);font-weight:900;display:flex;align-items:center;gap:8px}.form-grid label,.filters label,.login-form label{font-size:12px;font-weight:800;color:#334155;display:flex;flex-direction:column;gap:6px;min-width:0}.form-grid label small,.filters label small,.file-field small{font-weight:400;color:var(--muted);line-height:1.6}input,select,textarea{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:10px;outline:none;transition:.15s}input,select{height:48px;padding:0 14px}textarea{min-height:110px;padding:12px 14px;resize:vertical}select{appearance:none;-webkit-appearance:none;padding-right:14px;padding-left:45px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:18px}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}input[disabled],select[disabled],textarea[disabled]{background:#f8fafc;color:#94a3b8}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.input-with-icon input{padding-right:42px}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.password-toggle{position:absolute;left:5px;top:5px;width:38px;height:38px;border:0;background:transparent;color:#64748b;display:grid;place-items:center;border-radius:8px}.password-toggle:hover{background:#f1f5f9}.filters{display:flex;align-items:end;gap:12px;margin-bottom:18px;box-shadow:none}.filters select{min-width:170px}.preview-note,.message-security-note,.security-panel{border:1px solid #bfdbfe;background:var(--blue-soft);color:#075985;border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:9px}.security-panel{display:block;margin-top:18px}.security-panel strong{display:flex;align-items:center;gap:7px}.security-panel p{margin:6px 0 0;color:#475569}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-card{border:1px solid var(--line);border-radius:12px;padding:11px;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px;background:#fff}.check-card input{width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:var(--navy-2)}.check-card span{display:flex;flex-direction:column;gap:2px}.check-card small{font-size:10px}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{font-size:11px;color:#64748b;background:#f8fafc;text-align:right;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px 13px;border-bottom:1px solid #edf2f7;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfdff}.employee-card{display:flex;align-items:center;gap:9px;min-width:175px}.employee-card>div:last-child{display:flex;flex-direction:column}.employee-card small{color:var(--muted);font-size:10px}.empty{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:9px}.empty-icon{width:46px;height:46px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center}.kpi-line{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line)}.kpi-line:last-child{border-bottom:0}.kpi-line span{color:var(--muted)}.kpi-line strong{text-align:left}.pagination{display:flex;justify-content:center;gap:6px;padding-top:16px;flex-wrap:wrap}.pagination a,.pagination span{min-width:36px;height:36px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;padding:0 9px}.pagination .active{background:var(--navy-2);border-color:var(--navy-2);color:#fff}.subnav{display:flex;gap:7px;border-bottom:1px solid var(--line);margin:-4px 0 20px;overflow:auto}.subnav a{padding:11px 14px;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#64748b;font-weight:800}.subnav a.active{color:var(--navy-2);border-color:var(--navy-2)}.subnav a span{background:#f1f5f9;border-radius:999px;padding:0 6px;font-size:10px}.document-list{display:grid;gap:9px}.document-item{border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.document-icon{width:40px;height:40px;border-radius:11px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}.document-item>div:nth-child(2){display:flex;flex-direction:column}.document-item small{color:var(--muted);font-size:10px}.document-item p{margin:4px 0 0;color:#475569}.file-field input[type=file]{height:auto;padding:11px}.file-field [data-file-summary]{color:var(--navy-2);font-size:11px}
.flash-stack{position:fixed;top:86px;left:22px;z-index:100;display:grid;gap:8px;width:min(410px,calc(100vw - 32px))}.flash{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px;box-shadow:0 14px 40px rgba(15,23,42,.16);display:flex;align-items:center;gap:9px}.flash.success{border-color:#bbf7d0;color:#166534}.flash.error{border-color:#fecaca;color:#991b1b}.flash.info{border-color:#bae6fd;color:#075985}.flash-close{margin-right:auto;width:28px;height:28px;border:0;background:transparent;border-radius:7px;color:inherit;display:grid;place-items:center}.flash-close:hover{background:rgba(15,23,42,.06)}
.message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.message-tabs{display:flex;gap:5px;overflow:auto}.message-tabs a{min-height:40px;padding:7px 12px;border-radius:9px;display:flex;align-items:center;gap:7px;color:#64748b;font-weight:800;white-space:nowrap}.message-tabs a.active{background:var(--navy-3);color:var(--navy-2)}.message-tabs b{background:var(--red);color:#fff;border-radius:999px;padding:1px 6px;font-size:10px}.message-search{display:flex;gap:7px;align-items:center}.message-search .input-with-icon{min-width:260px}.message-search select{width:170px}.message-list-card{padding:0;overflow:hidden}.message-list{display:grid}.message-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line);align-items:center}.message-row:last-child{border-bottom:0}.message-row:hover{background:#f8fafc}.message-row.unread{background:#f8fbff}.message-row.unread strong,.message-row.unread .message-subject{font-weight:900}.message-main{min-width:0;display:flex;flex-direction:column;gap:3px}.message-row-head{display:flex;justify-content:space-between;gap:10px}.message-row-head time{color:var(--muted);font-size:10px;white-space:nowrap}.message-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-main small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-avatar{width:39px;height:39px;border-radius:50%;background:var(--navy-3);color:var(--navy-2);font-weight:900;display:grid;place-items:center}.message-avatar.large{width:46px;height:46px}.type-pill,.priority-pill{font-size:9px;border-radius:999px;padding:3px 7px;background:#f1f5f9;color:#475569}.type-pill.memo{background:#ede9fe;color:#6d28d9}.priority-pill.important{background:var(--amber-soft);color:var(--amber)}.priority-pill.urgent{background:var(--red-soft);color:var(--red)}.attachment-count{color:#64748b;display:flex;align-items:center;gap:4px}.unread-dot{position:absolute;right:4px;width:7px;height:7px;border-radius:50%;background:#2563eb}.thread-list{display:grid;gap:13px}.message-detail{max-width:900px}.message-detail.mine{margin-right:auto;border-color:#bfdbfe;background:#fbfdff}.message-detail header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.message-detail header>div:nth-child(2){display:flex;flex-direction:column}.message-detail header span{color:var(--muted);font-size:11px}.message-detail-meta{text-align:left;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.message-detail-meta time{font-size:10px;color:var(--muted)}.message-body{padding:19px 3px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:2}.message-detail footer{border-top:1px solid var(--line);padding-top:10px;display:flex;gap:16px;color:var(--muted);font-size:10px}.message-detail footer span{display:flex;align-items:center;gap:5px}.attachment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:12px}.attachment-list a{border:1px solid var(--line);border-radius:10px;padding:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.attachment-list span{display:flex;flex-direction:column;min-width:0}.attachment-list strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-list small{color:var(--muted)}.message-actions-bar{display:flex;gap:8px;margin-top:15px}.message-actions-bar form{margin:0}.acknowledgment-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.acknowledgment-card>div{display:flex;align-items:center;gap:10px}.acknowledgment-card p{margin:2px 0 0;color:var(--muted)}
.payslip-sheet,.letter-sheet{width:210mm;max-width:100%;min-height:275mm;background:#fff;margin:0 auto;border:1px solid var(--line);box-shadow:var(--shadow);padding:14mm;color:#111827}.sheet-head{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:14px;border-bottom:2px solid var(--navy);padding-bottom:12px}.sheet-head img{width:80px;height:80px;object-fit:contain}.sheet-title{text-align:center}.sheet-title h1{font-size:21px;margin:0}.sheet-title p{margin:4px 0;color:#475569}.sheet-meta{font-size:10px;line-height:2}.identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #cbd5e1;margin:15px 0}.identity-grid div{padding:9px;border-left:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column}.identity-grid strong{font-size:9px;color:#64748b}.pay-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-table{width:100%;border-collapse:collapse}.pay-table th,.pay-table td{border:1px solid #cbd5e1;padding:8px}.pay-table th{background:#f8fafc}.pay-table td:last-child{text-align:left;direction:ltr}.totals-row{font-weight:900;background:#f8fafc}.net-box{margin-top:14px;background:var(--navy);color:#fff;padding:13px 16px;display:flex;justify-content:space-between;font-size:16px;font-weight:900;border-radius:8px}.sheet-footer-text{font-size:10px;line-height:1.9;color:#475569}.signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;margin-top:28px}.signatures div{border-top:1px solid #94a3b8;padding-top:8px}
.notification-list{display:grid;gap:9px}.notification-item{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.notification-item.unread{border-color:#bfdbfe;background:#f8fbff}.notification-icon{width:42px;height:42px;border-radius:12px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}.health-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.profile-summary{display:flex;align-items:center;gap:12px}.profile-summary .avatar{width:52px;height:52px;font-size:18px}
.login-body,.install-body{min-height:100vh;background:#eef2f7;display:grid;place-items:center;padding:24px}.login-shell,.install-shell{width:min(1040px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.14);overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr}.login-visual,.install-aside{background:var(--navy);color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;min-height:590px}.login-brand,.install-header{display:flex;align-items:center;gap:12px}.login-brand img,.install-header img{width:58px;height:58px;border-radius:15px;object-fit:cover;background:#fff}.login-brand div{display:flex;flex-direction:column}.login-brand strong{font-size:21px}.login-brand span{font-size:12px;color:#cbd5e1}.login-visual-copy h2{font-size:28px;line-height:1.55;margin:0 0 12px}.login-visual-copy p{color:#cbd5e1;line-height:2}.login-feature-list{display:flex;gap:8px;flex-wrap:wrap}.login-feature{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:6px;font-size:11px}.login-panel,.install-main{padding:46px;display:flex;flex-direction:column;justify-content:center}.login-panel-head h1{font-size:26px;margin:0}.login-panel-head p{color:var(--muted);margin:5px 0 22px}.login-form{display:grid;gap:15px}.login-form .btn{width:100%;height:48px}.login-help{margin-top:18px;padding:10px;border-radius:10px;background:#f8fafc;color:#64748b;display:flex;gap:7px;align-items:center;font-size:11px}.login-footer{margin-top:24px;text-align:center;color:#94a3b8;font-size:10px}.install-steps{display:grid;gap:11px}.install-step{display:flex;align-items:center;gap:10px;color:#94a3b8}.install-step:before{content:"";width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.install-step.active,.install-step.done{color:#fff}.install-step.active:before{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 7px var(--navy)}.install-step.done:before{background:#22c55e;border-color:#22c55e}.install-benefits,.requirements,.post-install-list{display:grid;gap:9px}.install-benefit,.requirement,.post-install-item{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px}.install-benefit-icon,.requirement-icon{width:34px;height:34px;border-radius:9px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}.requirement-copy{display:flex;flex-direction:column}.install-actions{display:flex;gap:8px;margin-top:16px}.install-success{text-align:center}.install-aside-footer{font-size:10px;color:#94a3b8}
.jalali-input-wrap{position:relative}.jalali-input-wrap input{padding-left:48px}.jalali-trigger{position:absolute;left:5px;top:5px;width:38px;height:38px;border:0;background:#f8fafc;color:#475569;border-radius:8px;display:grid;place-items:center}.jalali-picker{position:absolute;z-index:120;top:54px;right:0;width:310px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(15,23,42,.18);border-radius:14px;padding:11px}.jalali-head{display:grid;grid-template-columns:34px 1fr 34px;gap:6px;align-items:center}.jalali-head>button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff}.jalali-head-selects{display:grid;grid-template-columns:1.2fr .8fr;gap:5px}.jalali-head select{height:36px;padding-right:8px;padding-left:28px;background-position:left 7px center}.jalali-week,.jalali-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.jalali-week{margin-top:8px;color:#94a3b8;font-size:10px;text-align:center}.jalali-days button,.jalali-empty{height:35px;border:0;border-radius:8px;background:#fff}.jalali-days button:hover{background:#f1f5f9}.jalali-days button.today{outline:1px solid #93c5fd;color:var(--navy-2)}.jalali-days button.selected{background:var(--navy-2);color:#fff}.jalali-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;margin-top:7px}.jalali-foot button{border:0;background:transparent;color:var(--navy-2);font-weight:800}
.footer-note{text-align:center;color:#94a3b8;font-size:10px;margin-top:26px}.footer-note a{color:var(--navy-2)}
@media(max-width:1180px){.stats,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-switches{grid-template-columns:1fr}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--sidebar:270px}.sidebar{transform:translateX(105%);transition:transform .2s;box-shadow:-16px 0 40px rgba(15,23,42,.18)}.sidebar.open{transform:translateX(0)}.main-panel{margin-right:0}.menu-toggle{display:grid}.mobile-overlay{display:block;position:fixed;inset:0;border:0;background:rgba(15,23,42,.42);z-index:45}.mobile-overlay[hidden]{display:none}.container{padding:20px}.topbar{padding:0 18px}.two-col{grid-template-columns:1fr}.message-toolbar{align-items:stretch;flex-direction:column}.message-search{width:100%}.message-search .input-with-icon{min-width:0;flex:1}.login-shell,.install-shell{grid-template-columns:1fr}.login-visual,.install-aside{display:none}.login-panel,.install-main{padding:34px}.permission-grid{grid-template-columns:1fr}}
@media(max-width:680px){body{font-size:13px}.container{padding:16px 13px 34px}.topbar{height:64px;padding:0 12px}.topbar-title span,.date-chip{display:none}.page-head{align-items:stretch;flex-direction:column;margin-bottom:15px}.page-head h1{font-size:20px}.page-head .actions,.page-head>.btn{width:100%}.page-head .actions .btn,.page-head>.btn{flex:1}.card{padding:15px;border-radius:14px}.form-grid{grid-template-columns:1fr;gap:14px}.form-grid>*{grid-column:1}.filters{align-items:stretch;flex-direction:column}.filters .btn{width:100%}.filters select{min-width:0}.stats,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:13px}.stat-card strong{font-size:20px}.quick-action{padding:12px}.table-wrap{border:0;overflow:visible}.responsive-table{min-width:0}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:7px;background:#fff}.responsive-table td{border:0!important;padding:8px 9px;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:center;text-align:left}.responsive-table td:before{content:attr(data-label);text-align:right;color:#64748b;font-size:10px;font-weight:800}.responsive-table td .actions{justify-content:flex-start}.employee-card{min-width:0}.message-search{display:grid;grid-template-columns:1fr}.message-search select{width:100%}.message-row{grid-template-columns:auto minmax(0,1fr);padding:12px}.message-row>.attachment-count{display:none}.message-row-head{flex-direction:column;gap:1px}.message-subject{white-space:normal}.message-detail{padding:14px}.message-detail header{grid-template-columns:auto 1fr}.message-detail-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.attachment-list{grid-template-columns:1fr}.message-actions-bar{display:grid;grid-template-columns:1fr 1fr}.message-actions-bar .btn{width:100%}.document-item{grid-template-columns:auto 1fr}.document-item>.actions{grid-column:1/-1}.acknowledgment-card{align-items:stretch;flex-direction:column}.payslip-sheet,.letter-sheet{width:100%;min-height:auto;padding:12px;border-radius:0}.sheet-head{grid-template-columns:55px 1fr}.sheet-head img{width:50px;height:50px}.sheet-meta{grid-column:1/-1}.sheet-title h1{font-size:16px}.identity-grid{grid-template-columns:1fr 1fr}.pay-columns{grid-template-columns:1fr}.net-box{font-size:13px}.signatures{gap:8px;font-size:10px}.login-body,.install-body{padding:12px}.login-panel,.install-main{padding:25px 18px}.login-shell,.install-shell{border-radius:17px}.flash-stack{top:72px;left:12px;width:calc(100vw - 24px)}.jalali-picker{position:fixed;top:50%;right:50%;transform:translate(50%,-50%);width:min(330px,calc(100vw - 24px))}}
@media(max-width:380px){.stats,.quick-actions{grid-template-columns:1fr}.responsive-table td{grid-template-columns:86px minmax(0,1fr)}.topbar-actions{gap:5px}.permission-switches{grid-template-columns:1fr}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.flash-stack,.footer-note{display:none!important}.main-panel{margin:0}.container{padding:0;max-width:none}.payslip-sheet,.letter-sheet{border:0;box-shadow:none;width:210mm;min-height:297mm;margin:0;padding:12mm}.card{box-shadow:none}@page{size:A4;margin:0}}
.compose-actions{display:flex;justify-content:flex-end;gap:10px}.draft-attachments{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.draft-attachments>strong{width:100%}.draft-attachments>span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);padding:7px 9px;border-radius:9px}.pwa-card{display:flex;flex-direction:column;gap:13px}.pwa-card-head{display:flex;align-items:flex-start;gap:12px}.pwa-icon{width:48px;height:48px;border-radius:14px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}.pwa-card-head h2{margin:0}.pwa-actions{display:flex;gap:8px;flex-wrap:wrap}.pwa-status{border:1px solid var(--line);background:#f8fafc;color:#475569;border-radius:10px;padding:10px 12px}.pwa-status.success{border-color:#bbf7d0;background:var(--green-soft);color:var(--green)}.pwa-status.error{border-color:#fecaca;background:var(--red-soft);color:var(--red)}.push-test-form{margin:0}.security-list{display:grid;gap:10px;margin-top:16px}.security-list span{display:flex;align-items:center;gap:8px;color:#475569}.mobile-bottom-nav{display:none}
@media(max-width:680px){body{padding-bottom:76px}.container{padding-bottom:28px}.footer-note{display:none}.mobile-bottom-nav{position:fixed;z-index:40;right:0;left:0;bottom:0;height:68px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(15,23,42,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));backdrop-filter:blur(12px)}.mobile-bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#64748b;font-size:10px;font-weight:800;border-radius:10px}.mobile-bottom-nav a.active{color:var(--navy-2);background:var(--navy-3)}.mobile-bottom-nav b{position:absolute;top:2px;left:20%;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:9px;display:grid;place-items:center}.compose-actions{display:grid;grid-template-columns:1fr 1fr}.compose-actions .btn,.pwa-actions .btn{width:100%}.pwa-actions{display:grid;grid-template-columns:1fr}.draft-attachments>span{width:100%}.message-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.message-tabs a{justify-content:center;padding:9px 5px;font-size:10px}}
@media print{.mobile-bottom-nav{display:none!important}}
.autosave-line{display:flex;justify-content:flex-end;color:var(--muted);font-size:11px;min-height:20px}.autosave-line .error{color:var(--red)}

.draft-attachments>span{position:relative}.draft-attachments>span b{font-weight:800;overflow:hidden;text-overflow:ellipsis}.draft-attachment-remove{margin-right:auto;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--red-soft);color:var(--red);cursor:pointer}.hidden-form{display:none}.draft-delete-form{margin-top:12px;display:flex;justify-content:flex-end}.autosave-line{font-size:11px;color:#64748b}.autosave-line .error{color:var(--red)}


/* Installer — clean, single-card layout */
.install-body{display:block;min-height:100vh;padding:32px 18px;background:#f4f7fb}
.install-shell-v2{width:min(980px,100%);margin:0 auto;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;display:block}
.install-top{min-height:76px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.install-brand{display:flex;align-items:center;gap:12px}.install-brand img{width:50px;height:50px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#fff}.install-brand div{display:flex;flex-direction:column}.install-brand strong{font-size:20px;color:var(--navy)}.install-brand span{font-size:12px;color:var(--muted)}
.install-version{border:1px solid var(--line);background:#fff;color:#475569;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800}
.install-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px rgba(15,23,42,.09);padding:30px}
.install-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.install-header h1{font-size:25px;margin:3px 0 6px;color:#0f172a}.install-header p{margin:0;color:var(--muted);line-height:1.9}.install-eyebrow{font-size:11px;color:var(--navy-2);font-weight:900}.step-badge{white-space:nowrap;border:1px solid #bfdbfe;background:var(--navy-3);color:var(--navy-2);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900}
.install-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.install-step{position:relative;display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:#64748b;background:#fff}.install-step:before{display:none!important}.install-step b{width:30px;height:30px;border-radius:9px;background:#f1f5f9;color:#64748b;display:grid;place-items:center;flex:none}.install-step span{font-weight:800;font-size:12px}.install-step.active{border-color:#93c5fd;background:#f8fbff;color:var(--navy-2)}.install-step.active b{background:var(--navy-2);color:#fff}.install-step.done{border-color:#bbf7d0;background:#f8fff9;color:var(--green)}.install-step.done b{background:var(--green);color:#fff}
.install-content{display:block}.requirements{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.requirement{align-items:center;justify-content:space-between;padding:13px;background:#fff}.requirement-copy{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0}.requirement-copy>div{display:flex;flex-direction:column;min-width:0}.requirement-copy strong{font-size:12px}.requirement-copy small{font-size:10px;color:var(--muted)}
.install-actions{justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.install-actions .btn{min-width:150px}.install-success{padding:18px 0}.success-mark{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}.install-success h2{font-size:22px;margin:0 0 8px}.install-success>p{max-width:650px;margin:0 auto 20px;color:var(--muted);line-height:1.9}.success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.post-install-list{max-width:720px;margin:22px auto 0;text-align:right}.post-install-item{background:#f8fafc;align-items:center}.install-footer{text-align:center;color:#94a3b8;font-size:10px;padding:18px 0 0}
.install-card .form-grid{gap:18px}.install-card .form-section{margin-top:8px;padding-top:8px}.install-card input,.install-card select{height:50px}.install-card label{font-size:12px}.install-card label small{margin-top:-2px}
@media(max-width:760px){.install-body{padding:14px 10px}.install-top{min-height:66px}.install-brand img{width:44px;height:44px}.install-version{display:none}.install-card{padding:20px 14px;border-radius:17px}.install-header{flex-direction:column;gap:10px}.install-header h1{font-size:21px}.install-steps{gap:6px}.install-step{flex-direction:column;justify-content:center;text-align:center;gap:5px;padding:8px 4px}.install-step span{font-size:10px}.requirements{grid-template-columns:1fr}.install-actions{display:grid;grid-template-columns:1fr}.install-actions .btn{width:100%}.success-actions{display:grid}.success-actions .btn{width:100%}}


/* Stable login — light interface, no dark/black panel */
.login-body-light{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 85% 15%,#e8f0ff 0,transparent 30%),#f5f7fb}
.login-shell-light{width:min(920px,100%);display:grid;grid-template-columns:minmax(360px,1fr) minmax(300px,.78fr);background:#fff;border:1px solid #dde4ee;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.1);overflow:hidden}
.login-panel-light{min-height:600px;padding:48px;justify-content:center;background:#fff}
.login-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-logo-row img{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#fff}.login-logo-row div{display:flex;flex-direction:column}.login-logo-row strong{font-size:22px;color:var(--navy)}.login-logo-row span{font-size:12px;color:var(--muted)}
.login-panel-light .login-panel-head h1{font-size:28px;color:#0f172a}.login-panel-light .login-panel-head p{margin-bottom:24px}
.login-submit{margin-top:4px}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}
.login-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.login-security-grid span{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f8fafc;color:#526071;border-radius:10px;padding:9px;font-size:10px;font-weight:700}
.login-panel-light .login-help{align-items:flex-start;line-height:1.8}.login-panel-light .login-help b{direction:ltr;display:inline-block}
.login-info-card{padding:46px;background:linear-gradient(155deg,#f8fbff,#eef4ff);border-right:1px solid #dce6f4;display:flex;flex-direction:column;justify-content:center;color:#26354d}.login-info-mark{width:62px;height:62px;border-radius:18px;background:#fff;color:var(--navy-2);display:grid;place-items:center;border:1px solid #dbe6f6;box-shadow:0 10px 25px rgba(30,58,138,.08)}.login-info-card h2{font-size:24px;line-height:1.6;margin:20px 0 10px;color:#172554}.login-info-card p{margin:0;color:#5d6b80;line-height:2}.login-info-items{display:grid;gap:10px;margin-top:28px}.login-info-items span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.75);border:1px solid #dce6f4;border-radius:11px;padding:11px;color:#40506a;font-weight:700;font-size:12px}.login-info-items svg{color:var(--green)}
.client-reset-status{margin-bottom:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#075985;border-radius:10px;padding:10px 12px;font-size:11px}.client-reset-status.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.client-reset-status.warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
@media(max-width:820px){.login-shell-light{grid-template-columns:1fr;max-width:520px}.login-info-card{display:none}.login-panel-light{min-height:auto;padding:38px}}
@media(max-width:520px){.login-body-light{padding:12px}.login-shell-light{border-radius:17px}.login-panel-light{padding:28px 18px}.login-logo-row{margin-bottom:26px}.login-security-grid{grid-template-columns:1fr}.login-panel-light .login-panel-head h1{font-size:23px}}


/* Authentication layout — stable single-card composition */
.auth-body{min-height:100vh;margin:0;padding:28px 16px;display:flex;align-items:center;justify-content:center;background:#f4f7fb;color:var(--ink)}
.auth-shell{width:100%;max-width:520px}.auth-card{background:#fff;border:1px solid #dfe6ef;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.1);padding:38px 42px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.auth-brand img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#fff;border:1px solid var(--line)}.auth-brand div{display:flex;flex-direction:column}.auth-brand strong{font-size:22px;color:var(--navy);line-height:1.35}.auth-brand span{font-size:11px;color:var(--muted)}
.auth-heading{text-align:center;margin-bottom:24px}.auth-heading>span{display:inline-flex;color:var(--navy-2);background:var(--navy-3);border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900}.auth-heading h1{font-size:27px;line-height:1.45;margin:10px 0 6px;color:#0f172a}.auth-heading p{margin:0;color:var(--muted);line-height:1.9;font-size:12px}.auth-flash{margin:0 0 15px}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;color:#334155;font-size:12px;font-weight:850}.auth-input-wrap{position:relative}.auth-input-wrap>svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8795a9;pointer-events:none}.auth-input-wrap input{height:52px;padding-right:45px;padding-left:14px;border-radius:12px;background:#fff}.auth-input-wrap.password-wrap input{padding-left:50px}.auth-input-wrap .password-toggle{top:7px;left:7px}.auth-submit{width:100%;min-height:50px;border-radius:12px;margin-top:2px;font-size:13px}.auth-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.auth-feature-row span{min-height:42px;padding:8px 5px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;color:#526071;font-size:9px;font-weight:800;white-space:nowrap}.auth-feature-row svg{color:var(--navy-2)}.auth-support{text-align:center;margin-top:18px;color:#8a97a8;font-size:10px;line-height:1.8}.auth-footer{text-align:center;margin-top:14px;color:#94a3b8;font-size:9px;direction:ltr}.client-reset-status{margin-bottom:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#075985;border-radius:10px;padding:10px 12px;font-size:11px}.client-reset-status.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.client-reset-status.warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
@media(max-width:520px){.auth-body{padding:0;background:#fff;align-items:stretch}.auth-shell{max-width:none}.auth-card{min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:30px 20px}.auth-brand{margin-bottom:24px}.auth-heading h1{font-size:23px}.auth-feature-row{gap:6px}.auth-feature-row span{font-size:8px}.auth-footer{display:none}}

/* Hooger Payroll secure updater */
.update-page-head{align-items:flex-start}.version-pill{display:inline-flex;gap:7px;align-items:center;padding:10px 14px;border:1px solid var(--border,#dfe5ee);border-radius:999px;background:#fff;white-space:nowrap}.update-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px;align-items:start}.update-install-card,.update-status-card,.update-guide-card{padding:22px}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.section-title h2{margin:0 0 4px;font-size:18px}.section-title p{margin:0;color:var(--muted,#697586);line-height:1.8}.section-icon{width:42px;height:42px;border-radius:13px;background:#eef2ff;color:#1e3a8a;display:grid;place-items:center;flex:0 0 auto}.update-safety-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.update-safety-list>div{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #e4e9f1;border-radius:14px;background:#fafbfe;color:#1e3a8a}.update-safety-list span{display:grid;gap:4px;color:#172033}.update-safety-list small{color:#697586;line-height:1.7}.update-form{display:grid;gap:14px}.update-dropzone{position:relative;display:grid;place-items:center;text-align:center;gap:7px;min-height:174px;padding:24px;border:2px dashed #bcc7d8;border-radius:17px;background:#f8fafc;cursor:pointer;transition:.2s}.update-dropzone:hover{border-color:#1e3a8a;background:#f3f6ff}.update-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon{width:52px;height:52px;border-radius:15px;background:#e8edff;color:#1e3a8a;display:grid;place-items:center}.update-dropzone small{color:#697586}.confirm-row{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.confirm-row input{width:18px!important;height:18px!important;margin-top:2px!important;flex:0 0 auto}.update-status-list{display:grid;border:1px solid #e4e9f1;border-radius:14px;overflow:hidden}.update-status-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #edf1f6}.update-status-list>div:last-child{border-bottom:0}.update-status-list code{font-size:11px}.update-note,.rollback-panel{margin-top:16px;padding:15px;border-radius:14px;display:grid;gap:9px}.update-note{background:#f0fdf4;border:1px solid #bbf7d0}.rollback-panel{background:#fff7ed;border:1px solid #fed7aa}.rollback-panel form{display:grid;gap:10px;margin-top:5px}.update-guide-card{margin-top:20px}.update-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:update-step;list-style:none;padding:0;margin:0}.update-steps li{counter-increment:update-step;padding:14px;border:1px solid #e4e9f1;border-radius:14px;background:#fafbfe;line-height:1.8}.update-steps li:before{content:counter(update-step);display:grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border-radius:9px;background:#1e3a8a;color:#fff;font-weight:800}
@media(max-width:980px){.update-grid{grid-template-columns:1fr}.update-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.update-page-head{gap:12px}.version-pill{align-self:flex-start}.update-install-card,.update-status-card,.update-guide-card{padding:16px}.update-safety-list{grid-template-columns:1fr}.update-steps{grid-template-columns:1fr}.update-dropzone{min-height:150px;padding:18px}.update-status-list>div{align-items:flex-start;flex-direction:column;gap:6px}}

/* ======================================================================
   Hooger HR 2.4.0 — accounting-grade organizational design system
   ====================================================================== */
:root{
  --hooger-navy:#17255b;--hooger-navy-700:#223574;--hooger-navy-50:#eef1fb;
  --hooger-red:#c71f2d;--hooger-red-700:#a81723;--hooger-red-50:#fff0f2;
  --brand-green:#1d8c63;--brand-green-50:#eaf8f2;--brand-blue:#1779b8;--brand-blue-50:#eaf5fc;
  --brand-amber:#c77a08;--brand-amber-50:#fff7e6;--brand-purple:#7652b5;--brand-purple-50:#f2edfb;
  --ink:#18213b;--muted:#69738b;--page:#f3f5fa;--surface:#fff;--line:#e3e7f0;--line-strong:#ccd3e1;
  --shadow-xs:0 1px 2px rgba(23,37,91,.04);--shadow-sm:0 8px 24px rgba(23,37,91,.07);--shadow-lg:0 24px 70px rgba(23,37,91,.15);
  --radius:18px;--radius-sm:12px;--sidebar:284px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
}
html,body,button,input,select,textarea{font-family:var(--font)!important}
body{background:var(--page);color:var(--ink);font-size:14px;line-height:1.75}
.material-icon{display:block;flex:none}
.app-shell{background:var(--page)}
.sidebar{width:var(--sidebar);background:#fff;border-left:1px solid var(--line);box-shadow:-4px 0 24px rgba(23,37,91,.035)}
.brand{height:92px;padding:17px 18px;border-bottom:1px solid var(--line);position:relative}
.brand:after{content:"";position:absolute;right:18px;left:18px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--hooger-red) 0 24%,var(--hooger-navy) 24% 100%);border-radius:4px}
.brand-logo{width:56px;height:56px;border-radius:16px;border:0;box-shadow:0 6px 16px rgba(23,37,91,.14)}
.brand-copy strong{font-size:20px;color:var(--hooger-navy);letter-spacing:.2px}.brand-copy span{font-size:11px;color:var(--muted)}
.sidebar-scroll{padding:15px 12px 20px}.nav-section-title{color:#99a1b4;font-size:10px;padding:14px 13px 6px;letter-spacing:.1px}
.nav{gap:5px}.nav a{min-height:48px;border-radius:13px;padding:10px 13px;color:#566078;font-weight:700;position:relative}
.nav a:hover{background:#f6f7fb;color:var(--hooger-navy)}
.nav a.active{background:var(--hooger-navy-50);color:var(--hooger-navy);box-shadow:inset -3px 0 0 var(--hooger-red)}
.nav a.active .nav-icon{color:var(--hooger-red)}.nav-icon{color:#7b849a}.nav-count{background:var(--hooger-red);box-shadow:0 3px 10px rgba(199,31,45,.25)}
.sidebar-user{padding:14px;border-top:1px solid var(--line);background:#fafbfe}.sidebar-user .avatar{border-radius:12px;background:var(--hooger-navy);color:#fff}
.main-panel{margin-right:var(--sidebar)}.topbar{height:76px;padding:0 30px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(23,37,91,.025)}
.topbar-title strong{font-size:16px;color:var(--hooger-navy)}.topbar-title span{font-size:11px}.topbar-actions{gap:9px}.date-chip{border-color:var(--line);background:#fafbfe;color:#59637a}
.message-shortcut{border:0;background:var(--hooger-navy-50);color:var(--hooger-navy)}.message-shortcut:hover{background:#e4e9f8;color:var(--hooger-red)}
.container{max-width:1540px;padding:29px 31px 58px}.page-head{margin-bottom:22px;align-items:center}.page-head h1{font-size:25px;color:var(--hooger-navy);font-weight:800}.page-head p{font-size:12px;color:var(--muted)}
.card{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-xs);padding:22px}.card:hover{box-shadow:var(--shadow-sm)}
.card h2{color:var(--hooger-navy);font-size:17px}.card-subtitle{font-size:11px}
.btn{min-height:44px;border-radius:12px;padding:9px 15px;border-color:var(--line-strong);font-weight:700;box-shadow:none}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(23,37,91,.08)}
.btn.primary{background:var(--hooger-red);border-color:var(--hooger-red);color:#fff}.btn.primary:hover{background:var(--hooger-red-700);border-color:var(--hooger-red-700)}
.btn.accent{background:var(--hooger-navy);border-color:var(--hooger-navy);color:#fff}.btn.accent:hover{background:var(--hooger-navy-700)}
.btn.success,.success-btn{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important}.btn.danger{background:var(--hooger-red-50);border-color:#f5c6cc;color:var(--hooger-red)}
.btn.ghost{background:#fff}.btn.small{min-height:36px;border-radius:10px}
.stats{gap:15px}.stat-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:19px;box-shadow:var(--shadow-xs)}
.stat-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--hooger-navy)}
.stat-card:nth-child(1):before{background:var(--hooger-navy)}.stat-card:nth-child(2):before{background:var(--brand-blue)}.stat-card:nth-child(3):before{background:var(--brand-green)}.stat-card:nth-child(4):before{background:var(--hooger-red)}
.stat-card:nth-child(1) .stat-icon{background:var(--hooger-navy-50);color:var(--hooger-navy)}.stat-card:nth-child(2) .stat-icon{background:var(--brand-blue-50);color:var(--brand-blue)}.stat-card:nth-child(3) .stat-icon{background:var(--brand-green-50);color:var(--brand-green)}.stat-card:nth-child(4) .stat-icon{background:var(--hooger-red-50);color:var(--hooger-red)}
.stat-card strong{font-size:26px;color:var(--ink)}.stat-card span{font-weight:700;color:#505a70}.stat-card small{display:block;color:#9299aa;font-size:10px;margin-top:2px}
.stat-icon{width:49px;height:49px;border-radius:15px}.quick-actions{gap:13px}.quick-action{min-height:88px;border-radius:16px;padding:16px;box-shadow:var(--shadow-xs);transition:.18s}
.quick-action:hover{border-color:#c9d1e4;background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.quick-action:nth-child(1) .quick-action-icon{background:var(--hooger-navy-50);color:var(--hooger-navy)}.quick-action:nth-child(2) .quick-action-icon{background:var(--brand-blue-50);color:var(--brand-blue)}.quick-action:nth-child(3) .quick-action-icon{background:var(--brand-green-50);color:var(--brand-green)}.quick-action:nth-child(4) .quick-action-icon{background:var(--hooger-red-50);color:var(--hooger-red)}
.quick-action-icon{width:44px;height:44px;border-radius:14px}.quick-action strong{color:var(--hooger-navy)}.quick-action small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.form-grid{gap:18px 20px}.form-section{border:0;background:#f7f8fc;border-radius:12px;padding:11px 13px;margin-top:6px;color:var(--hooger-navy)}
.form-section svg{color:var(--hooger-red)}.form-grid label,.filters label,.login-form label{font-weight:700;color:#3d465c}
input,select,textarea{border-color:#d5dbe7;border-radius:12px;background:#fff;color:var(--ink)}input,select{height:49px;padding-right:14px;padding-left:14px}
select{padding-right:14px;padding-left:47px;background-position:left 15px center}input:focus,select:focus,textarea:focus{border-color:var(--hooger-navy-700);box-shadow:0 0 0 3px rgba(34,53,116,.1)}
.money-input{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}.money-field{position:relative}.money-field input{padding-left:70px}.money-field:after{content:attr(data-currency);position:absolute;left:12px;bottom:13px;color:#8a92a5;font-size:10px;font-weight:700;pointer-events:none}
.filters{border-radius:16px;padding:15px!important;background:#fff}.input-with-icon>svg{color:#8d96aa}.preview-note,.message-security-note,.security-panel{border-color:#d8e1f4;background:#f5f7fd;color:var(--hooger-navy)}
.table-wrap{border-radius:14px;background:#fff}.table th{height:45px;background:#f6f7fb;color:#69738a;font-size:10px}.table td{height:53px}.table tbody tr:hover{background:#fbfcff}
.badge{min-height:28px}.badge.success{background:var(--brand-green-50);color:var(--brand-green)}.badge.info{background:var(--brand-blue-50);color:var(--brand-blue)}.badge.warning{background:var(--brand-amber-50);color:var(--brand-amber)}.badge.danger{background:var(--hooger-red-50);color:var(--hooger-red)}
.flash-stack{top:88px}.flash{border-radius:14px;box-shadow:0 16px 46px rgba(23,37,91,.16)}
/* Work and accounting workspace */
.period-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:16px}.period-fields{display:flex;gap:12px;align-items:end}.period-fields label{min-width:170px}.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}
.workflow-tile{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:10px}.workflow-tile .workflow-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.workflow-tile strong{display:block;font-size:19px;color:var(--ink)}.workflow-tile span{font-size:10px;color:var(--muted)}
.workflow-tile.draft .workflow-icon{background:#f1f3f8;color:#687188}.workflow-tile.submitted .workflow-icon{background:var(--brand-blue-50);color:var(--brand-blue)}.workflow-tile.approved .workflow-icon{background:var(--brand-green-50);color:var(--brand-green)}.workflow-tile.rejected .workflow-icon{background:var(--hooger-red-50);color:var(--hooger-red)}
.work-layout{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(0,1.4fr);gap:18px;align-items:start}.work-entry-card{position:sticky;top:96px}.work-entry-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-list-card{min-width:0}.work-actions-card{margin-bottom:17px;border-right:4px solid var(--brand-blue)}
.work-table-tools{display:flex;gap:10px;align-items:end;margin-bottom:13px}.work-table-tools .input-with-icon{flex:1}.work-balance{font-weight:800;direction:rtl}.work-balance.negative{color:var(--hooger-red)}.work-balance.positive{color:var(--brand-green)}
.accounting-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.accounting-summary>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fafbfe}.accounting-summary span{display:block;color:var(--muted);font-size:10px}.accounting-summary strong{display:block;margin-top:3px;color:var(--hooger-navy)}
/* Messages */
.message-toolbar{padding:14px 15px!important;border-radius:16px}.message-tabs a{border-radius:11px}.message-tabs a.active{background:var(--hooger-navy);color:#fff}.message-search{flex:1;justify-content:flex-end}.message-list-card{border-radius:16px}.message-row{padding:15px 18px}.message-row:hover{background:#f8f9fd}.message-row.unread{background:#f4f7ff;box-shadow:inset -3px 0 0 var(--brand-blue)}.message-avatar{border-radius:13px;background:var(--hooger-navy-50);color:var(--hooger-navy)}.type-pill.memo{background:var(--brand-purple-50);color:var(--brand-purple)}
.compose-shell{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;align-items:start}.message-compose{min-width:0}.compose-guide{position:sticky;top:96px}.compose-guide-list{display:grid;gap:10px}.compose-guide-list span{display:flex;gap:8px;align-items:flex-start;color:#5f687c;font-size:11px}.compose-guide-list svg{color:var(--hooger-red);margin-top:3px}
/* Notification modal, six latest items on desktop */
.notification-trigger{position:relative}.notification-modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}.notification-modal::backdrop{background:rgba(23,33,59,.42);backdrop-filter:blur(3px)}
.notification-modal-card{width:min(520px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 44px));background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}
.notification-modal-head{padding:18px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.notification-modal-heading{display:flex;align-items:center;gap:11px}.notification-modal-heading h2{font-size:18px;margin:0;color:var(--hooger-navy)}.notification-modal-heading small{color:var(--muted)}.notification-modal-icon{width:42px;height:42px;border-radius:13px;background:var(--hooger-red-50);color:var(--hooger-red);display:grid;place-items:center}.notification-modal-close{border:0;background:#f4f5f8;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#69738a}
.notification-modal-summary{display:flex;justify-content:space-between;gap:12px;padding:10px 19px;background:#fafbfe;color:var(--muted);font-size:11px}.notification-modal-summary a{color:var(--hooger-red);font-weight:800}.notification-modal-list{padding:8px;overflow:auto}.notification-modal-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border-radius:13px}.notification-modal-item:hover{background:#f7f8fc}.notification-modal-item.is-unread{background:#f4f7ff}.notification-modal-item-icon{width:38px;height:38px;border-radius:12px;background:var(--hooger-navy-50);color:var(--hooger-navy);display:grid;place-items:center}.notification-modal-item-copy{min-width:0}.notification-modal-item-copy strong{display:block;color:#27304a}.notification-modal-item-copy span{display:block;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-modal-item-copy time{font-size:9px;color:#9aa2b3}.notification-unread-dot{width:7px;height:7px;background:var(--brand-blue);border-radius:50%;margin-top:8px}.notification-modal-footer{padding:13px 17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:9px;background:#fafbfe}
/* Live search */
[data-live-results]{position:relative}.live-search-loading:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.72);z-index:7;border-radius:14px}.live-search-loading:before{content:"";position:absolute;z-index:8;top:35px;right:50%;width:24px;height:24px;border:3px solid #d8deea;border-top-color:var(--hooger-red);border-radius:50%;animation:hooger-spin .7s linear infinite}@keyframes hooger-spin{to{transform:rotate(360deg)}}
/* Payslip and accounting documents */
.payslip-sheet,.letter-sheet{border-radius:12px;box-shadow:0 20px 60px rgba(23,37,91,.12);border-color:#d9deea}.sheet-head{border-bottom-color:var(--hooger-red)}.net-box{background:var(--hooger-navy);border-right:5px solid var(--hooger-red)}
/* Login and installer */
.auth-body,.install-body{background:radial-gradient(circle at 10% 10%,rgba(199,31,45,.07),transparent 28%),radial-gradient(circle at 90% 90%,rgba(23,37,91,.09),transparent 30%),#f3f5fa}
.auth-card{border:1px solid var(--line);box-shadow:0 26px 80px rgba(23,37,91,.15);border-radius:24px}.auth-brand img{box-shadow:0 8px 22px rgba(23,37,91,.17)}.auth-heading>span{color:var(--hooger-red)}.auth-heading h1{color:var(--hooger-navy)}.auth-submit{background:var(--hooger-red)!important}.auth-feature-row span{background:#f5f7fc;border-color:var(--line);color:#5b6478}.auth-feature-row svg{color:var(--hooger-navy)}
.install-shell-v2{box-shadow:0 28px 90px rgba(23,37,91,.14)}.install-top{background:#fff;border-bottom:1px solid var(--line)}.install-brand strong,.install-header h1{color:var(--hooger-navy)}.install-eyebrow,.install-version{color:var(--hooger-red)}.install-step.active b{background:var(--hooger-red)}.install-step.done b{background:var(--brand-green)}.requirement-icon{background:var(--hooger-navy-50);color:var(--hooger-navy)}
/* Select alignment: identical spacing from label side and icon side */
select{background-position:left 14px center;padding-right:14px;padding-left:46px}.jalali-head select{padding-right:10px!important;padding-left:34px!important;background-position:left 9px center!important}
@media(max-width:1180px){.work-layout{grid-template-columns:1fr}.work-entry-card,.compose-guide{position:static}.compose-shell{grid-template-columns:1fr}.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{box-shadow:-18px 0 50px rgba(23,37,91,.16)}.main-panel{margin-right:0}.container{padding:22px 18px 48px}.topbar{padding:0 17px}}
@media(max-width:680px){.container{padding:16px 12px 92px}.card{padding:15px;border-radius:15px}.stats,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:13px;gap:9px}.stat-card strong{font-size:21px}.stat-icon{width:41px;height:41px}.period-toolbar{grid-template-columns:1fr}.period-fields{display:grid;grid-template-columns:1fr 1fr}.period-fields label{min-width:0}.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-tile{padding:10px}.work-entry-card .form-grid{grid-template-columns:1fr}.accounting-summary{grid-template-columns:1fr}.work-table-tools{flex-direction:column;align-items:stretch}.message-search{display:grid;grid-template-columns:1fr}.message-search select{width:100%}.notification-modal{width:100%;height:100%;margin:0}.notification-modal-card{width:100%;height:100dvh;max-height:none;border-radius:0}.notification-modal-footer{position:sticky;bottom:0}.auth-body,.install-body{background:#f3f5fa}.pay-columns{grid-template-columns:1fr}}
@media(max-width:390px){.stats,.quick-actions,.workflow-strip{grid-template-columns:1fr}.period-fields{grid-template-columns:1fr}}
@media print{html,body{font-family:'IRANSansX',Tahoma,Arial,sans-serif!important}.payslip-sheet,.letter-sheet{box-shadow:none;border:0;border-radius:0}}
/* Hooger HR 2.3 final component alignment */
.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-layout>section:last-child{grid-column:1/-1}
.period-toolbar{display:flex;align-items:end;gap:12px}.period-toolbar label{min-width:180px}.workflow-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.workflow-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 17px;box-shadow:var(--shadow)}.workflow-card>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.workflow-card strong{display:block;font-size:21px;line-height:1.2}.workflow-card small{color:var(--muted)}.workflow-card.draft>span{background:#f1f5f9;color:#64748b}.workflow-card.submitted>span{background:#eff6ff;color:#2563eb}.workflow-card.approved>span{background:#f0fdf4;color:#15803d}.workflow-card.rejected>span{background:#fef2f2;color:var(--red)}
.workflow-command{display:flex;align-items:center;justify-content:space-between;gap:18px;border-right:4px solid var(--navy-2)}.workflow-command h2{margin:0}.workflow-command p{margin:3px 0 0;color:var(--muted)}.workflow-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.inline-reject{display:flex;gap:8px;align-items:center}.inline-reject input{width:210px;height:42px}.success-btn{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
.work-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:18px;align-items:start}.work-editor{min-width:0}.work-side{display:grid;gap:18px;position:sticky;top:92px}.accounting-summary{display:block}.accounting-summary>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent}.accounting-summary>div:last-child{border-bottom:0}.accounting-summary .net{margin-top:8px;padding:13px;border-radius:12px;background:var(--navy-3);color:var(--navy)}.accounting-summary span{font-size:12px}.accounting-summary strong{font-size:13px}.import-card form{display:grid;gap:12px}.import-card details{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.import-card summary{cursor:pointer;font-weight:800;color:var(--navy)}.import-card details p{font-size:11px;color:var(--muted);line-height:1.9}
.money-field{position:relative}.money-field input{padding-left:72px}.money-field>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:11px;font-weight:800;pointer-events:none}
.message-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.message-count-card{position:relative;border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px 15px;display:flex;align-items:center;gap:11px;box-shadow:var(--shadow)}.message-count-card>span{width:40px;height:40px;border-radius:12px;background:var(--navy-3);color:var(--navy-2);display:grid;place-items:center}.message-count-card strong{display:block;font-size:20px}.message-count-card small{color:var(--muted)}.message-count-card>b{margin-right:auto;background:var(--red-soft);color:var(--red);padding:4px 7px;border-radius:999px;font-size:10px}.message-count-card.active{border-color:#bfdbfe;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.message-search{width:100%;display:flex;align-items:end;gap:12px}.message-search label{min-width:160px}.message-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.message-main{min-width:0;display:grid;gap:4px}.message-meta{display:flex;justify-content:space-between;gap:12px}.message-meta small{color:var(--muted);font-size:10px}.message-subject{font-weight:900;color:#1e293b}.message-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px}.message-flags{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.priority-dot{border-radius:999px;padding:3px 7px;font-size:9px;margin-left:6px}.priority-dot.important{background:#fff7ed;color:#c2410c}.priority-dot.urgent{background:#fef2f2;color:var(--red)}.badge.neutral{background:#f1f5f9;color:#64748b}
.notification-dialog{border:0;padding:0;background:transparent;max-width:none}.notification-dialog::backdrop{background:rgba(15,23,42,.42);backdrop-filter:blur(3px)}.notification-dialog[open]{width:min(520px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 44px));border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.24);overflow:hidden}.notification-modal-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.notification-modal-head>div{display:flex;flex-direction:column}.notification-modal-head strong{font-size:17px;color:var(--navy)}.notification-modal-head span{font-size:11px;color:var(--muted)}.notification-modal-list{padding:8px;max-height:520px;overflow:auto}.notification-modal-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px;border-radius:13px}.notification-modal-item:hover{background:#f8fafc}.notification-modal-item.unread{background:#f4f7ff;box-shadow:inset -3px 0 0 #2563eb}.notification-modal-item>span:last-child{display:grid;min-width:0}.notification-modal-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-modal-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-modal-item time{font-size:9px;color:#94a3b8}.notification-modal-foot{border-top:1px solid var(--line);padding:13px;display:flex;justify-content:space-between;gap:8px;background:#fafbfc}.compact-empty{padding:20px}
[data-live-results]{position:relative;transition:opacity .15s}.live-loading{min-height:90px;opacity:.48;pointer-events:none}.live-loading:after{content:"";position:absolute;top:20px;right:calc(50% - 13px);width:26px;height:26px;border:3px solid #cbd5e1;border-top-color:var(--red);border-radius:50%;animation:hooger-spin .7s linear infinite}.live-error{box-shadow:0 0 0 2px rgba(198,40,40,.16)}
.client-search{margin-bottom:14px}.client-hidden{display:none!important}
@media(max-width:1100px){.settings-layout{grid-template-columns:1fr}.settings-layout>section:last-child{grid-column:auto}.work-layout{grid-template-columns:1fr}.work-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-command{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.workflow-cards,.message-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.period-toolbar,.message-search{display:grid;grid-template-columns:1fr 1fr}.period-toolbar button,.message-search .grow,.message-search button{grid-column:1/-1}.period-toolbar label,.message-search label{min-width:0}.workflow-command{padding:15px}.workflow-actions,.inline-reject{width:100%}.inline-reject{display:grid;grid-template-columns:1fr auto}.inline-reject input{width:100%}.work-side{grid-template-columns:1fr}.notification-dialog[open]{width:100%;height:100dvh;max-height:none;border-radius:0;margin:0}.notification-modal-list{max-height:calc(100dvh - 145px)}}
@media(max-width:420px){.workflow-cards,.message-overview,.period-toolbar,.message-search{grid-template-columns:1fr}.period-toolbar button,.message-search .grow,.message-search button{grid-column:auto}.message-row{grid-template-columns:auto minmax(0,1fr)}.message-row>svg{display:none}.notification-modal-foot{flex-direction:column}}

/* Local licensed IRANSansX files supplied by project owner */
/* Tablet drawer must stay completely outside the document canvas while closed. */
@media(max-width:900px){
  .sidebar{right:calc(-1 * var(--sidebar) - 28px);transform:none;transition:right .2s ease;visibility:hidden}
  .sidebar.open{right:0;transform:none;visibility:visible}
}
@media(max-width:900px){
  .sidebar{display:none;right:0;visibility:visible}
  .sidebar.open{display:flex}
}
/* Grid cards must shrink around scrollable tables on tablet widths. */
.grid>*{min-width:0}

/* Hooger HR 2.4 — Accounting-grade Persian UI */
:root{
  --navy:#17255b;--navy-2:#0f1b49;--navy-3:#eef1fb;
  --red:#c71f2d;--red-dark:#a81420;--red-soft:#fff1f2;
  --green:#137a4a;--green-soft:#ecfdf3;--amber:#a85b08;--amber-soft:#fff8e7;
  --blue:#195ea8;--blue-soft:#edf6ff;--ink:#182033;--muted:#687386;
  --line:#e3e7ef;--line-strong:#cbd3df;--surface:#fff;--page:#f4f6fb;
  --shadow:0 10px 32px rgba(23,37,91,.075);--shadow-hover:0 16px 40px rgba(23,37,91,.11);
  --radius:17px;--radius-sm:11px;--sidebar:276px;
}
html,body{background:var(--page)}
body{font-weight:400;letter-spacing:0}
.sidebar{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);border-left:0;box-shadow:-10px 0 34px rgba(15,27,73,.10);color:#fff}
.brand{border-bottom:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
.brand-logo{border:1px solid rgba(255,255,255,.28);box-shadow:0 7px 18px rgba(0,0,0,.15)}
.brand-copy strong{color:#fff}.brand-copy span{color:rgba(255,255,255,.62)}
.nav-section-title{color:rgba(255,255,255,.42);letter-spacing:.03em}
.nav a{color:rgba(255,255,255,.75);position:relative;border:1px solid transparent}
.nav a:hover{background:rgba(255,255,255,.075);color:#fff}
.nav a.active{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.06);box-shadow:inset -3px 0 0 var(--red)}
.nav a.active .nav-icon{color:#fff}.nav-count{background:var(--red)}
.sidebar-user{border-top:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.07)}
.sidebar-user-copy span{color:rgba(255,255,255,.58)}
.avatar{background:var(--red);color:#fff}
.sidebar .icon-button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.13);color:#fff}
.sidebar .icon-button:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.24)}
.topbar{box-shadow:0 4px 18px rgba(23,37,91,.035)}
.topbar-title strong{color:var(--navy);font-weight:900}.topbar-title span{color:#7b8495}
.container{max-width:1540px}
.page-head{align-items:center}.page-head h1{color:var(--navy);font-weight:900;letter-spacing:-.02em}.page-head p{font-size:13px}
.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-size:11px;font-weight:900;margin-bottom:5px}
.card{box-shadow:var(--shadow);transition:box-shadow .18s,border-color .18s}.card:hover{border-color:#d7ddea}
.card-head h2,.card h2{color:var(--navy);font-weight:900}
.btn{white-space:nowrap;flex:0 0 auto;max-width:100%;font-weight:800;box-shadow:none}
.btn.primary{background:var(--navy);border-color:var(--navy)}.btn.primary:hover{background:var(--navy-2);border-color:var(--navy-2)}
.btn.accent{background:var(--red);border-color:var(--red)}.btn.accent:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn.success,.success-btn{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
.btn svg{min-width:14px}.page-actions{direction:ltr}.page-actions>*{direction:rtl}
.form-actions,.compose-actions,.batch-command-actions,.workflow-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;direction:ltr;justify-content:flex-start}
.form-actions>* ,.compose-actions>* ,.batch-command-actions>* ,.workflow-actions>*{direction:rtl}
.form-grid>.btn.full{justify-self:left;width:auto;min-width:150px}
.actions-cell{white-space:nowrap;width:1%}.action-column{width:1%;white-space:nowrap}.row-actions{display:flex;align-items:center;gap:7px;direction:ltr;justify-content:flex-start;white-space:nowrap}.row-actions>*{direction:rtl}.row-actions form{margin:0;display:inline-flex}
.table{font-size:12.5px}.table th{background:#f7f8fb;color:#4d586c;font-weight:900;white-space:nowrap}.table td{vertical-align:middle}.table td>small,.table td strong+small{display:block;color:var(--muted);margin-top:3px}.accounting-table tbody tr:hover{background:#fafbfe}.accounting-table td strong{color:#222b3d}
.locked-label{display:inline-flex;align-items:center;gap:5px;color:#8a94a5;font-size:11px;white-space:nowrap}.row-note{display:block;max-width:230px;margin-top:4px;line-height:1.45}
.period-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px 170px auto;align-items:end;gap:13px}.period-title{display:flex;align-items:center;gap:11px;min-width:0}.period-title>span{width:42px;height:42px;border-radius:12px;background:var(--navy-3);color:var(--navy);display:grid;place-items:center}.period-title div{display:grid}.period-title strong{color:var(--navy)}.period-title small{color:var(--muted);font-size:10px}.period-toolbar label{min-width:0}
.accounting-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;border-radius:17px;margin-bottom:17px;border:1px solid}.accounting-hero.ready{background:linear-gradient(135deg,#f1fdf7,#fff);border-color:#bfe8d2}.accounting-hero.attention{background:linear-gradient(135deg,#fff9eb,#fff);border-color:#f0d8a6}.accounting-hero-copy{display:flex;align-items:center;gap:12px}.hero-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#fff}.accounting-hero.ready .hero-icon{color:var(--green)}.accounting-hero.attention .hero-icon{color:var(--amber)}.accounting-hero-copy strong{color:var(--navy);font-size:15px}.accounting-hero-copy p{margin:2px 0 0;color:var(--muted);font-size:11px}.accounting-hero-actions{display:flex;align-items:center;gap:9px;direction:ltr}.accounting-hero-actions>*{direction:rtl}
.accounting-stats .stat-card{position:relative;overflow:hidden}.accounting-stats .stat-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--red);opacity:.82}.stat-card small{display:block;font-size:10px;color:#8a94a5;margin-top:2px}.stat-icon{background:var(--navy-3);color:var(--navy)}
.dashboard-grid{grid-template-columns:1.08fr 1fr}.dashboard-activity{grid-column:1/-1}.control-meter{height:7px;background:#edf0f5;border-radius:999px;overflow:hidden;margin:15px 0}.control-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--navy));border-radius:inherit}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.control-grid>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fafbfc}.control-grid span{display:block;font-size:10px;color:var(--muted)}.control-grid strong{font-size:18px;color:var(--navy)}
.issue-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:7px}.issue-list li{display:flex;align-items:center;gap:7px;border-radius:10px;padding:8px 10px;font-size:11px}.danger-list li{background:var(--red-soft);color:#991b1b}.warning-list li{background:var(--amber-soft);color:#8a4a05}.success-note{display:flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);border:1px solid #bfe8d2;border-radius:11px;padding:11px 13px;margin-top:13px;font-size:11px;font-weight:800}
.compact-list{display:grid}.compact-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}.compact-list-row:last-child{border-bottom:0}.compact-list-row:hover strong{color:var(--red)}.compact-list-row span:nth-child(2){min-width:0}.compact-list-row span:nth-child(2) strong,.compact-list-row span:nth-child(2) small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-list-row small{color:var(--muted);font-size:10px}.compact-list-row>b{white-space:nowrap;font-size:11px}.mini-avatar{width:35px;height:35px;border-radius:10px;background:var(--navy-3);color:var(--navy);display:grid;place-items:center;font-weight:900}
.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;position:relative;padding-bottom:15px}.timeline-item>span{width:10px;height:10px;background:var(--red);border:3px solid #ffe4e6;border-radius:50%;margin-top:6px;z-index:1}.timeline-item:not(:last-child):before{content:"";position:absolute;right:4px;top:14px;bottom:0;width:1px;background:var(--line)}.timeline-item strong{color:var(--navy)}.timeline-item p{margin:2px 0;color:var(--muted);font-size:11px}.timeline-item small,.timeline-item time{display:block;color:#8a94a5;font-size:10px;margin-top:3px}
.workflow-command{border-right:0;border-top:3px solid var(--navy);align-items:center}.workflow-copy{display:flex;align-items:center;gap:12px}.workflow-main-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--navy-3);color:var(--navy)}.workflow-copy h2{margin:0}.control-banner{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,.8fr);align-items:center;gap:12px;border:1px solid;border-radius:15px;padding:14px 16px}.control-banner.ready{background:#f5fdf9;border-color:#bfe8d2;color:var(--green)}.control-banner.blocked{background:#fff9ee;border-color:#efd7a5;color:var(--amber)}.control-banner>span{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center}.control-banner strong{color:var(--navy)}.control-banner p{margin:2px 0 0;color:var(--muted);font-size:11px}.control-banner-list{display:grid;gap:4px}.control-banner-list small{display:flex;align-items:center;gap:5px;color:inherit}
.accounting-form{gap:15px 17px}.accounting-form .form-actions{padding-top:15px;border-top:1px solid var(--line);margin-top:2px}.accounting-summary .net{background:linear-gradient(135deg,var(--navy-3),#fff);border:1px solid #dce2f4}.import-card .form-actions{margin-top:0}.import-card .form-actions .btn{width:100%}
.readiness-card{border-top:4px solid}.readiness-card.ready{border-top-color:var(--green)}.readiness-card.blocked{border-top-color:var(--amber)}.payroll-control-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.payroll-control-values{margin-bottom:12px}.issue-box{border-radius:12px;padding:12px 14px;margin-top:11px}.issue-box strong{display:block;margin-bottom:5px}.issue-box ul{padding-right:18px;margin:0;display:grid;gap:4px;font-size:11px}.danger-box{background:var(--red-soft);color:#991b1b;border:1px solid #fecdd3}.warning-box{background:var(--amber-soft);color:#854d0e;border:1px solid #f1d7a1}.security-note{display:flex;gap:8px;align-items:flex-start;border-radius:11px;padding:11px;background:#f7f8fb;color:var(--muted);font-size:11px}.accounting-primary-action{padding-top:15px;border-top:1px solid var(--line);margin-top:15px}
.payroll-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;overflow:hidden}.payroll-step{display:flex;align-items:center;gap:10px;padding:17px;position:relative;background:#fafbfc;border-left:1px solid var(--line)}.payroll-step:last-child{border-left:0}.payroll-step>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8ebf1;color:#7a8495;font-weight:900}.payroll-step div{min-width:0}.payroll-step strong,.payroll-step small{display:block}.payroll-step strong{color:#586274;font-size:12px}.payroll-step small{color:#929baa;font-size:9px}.payroll-step.done{background:#f4fbf7}.payroll-step.done>span{background:var(--green);color:#fff}.payroll-step.current{background:#f3f5fc;box-shadow:inset 0 -3px 0 var(--red)}.payroll-step.current>span{background:var(--navy);color:#fff}.payroll-step.current strong{color:var(--navy)}
.batch-control-grid{grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr)}.reconciliation-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.reconciliation-row.total{border-bottom:0;background:#f8f9fc;padding:12px;margin-top:8px;border-radius:11px}.reconciliation-row strong{white-space:nowrap}.batch-command{display:flex;justify-content:space-between;align-items:center;gap:15px}.return-panel{border-right:4px solid var(--red);display:grid;grid-template-columns:minmax(230px,.55fr) minmax(0,1fr);gap:20px;align-items:end}.return-panel p{margin:3px 0;color:var(--muted)}.return-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.return-form .form-actions{margin:0}.payment-panel{border-top:4px solid var(--red)}.payment-panel-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:18px}.payment-panel-head>span{width:45px;height:45px;border-radius:13px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.payment-panel-head h2{margin:0}.payment-panel-head p{margin:2px 0 0;color:var(--muted)}.payment-panel-head>strong{font-size:18px;color:var(--navy);white-space:nowrap}.payment-form textarea{min-height:48px}.payment-receipt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;background:linear-gradient(135deg,#f2fcf7,#fff);border-color:#bfe8d2}.receipt-icon{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.payment-receipt h2{margin:0}.payment-receipt p{margin:3px 0;color:var(--green)}.payment-receipt small{color:var(--muted)}.payment-receipt>strong{font-size:18px;color:var(--navy);white-space:nowrap}
.payslip-payment{display:grid;grid-template-columns:1.2fr repeat(3,1fr);border:1px solid #dfe4ed;border-radius:11px;margin:14px 0;overflow:hidden}.payslip-payment>strong,.payslip-payment>div{padding:10px 12px}.payslip-payment>strong{background:var(--navy);color:#fff;display:flex;align-items:center}.payslip-payment>div{border-right:1px solid #e6e9ef}.payslip-payment span,.payslip-payment b{display:block}.payslip-payment span{font-size:9px;color:var(--muted)}
.user-management-grid{grid-template-columns:minmax(0,1.5fr) minmax(285px,.5fr)}.role-guide{position:sticky;top:92px}.role-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.role-line span{color:var(--muted)}.role-line strong{font-size:11px;text-align:left}.role-line.important{color:var(--red);background:var(--red-soft);margin:8px -10px;padding:11px 10px;border-radius:10px;border:0}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-layout .form-actions{padding-top:14px;border-top:1px solid var(--line)}
input,select,textarea{font-family:var(--font)!important}.money-input{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}.table td,.table th{font-variant-numeric:tabular-nums}

@media(max-width:1180px){.dashboard-grid,.payroll-control-grid,.batch-control-grid,.user-management-grid{grid-template-columns:1fr}.dashboard-activity{grid-column:auto}.role-guide{position:static}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.period-toolbar{grid-template-columns:minmax(220px,1fr) 150px 150px auto}.control-banner{grid-template-columns:auto minmax(0,1fr)}.control-banner-list{grid-column:2}}
@media(max-width:900px){.sidebar{display:flex;right:calc(-1 * var(--sidebar) - 32px);visibility:hidden;transition:right .22s ease,visibility .22s}.sidebar.open{right:0;visibility:visible}.menu-toggle{display:grid}.mobile-overlay{position:fixed;inset:0;background:rgba(15,27,73,.36);backdrop-filter:blur(2px);border:0;z-index:45}.mobile-overlay:not([hidden]){display:block}.period-toolbar{grid-template-columns:1fr 1fr}.period-title{grid-column:1/-1}.period-toolbar button{grid-column:1/-1;justify-self:left}.payroll-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-step:nth-child(2){border-left:0}.payroll-step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.page-head{align-items:flex-start}.page-head,.accounting-hero,.batch-command{flex-direction:column}.page-actions,.accounting-hero-actions,.batch-command-actions{width:100%;justify-content:flex-start}.page-actions .btn,.page-actions form,.page-actions form .btn{max-width:100%}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-banner{grid-template-columns:1fr}.control-banner-list{grid-column:auto}.control-banner>span{display:none}.payroll-stepper{grid-template-columns:1fr}.payroll-step{border-left:0;border-bottom:1px solid var(--line)}.payroll-step:last-child{border-bottom:0}.return-panel{grid-template-columns:1fr}.return-form{grid-template-columns:1fr}.payment-panel-head,.payment-receipt{grid-template-columns:auto minmax(0,1fr)}.payment-panel-head>strong,.payment-receipt>strong{grid-column:1/-1;text-align:left}.payslip-payment{grid-template-columns:1fr 1fr}.payslip-payment>strong{grid-column:1/-1}.permission-grid{grid-template-columns:1fr}.form-actions{width:100%}.form-actions .btn,.form-actions a.btn{width:auto;max-width:100%}}
@media(max-width:520px){.period-toolbar{grid-template-columns:1fr}.period-title,.period-toolbar button{grid-column:auto}.workflow-actions,.form-actions,.compose-actions,.batch-command-actions{display:grid;grid-template-columns:1fr;width:100%;direction:rtl}.workflow-actions form,.workflow-actions .btn,.form-actions .btn,.form-actions a.btn,.compose-actions .btn,.batch-command-actions form,.batch-command-actions .btn{width:100%}.inline-reject{grid-template-columns:1fr}.accounting-hero-actions{display:grid;grid-template-columns:1fr;width:100%;direction:rtl}.accounting-hero-actions .btn{width:100%}.compact-list-row{grid-template-columns:auto minmax(0,1fr) auto}.compact-list-row>b{grid-column:2}.compact-list-row>svg{grid-row:1/3;grid-column:3}.payslip-payment{grid-template-columns:1fr}.payslip-payment>strong{grid-column:auto}.payment-panel-head,.payment-receipt{grid-template-columns:1fr}.payment-panel-head>span,.receipt-icon{display:none}}
.audit-actors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.audit-actors>div{padding:9px 10px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:2px}.audit-actors span{font-size:11px;color:var(--muted)}.audit-actors strong{font-size:12px;color:var(--navy)}.payment-readiness{margin:0 0 14px;display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:11px}.payment-readiness svg{margin-top:3px}@media(max-width:520px){.audit-actors{grid-template-columns:1fr}}


/* v2.4.0 final accounting UI safeguards */
@media (min-width:901px) and (max-width:1180px){
  .period-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .period-toolbar .period-title{grid-column:1/-1}
  .period-toolbar>button,.period-toolbar>.btn{grid-column:1/-1;justify-self:left}
}
@media (max-width:680px){
  .responsive-table .row-actions{white-space:normal;flex-wrap:wrap;max-width:100%;gap:6px}
  .responsive-table .row-actions .btn,.responsive-table .row-actions form{max-width:100%}
}

/* v2.4.0 unified Persian action layout */
.page-actions,.card-head>.actions,.section-title-row>.actions{
  direction:ltr;
  justify-content:flex-start;
}
.page-actions>* ,.card-head>.actions>* ,.section-title-row>.actions>*{direction:rtl}
.document-item .row-actions,.notification-item .row-actions,.table .row-actions{
  min-width:0;
  flex-wrap:wrap;
}
.message-actions-bar{padding-top:14px;border-top:1px solid var(--line)}
.btn,.icon-button,button,input[type="submit"]{
  flex:0 0 auto;
  white-space:nowrap;
}
.btn{max-width:100%;min-width:0;text-align:center}
.btn svg{flex:0 0 auto}
@media(max-width:680px){
  .document-item,.notification-item{grid-template-columns:auto minmax(0,1fr)}
  .document-item>.row-actions,.notification-item>.row-actions{grid-column:1/-1;width:100%;justify-content:flex-start}
  .page-actions{width:100%;display:flex;flex-wrap:wrap}
  .page-actions .btn,.page-actions form{max-width:100%}
}
@media(max-width:420px){
  .page-actions{display:grid;grid-template-columns:1fr;direction:rtl}
  .page-actions .btn,.page-actions form,.page-actions form .btn{width:100%}
  .row-actions{display:grid;grid-template-columns:1fr;width:100%;direction:rtl}
  .row-actions .btn,.row-actions form,.row-actions form .btn{width:100%}
}
.batch-command{flex-wrap:wrap}.batch-command .full-width-note{flex:1 0 100%;margin-top:2px}
.install-actions,.pwa-actions,.draft-delete-form{direction:ltr;justify-content:flex-start}
.install-actions>* ,.pwa-actions>* ,.draft-delete-form>*{direction:rtl}

/* v2.4.0 accounting reports */
.accounting-report-filters{align-items:end}
.accounting-report-filters .search-field{min-width:260px}
.report-currency-groups{display:grid;gap:18px}
.report-currency-card{overflow:hidden}
.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-stats .stat-card strong{font-size:clamp(1rem,1.45vw,1.35rem)}
@media(max-width:980px){.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-report-filters .search-field,.accounting-report-filters .form-actions{grid-column:1/-1}}
@media(max-width:560px){.report-stats,.accounting-report-filters{grid-template-columns:1fr}.accounting-report-filters .search-field,.accounting-report-filters .form-actions{grid-column:auto}.accounting-report-filters .form-actions{display:grid;width:100%}.accounting-report-filters .form-actions>*{width:100%}}

/* v2.4.0 accounting report filter sizing */
.accounting-report-filters{display:grid;grid-template-columns:minmax(150px,180px) minmax(180px,220px) minmax(240px,1fr);gap:14px}
.accounting-report-filters>label{min-width:0}
.accounting-report-filters select,.accounting-report-filters input{width:100%;min-width:0}
.accounting-report-filters .form-actions{grid-column:1/-1}
@media(max-width:760px){.accounting-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-report-filters .search-field,.accounting-report-filters .form-actions{grid-column:1/-1}}
@media(max-width:560px){.accounting-report-filters{grid-template-columns:1fr}.accounting-report-filters .search-field,.accounting-report-filters .form-actions{grid-column:auto}}

@media(max-width:1100px) and (min-width:561px){.accounting-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-report-filters .search-field,.accounting-report-filters .form-actions{grid-column:1/-1}}
.accounting-report-filters,.accounting-report-filters>*{min-width:0;max-width:100%}
.accounting-report-filters .search-field,.accounting-report-filters .search-field>span{min-width:0;max-width:100%}
.accounting-report-filters{overflow-x:clip}

.accounting-report-filters{overflow:hidden;max-width:100%;box-sizing:border-box}


/* Hooger HR 2.5.0 — simplified payroll flow and final polish */
:root{--radius:14px;--radius-sm:10px;--navy:#172554;--navy-2:#24376f;--red:#c91f2c;--red-soft:#fff1f2;--surface:#fff;--page:#f5f7fb;--line:#dfe5ee;--text:#172033;--muted:#667085}
body{background:var(--page)}.card{border-radius:var(--radius);box-shadow:0 5px 18px rgba(23,37,84,.045)}
.btn{min-height:40px;border-radius:10px;padding:9px 14px}.btn.primary{background:var(--navy);border-color:var(--navy)}.btn.primary:hover{background:#101c43}.btn.danger{background:#fff;color:var(--red);border-color:#f0b7bc}.btn.danger:hover{background:var(--red-soft)}
input,select,textarea{border-radius:10px;min-height:42px}.form-actions{direction:ltr;justify-content:flex-start;gap:9px}.form-actions>*{direction:rtl}.page-actions{direction:ltr}.page-actions>*{direction:rtl}
.simple-page-head h1{letter-spacing:-.35px}.simple-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px}.simple-flow-step{display:flex;align-items:center;gap:11px;background:#fff;padding:15px 17px;min-width:0}.simple-flow-step>b{width:34px;height:34px;border-radius:10px;background:#eef2f7;color:#667085;display:grid;place-items:center;flex:0 0 auto}.simple-flow-step span{display:flex;flex-direction:column;min-width:0}.simple-flow-step strong{font-size:13px}.simple-flow-step small{font-size:11px;color:var(--muted);margin-top:2px}.simple-flow-step.active>b{background:var(--navy);color:#fff}.simple-flow-step.done>b{background:#eaf8f0;color:#16804a}.compact-flow{margin-bottom:18px}
.simple-toolbar{margin-bottom:14px}.issue-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border-right:4px solid #d0d5dd}.issue-bar.ready{border-right-color:#16804a}.issue-bar.blocked{border-right-color:#d97706}.issue-bar-copy{display:flex;align-items:flex-start;gap:12px}.issue-bar-copy>span{width:44px;height:44px;border-radius:12px;background:#f0f3f8;color:var(--navy);display:grid;place-items:center}.issue-bar h2{margin:0 0 4px;font-size:16px}.issue-bar p{margin:0;color:var(--muted)}.issue-bar-actions{direction:ltr;display:flex;gap:8px}.issue-bar-actions>*{direction:rtl}.issue-bar-details{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:11px;border-top:1px solid var(--line)}.issue-bar-details small{display:inline-flex;align-items:center;gap:5px;background:#fff8e8;color:#8a5300;border-radius:8px;padding:6px 9px}
.simple-work-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.45fr)}.simple-work-form{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-fields{border:1px solid var(--line);border-radius:12px;background:#fafbfc;padding:0}.advanced-fields summary{cursor:pointer;padding:13px 14px;font-weight:800;display:flex;align-items:center;gap:8px}.advanced-fields[open] summary{border-bottom:1px solid var(--line)}.advanced-fields>.form-grid{padding:14px}.compact-summary>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.compact-summary>div:last-child{border-bottom:0}.compact-summary h2{margin-top:0}.compact-search{max-width:360px}.clean-payroll-table .row-actions{min-width:310px}.export-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.export-help-grid>div{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fafbfc;display:flex;flex-direction:column;gap:4px}.export-help-grid span{color:var(--muted);font-size:12px}
.not-found-page{min-height:calc(100vh - 190px);display:grid;grid-template-columns:auto minmax(0,520px);justify-content:center;align-items:center;gap:34px;padding:50px 20px}.not-found-code{font-size:clamp(82px,13vw,170px);font-weight:900;color:#d9dee8;line-height:1}.not-found-page h1{font-size:28px;margin:8px 0}.not-found-page p{color:var(--muted);line-height:1.9}.not-found-actions{direction:ltr;display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.not-found-actions>*{direction:rtl}
.update-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:16px}.update-summary-strip>div{background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.update-summary-strip span{font-size:11px;color:var(--muted)}.update-clean-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px}.update-file-picker{min-height:180px;border:1.5px dashed #aeb8c8;border-radius:13px;background:#fafbfc;display:grid;place-items:center;align-content:center;text-align:center;gap:6px;cursor:pointer}.update-file-picker input{position:absolute;opacity:0;pointer-events:none}.update-file-picker>span{color:var(--navy)}.update-file-picker small{color:var(--muted)}.update-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.update-process>div{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:12px}.readiness-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.key-fingerprint{margin-top:14px;padding:11px;background:#f7f8fa;border-radius:10px;display:flex;flex-direction:column;gap:5px}.key-fingerprint span{font-size:11px;color:var(--muted)}.rollback-clean-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.rollback-clean-card>div{display:flex;align-items:center;gap:11px}.danger-soft{background:var(--red-soft)!important;color:var(--red)!important}
.batch-print-body{background:#e9edf3;padding:24px}.batch-print-toolbar{max-width:980px;margin:0 auto 14px;display:flex;gap:8px;direction:ltr}.batch-print-toolbar>*{direction:rtl}.batch-print-sheet{margin:0 auto 18px;page-break-after:always}.batch-print-sheet:last-child{page-break-after:auto}
@media(max-width:980px){.simple-work-layout,.update-clean-grid{grid-template-columns:1fr}.update-process{grid-template-columns:1fr}.rollback-clean-card{grid-template-columns:1fr}.clean-payroll-table .row-actions{min-width:0}.export-help-grid{grid-template-columns:1fr}.update-summary-strip{grid-template-columns:1fr}}
@media(max-width:720px){.simple-flow{grid-template-columns:1fr}.simple-work-form{grid-template-columns:1fr}.issue-bar{grid-template-columns:1fr}.issue-bar-actions,.issue-bar-actions form,.issue-bar-actions .btn{width:100%}.issue-bar-actions .btn{justify-content:center}.not-found-page{grid-template-columns:1fr;text-align:center}.not-found-actions{display:grid;grid-template-columns:1fr}.not-found-code{font-size:90px}.update-summary-strip{grid-template-columns:1fr}.batch-print-body{padding:0}.batch-print-toolbar{padding:12px}.batch-print-sheet{border-radius:0;margin:0}}
@media print{.batch-print-body{background:#fff;padding:0}.batch-print-toolbar{display:none!important}.batch-print-sheet{box-shadow:none;border:0;margin:0;page-break-after:always}}


/* Hooger HR 2.5.1 — unified Persian file picker */
input[type="file"]{font-family:IRANSansX,Tahoma,sans-serif;direction:rtl;text-align:right}
input[type="file"]::file-selector-button{font:700 12px IRANSansX,Tahoma,sans-serif;border:1px solid var(--line);border-radius:8px;background:#f4f6f9;color:var(--navy);padding:8px 12px;margin:0 0 0 10px;cursor:pointer}
.custom-file-picker{position:relative;width:100%;min-width:0;min-height:50px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;direction:ltr;overflow:hidden;transition:border-color .16s,box-shadow .16s,background .16s}
.custom-file-picker:hover{border-color:#aab6c7;background:#fcfdff}.custom-file-picker.is-focused,.custom-file-picker:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.custom-file-picker.is-dragover{border-color:var(--navy-2);background:#f2f5fb}.custom-file-picker.is-invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(201,31,44,.1)}
.custom-file-native{position:absolute!important;inset:0!important;z-index:3!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;cursor:pointer!important}
.custom-file-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#f3f5f8;color:var(--navy);font-size:12px;font-weight:850;white-space:nowrap;direction:rtl;transition:.15s}.custom-file-button svg{width:17px;height:17px;flex:0 0 auto}.custom-file-picker:hover .custom-file-button{background:#e9edf4;border-color:#cbd3df}.custom-file-picker.has-file .custom-file-button{background-color:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
.custom-file-name{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:rtl;color:#667085;font-size:12px;padding:0 4px}.custom-file-picker.has-file .custom-file-name{color:var(--ink);font-weight:700}
.file-field .custom-file-picker{margin-top:1px}.file-field input[type=file]{height:100%;padding:0}.file-field [data-file-summary]{display:block;margin-top:2px}
.update-file-picker{position:relative;overflow:hidden;transition:border-color .16s,background .16s,box-shadow .16s}.update-file-picker input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important;z-index:3!important}.update-file-picker.is-dragover{border-color:var(--navy-2);background:#f2f5fb;box-shadow:0 0 0 3px rgba(36,55,111,.08)}.update-file-picker.has-file{border-style:solid;border-color:#86b89c;background:#f4fbf7}.update-file-picker.has-file>span{color:#16804a}.update-file-picker strong,.update-file-picker small{max-width:100%;padding-inline:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:420px){.custom-file-picker{grid-template-columns:1fr;gap:6px;padding:7px}.custom-file-button{width:100%}.custom-file-name{text-align:center;min-height:20px}.update-file-picker{min-height:155px}}

.custom-file-button.selected{background:#172554!important;border-color:#172554!important;color:#fff!important}


/* v2.5.2 polish fixes */
.sidebar{display:flex;flex-direction:column;gap:0}
.brand{padding:18px 18px 16px}
.brand-copy strong{font-size:17px}
.brand-copy span{font-size:11px}
.sidebar-scroll{padding:14px 10px 18px}
.nav-section-title{padding:13px 14px 8px;font-size:10px;font-weight:900;opacity:.9}
.nav{gap:6px}
.nav a{min-height:48px;padding:10px 12px 10px 14px;border-radius:13px;justify-content:flex-start;box-shadow:inset 0 0 0 1px transparent}
.nav a>span:last-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav a.active{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.nav a:hover{background:rgba(255,255,255,.1)}
.nav-icon{width:24px;height:24px}
.nav-count{margin-right:8px;margin-left:0}
.topbar{height:78px}
.topbar-title strong{font-size:16px}
.topbar-title span{font-size:11px;line-height:1.8}
.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.dashboard-grid>.card{height:100%}
.card-head{align-items:flex-start}
.quick-action{min-height:96px;align-items:flex-start}
.quick-action span{min-width:0}
.quick-action strong{display:block;margin-bottom:4px}
.accounting-hero{padding:18px 20px;border-radius:18px}
.accounting-hero-copy{align-items:flex-start}
.accounting-hero-copy p{line-height:1.9}
.stat-card{min-height:94px}
.stat-card div{min-width:0}
.stat-card span{display:block;line-height:1.8}
input,select,textarea{height:46px;min-height:46px;padding-top:0;padding-bottom:0}
textarea{min-height:110px;padding-top:12px;padding-bottom:12px}
select{padding-right:16px;padding-left:46px;background-position:left 14px center}
label>input,label>select,label>textarea{margin-top:0}
.form-grid label,.filters label,.login-form label{gap:7px}
.filters{gap:14px}
.filters label,.accounting-report-filters label{min-width:0}
.confirm-row{display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:46px;line-height:1.8}
.confirm-row input{margin:0!important;align-self:center}
.confirm-row span{display:inline-flex;align-items:center;min-height:20px}
.btn,.row-actions .btn,.page-actions .btn,.form-actions .btn,.actions .btn{white-space:nowrap;line-height:1.2}
.page-actions,.form-actions,.row-actions,.actions{align-items:center}
.row-actions{flex-wrap:nowrap;gap:8px}
.row-actions .btn,.row-actions form{flex:0 0 auto}
.row-actions form .btn{width:auto}
.table .row-actions,.notification-item .row-actions,.document-item .row-actions{display:flex;flex-wrap:nowrap}
.client-search .input-with-icon,.client-search{max-width:100%}
.client-search input{height:46px}
.update-clean-grid{align-items:start}
.update-file-picker{min-height:170px;padding:18px 16px;border-radius:15px}
.update-file-picker strong{display:block;font-size:14px;line-height:1.9}
.update-file-picker small{font-size:11px}
.update-process>div{min-height:44px}
.update-summary-strip>div{min-height:76px;justify-content:center}
.identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));table-layout:fixed}
.identity-grid .identity-cell{min-width:0;justify-content:center}
.identity-grid .identity-value{display:block;min-width:0;line-height:1.85;overflow-wrap:anywhere;word-break:break-word}
.identity-grid .iban-value{font-size:12px;letter-spacing:.2px;word-break:break-all}
.pay-table{table-layout:fixed}
.pay-table td,.pay-table th{vertical-align:middle}
.net-box{margin-top:16px;border-radius:12px;overflow:hidden}
.sheet-footer-text{margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0;text-align:center}
.signatures{display:none!important}
.notification-modal-item strong,.notification-modal-item small{display:block}
.notification-modal-item small{line-height:1.8}
.notification-dialog{width:min(620px,calc(100vw - 32px))}
.notification-modal-list{max-height:480px;overflow:auto}
@media(min-width:901px){
  .page-actions .btn,.form-actions .btn{min-width:120px}
}
@media(max-width:1180px){
  .dashboard-grid{grid-template-columns:1fr 1fr}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .row-actions,.table .row-actions,.notification-item .row-actions,.document-item .row-actions{display:grid;grid-template-columns:1fr;flex-wrap:wrap}
  .row-actions .btn,.row-actions form,.row-actions form .btn{width:100%}
  .identity-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .quick-actions{grid-template-columns:1fr}
  .identity-grid{grid-template-columns:1fr}
  .sheet-head{grid-template-columns:58px 1fr}
  .sheet-head img{width:54px;height:54px}
  .sheet-meta{grid-column:1/-1}
}


/* v2.5.3 accounting filter alignment hotfix */
.accounting-report-filters{
  display:grid!important;
  grid-template-columns:180px 220px minmax(320px,1fr)!important;
  align-items:end!important;
  gap:14px!important;
  overflow:visible!important;
}
.accounting-report-filters .filter-field{
  display:grid;
  grid-template-rows:20px 46px;
  gap:7px;
  min-width:0;
  align-self:end;
}
.accounting-report-filters .filter-field>label{
  display:block;
  margin:0;
  padding:0;
  min-height:20px;
  color:#334155;
  font-size:12px;
  font-weight:800;
  line-height:20px;
  white-space:nowrap;
}
.accounting-report-filters .filter-field>select,
.accounting-report-filters .filter-search-control,
.accounting-report-filters .filter-search-control>input{
  width:100%;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
}
.accounting-report-filters .filter-field>select{
  padding-right:16px!important;
  padding-left:46px!important;
  background-position:left 14px center!important;
}
.accounting-report-filters .filter-search-control{
  position:relative;
  display:block;
  min-width:0;
}
.accounting-report-filters .filter-search-control>input{
  display:block;
  padding-right:16px!important;
  padding-left:46px!important;
  line-height:46px;
}
.accounting-report-filters .filter-search-icon{
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  color:#64748b;
  pointer-events:none;
  z-index:2;
}
.accounting-report-filters .filter-search-icon svg{width:16px;height:16px;display:block}
.accounting-report-filters .form-actions{
  grid-column:1/-1!important;
  margin:0!important;
  padding-top:2px;
}
@media(max-width:1100px){
  .accounting-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .accounting-report-filters .filter-search,.accounting-report-filters .form-actions{grid-column:1/-1!important}
}
@media(max-width:560px){
  .accounting-report-filters{grid-template-columns:1fr!important}
  .accounting-report-filters .filter-search,.accounting-report-filters .form-actions{grid-column:auto!important}
}

/* v2.6.0 management dashboard, unified icon system and correspondence module */
:root{
  --ui-control-h:46px;
  --ui-icon-box:42px;
  --ui-gap:14px;
  --ui-card-pad:20px;
}
.material-icon{display:block;flex:0 0 auto;align-self:center}
.nav-icon,.metric-icon,.panel-title-icon,.section-icon,.management-icon,.flow-icon,.record-icon,.action-row-icon{
  display:grid;place-items:center;flex:0 0 auto;line-height:1;
}
.nav-icon{width:24px;height:24px;color:inherit}
.nav-icon .material-icon{width:20px;height:20px}
.metric-icon,.panel-title-icon,.section-icon,.management-icon,.flow-icon,.record-icon,.action-row-icon{
  width:var(--ui-icon-box);height:var(--ui-icon-box);border-radius:12px;background:var(--navy-3);color:var(--navy);
}
.metric-icon .material-icon,.panel-title-icon .material-icon,.section-icon .material-icon,.management-icon .material-icon,.flow-icon .material-icon,.record-icon .material-icon,.action-row-icon .material-icon{width:20px;height:20px}
.panel-title-icon{width:38px;height:38px;border-radius:11px}
.panel-title-icon .material-icon{width:18px;height:18px}
.record-icon,.action-row-icon{width:36px;height:36px;border-radius:10px}
.record-icon .material-icon,.action-row-icon .material-icon{width:17px;height:17px}
.sidebar{background:linear-gradient(180deg,#13204b 0%,#18295e 100%)}
.brand{height:auto;min-height:82px;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.11)}
.brand-logo{width:46px;height:46px;border-radius:12px;border-color:rgba(255,255,255,.16)}
.brand-copy strong{color:#fff;font-size:17px}
.brand-copy span{color:rgba(255,255,255,.62);font-size:10.5px}
.sidebar-scroll{padding:13px 10px 18px}
.nav-section-title{padding:13px 13px 7px;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:0}
.nav{gap:5px}
.nav a{min-height:47px;padding:9px 11px;border-radius:12px;color:rgba(255,255,255,.78);font-size:12.5px;font-weight:750;gap:11px;border:1px solid transparent}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.05)}
.nav a.active{background:#fff;color:var(--navy);border-color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.nav a.active .nav-icon{color:var(--red)}
.nav a>span:nth-child(2){min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-count{margin-right:auto;background:var(--red);color:#fff}
.sidebar-user{padding:12px 10px;background:rgba(0,0,0,.1);border-top-color:rgba(255,255,255,.1)}
.sidebar-user-copy strong{color:#fff}.sidebar-user-copy span{color:rgba(255,255,255,.56)}
.sidebar-user .avatar{width:38px;height:38px;background:#fff;color:var(--navy);border-radius:11px}
.sidebar .icon-button{width:36px;height:36px;border-radius:10px}
.topbar{height:74px;padding:0 27px}.topbar-title strong{font-size:15px}.topbar-title span{font-size:10.5px}
.container{padding-top:24px}
.card{padding:var(--ui-card-pad);border-radius:16px;box-shadow:0 7px 24px rgba(21,34,75,.055)}
.card-head>div:first-child{display:flex;align-items:flex-start;gap:11px;min-width:0}.card-head h2{margin:0;font-size:16px}.card-subtitle{margin:3px 0 0;line-height:1.8}

/* Management dashboard */
.dashboard-page-head{margin-bottom:17px}
.management-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.85fr) minmax(190px,.45fr);gap:22px;align-items:center;padding:21px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(21,34,75,.055);margin-bottom:16px}
.management-overview.ready{border-top:3px solid var(--green)}.management-overview.attention{border-top:3px solid var(--amber)}
.management-overview-main{display:flex;align-items:center;gap:14px;min-width:0}.management-overview-main .management-icon{width:48px;height:48px;border-radius:14px}.management-overview.ready .management-icon{background:var(--green-soft);color:var(--green)}.management-overview.attention .management-icon{background:var(--amber-soft);color:var(--amber)}
.overview-kicker{font-size:10px;color:var(--muted);font-weight:800}.management-overview h2{margin:1px 0 3px;font-size:21px;color:var(--navy)}.management-overview p{margin:0;color:var(--muted);font-size:11px;line-height:1.9}
.overview-progress{min-width:0}.overview-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}.overview-progress-head strong{font-size:15px;color:var(--navy)}.progress-track{height:8px;border-radius:999px;background:#edf1f6;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--navy),#3150a4)}.overview-progress small{display:block;margin-top:7px;color:var(--muted);font-size:10px}
.overview-status{border-right:1px solid var(--line);padding-right:20px;display:flex;flex-direction:column;gap:4px}.overview-status>span{font-size:10px;color:var(--muted)}.overview-status>strong{font-size:14px;color:var(--navy)}.overview-status>a{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-size:10px;font-weight:800;margin-top:5px}
.manager-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.manager-metric{min-width:0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 18px rgba(21,34,75,.045)}.manager-metric .metric-icon{width:40px;height:40px}.manager-metric>div{min-width:0}.manager-metric small,.manager-metric em{display:block;color:var(--muted);font-style:normal;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-metric strong{display:block;font-size:18px;color:var(--navy);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-metric em{margin-top:1px}
.manager-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px}.manager-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.manager-content-grid>.card{height:100%}
.management-action-list,.manager-record-list,.manager-activity-list{display:grid}.management-action-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.management-action-row:last-child{border-bottom:0}.management-action-row>span:nth-child(2){min-width:0}.management-action-row strong,.management-action-row small{display:block}.management-action-row strong{font-size:12px}.management-action-row small{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.7}.management-action-row.danger .action-row-icon{background:var(--red-soft);color:var(--red)}.management-action-row.warning .action-row-icon{background:var(--amber-soft);color:var(--amber)}.management-action-row.success .action-row-icon{background:var(--green-soft);color:var(--green)}
.manager-flow{display:grid;gap:8px}.manager-flow>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.manager-flow strong,.manager-flow small{display:block}.manager-flow strong{font-size:12px}.manager-flow small{font-size:10px;color:var(--muted);margin-top:2px}.manager-flow>a>b{width:26px;height:26px;border-radius:8px;background:#edf1f6;color:var(--muted);display:grid;place-items:center;font-size:11px}.manager-flow>a>b.done{background:var(--green-soft);color:var(--green)}
.manager-record-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.manager-record-list>a:last-child{border-bottom:0}.manager-record-list>a>span:nth-child(2){min-width:0}.manager-record-list strong,.manager-record-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-record-list strong{font-size:11.5px}.manager-record-list small{color:var(--muted);font-size:9.5px;margin-top:2px}.manager-record-list em{font-style:normal;font-size:10px;white-space:nowrap}
.manager-activity-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.manager-activity-list>div:last-child{border-bottom:0}.manager-activity-list>div>span{width:8px;height:8px;border-radius:50%;background:var(--red);margin-top:7px}.manager-activity-list strong{font-size:11px}.manager-activity-list p{font-size:10px;color:var(--muted);margin:2px 0;line-height:1.7}.manager-activity-list small{font-size:9px;color:#94a3b8}

/* Correspondence module */
.letter-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}.letter-metrics>a{display:flex;align-items:center;gap:11px;padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(21,34,75,.04)}.letter-metrics small,.letter-metrics strong{display:block}.letter-metrics small{font-size:10px;color:var(--muted)}.letter-metrics strong{font-size:19px;color:var(--navy)}
.letter-filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(170px,.25fr) minmax(150px,.2fr) auto;gap:13px;align-items:end;margin-bottom:15px;padding:16px}.letter-filter-bar label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:800;color:#344054}.letter-filter-bar .form-actions{margin:0}.search-control{width:100%}.letter-archive-card{padding-top:18px}.letter-table td{vertical-align:middle}.letter-table td strong,.letter-table td small{display:block}.letter-table td small{color:var(--muted);font-size:9.5px;margin-top:3px;line-height:1.7}.letter-number{font-size:11px}.cancel-note{max-width:180px;color:var(--red)!important}.letter-row-actions{min-width:170px}
.letter-compose-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:17px;align-items:start}.letter-compose-form{padding:21px}.letter-form-grid{gap:14px 15px}.letter-body-title{margin-top:20px}.letter-body-field{display:block}.letter-body-field textarea{min-height:340px;line-height:2.1}.letter-variable-panel{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.letter-variable-panel>span{font-size:10px;color:var(--muted);font-weight:800}.letter-variable-panel button{border:1px solid #d8deea;background:#fff;color:var(--navy);border-radius:8px;padding:5px 8px;font:inherit;font-size:9.5px;font-weight:750}.letter-variable-panel button:hover{border-color:#aab6c7;background:#f5f7fb}.letter-compose-actions{display:flex;align-items:center;justify-content:flex-start;gap:9px;direction:ltr;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.letter-compose-actions>*{direction:rtl}.letter-preview-card{position:sticky;top:94px}.letter-preview-sheet{border:1px solid #d7deea;border-radius:13px;background:#fff;padding:16px;min-height:460px}.letter-preview-brand{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--red);padding-bottom:11px}.letter-preview-brand img{width:45px;height:45px;object-fit:contain;border-radius:9px}.letter-preview-brand strong,.letter-preview-brand small{display:block}.letter-preview-brand strong{font-size:13px;color:var(--navy)}.letter-preview-brand small{font-size:9px;color:var(--muted)}.letter-preview-meta{display:grid;gap:5px;margin:13px 0;font-size:9.5px;color:var(--muted)}.letter-preview-meta b{color:var(--ink)}.letter-preview-sheet h3{font-size:13px;margin:13px 0;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.letter-preview-body{font-size:10.5px;line-height:2.15;color:#344054;overflow-wrap:anywhere}.letter-preview-card .preview-note{margin-top:12px;font-size:10px}
.letter-status-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;border-radius:12px;margin-bottom:13px}.letter-status-banner strong,.letter-status-banner span{display:block}.letter-status-banner span{font-size:10px;margin-top:2px}.letter-status-banner.danger{background:var(--red-soft);color:var(--red);border:1px solid #fecaca}.letter-status-banner.warning{background:var(--amber-soft);color:var(--amber);border:1px solid #fde68a}.letter-sheet{position:relative;overflow:hidden}.letter-watermark{position:absolute;inset:42% auto auto 50%;transform:translate(-50%,-50%) rotate(-25deg);font-size:62px;font-weight:900;color:rgba(198,40,40,.08);white-space:nowrap;pointer-events:none}.letter-meta{display:grid;gap:8px;margin:18px 0;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.letter-meta strong{font-size:11px}.letter-body{min-height:320px;line-height:2.25;font-size:13px;white-space:normal;overflow-wrap:anywhere}.letter-signatory{margin-top:35px;margin-right:auto;width:190px;text-align:center;display:grid;gap:4px}.letter-signatory strong{font-size:13px}.letter-signatory span,.letter-signatory small{font-size:10px;color:var(--muted)}.letter-footer{border-top:1px solid #cbd5e1;margin-top:35px;padding-top:9px;font-size:9px;text-align:center;color:var(--muted)}.cancelled-letter{opacity:.78}

/* Form and icon alignment polish */
input,select,textarea{font-family:var(--font)!important}input,select{height:46px;min-height:46px}select{padding-right:15px;padding-left:46px;background-position:left 14px center}.input-with-icon>svg{right:14px;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-right:43px}.btn{min-height:42px;white-space:nowrap}.row-actions{align-items:center;flex-wrap:nowrap}.row-actions form{display:inline-flex;align-items:center}.row-actions .btn{height:36px;min-height:36px}.form-actions{align-items:center}.confirm-row{align-items:center!important}.confirm-row input{margin:0!important}.notification-modal-item .notification-icon{display:grid;place-items:center}

@media(max-width:1250px){.manager-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-content-grid{grid-template-columns:1fr 1fr}.manager-activity-card{grid-column:1/-1}.management-overview{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}.overview-status{grid-column:1/-1;border-right:0;border-top:1px solid var(--line);padding:12px 0 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center}}
@media(max-width:1050px){.letter-compose-layout{grid-template-columns:1fr}.letter-preview-card{position:static}.letter-filter-bar{grid-template-columns:1fr 1fr}.letter-search-field{grid-column:1/-1}.letter-filter-bar .form-actions{grid-column:1/-1}}
@media(max-width:900px){.manager-dashboard-grid,.manager-content-grid{grid-template-columns:1fr}.manager-activity-card{grid-column:auto}.management-overview{grid-template-columns:1fr}.overview-status{grid-template-columns:1fr;border-top:1px solid var(--line)}.letter-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.manager-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-metric{padding:12px}.management-overview{padding:16px}.manager-dashboard-grid{gap:12px}.letter-filter-bar{grid-template-columns:1fr}.letter-search-field,.letter-filter-bar .form-actions{grid-column:auto}.letter-filter-bar .form-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.letter-filter-bar .form-actions>*{width:100%}.letter-compose-actions{display:grid;grid-template-columns:1fr;direction:rtl}.letter-compose-actions .btn{width:100%}.letter-body-field textarea{min-height:280px}.letter-preview-sheet{min-height:380px}.letter-row-actions{min-width:0}}
@media(max-width:460px){.manager-metrics,.letter-metrics{grid-template-columns:1fr}.manager-metric strong{font-size:16px}.letter-variable-panel button{flex:1}.letter-preview-card{display:none}}
.letter-cancel-popover{position:relative}.letter-cancel-popover>summary{list-style:none;cursor:pointer}.letter-cancel-popover>summary::-webkit-details-marker{display:none}.letter-cancel-popover[open]>form{position:absolute;left:0;top:42px;z-index:20;width:260px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16);display:grid;gap:9px}.letter-cancel-popover form label{display:grid;gap:6px;font-size:10px;font-weight:800}.letter-cancel-popover form input{height:42px}.letter-cancel-popover form .btn{width:100%}
@media(max-width:760px){.letter-cancel-popover[open]>form{position:static;width:100%;margin-top:7px}.letter-cancel-popover{width:100%}.letter-cancel-popover>summary{width:100%}}


/* v2.6.1 disciplined RTL UI, select icons and employee payslip polish */
:root{
  --control-height:46px;
  --control-radius:11px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
}
body{background:#f4f6fa;color:#182033}
.container{max-width:1440px;padding:24px 26px 48px}
.page-head{align-items:center;margin-bottom:18px}
.page-head>div:first-child{min-width:0}
.page-head h1{font-size:22px;letter-spacing:-.25px}
.page-head p{max-width:760px;line-height:1.9}
.card{border-color:#dfe4ec;border-radius:15px;box-shadow:0 4px 16px rgba(20,32,68,.045);padding:20px}
.card-head{align-items:center;margin-bottom:16px}
.card-head>div:first-child{align-items:center}
.material-icon{display:block!important;margin:auto!important;transform:none!important}
.nav-icon,.metric-icon,.panel-title-icon,.section-icon,.management-icon,.flow-icon,.record-icon,.action-row-icon,.stat-icon,.quick-action-icon,.message-mini-icon,.notification-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;overflow:hidden;
}
.nav-icon .material-icon{width:20px!important;height:20px!important}
.metric-icon .material-icon,.management-icon .material-icon,.stat-icon .material-icon,.quick-action-icon .material-icon{width:21px!important;height:21px!important}
.panel-title-icon .material-icon,.record-icon .material-icon,.action-row-icon .material-icon,.flow-icon .material-icon{width:18px!important;height:18px!important}
.sidebar{background:#172554}
.brand{padding:16px 18px}
.sidebar-scroll{padding:12px 10px 18px}
.nav{gap:4px}
.nav a{min-height:46px;padding:9px 12px;border-radius:10px;gap:11px;font-size:12px}
.nav a.active{box-shadow:none;background:#fff;color:#172554}
.sidebar-user{padding:11px 10px}
.topbar{height:72px;padding-inline:26px}
.manager-metrics{gap:12px}
.manager-metric{min-height:104px;padding:15px;border-radius:14px;align-items:center}
.manager-metric>div{min-width:0}
.manager-metric strong{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.manager-metric small,.manager-metric em{line-height:1.7}
.management-overview{padding:18px 20px;gap:18px;border-radius:15px;box-shadow:0 4px 16px rgba(20,32,68,.045)}
.manager-dashboard-grid,.manager-content-grid{gap:16px}
.manager-content-grid>.card,.manager-dashboard-grid>.card{min-width:0}
.manager-record-list>a,.management-action-row,.manager-flow>a{min-height:58px}
input,textarea{border:1px solid #cfd6e2;border-radius:var(--control-radius);background:#fff}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:var(--control-height);min-height:var(--control-height)}
input:not([type=checkbox]):not([type=radio]):not([type=file]){padding-inline:14px}
textarea{padding:12px 14px;line-height:1.9}
.form-grid label,.filters label,.login-form label,.letter-filter-bar label{gap:7px;font-size:12px}
.select-shell{position:relative;display:block;width:100%;min-width:0}
.select-shell select{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:var(--control-height)!important;min-height:var(--control-height)!important;margin:0!important;padding-right:15px!important;padding-left:44px!important;border:1px solid #cfd6e2!important;border-radius:var(--control-radius)!important;background:#fff!important;background-image:none!important;color:#182033!important;cursor:pointer}
.select-shell .select-caret{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);display:grid;place-items:center;color:#667085;pointer-events:none}
.select-shell .select-caret svg{display:block;width:18px;height:18px}
.select-shell.is-focused select{border-color:#6478b8!important;box-shadow:0 0 0 3px rgba(36,55,111,.1)!important}
.select-shell.is-disabled{opacity:.68}
.select-shell.is-disabled select{cursor:not-allowed}
.jalali-head select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 8px center!important}
.filter-field>.select-shell,.letter-filter-bar label>.select-shell,.form-grid label>.select-shell,.filters label>.select-shell{width:100%}
.accounting-report-filters .filter-field>.select-shell{height:46px}
.btn{min-height:42px;border-radius:10px;padding:8px 14px}
.row-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important}
.row-actions .btn,.row-actions form,.row-actions form .btn{flex:0 0 auto;width:auto!important;white-space:nowrap}
.table th,.table td{padding:12px 13px;vertical-align:middle}
.table th{font-size:11px}
.confirm-row{min-height:48px;align-items:center!important;padding:11px 13px}
.confirm-row input{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important}
.confirm-row span{line-height:1.8}
.employee-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.employee-stats .stat-card{min-height:100px}
.my-payslip-table td strong{white-space:nowrap}
@media(max-width:1180px){.manager-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.container{padding:20px 16px 90px}.page-head{align-items:flex-start}.employee-stats{grid-template-columns:1fr 1fr}}
@media(max-width:680px){
  .manager-metrics,.employee-stats{grid-template-columns:1fr 1fr}
  .row-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .row-actions .btn,.row-actions form,.row-actions form .btn{width:100%!important}
  .select-shell select{font-size:13px}
}
@media(max-width:440px){.manager-metrics,.employee-stats{grid-template-columns:1fr}}

/* v2.6.2 — polished internal conversation */
.conversation-page{max-width:1120px;margin:0 auto}
.conversation-page-head{align-items:flex-start;margin-bottom:18px}
.conversation-title-block{min-width:0}
.conversation-title-block h1{margin-top:5px;overflow-wrap:anywhere}
.conversation-title-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:9px;color:var(--muted);font-size:11px}
.conversation-title-meta>span{display:inline-flex;align-items:center;gap:5px;min-height:28px}
.conversation-top-actions{flex-wrap:nowrap}
.conversation-top-actions .btn{min-width:118px}
.conversation-thread{display:grid;gap:14px}
.conversation-message{width:100%;min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 24px rgba(23,37,84,.045);overflow:hidden}
.conversation-message.is-mine{border-right:4px solid var(--navy)}
.conversation-message.is-other{border-right:4px solid #9aa8c7}
.conversation-message-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;background:#fbfcfe;border-bottom:1px solid var(--line)}
.conversation-message.is-mine .conversation-message-head{background:#f7f9ff}
.conversation-person{display:flex;align-items:center;gap:11px;min-width:0}
.conversation-avatar{width:43px;height:43px;border-radius:12px;flex:0 0 auto;background:#eef2ff;color:var(--navy);font-size:15px}
.conversation-person-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.conversation-name-line{display:flex;align-items:center;gap:8px;min-width:0}
.conversation-name-line strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-direction{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:#eef2f7;color:#5f6b7d;font-size:9px;font-weight:800;white-space:nowrap}
.conversation-message.is-mine .conversation-direction{background:#e9eeff;color:var(--navy)}
.conversation-person-copy small{color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-arrow{padding:0 3px;color:#94a3b8}
.conversation-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.conversation-meta time{font-size:10px;color:var(--muted);white-space:nowrap}
.conversation-message-body{padding:20px 19px;font-size:14px;line-height:2.05;overflow-wrap:anywhere;word-break:break-word;min-height:66px}
.conversation-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 18px 16px}
.conversation-attachment{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fafbfc;transition:.16s}
.conversation-attachment:hover{border-color:#b7c3d8;background:#f5f7fb}
.conversation-attachment-icon,.conversation-attachment-download{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
.conversation-attachment-icon{background:#eef2ff;color:var(--navy)}
.conversation-attachment-download{background:#fff;border:1px solid var(--line);color:#526176}
.conversation-attachment-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.conversation-attachment-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.conversation-attachment-copy small{color:var(--muted);font-size:9px}
.conversation-message-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:10px 17px;border-top:1px solid var(--line);background:#fcfdfe;color:var(--muted);font-size:9px}
.conversation-message-foot>span{display:inline-flex;align-items:center;gap:5px;min-height:24px}
.conversation-sequence{margin-right:auto}
.conversation-manage{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px 18px;box-shadow:none}
.conversation-manage-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.conversation-manage-copy strong{font-size:13px}
.conversation-manage-copy span{color:var(--muted);font-size:10px;line-height:1.8}
.conversation-manage-actions{display:flex;align-items:center;gap:8px;direction:ltr;flex:0 0 auto}
.conversation-manage-actions>*{direction:rtl}
.conversation-manage-actions form{margin:0}
.conversation-manage-actions .btn{min-width:132px;white-space:nowrap}
@media(max-width:760px){
  .conversation-page-head{flex-direction:column;align-items:stretch}
  .conversation-top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .conversation-top-actions .btn{width:100%;min-width:0}
  .conversation-message-head{align-items:flex-start;flex-direction:column;gap:10px}
  .conversation-meta{width:100%;justify-content:space-between}
  .conversation-attachments{grid-template-columns:1fr}
  .conversation-manage{align-items:stretch;flex-direction:column}
  .conversation-manage-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .conversation-manage-actions .btn,.conversation-manage-actions form{width:100%}
}
@media(max-width:460px){
  .conversation-title-meta{display:grid;grid-template-columns:1fr 1fr}
  .conversation-message-head{padding:13px}
  .conversation-message-body{padding:17px 14px}
  .conversation-attachments{padding:0 13px 13px}
  .conversation-message-foot{padding:9px 13px;display:grid;grid-template-columns:1fr}
  .conversation-sequence{margin-right:0}
  .conversation-manage-actions{grid-template-columns:1fr}
}


/* Product UI layer */
/* Hooger HR — unified UI system (v3.1 working source)
   One authoritative layer for shell, components, core pages and responsive behavior. */
:root{
  --ui-sidebar:248px;
  --ui-sidebar-collapsed:76px;
  --ui-topbar:76px;
  --ui-bg:#f4f7fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafc;
  --ui-navy:#061b46;
  --ui-navy-2:#0a2b63;
  --ui-primary:#1769e0;
  --ui-primary-soft:#eaf3ff;
  --ui-red:#e52435;
  --ui-red-soft:#fff0f2;
  --ui-green:#18a957;
  --ui-green-soft:#eaf9f0;
  --ui-orange:#f08a1b;
  --ui-orange-soft:#fff4e8;
  --ui-purple:#7559e8;
  --ui-purple-soft:#f1edff;
  --ui-ink:#101a33;
  --ui-text:#34435d;
  --ui-muted:#7b879b;
  --ui-line:#e2e8f1;
  --ui-line-strong:#cbd5e1;
  --ui-radius:16px;
  --ui-radius-sm:11px;
  --ui-control:46px;
  --ui-shadow:0 6px 22px rgba(14,34,73,.055);
  --ui-shadow-lg:0 16px 46px rgba(14,34,73,.11);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;
}

html{font-family:var(--font);background:var(--ui-bg);color:var(--ui-ink);scrollbar-gutter:stable}
body{background:var(--ui-bg);color:var(--ui-ink);font-family:var(--font);font-size:13px;line-height:1.75;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:var(--font)!important}
button,input,select,textarea{letter-spacing:0}
svg{stroke-linecap:round;stroke-linejoin:round}
::selection{background:#dbeafe;color:#0b2555}

/* ===== Application shell ===== */
.ds-shell{min-height:100dvh;background:var(--ui-bg)}
.ds-sidebar{
  position:fixed!important;inset:0 0 0 auto!important;width:var(--ui-sidebar)!important;height:100dvh!important;
  display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#071e4c 0%,#041633 100%)!important;
  color:#fff!important;border:0!important;box-shadow:-10px 0 35px rgba(3,20,48,.08)!important;z-index:1200!important;
  transition:width .22s ease,transform .22s ease!important;overflow:hidden!important;
}
.ds-brand{height:82px!important;min-height:82px!important;padding:0 24px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:transparent!important;display:flex!important;align-items:center!important}
.ds-wordmark{color:#fff!important;font-family:Arial,sans-serif!important;font-size:34px!important;font-weight:700!important;letter-spacing:-1.4px!important;line-height:1!important}
.ds-sidebar-scroll{padding:12px 12px 16px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.18) transparent!important}
.ds-sidebar .nav-section-title{padding:12px 13px 7px!important;color:rgba(255,255,255,.42)!important;font-size:9.5px!important;font-weight:600!important;white-space:nowrap!important}
.ds-nav{display:grid!important;gap:4px!important}
.ds-nav a{position:relative!important;min-height:45px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;gap:11px!important;color:rgba(255,255,255,.76)!important;background:transparent!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important;transition:background .16s,color .16s!important}
.ds-nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.ds-nav a.active{background:linear-gradient(90deg,rgba(42,103,196,.3),rgba(255,255,255,.08))!important;color:#fff!important;box-shadow:none!important}
.ds-nav a.active:after{content:"";position:absolute;right:0;top:9px;bottom:9px;width:3px;border-radius:4px 0 0 4px;background:var(--ui-red)}
.ds-nav .nav-icon{width:21px!important;height:21px!important;display:grid!important;place-items:center!important;flex:0 0 21px!important;color:currentColor!important}
.ds-nav .nav-icon svg{width:19px!important;height:19px!important}
.ds-nav .nav-count{margin-right:auto!important;margin-left:0!important;min-width:19px!important;height:19px!important;padding:0 5px!important;background:var(--ui-red)!important;font-size:8px!important}
.ds-sidebar-footer{margin-top:auto!important;padding:10px 12px 12px!important;border-top:1px solid rgba(255,255,255,.09)!important;display:grid!important;gap:5px!important}
.ds-sidebar-footer a,.ds-sidebar-footer button{width:100%!important;min-height:41px!important;border:0!important;border-radius:10px!important;padding:0 12px!important;background:transparent!important;color:rgba(255,255,255,.75)!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:10px!important;font-weight:600!important;text-align:right!important}
.ds-sidebar-footer a:hover,.ds-sidebar-footer button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.ds-sidebar-logout:hover{color:#fecaca!important}
.ds-main{margin-right:var(--ui-sidebar)!important;min-width:0!important;min-height:100dvh!important;transition:margin-right .22s ease!important}
.ds-topbar{height:var(--ui-topbar)!important;min-height:var(--ui-topbar)!important;padding:0 22px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 3px 16px rgba(15,35,75,.035)!important;backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;gap:14px!important;position:sticky!important;top:0!important;z-index:900!important}
.ds-page-title{min-width:0!important;display:flex!important;align-items:center!important}
.ds-page-title strong{font-size:20px!important;line-height:1.35!important;font-weight:800!important;color:var(--ui-ink)!important;white-space:nowrap!important}
.ds-top-actions{margin-right:auto!important;margin-left:0!important;display:flex!important;align-items:center!important;gap:8px!important}
.ds-date-chip{height:40px!important;padding:0 12px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#fff!important;color:#56637a!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:10px!important;white-space:nowrap!important}
.message-shortcut,.menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#fff!important;color:#526078!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.message-shortcut:hover,.menu-toggle:hover{background:var(--ui-surface-soft)!important;border-color:var(--ui-line-strong)!important;color:var(--ui-navy)!important}
.message-shortcut b{top:-5px!important;left:-5px!important;min-width:18px!important;height:18px!important;font-size:7.5px!important;background:var(--ui-red)!important;border:2px solid #fff!important}
.ds-profile-wrap{position:relative!important}
.ds-profile{height:46px!important;min-width:176px!important;padding:4px 8px 4px 11px!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;background:#fff!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) 16px!important;align-items:center!important;gap:8px!important;color:var(--ui-ink)!important;text-align:right!important}
.ds-profile-avatar{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;font-size:11px!important;font-weight:800!important;flex:0 0 auto!important}
.ds-profile>span:nth-child(2),.ds-profile-menu-head>span:last-child{min-width:0!important;display:flex!important;flex-direction:column!important;line-height:1.45!important}
.ds-profile strong,.ds-profile small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ds-profile strong{font-size:10px!important}.ds-profile small{font-size:8px!important;color:var(--ui-muted)!important}
.ds-profile-menu{position:absolute!important;left:0!important;top:calc(100% + 8px)!important;width:220px!important;padding:7px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--ui-shadow-lg)!important;z-index:1300!important}
.ds-profile-menu[hidden]{display:none!important}
.ds-profile-menu-head{padding:8px!important;margin-bottom:5px!important;border-bottom:1px solid var(--ui-line)!important;display:flex!important;align-items:center!important;gap:9px!important}
.ds-profile-menu a{min-height:40px!important;padding:0 10px!important;border-radius:9px!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:10px!important;font-weight:600!important;color:var(--ui-text)!important}
.ds-profile-menu a:hover{background:var(--ui-surface-soft)!important}.ds-profile-menu a.danger{color:var(--ui-red)!important}
.ds-container{width:100%!important;max-width:1560px!important;margin:0 auto!important;padding:22px 22px 46px!important;min-width:0!important}
body.sidebar-collapsed .ds-sidebar{width:var(--ui-sidebar-collapsed)!important}
body.sidebar-collapsed .ds-main{margin-right:var(--ui-sidebar-collapsed)!important}
body.sidebar-collapsed .ds-brand{padding:0!important;justify-content:center!important}
body.sidebar-collapsed .ds-wordmark{font-size:0!important}
body.sidebar-collapsed .ds-wordmark:after{content:"h";font-size:29px!important;font-weight:800!important}
body.sidebar-collapsed .ds-nav a{justify-content:center!important;padding:0!important}
body.sidebar-collapsed .ds-nav a>span:not(.nav-icon),body.sidebar-collapsed .nav-section-title,body.sidebar-collapsed .ds-sidebar-footer span,body.sidebar-collapsed .nav-count{display:none!important}
body.sidebar-collapsed .ds-sidebar-footer a,body.sidebar-collapsed .ds-sidebar-footer button{justify-content:center!important;padding:0!important}
body.sidebar-collapsed .ds-collapse svg{transform:rotate(180deg)}

/* ===== Common components ===== */
.page-head{margin:0 0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
.page-head>div{min-width:0!important}.page-head h1{margin:0!important;font-size:22px!important;line-height:1.35!important;font-weight:800!important;color:var(--ui-ink)!important}.page-head p{margin:4px 0 0!important;color:var(--ui-muted)!important;font-size:10.5px!important;line-height:1.75!important}
.card{background:var(--ui-surface)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important;padding:18px!important;min-width:0!important}
.card:hover{border-color:#d7dee9!important;box-shadow:0 9px 30px rgba(14,34,73,.07)!important}
.card-head{margin:0 0 14px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.card-head>div{min-width:0!important}.card-head h2,.card h2{margin:0!important;font-size:14px!important;line-height:1.55!important;font-weight:800!important;color:var(--ui-ink)!important}.card-subtitle{margin:3px 0 0!important;font-size:9px!important;color:var(--ui-muted)!important;line-height:1.7!important}
.btn{min-height:40px!important;padding:0 13px!important;border:1px solid var(--ui-line-strong)!important;border-radius:10px!important;background:#fff!important;color:var(--ui-text)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
.btn:hover{background:var(--ui-surface-soft)!important;border-color:#aeb9c9!important}.btn.primary{background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:#fff!important}.btn.primary:hover{background:#0c5bc8!important;border-color:#0c5bc8!important}.btn.danger{background:#fff!important;border-color:#fecdd3!important;color:var(--ui-red)!important}.btn.ghost{background:#fff!important}.btn.small{min-height:34px!important;padding:0 10px!important;font-size:9px!important}.btn.full{width:100%!important}
.badge{min-height:25px!important;padding:3px 8px!important;border-radius:999px!important;font-size:8.5px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}.badge.success{background:var(--ui-green-soft)!important;color:#138544!important}.badge.warning{background:var(--ui-orange-soft)!important;color:#c56d09!important}.badge.danger{background:var(--ui-red-soft)!important;color:var(--ui-red)!important}.badge.info{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important}.badge.neutral{background:#f1f5f9!important;color:#64748b!important}
.empty{min-height:150px!important;border:1px dashed var(--ui-line-strong)!important;border-radius:13px!important;background:var(--ui-surface-soft)!important;color:var(--ui-muted)!important;display:grid!important;place-items:center!important;text-align:center!important;padding:24px!important;font-size:10px!important}
.flash-stack{display:grid!important;gap:8px!important;margin-bottom:14px!important}.flash{min-height:44px!important;border-radius:11px!important;padding:9px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important}.flash.success{background:var(--ui-green-soft)!important;color:#11783f!important;border:1px solid #bcebcf!important}.flash.error{background:var(--ui-red-soft)!important;color:#b91c2c!important;border:1px solid #fecdd3!important}.flash-close{margin-right:auto!important;border:0!important;background:transparent!important;color:inherit!important}

/* ===== Form system ===== */
.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 16px!important}.form-grid label,.filters label,.login-form label,.v293-filter-field{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;color:var(--ui-text)!important;font-size:9.5px!important;font-weight:700!important;line-height:1.5!important}.form-grid label small,.filters label small{color:var(--ui-muted)!important;font-size:8.3px!important;font-weight:400!important;line-height:1.8!important}.form-section{grid-column:1/-1!important;min-height:38px!important;padding:0 0 9px!important;margin:2px 0 0!important;border-bottom:1px solid var(--ui-line)!important;display:flex!important;align-items:center!important;gap:7px!important;color:var(--ui-navy)!important;font-size:11px!important;font-weight:800!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%!important;border:1px solid var(--ui-line-strong)!important;border-radius:10px!important;background:#fff!important;color:var(--ui-ink)!important;outline:none!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s!important}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:var(--ui-control)!important;min-height:var(--ui-control)!important;padding:0 13px!important;font-size:10.5px!important}
textarea{min-height:110px!important;padding:11px 13px!important;line-height:1.9!important;font-size:10.5px!important;resize:vertical!important}
input:focus,select:focus,textarea:focus{border-color:#6da7ef!important;box-shadow:0 0 0 3px rgba(23,105,224,.1)!important}
input::placeholder,textarea::placeholder{color:#a1adbd!important;opacity:1!important}
.select-shell{position:relative!important;display:block!important;width:100%!important;min-width:0!important}.select-shell select{appearance:none!important;-webkit-appearance:none!important;padding-right:13px!important;padding-left:42px!important;background-image:none!important}.select-shell .select-caret{position:absolute!important;left:13px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;color:#778397!important;pointer-events:none!important}.select-shell .select-caret svg{width:17px!important;height:17px!important}
.input-with-icon,.v293-search-control{position:relative!important;display:block!important;min-width:0!important}.input-with-icon>svg,.v293-search-control>svg{position:absolute!important;left:13px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;color:#7d899c!important;pointer-events:none!important;z-index:2!important}.input-with-icon input,.v293-search-control input{padding-right:13px!important;padding-left:42px!important}
.money-field{position:relative!important}.money-field input{direction:ltr!important;text-align:right!important;padding-right:13px!important;padding-left:70px!important}.money-field>span{position:absolute!important;left:12px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;color:var(--ui-muted)!important;font-size:8.5px!important;font-weight:700!important;pointer-events:none!important;white-space:nowrap!important}
.money-display{direction:ltr!important;display:inline-flex!important;flex-direction:row-reverse!important;align-items:baseline!important;justify-content:flex-start!important;gap:5px!important;white-space:nowrap!important}.money-display .money-number{direction:ltr!important;text-align:right!important;font-weight:800!important}.money-display .money-unit{color:var(--ui-muted)!important;font-size:.68em!important;font-weight:600!important}
.filters{margin:0 0 16px!important;padding:14px!important;display:grid!important;grid-template-columns:minmax(280px,1fr) 190px auto!important;align-items:end!important;gap:11px!important;box-shadow:var(--ui-shadow)!important}.filters .grow{min-width:0!important}.filters .btn{height:var(--ui-control)!important}
.form-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.preview-note,.message-security-note{border:1px solid #cfe0f8!important;border-radius:11px!important;background:#f3f8ff!important;color:#28547e!important;padding:11px 12px!important;display:flex!important;align-items:flex-start!important;gap:8px!important;font-size:9px!important;line-height:1.8!important}.preview-note svg,.message-security-note svg{margin-top:2px!important;flex:0 0 auto!important}
.advanced-fields{border:1px solid var(--ui-line)!important;border-radius:12px!important;background:var(--ui-surface-soft)!important;overflow:hidden!important}.advanced-fields>summary{min-height:46px!important;padding:0 13px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;font-size:10px!important;font-weight:700!important;color:var(--ui-text)!important;list-style:none!important}.advanced-fields>summary::-webkit-details-marker{display:none!important}.advanced-fields[open]>summary{border-bottom:1px solid var(--ui-line)!important;background:#fff!important}.advanced-fields>.form-grid{padding:14px!important}

/* ===== Table system ===== */
.table-wrap{width:100%!important;max-width:100%!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;overflow:auto!important;background:#fff!important;box-shadow:none!important}.table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:780px!important}.table th,.table td{height:50px!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #edf1f6!important;text-align:right!important;vertical-align:middle!important;font-size:9.5px!important;color:var(--ui-text)!important;white-space:nowrap!important}.table th{height:45px!important;background:#f8fafc!important;color:#647187!important;font-size:8.5px!important;font-weight:700!important;position:sticky!important;top:0!important;z-index:2!important}.table tbody tr:last-child td{border-bottom:0!important}.table tbody tr:hover td{background:#fbfdff!important}.row-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:nowrap!important}.row-actions form{margin:0!important}.employee-cell,.employee-card{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}.employee-cell strong,.employee-card strong{font-size:10px!important}.employee-card small{font-size:8px!important;color:var(--ui-muted)!important}.v280-avatar,.employee-card .avatar{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;font-size:9px!important;font-weight:800!important}
.pagination{margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-wrap:wrap!important}.pagination a,.pagination span{min-width:34px!important;height:34px!important;padding:0 7px!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;background:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important;color:var(--ui-text)!important}.pagination .active{background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:#fff!important}

/* ===== Dashboard ===== */
.v280-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}
.v280-kpi{min-width:0!important;min-height:155px!important;padding:16px 13px!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;overflow:hidden!important}
.v280-kpi-label{width:100%!important;min-height:28px!important;color:var(--ui-text)!important;font-size:9.5px!important;font-weight:700!important;line-height:1.55!important}.v280-kpi-icon{width:48px!important;height:48px!important;margin:7px 0!important;border-radius:50%!important;display:grid!important;place-items:center!important}.v280-kpi-icon svg{width:21px!important;height:21px!important}.v280-kpi.blue .v280-kpi-icon{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important}.v280-kpi.orange .v280-kpi-icon{background:var(--ui-orange-soft)!important;color:var(--ui-orange)!important}.v280-kpi.green .v280-kpi-icon{background:var(--ui-green-soft)!important;color:var(--ui-green)!important}.v280-kpi.purple .v280-kpi-icon{background:var(--ui-purple-soft)!important;color:var(--ui-purple)!important}.v280-kpi.red .v280-kpi-icon{background:var(--ui-red-soft)!important;color:var(--ui-red)!important}.v280-kpi>strong{font-size:24px!important;line-height:1.25!important;color:var(--ui-ink)!important;font-weight:850!important}.v280-kpi>small{margin-top:auto!important;padding-top:7px!important;color:var(--ui-muted)!important;font-size:8px!important;line-height:1.5!important}.v292-kpi-money{width:100%!important;min-height:35px!important;display:flex!important;align-items:center!important;justify-content:center!important}.v292-kpi-money .money-number{font-size:clamp(18px,1.5vw,24px)!important;color:var(--ui-ink)!important}.v292-kpi-money .money-unit{font-size:7.5px!important}
.v280-dashboard-grid{direction:ltr!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr) minmax(270px,.78fr)!important;grid-template-areas:"chart process follow"!important;gap:14px!important;margin-bottom:14px!important;align-items:stretch!important}.v280-dashboard-grid>*{direction:rtl!important}.v280-chart-card{grid-area:chart!important}.v280-process-card{grid-area:process!important}.v280-follow-card{grid-area:follow!important}.v280-dashboard-grid>.card{min-height:330px!important;padding:17px!important}.v280-chart{height:205px!important;margin-top:4px!important}.v280-chart svg{width:100%!important;height:100%!important;overflow:visible!important}.v280-chart-grid line{stroke:#e6ebf2!important;stroke-width:.45!important;stroke-dasharray:3 3!important}.v280-chart-area{fill:url(#chartFill)!important}.v280-chart-line{fill:none!important;stroke:var(--ui-red)!important;stroke-width:1.3!important;vector-effect:non-scaling-stroke!important}.v280-chart-point{fill:#fff!important;stroke:var(--ui-red)!important;stroke-width:.9!important;vector-effect:non-scaling-stroke!important}.v280-chart-labels{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:2px!important;color:var(--ui-muted)!important;font-size:7.5px!important;text-align:center!important}
.v280-process{position:relative!important;margin:27px 0 22px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.v280-process:before{content:""!important;position:absolute!important;right:16.5%!important;left:16.5%!important;top:25px!important;height:2px!important;background:#dbe3ee!important}.v280-process-step{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:5px!important}.v280-process-icon{width:50px!important;height:50px!important;border-radius:50%!important;border:1px solid var(--ui-line)!important;background:#f8fafc!important;color:#7a879a!important;display:grid!important;place-items:center!important}.v280-process-step.done .v280-process-icon{background:var(--ui-green-soft)!important;border-color:#bdeacd!important;color:var(--ui-green)!important}.v280-process-step.active .v280-process-icon{background:var(--ui-primary-soft)!important;border-color:#a9cef9!important;color:var(--ui-primary)!important}.v280-process-step strong{font-size:9.5px!important}.v280-process-step small{font-size:7.5px!important;color:var(--ui-muted)!important}.v280-progress{height:6px!important;border-radius:999px!important;background:#e9eef5!important;overflow:hidden!important}.v280-progress span{height:100%!important;border-radius:999px!important;background:var(--ui-primary)!important;display:block!important}
.v280-follow-list{display:grid!important;gap:0!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;overflow:hidden!important}.v280-follow-row{min-height:51px!important;padding:8px 9px!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;background:#fff!important}.v280-follow-row:last-child{border-bottom:0!important}.v280-follow-row:hover{background:#fbfdff!important}.v280-follow-icon{width:30px!important;height:30px!important;border-radius:9px!important;background:var(--ui-surface-soft)!important;color:#66758b!important;display:grid!important;place-items:center!important}.v280-follow-row strong{display:block!important;font-size:9px!important}.v280-follow-row small{display:block!important;font-size:7.5px!important;color:var(--ui-muted)!important}.v280-follow-count{min-width:24px!important;height:24px!important;padding:0 5px!important;border-radius:8px!important;background:var(--ui-red-soft)!important;color:var(--ui-red)!important;display:grid!important;place-items:center!important;font-size:8.5px!important}
.v280-bottom-grid{direction:ltr!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr) minmax(270px,.8fr)!important;grid-template-areas:"activity slips quick"!important;gap:14px!important;align-items:stretch!important}.v280-bottom-grid>*{direction:rtl!important}.v280-bottom-grid>article:nth-child(1){grid-area:activity!important}.v280-bottom-grid>article:nth-child(2){grid-area:slips!important}.v280-bottom-grid>article:nth-child(3){grid-area:quick!important}.v280-bottom-grid>.card{min-height:280px!important}.v280-activity-list,.v280-slip-list{display:grid!important;gap:0!important}.v280-activity-item,.v280-slip-item{min-height:44px!important;padding:7px 0!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}.v280-activity-item:last-child,.v280-slip-item:last-child{border-bottom:0!important}.v280-mini-icon{width:29px!important;height:29px!important;border-radius:9px!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important}.v280-activity-item strong,.v280-slip-item strong{display:block!important;font-size:8.8px!important;line-height:1.6!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v280-activity-item small,.v280-slip-item small{display:block!important;font-size:7.3px!important;color:var(--ui-muted)!important}.v280-slip-item>b{font-size:8.5px!important}.v280-quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.v280-quick{min-height:73px!important;padding:9px!important;border:1px solid var(--ui-line)!important;border-radius:11px!important;background:#fff!important;color:var(--ui-text)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important;font-size:8.5px!important;font-weight:650!important}.v280-quick:hover{background:var(--ui-primary-soft)!important;border-color:#bfd8fa!important;color:var(--ui-primary)!important}

/* ===== Message index ===== */
.v293-page-head{margin-bottom:15px!important}.v293-messages-index{padding:0!important;overflow:hidden!important}.v293-message-filter{padding:14px!important;border-bottom:1px solid var(--ui-line)!important;background:#fff!important;display:grid!important;grid-template-columns:minmax(280px,1fr) 180px 180px auto!important;align-items:end!important;gap:10px!important}.v293-filter-submit{height:var(--ui-control)!important}.v293-message-tabs{height:50px!important;padding:0 13px!important;border-bottom:1px solid var(--ui-line)!important;background:#fff!important;display:flex!important;align-items:end!important;gap:3px!important;overflow:auto!important}.v293-message-tabs a{height:48px!important;padding:0 14px!important;border-bottom:2px solid transparent!important;display:flex!important;align-items:center!important;gap:6px!important;color:var(--ui-muted)!important;font-size:9px!important;font-weight:650!important;white-space:nowrap!important}.v293-message-tabs a.active{border-color:var(--ui-primary)!important;color:var(--ui-primary)!important}.v293-message-tabs b{min-width:20px!important;height:20px!important;border-radius:999px!important;background:#f1f5f9!important;display:grid!important;place-items:center!important;font-size:7px!important}.v293-index-list{display:grid!important}.v293-index-row{min-height:83px!important;padding:12px 15px!important;border-bottom:1px solid var(--ui-line)!important;background:#fff!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) minmax(145px,auto)!important;align-items:center!important;gap:10px!important}.v293-index-row:hover{background:#fbfdff!important}.v293-index-row:last-child{border-bottom:0!important}.v293-avatar{width:38px!important;height:38px!important;border-radius:50%!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:800!important}.v293-index-copy{min-width:0!important;display:grid!important;gap:2px!important}.v293-index-copy strong{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v293-index-copy small{font-size:7.5px!important;color:var(--ui-muted)!important}.v293-index-copy p{margin:1px 0 0!important;color:#68758a!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v293-index-meta{display:grid!important;grid-template-columns:auto!important;justify-items:end!important;gap:5px!important}.v293-index-meta time{font-size:7px!important;color:var(--ui-muted)!important}.v293-index-meta>svg{color:#98a3b4!important}

/* ===== Message thread ===== */
.page-message-view .ds-container{max-width:none!important;padding:14px!important}
.v293-message-layout{direction:ltr!important;width:100%!important;height:calc(100dvh - var(--ui-topbar) - 28px)!important;min-height:610px!important;display:grid!important;grid-template-columns:290px minmax(460px,1fr) 270px!important;grid-template-areas:"list thread info"!important;gap:12px!important;align-items:stretch!important}
.v293-message-list-panel{grid-area:list!important}.v293-thread-panel{grid-area:thread!important}.v293-info-panel{grid-area:info!important}.v293-message-list-panel,.v293-thread-panel,.v293-info-panel{direction:rtl!important;min-width:0!important;height:100%!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important;overflow:hidden!important}
.v293-message-list-panel,.v293-info-panel{display:flex!important;flex-direction:column!important}.v293-thread-panel{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
.v293-panel-head{min-height:62px!important;padding:10px 12px!important;border-bottom:1px solid var(--ui-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.v293-panel-head h2{margin:0!important;font-size:12px!important;font-weight:800!important}.v293-panel-head small{display:block!important;margin-top:2px!important;font-size:7.5px!important;color:var(--ui-muted)!important}.v293-panel-actions{display:flex!important;align-items:center!important;gap:5px!important}.v293-pane-close{display:none!important;width:34px!important;height:34px!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;background:#fff!important;color:var(--ui-text)!important;place-items:center!important}
.v293-message-search{padding:10px 11px!important}.v293-message-search input{height:42px!important}.v293-message-tabs:not(.v293-index-tabs){height:42px!important;padding:0 8px!important;border-bottom:1px solid var(--ui-line)!important;display:flex!important;align-items:end!important;gap:2px!important}.v293-message-tabs:not(.v293-index-tabs) a{height:40px!important;padding:0 9px!important;display:flex!important;align-items:center!important;border-bottom:2px solid transparent!important;color:var(--ui-muted)!important;font-size:8px!important;font-weight:650!important}.v293-message-tabs:not(.v293-index-tabs) a.active{border-color:var(--ui-primary)!important;color:var(--ui-primary)!important}
.v293-conversation-list{flex:1!important;min-height:0!important;overflow-y:auto!important}.v293-conversation-row{min-height:76px!important;padding:10px!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 8px!important;background:#fff!important}.v293-conversation-row:hover{background:#fbfdff!important}.v293-conversation-row.active{background:#eef6ff!important;box-shadow:inset -3px 0 0 var(--ui-primary)!important}.v293-conversation-row .v293-avatar{grid-row:1/3!important;width:36px!important;height:36px!important}.v293-conversation-copy{min-width:0!important;display:grid!important;gap:1px!important}.v293-conversation-copy strong{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v293-conversation-copy small{font-size:7px!important;color:var(--ui-muted)!important}.v293-conversation-copy p{margin:1px 0 0!important;font-size:7.5px!important;color:#718096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v293-conversation-row time{grid-column:2!important;font-size:6.7px!important;color:#9aa5b5!important;justify-self:start!important}
.v293-thread-toolbar{min-height:56px!important;padding:8px 10px!important;border-bottom:1px solid var(--ui-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;background:#fff!important}.v293-toolbar-start,.v293-toolbar-end{display:flex!important;align-items:center!important;gap:6px!important}.v293-toolbar-end form{margin:0!important}.v293-mobile-pane-button{display:none!important;min-height:34px!important;padding:0 10px!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;background:#fff!important;color:var(--ui-text)!important;align-items:center!important;gap:6px!important;font-size:8.5px!important;font-weight:650!important}
.v293-thread-subject{min-height:72px!important;padding:10px 14px!important;border-bottom:1px solid var(--ui-line)!important;background:#fff!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}.v293-subject-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:800!important}.v293-thread-subject h1{margin:0!important;font-size:13px!important;line-height:1.5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v293-thread-subject p{margin:3px 0 0!important;font-size:7.5px!important;color:var(--ui-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v293-thread-scroll{direction:rtl!important;min-height:0!important;overflow-y:auto!important;padding:18px 18px 22px!important;background:linear-gradient(180deg,#f7f9fc 0%,#f4f7fb 100%)!important;display:flex!important;flex-direction:column!important;gap:12px!important;scrollbar-width:thin!important}.v293-date-separator{width:100%!important;display:flex!important;align-items:center!important;gap:9px!important;color:#98a4b5!important;font-size:7px!important}.v293-date-separator:before,.v293-date-separator:after{content:""!important;flex:1!important;height:1px!important;background:#dfe6ef!important}.v293-message-bubble{width:min(76%,670px)!important;max-width:100%!important;display:flex!important;align-items:flex-start!important;gap:7px!important}.v293-message-bubble.mine{align-self:flex-end!important;direction:rtl!important}.v293-message-bubble.other{align-self:flex-start!important;direction:ltr!important}.v293-bubble-avatar{width:31px!important;height:31px!important;min-width:31px!important;border-radius:50%!important;background:#e8eef7!important;color:#52617a!important;display:grid!important;place-items:center!important;font-size:8px!important;font-weight:800!important}.v293-message-bubble.mine .v293-bubble-avatar{background:#dcecff!important;color:var(--ui-primary)!important}.v293-bubble-card{direction:rtl!important;min-width:150px!important;max-width:100%!important;padding:10px 12px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 14px rgba(18,44,87,.035)!important}.v293-message-bubble.mine .v293-bubble-card{background:#eaf4ff!important;border-color:#bcd8fa!important;border-top-right-radius:5px!important}.v293-message-bubble.other .v293-bubble-card{border-top-left-radius:5px!important}.v293-bubble-head{margin-bottom:5px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.v293-bubble-head strong{font-size:8.5px!important}.v293-bubble-head time{font-size:6.7px!important;color:var(--ui-muted)!important;white-space:nowrap!important}.v293-bubble-body{font-size:10px!important;line-height:2!important;color:#27364e!important;overflow-wrap:anywhere!important;word-break:break-word!important}.v293-attachment-list{margin-top:8px!important;display:grid!important;gap:6px!important}.v293-attachment{min-width:0!important;min-height:49px!important;padding:6px 7px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:rgba(255,255,255,.78)!important;display:grid!important;grid-template-columns:31px minmax(0,1fr) 30px!important;align-items:center!important;gap:7px!important}.v293-file-icon,.v293-download-icon{width:30px!important;height:30px!important;border-radius:8px!important;display:grid!important;place-items:center!important}.v293-file-icon{background:var(--ui-green-soft)!important;color:var(--ui-green)!important}.v293-download-icon{border:1px solid var(--ui-line)!important;background:#fff!important;color:#607087!important}.v293-attachment strong,.v293-attachment small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.v293-attachment strong{font-size:8px!important}.v293-attachment small{font-size:6.7px!important;color:var(--ui-muted)!important}
.v293-composer{position:relative!important;padding:8px!important;border-top:1px solid var(--ui-line)!important;background:#fff!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px 68px!important;align-items:end!important;gap:6px!important}.v293-composer-field{display:block!important;min-width:0!important}.v293-composer-field textarea,.v293-composer-field input{width:100%!important;min-height:42px!important;max-height:120px!important;padding:10px 12px!important;border-radius:11px!important;resize:none!important;line-height:1.8!important}.v293-attach-button{width:42px!important;height:42px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#fff!important;color:#617088!important;display:grid!important;place-items:center!important;cursor:pointer!important}.v293-send-button{width:68px!important;height:42px!important;min-height:42px!important;padding:0 10px!important}.v293-file-summary{position:absolute!important;right:13px!important;bottom:3px!important;font-size:6.5px!important;color:var(--ui-muted)!important}
.v293-info-section{padding:13px!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;gap:10px!important}.v293-info-section:last-child{border-bottom:0!important}.v293-info-section h3{margin:0!important;font-size:10px!important}.v293-info-row{display:grid!important;gap:3px!important}.v293-info-row>span{font-size:7.5px!important;color:var(--ui-muted)!important}.v293-info-row>strong{font-size:8.5px!important;line-height:1.8!important;overflow-wrap:anywhere!important}.v293-participant{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}.v293-participant .v293-avatar{width:34px!important;height:34px!important}.v293-participant strong,.v293-participant small{display:block!important}.v293-participant strong{font-size:8.5px!important}.v293-participant small{font-size:7px!important;color:var(--ui-muted)!important}
.v293-message-overlay{display:none!important}

/* ===== Work / reports / general page polish ===== */
.v280-work-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.v280-work-kpi{min-height:112px!important;padding:14px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:10px!important}.v280-work-kpi .v280-kpi-icon{width:46px!important;height:46px!important;margin:0!important}.v280-work-kpi strong{font-size:21px!important}.v280-work-kpi small{font-size:7.8px!important;color:var(--ui-muted)!important}.v280-alert-strip{margin-bottom:14px!important;border:1px solid #ffd2d7!important;border-radius:14px!important;background:#fff7f8!important;box-shadow:none!important}.v280-toolbar{margin-bottom:14px!important;padding:13px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;display:grid!important;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(130px,.55fr)) auto!important;align-items:end!important;gap:9px!important}.v280-toolbar-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}.v280-work-form{margin-bottom:14px!important}.v280-work-form>summary{cursor:pointer!important;list-style:none!important}.v280-work-form>summary::-webkit-details-marker{display:none!important}.v280-work-table{padding:0!important;overflow:hidden!important}.v280-work-table>.card-head{padding:16px 17px 0!important}.settings-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}.settings-layout>section:last-child{grid-column:1/-1!important}

/* ===== Login ===== */
.auth-body{min-height:100dvh!important;margin:0!important;padding:24px!important;background:radial-gradient(circle at 30% 10%,#fff 0,#f6f8fc 40%,#eef2f8 100%)!important;display:grid!important;place-items:center!important}
.auth-shell{width:min(430px,100%)!important;min-height:0!important;height:auto!important;display:block!important}.auth-card{width:100%!important;min-height:0!important;height:auto!important;padding:28px!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 24px 70px rgba(10,32,73,.13)!important}.auth-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.auth-brand img{width:50px!important;height:50px!important;border-radius:13px!important;object-fit:cover!important;box-shadow:0 6px 18px rgba(8,26,65,.12)!important}.auth-brand>div{display:flex!important;flex-direction:column!important}.auth-brand strong{font-size:17px!important;color:var(--ui-navy)!important}.auth-brand span{font-size:8px!important;color:var(--ui-muted)!important}.auth-heading{margin:20px 0 18px!important;text-align:center!important}.auth-heading>span{display:inline-flex!important;min-height:23px!important;padding:0 8px!important;border-radius:999px!important;background:var(--ui-red-soft)!important;color:var(--ui-red)!important;align-items:center!important;font-size:7.5px!important;font-weight:700!important}.auth-heading h1{margin:8px 0 3px!important;font-size:22px!important;color:var(--ui-navy)!important}.auth-heading p{margin:0!important;font-size:9px!important;color:var(--ui-muted)!important}.auth-form{display:grid!important;gap:13px!important}.auth-input-wrap{position:relative!important;display:block!important}.auth-input-wrap>svg{position:absolute!important;right:13px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;color:#76849a!important;pointer-events:none!important;z-index:2!important}.auth-input-wrap input{direction:rtl!important;text-align:right!important;padding-right:42px!important;padding-left:44px!important}.auth-input-wrap input::placeholder{direction:rtl!important;text-align:right!important}.auth-input-wrap .password-toggle{position:absolute!important;left:5px!important;right:auto!important;top:4px!important;width:38px!important;height:38px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#748197!important;display:grid!important;place-items:center!important}.auth-submit{width:100%!important;height:46px!important;margin-top:2px!important;background:var(--ui-red)!important;border-color:var(--ui-red)!important}.auth-submit:hover{background:#c91929!important;border-color:#c91929!important}.auth-feature-row{margin-top:15px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.auth-feature-row>span{min-height:42px!important;padding:5px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:7px!important;color:var(--ui-text)!important}.auth-support{margin-top:13px!important;text-align:center!important;font-size:7.5px!important;color:var(--ui-muted)!important}.auth-footer{margin-top:12px!important;text-align:center!important;font-size:7px!important;color:#8b97a9!important}

/* ===== Mobile / tablet ===== */
.mobile-bottom-nav{display:none!important}
@media(max-width:1240px){
  .v280-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v280-dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)!important;grid-template-areas:"chart process" "follow follow"!important}.v280-follow-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v280-follow-row:nth-child(odd){border-left:1px solid var(--ui-line)!important}.v280-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"activity slips" "quick quick"!important}.v280-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v293-message-layout{grid-template-columns:260px minmax(420px,1fr) 240px!important}.v280-toolbar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(130px,.6fr))!important}.v280-toolbar-actions{grid-column:1/-1!important}
}
@media(max-width:900px){
  .ds-sidebar{width:min(84vw,290px)!important;transform:translateX(105%)!important;visibility:visible!important;display:flex!important}.ds-sidebar.open{transform:translateX(0)!important}.ds-main,body.sidebar-collapsed .ds-main{margin-right:0!important}.ds-topbar{height:64px!important;min-height:64px!important;padding:0 10px!important;gap:8px!important}.menu-toggle{display:grid!important}.ds-page-title strong{font-size:16px!important}.ds-date-chip{display:none!important}.ds-profile{width:40px!important;min-width:40px!important;height:40px!important;padding:2px!important;display:grid!important;grid-template-columns:1fr!important}.ds-profile>span:nth-child(2),.ds-profile>svg{display:none!important}.ds-profile-avatar{width:34px!important;height:34px!important}.ds-container{padding:14px 12px 84px!important}.mobile-overlay{position:fixed!important;inset:0!important;z-index:1100!important;background:rgba(4,18,45,.48)!important;border:0!important;backdrop-filter:blur(2px)!important}.mobile-overlay:not([hidden]){display:block!important}.page-head{align-items:flex-start!important}.page-head h1{font-size:18px!important}.page-head p{font-size:9px!important}.card{padding:14px!important;border-radius:14px!important}
  .mobile-bottom-nav{position:fixed!important;z-index:1000!important;right:0!important;left:0!important;bottom:0!important;height:67px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--ui-line)!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 28px rgba(15,35,75,.09)!important;backdrop-filter:blur(13px)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.mobile-bottom-nav a{position:relative!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;color:#758198!important;font-size:7px!important;font-weight:650!important}.mobile-bottom-nav a.active{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important}.mobile-bottom-nav b{position:absolute!important;top:1px!important;left:20%!important;min-width:15px!important;height:15px!important;padding:0 3px!important;border-radius:999px!important;background:var(--ui-red)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:6.5px!important}.footer-note{display:none!important}
  .form-grid,.settings-layout{grid-template-columns:1fr!important}.settings-layout>section:last-child{grid-column:auto!important}.filters{grid-template-columns:minmax(0,1fr) 160px auto!important}.table-wrap{border-radius:12px!important}
  .v280-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.v280-kpi{min-height:132px!important;padding:12px 9px!important}.v280-kpi-label{min-height:25px!important;font-size:8.5px!important}.v280-kpi-icon{width:42px!important;height:42px!important}.v280-kpi>strong{font-size:20px!important}.v292-kpi-money .money-number{font-size:17px!important}.v280-dashboard-grid,.v280-bottom-grid{direction:ltr!important;display:flex!important;overflow-x:auto!important;gap:10px!important;margin-inline:-12px!important;padding:0 12px 7px!important;scroll-snap-type:x mandatory!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important}.v280-dashboard-grid::-webkit-scrollbar,.v280-bottom-grid::-webkit-scrollbar{display:none!important}.v280-dashboard-grid>.card,.v280-bottom-grid>.card{direction:rtl!important;flex:0 0 min(86vw,440px)!important;width:min(86vw,440px)!important;min-width:min(86vw,440px)!important;scroll-snap-align:center!important}.v280-dashboard-grid>.card{min-height:310px!important}.v280-bottom-grid>.card{min-height:280px!important}.v280-follow-list{grid-template-columns:1fr!important}.v280-follow-row:nth-child(odd){border-left:0!important}.v280-bottom-grid{margin-top:0!important}.v280-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v280-work-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v280-toolbar{grid-template-columns:1fr 1fr!important}.v280-toolbar>*{min-width:0!important}.v280-toolbar .grow,.v280-toolbar-actions{grid-column:1/-1!important}.v280-toolbar-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.v280-toolbar-actions .btn{width:100%!important}.v280-work-table{overflow:hidden!important}
  .page-message-view .ds-container{padding:7px 7px 74px!important}.v293-message-layout{height:calc(100dvh - 64px - 12px)!important;min-height:490px!important;display:block!important}.v293-thread-panel{height:100%!important;border-radius:13px!important}.v293-message-list-panel,.v293-info-panel{position:fixed!important;top:0!important;bottom:0!important;width:min(90vw,360px)!important;height:100dvh!important;z-index:1700!important;border-radius:0!important;transition:transform .22s ease!important;box-shadow:0 0 55px rgba(4,18,45,.28)!important}.v293-message-list-panel{left:0!important;right:auto!important;transform:translateX(-105%)!important}.v293-info-panel{right:0!important;left:auto!important;transform:translateX(105%)!important}body.message-list-open .v293-message-list-panel{transform:translateX(0)!important}body.message-info-open .v293-info-panel{transform:translateX(0)!important}body.message-pane-open{overflow:hidden!important}.v293-pane-close{display:grid!important}.v293-mobile-pane-button{display:inline-flex!important}.v293-message-overlay{position:fixed!important;inset:0!important;z-index:1600!important;background:rgba(4,18,45,.5)!important;border:0!important;backdrop-filter:blur(2px)!important}.v293-message-overlay:not([hidden]){display:block!important}.v293-thread-scroll{padding:13px 9px 16px!important}.v293-message-bubble{width:min(88%,590px)!important}.v293-composer{grid-template-columns:minmax(0,1fr) 40px 52px!important}.v293-send-button{width:52px!important;padding:0!important}.v293-send-button span{display:none!important}
  .v293-message-filter{grid-template-columns:1fr 1fr!important}.v293-filter-search{grid-column:1/-1!important}.v293-filter-submit{grid-column:1/-1!important;width:100%!important}.v293-index-row{grid-template-columns:38px minmax(0,1fr)!important}.v293-index-meta{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important}.v293-index-meta>svg{display:none!important}
}
@media(max-width:600px){
  .ds-container{padding-inline:9px!important}.ds-top-actions{gap:5px!important}.message-shortcut{width:38px!important;height:38px!important;min-width:38px!important}.page-head{margin-bottom:13px!important}.page-head p{display:none!important}.page-head>.btn{min-height:38px!important;padding-inline:10px!important}.card{padding:12px!important}.form-grid{gap:12px!important}.form-actions{display:grid!important;grid-template-columns:1fr!important}.form-actions .btn{width:100%!important}.filters{grid-template-columns:1fr!important}.filters>*{grid-column:1!important}.filters .btn{width:100%!important}
  .v280-kpis{gap:8px!important}.v280-kpi{min-height:126px!important}.v280-kpi-icon{width:39px!important;height:39px!important;margin:5px 0!important}.v280-kpi>strong{font-size:19px!important}.v280-kpi>small{font-size:7px!important}.v280-dashboard-grid>.card,.v280-bottom-grid>.card{flex-basis:calc(100vw - 28px)!important;width:calc(100vw - 28px)!important;min-width:calc(100vw - 28px)!important}.v280-chart{height:180px!important}.v280-process-icon{width:43px!important;height:43px!important}.v280-quick{min-height:66px!important}
  .v280-work-kpi{min-height:94px!important;padding:10px!important;grid-template-columns:38px minmax(0,1fr)!important}.v280-work-kpi .v280-kpi-icon{width:38px!important;height:38px!important}.v280-toolbar{grid-template-columns:1fr!important}.v280-toolbar>*{grid-column:1!important}.v280-toolbar-actions{grid-template-columns:1fr!important}
  .responsive-table{min-width:0!important}.responsive-table thead{display:none!important}.responsive-table,.responsive-table tbody{display:block!important}.responsive-table tr{display:block!important;padding:8px 10px!important;border-bottom:1px solid var(--ui-line)!important}.responsive-table td{height:auto!important;min-height:35px!important;padding:6px 0!important;border:0!important;display:grid!important;grid-template-columns:minmax(96px,38%) minmax(0,1fr)!important;align-items:center!important;gap:8px!important;text-align:left!important;white-space:normal!important}.responsive-table td:before{content:attr(data-label)!important;text-align:right!important;color:var(--ui-muted)!important;font-size:7.5px!important;font-weight:650!important}.responsive-table td.actions-cell{display:flex!important;justify-content:flex-end!important}.responsive-table td.actions-cell:before{display:none!important}.row-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.row-actions .btn,.row-actions form,.row-actions form .btn{width:100%!important}
  .v293-thread-toolbar{min-height:50px!important;padding:6px!important}.v293-thread-toolbar .btn.small{width:34px!important;min-width:34px!important;padding:0!important;font-size:0!important}.v293-thread-toolbar .btn.small svg{display:block!important}.v293-mobile-pane-button{width:34px!important;padding:0!important;justify-content:center!important}.v293-mobile-pane-button span{display:none!important}.v293-thread-subject{min-height:62px!important;padding:8px!important;grid-template-columns:35px minmax(0,1fr)!important}.v293-thread-subject>.badge{display:none!important}.v293-subject-avatar{width:35px!important;height:35px!important}.v293-thread-subject h1{font-size:11px!important}.v293-message-bubble{width:94%!important}.v293-bubble-avatar{display:none!important}.v293-bubble-card{min-width:120px!important;padding:9px 10px!important}.v293-bubble-body{font-size:9.5px!important}.v293-composer{padding:6px!important;gap:5px!important}.v293-message-list-panel,.v293-info-panel{width:94vw!important}.v293-message-filter{grid-template-columns:1fr!important}.v293-filter-search,.v293-filter-submit{grid-column:1!important}.v293-index-row{padding:10px!important}
  .auth-body{padding:12px!important}.auth-card{padding:22px 17px!important;border-radius:18px!important}.auth-heading h1{font-size:19px!important}.auth-feature-row{gap:5px!important}.auth-feature-row>span{font-size:6.5px!important}
}
@media(max-width:390px){
  .v280-kpi{min-height:121px!important;padding:10px 7px!important}.v280-kpi-label{font-size:7.8px!important}.v280-kpi>small{font-size:6.5px!important}.v280-work-kpis{gap:7px!important}.v280-work-kpi{grid-template-columns:34px minmax(0,1fr)!important}.v280-work-kpi .v280-kpi-icon{width:34px!important;height:34px!important}.mobile-bottom-nav a{font-size:6.4px!important}.v293-message-bubble{width:96%!important}.v293-thread-scroll{padding-inline:7px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.ds-sidebar,.ds-topbar,.mobile-bottom-nav,.footer-note{display:none!important}.ds-main{margin:0!important;width:100%!important}.ds-container{padding:0!important}.card{box-shadow:none!important}}

/* ===== Compose / correspondence guidance ===== */
.compose-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important;align-items:start!important}.message-compose{min-width:0!important}.compose-guide{position:sticky!important;top:calc(var(--ui-topbar) + 18px)!important;padding:0!important;overflow:hidden!important}.compose-guide-head{min-height:70px!important;padding:14px!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:9px!important}.compose-guide-head-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important}.compose-guide-head h2{margin:0!important;font-size:12px!important}.compose-guide-head .card-subtitle{margin:2px 0 0!important;font-size:7.8px!important}.compose-guide-list{display:grid!important}.compose-guide-item{min-height:66px!important;padding:10px 13px!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:9px!important}.compose-guide-item:last-child{border-bottom:0!important}.compose-guide-icon{width:34px!important;height:34px!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;color:#64748b!important;display:grid!important;place-items:center!important}.compose-guide-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.compose-guide-copy strong{font-size:9px!important;line-height:1.5!important}.compose-guide-copy small{font-size:7.5px!important;line-height:1.8!important;color:var(--ui-muted)!important;white-space:normal!important;overflow-wrap:anywhere!important}.message-security-note{align-items:center!important}.message-note-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;background:#e5f0ff!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important}.message-note-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.message-note-copy strong{font-size:9px!important;line-height:1.5!important}.message-note-copy small{font-size:7.5px!important;line-height:1.85!important;color:#4c6481!important;white-space:normal!important;overflow-wrap:anywhere!important}.compose-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}.autosave-line{font-size:7.5px!important;color:var(--ui-muted)!important}.draft-attachments{display:grid!important;gap:7px!important}.draft-attachments>span{min-height:42px!important;padding:6px 8px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important;display:flex!important;align-items:center!important;gap:6px!important;font-size:8px!important}.draft-attachment-remove{margin-right:auto!important;width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;background:var(--ui-red-soft)!important;color:var(--ui-red)!important;display:grid!important;place-items:center!important}

/* ===== Letters ===== */
.v280-letter-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.v280-letter-kpis .v280-kpi{min-height:140px!important}.v280-letter-archive{padding:0!important;overflow:hidden!important}.v280-letter-archive>.card-head{padding:16px 17px 0!important}.v280-letter-filter{padding:13px 17px!important;border-bottom:1px solid var(--ui-line)!important;display:grid!important;grid-template-columns:minmax(280px,1fr) 170px 150px auto!important;align-items:end!important;gap:9px!important}.v280-letter-filter label{min-width:0!important}.v280-letter-filter .btn{height:var(--ui-control)!important}.v280-letter-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr)!important;gap:14px!important;align-items:start!important}.v280-letter-compose,.v280-letter-archive{min-width:0!important}.v280-letter-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;margin-bottom:14px!important}.v280-token-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin:10px 0 12px!important}.v280-token-row button{min-height:31px!important;padding:0 9px!important;border:1px solid var(--ui-line)!important;border-radius:9px!important;background:var(--ui-surface-soft)!important;color:#536279!important;font-size:7.8px!important;font-weight:650!important}.v280-token-row button:hover{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;border-color:#c5ddfa!important}.v280-editor{border:1px solid var(--ui-line-strong)!important;border-radius:11px!important;overflow:hidden!important;background:#fff!important}.v280-editor-toolbar{min-height:40px!important;padding:4px 6px!important;border-bottom:1px solid var(--ui-line)!important;background:var(--ui-surface-soft)!important;display:flex!important;align-items:center!important;gap:3px!important}.v280-editor-toolbar button{width:31px!important;height:31px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#5d6b80!important;display:grid!important;place-items:center!important}.v280-editor-toolbar button:hover{background:#fff!important;color:var(--ui-primary)!important}.v280-editor textarea{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:330px!important}.letter-preview-sheet{min-height:480px!important;padding:24px!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 8px 28px rgba(15,35,75,.045)!important}.letter-preview-brand{padding-bottom:14px!important;margin-bottom:14px!important;border-bottom:1px solid var(--ui-line)!important;display:flex!important;align-items:center!important;gap:9px!important}.letter-preview-brand img{width:42px!important;height:42px!important;border-radius:10px!important;object-fit:cover!important}.letter-preview-brand strong,.letter-preview-brand small{display:block!important}.letter-preview-brand strong{font-size:10px!important}.letter-preview-brand small{font-size:7.5px!important;color:var(--ui-muted)!important}.letter-preview-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:var(--ui-muted)!important;font-size:8px!important}.letter-preview-sheet h3{margin:25px 0 14px!important;font-size:12px!important;text-align:center!important}.letter-preview-body{font-size:9.5px!important;line-height:2.25!important;color:var(--ui-text)!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* ===== Reports and payroll ===== */
.report-filter-card{padding:14px!important}.accounting-report-filters{display:grid!important;grid-template-columns:170px 190px minmax(280px,1fr) auto!important;align-items:end!important;gap:10px!important}.filter-field{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important}.filter-field>label{font-size:9px!important;font-weight:700!important;color:var(--ui-text)!important}.filter-search-control{position:relative!important}.filter-search-control input{padding-right:13px!important;padding-left:42px!important}.filter-search-icon{position:absolute!important;left:13px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;color:#7d899c!important;display:grid!important;place-items:center!important;pointer-events:none!important}.filter-search-icon svg{width:17px!important;height:17px!important}.report-currency-groups{display:grid!important;gap:14px!important;margin-bottom:14px!important}.report-currency-card .card-head p{margin:2px 0 0!important;font-size:8px!important;color:var(--ui-muted)!important}.accounting-stats,.report-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin:0!important}.report-stats .stat-card{min-height:100px!important;padding:12px!important;box-shadow:none!important}.report-stats .stat-card strong{font-size:13px!important}.report-stats .stat-card span,.report-stats .stat-card small{font-size:7.5px!important}.simple-flow,.payroll-timeline{margin:0 0 14px!important;padding:11px 13px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;box-shadow:var(--ui-shadow)!important}.simple-flow-step{min-height:60px!important;padding:8px!important;border-radius:10px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;background:var(--ui-surface-soft)!important}.simple-flow-step>b{width:32px!important;height:32px!important;border-radius:50%!important;background:#e8edf5!important;color:#6f7e93!important;display:grid!important;place-items:center!important}.simple-flow-step.done>b{background:var(--ui-green-soft)!important;color:var(--ui-green)!important}.simple-flow-step.active{background:var(--ui-primary-soft)!important}.simple-flow-step.active>b{background:var(--ui-primary)!important;color:#fff!important}.simple-flow-step strong,.simple-flow-step small{display:block!important}.simple-flow-step strong{font-size:9px!important}.simple-flow-step small{font-size:7px!important;color:var(--ui-muted)!important}.section-title{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:9px!important}.section-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;display:grid!important;place-items:center!important}.section-title h2{margin:0!important}.section-title p{margin:2px 0 0!important;font-size:8px!important;color:var(--ui-muted)!important}.export-help-grid{margin-top:13px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.export-help-grid>div{min-height:70px!important;padding:11px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:var(--ui-surface-soft)!important}.export-help-grid strong,.export-help-grid span{display:block!important}.export-help-grid strong{font-size:9px!important}.export-help-grid span{margin-top:3px!important;font-size:7.5px!important;color:var(--ui-muted)!important;line-height:1.8!important}

/* ===== Update / utility cards ===== */
.update-readiness-card,.update-upload-card,.update-clean-form,.rules-card,.user-form{min-width:0!important}.update-readiness-card,.update-upload-card{border-radius:14px!important}.update-clean-form{display:grid!important;gap:12px!important}.csv-help{font-size:8px!important;line-height:1.9!important;color:var(--ui-muted)!important}.xl{grid-column:1/-1!important}.message-mini-list{display:grid!important;gap:7px!important}

@media(max-width:1100px){
  .compose-shell{grid-template-columns:1fr!important}.compose-guide{position:static!important}.compose-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compose-guide-item:nth-child(odd){border-left:1px solid var(--ui-line)!important}.v280-letter-main{grid-template-columns:1fr!important}.accounting-stats,.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v280-letter-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .v280-letter-filter{grid-template-columns:minmax(0,1fr) 150px 140px!important}.v280-letter-filter .btn{grid-column:1/-1!important;width:100%!important}.accounting-report-filters{grid-template-columns:1fr 1fr!important}.accounting-report-filters .filter-search,.accounting-report-filters .form-actions{grid-column:1/-1!important}.accounting-report-filters .form-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.v280-letter-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .compose-guide-list{grid-template-columns:1fr!important}.compose-guide-item:nth-child(odd){border-left:0!important}.compose-actions{display:grid!important;grid-template-columns:1fr!important}.compose-actions .btn{width:100%!important}.v280-letter-filter{grid-template-columns:1fr!important}.v280-letter-filter>*{grid-column:1!important}.v280-letter-filter .btn{width:100%!important}.v280-letter-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.v280-letter-actions .btn{width:100%!important}.letter-preview-sheet{min-height:380px!important;padding:17px!important}.accounting-report-filters{grid-template-columns:1fr!important}.accounting-report-filters>*{grid-column:1!important}.accounting-report-filters .form-actions{grid-template-columns:1fr!important}.accounting-stats,.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.simple-flow,.payroll-timeline{grid-template-columns:1fr!important}.export-help-grid{grid-template-columns:1fr!important}.v280-letter-kpis{gap:8px!important}.v280-letter-kpis .v280-kpi{min-height:122px!important}
}
.accounting-page-head{align-items:flex-end!important}.filter-year,.filter-status{min-width:0!important}.v292-money-kpi{overflow:hidden!important}.v280-alert-strip{padding:12px!important;display:grid!important;grid-template-columns:minmax(180px,.8fr) repeat(4,minmax(130px,1fr))!important;align-items:stretch!important;gap:8px!important}.v280-alert-title{min-height:60px!important;padding:9px 11px!important;border-radius:10px!important;background:#fff!important;color:var(--ui-red)!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:10px!important;font-weight:800!important}.v280-alert-item{min-height:60px!important;padding:8px 10px!important;border-right:1px solid #ffdfe3!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}.v280-alert-item strong,.v280-alert-item small{display:block!important}.v280-alert-item strong{font-size:8.5px!important}.v280-alert-item small{font-size:7px!important;color:var(--ui-muted)!important}.v280-alert-item>b{min-width:25px!important;height:25px!important;padding:0 5px!important;border-radius:8px!important;background:#fff!important;color:var(--ui-red)!important;display:grid!important;place-items:center!important;font-size:8px!important}
@media(max-width:1100px){.v280-alert-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v280-alert-title{grid-column:1/-1!important}.v280-alert-item{border-right:0!important;border-top:1px solid #ffdfe3!important}}
@media(max-width:600px){.accounting-page-head{align-items:flex-start!important}.v280-alert-strip{grid-template-columns:1fr!important}.v280-alert-title{grid-column:1!important}.v280-alert-item{grid-column:1!important}}

/* Official hooger logo — exact source image, no crop/filter/recolor */
.ds-brand{
  justify-content:center!important;
  overflow:hidden!important;
}
.ds-brand-logo{
  display:block!important;
  width:66px!important;
  height:66px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
body.sidebar-collapsed .ds-brand-logo{
  width:50px!important;
  height:50px!important;
}
@media (max-width:900px){
  .ds-brand-logo{
    width:62px!important;
    height:62px!important;
  }
}


/* v3.1.1 — official Hooger logo lock and installer fallback */
.install-brand-logo,
.install-brand img,
.auth-brand img,
.ds-brand-logo,
.brand-logo{
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
.install-brand-logo,
.install-brand img{
  width:52px!important;
  height:55px!important;
  max-width:52px!important;
  max-height:55px!important;
  flex:0 0 52px!important;
  display:block!important;
  border-radius:12px!important;
}
@media(max-width:760px){
  .install-brand-logo,
  .install-brand img{
    width:44px!important;
    height:46px!important;
    max-width:44px!important;
    max-height:46px!important;
    flex-basis:44px!important;
  }
}

/* ========================================================================
   v3.1.2 — focused UI/UX repair layer
   Login alignment, readable hierarchy, desktop navigation, profile menu,
   system health and fully RTL internal messaging.
   ======================================================================== */
html{font-family:var(--font)!important;-webkit-text-size-adjust:100%}
body,input,select,textarea,button{font-family:var(--font)!important}
body{font-size:14px!important;line-height:1.8!important}

/* Stronger and readable content hierarchy */
.page-head{margin-bottom:22px!important;align-items:flex-start!important}
.page-head h1{font-size:clamp(24px,2vw,30px)!important;line-height:1.45!important;font-weight:900!important;letter-spacing:-.35px!important;color:#101b38!important}
.page-head p{font-size:13px!important;line-height:1.9!important;margin-top:5px!important;color:#66738a!important}
.page-eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;margin-bottom:7px!important;color:#334d93!important;font-size:11px!important;font-weight:800!important}
.card h2,.card-head h2,.section-title h2{font-size:18px!important;line-height:1.55!important;font-weight:900!important;letter-spacing:-.15px!important;color:#14234f!important}
.card h3{font-size:15px!important;line-height:1.6!important;font-weight:850!important;color:#1e2d53!important}
.card-subtitle,.section-title p{font-size:12px!important;line-height:1.9!important;color:#6b778d!important}
label>span,.field-label,.filter-field>label{font-size:12px!important;font-weight:800!important;line-height:1.7!important;color:#334155!important}
.table th{font-size:12px!important;font-weight:850!important}.table td{font-size:13px!important;line-height:1.75!important}
.btn{font-size:12px!important;font-weight:850!important}

/* Login: icons and text are isolated in a stable field grid */
.auth-card{max-width:520px!important;padding:36px 40px!important}
.auth-form{gap:18px!important}
.auth-form label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin:0!important}
.auth-field-label{display:block!important;position:static!important;font-size:13px!important;line-height:1.6!important;font-weight:850!important;color:#29364d!important}
.auth-input-wrap{position:relative!important;display:block!important;width:100%!important;height:54px!important;isolation:isolate!important}
.auth-input-wrap>svg{position:absolute!important;right:16px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:19px!important;height:19px!important;z-index:3!important;pointer-events:none!important;color:#74829a!important}
.auth-input-wrap input{display:block!important;width:100%!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0 48px 0 16px!important;border:1px solid #d7dfeb!important;border-radius:13px!important;background:#fff!important;color:#172033!important;font-size:14px!important;line-height:54px!important;text-align:right!important;direction:rtl!important;box-sizing:border-box!important}
.auth-input-wrap.password-wrap input{padding-left:54px!important}
.auth-input-wrap input::placeholder{font-size:13px!important;color:#9aa6b6!important;opacity:1!important}
.auth-input-wrap input:focus{border-color:#3556a8!important;box-shadow:0 0 0 4px rgba(53,86,168,.11)!important;outline:0!important}
.auth-input-wrap .password-toggle{position:absolute!important;left:7px!important;right:auto!important;top:7px!important;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:#f4f6fa!important;color:#66758c!important;z-index:4!important;padding:0!important;margin:0!important}
.auth-input-wrap .password-toggle svg{position:static!important;transform:none!important;width:19px!important;height:19px!important}
.auth-submit{min-height:52px!important;font-size:13px!important;gap:8px!important}
.auth-feature-row>span{font-size:10px!important;line-height:1.6!important;gap:7px!important;padding:8px!important}
.auth-feature-row>span svg{position:static!important;flex:0 0 auto!important}
.auth-heading h1{font-size:27px!important}.auth-heading p{font-size:12px!important}.auth-brand strong{font-size:20px!important}.auth-brand span{font-size:10px!important}.auth-support{font-size:10px!important}

/* Desktop already owns a permanent sidebar: hamburger exists only on mobile */
.menu-toggle,.mobile-only-menu-toggle{display:none!important}
@media(max-width:900px){.menu-toggle,.mobile-only-menu-toggle{display:grid!important}}

/* Profile trigger and dropdown: icon/avatar/copy stay in one row */
.ds-profile{display:grid!important;grid-template-columns:40px minmax(110px,1fr) 18px!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:6px 9px!important;direction:rtl!important;text-align:right!important}
.ds-profile>.ds-profile-avatar{grid-column:1!important}.ds-profile>span:not(.ds-profile-avatar){grid-column:2!important;display:flex!important;flex-direction:column!important;min-width:0!important;align-items:flex-start!important;justify-content:center!important;line-height:1.45!important}.ds-profile>span:not(.ds-profile-avatar)>strong{font-size:12px!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ds-profile>span:not(.ds-profile-avatar)>small{font-size:10px!important;color:#778398!important}.ds-profile>svg{grid-column:3!important;position:static!important;transform:none!important;justify-self:center!important}
.ds-profile-avatar{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:14px!important;font-weight:900!important}
.ds-profile-wrap{position:relative!important}
.ds-profile-menu{position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:auto!important;width:260px!important;padding:8px!important;border:1px solid #dce3ed!important;border-radius:15px!important;background:#fff!important;box-shadow:0 22px 55px rgba(15,23,42,.16)!important;z-index:120!important;direction:rtl!important;text-align:right!important}
.ds-profile-menu-head{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:10px!important;margin-bottom:6px!important;border-bottom:1px solid #e8edf4!important}.ds-profile-menu-head>span:last-child{display:flex!important;flex-direction:column!important;min-width:0!important;align-items:flex-start!important}.ds-profile-menu-head strong{font-size:12px!important}.ds-profile-menu-head small{font-size:10px!important;color:#7b8799!important}
.ds-profile-menu-item,.ds-profile-menu>a{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:44px!important;padding:5px 8px!important;border-radius:10px!important;color:#334155!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important}.ds-profile-menu-item>svg,.ds-profile-menu>a>svg{grid-column:1!important;width:18px!important;height:18px!important;justify-self:center!important;position:static!important;transform:none!important}.ds-profile-menu-item>span,.ds-profile-menu>a>span{grid-column:2!important;min-width:0!important;text-align:right!important}.ds-profile-menu-item:hover,.ds-profile-menu>a:hover{background:#f3f6fb!important}.ds-profile-menu-item.danger,.ds-profile-menu>a.danger{color:#c62828!important}.ds-profile-menu-item.danger:hover,.ds-profile-menu>a.danger:hover{background:#fef2f2!important}

/* System health: every icon and label belong to the same item */
.health-dashboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;align-items:start!important}.health-card-wide{grid-column:1/-1!important}.health-card{padding:20px!important;overflow:hidden!important}.health-card-head{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;margin-bottom:16px!important}.health-card-head>div{min-width:0!important}.health-card-head h2{margin:0!important}.health-card-head p{margin:2px 0 0!important;color:#738096!important;font-size:11px!important}.health-card-icon{width:44px!important;height:44px!important;border-radius:13px!important;background:#eef2ff!important;color:#304f9d!important;display:grid!important;place-items:center!important}.health-card-icon.blue{background:#eff8ff!important;color:#0369a1!important}.health-card-icon.amber{background:#fff7ed!important;color:#b45309!important}.health-card-icon.green{background:#f0fdf4!important;color:#15803d!important}.health-check-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.health-check-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.health-check-list{display:grid!important;gap:9px!important}.health-check-item{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-height:58px!important;padding:9px 11px!important;border:1px solid #e3e8f0!important;border-radius:12px!important;background:#fafbfd!important;direction:rtl!important}.health-item-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:#fff!important;border:1px solid #e5eaf1!important;color:#40537a!important;display:grid!important;place-items:center!important}.health-item-copy{display:flex!important;flex-direction:column!important;min-width:0!important;align-items:flex-start!important}.health-item-copy strong{font-size:12px!important;line-height:1.55!important;color:#25334d!important}.health-item-copy small{font-size:9px!important;color:#8490a2!important}.health-check-item>.badge{justify-self:end!important;white-space:nowrap!important}.health-number,.health-value{font-size:13px!important;color:#14234f!important;white-space:nowrap!important}.health-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important}.health-facts.vertical{grid-template-columns:1fr!important;margin:0!important}.health-facts>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:46px!important;padding:9px 12px!important;border:1px solid #e7ebf2!important;border-radius:10px!important;background:#fff!important}.health-facts span{font-size:11px!important;color:#718096!important}.health-facts strong{font-size:12px!important;color:#172554!important}.health-note{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:13px 0 0!important;padding:10px 12px!important;border-radius:10px!important;background:#f6f8fc!important;color:#64748b!important;font-size:10px!important;line-height:1.85!important}.health-note svg{flex:0 0 auto!important;margin-top:2px!important}

/* Message index: stable RTL rows */
.v293-page-head{direction:rtl!important}.v293-messages-index{direction:rtl!important}.v293-message-filter{direction:rtl!important}.v293-search-control{position:relative!important;display:block!important}.v293-search-control>svg{position:absolute!important;right:auto!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;pointer-events:none!important}.v293-search-control input{padding-right:14px!important;padding-left:44px!important;text-align:right!important;direction:rtl!important}.v293-index-tabs{direction:rtl!important;justify-content:flex-start!important}.v293-index-row{display:grid!important;grid-template-columns:44px minmax(0,1fr) minmax(118px,auto)!important;align-items:center!important;gap:12px!important;direction:rtl!important;text-align:right!important}.v293-index-row>.v293-avatar{grid-column:1!important}.v293-index-copy{grid-column:2!important;min-width:0!important;align-items:flex-start!important;text-align:right!important}.v293-index-meta{grid-column:3!important;align-items:flex-end!important;text-align:left!important;justify-self:stretch!important}.v293-index-copy strong{font-size:13px!important}.v293-index-copy small,.v293-index-copy p,.v293-index-meta time{font-size:10px!important;line-height:1.75!important}

/* Message view: right conversations, centered thread, left information */
.v293-message-layout{display:grid!important;grid-template-columns:290px minmax(0,1fr) 310px!important;grid-template-areas:"info thread list"!important;gap:14px!important;direction:ltr!important;align-items:stretch!important;min-width:0!important;height:calc(100vh - 118px)!important;min-height:640px!important;overflow:hidden!important}.v293-message-list-panel{grid-area:list!important;direction:rtl!important;text-align:right!important}.v293-thread-panel{grid-area:thread!important;direction:rtl!important;text-align:right!important}.v293-info-panel{grid-area:info!important;direction:rtl!important;text-align:right!important}.v293-message-list-panel,.v293-thread-panel,.v293-info-panel{min-width:0!important;border:1px solid #dfe5ee!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 25px rgba(15,23,42,.055)!important;overflow:hidden!important}.v293-panel-head,.v293-thread-toolbar,.v293-thread-subject{direction:rtl!important}.v293-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.v293-panel-head h2{font-size:16px!important}.v293-panel-head small{font-size:10px!important}.v293-panel-actions,.v293-toolbar-start,.v293-toolbar-end{display:flex!important;align-items:center!important;gap:7px!important;direction:rtl!important}.v293-conversation-list{direction:rtl!important}.v293-conversation-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;direction:rtl!important;text-align:right!important}.v293-conversation-row>.v293-avatar{grid-column:1!important}.v293-conversation-copy{grid-column:2!important;min-width:0!important;align-items:flex-start!important}.v293-conversation-row>time{grid-column:3!important;text-align:left!important;direction:rtl!important;font-size:9px!important}.v293-thread-subject{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important}.v293-thread-subject>div{min-width:0!important}.v293-thread-subject h1{font-size:19px!important;line-height:1.5!important;margin:0!important}.v293-thread-subject p{font-size:10px!important;margin:2px 0 0!important}.v293-thread-scroll{direction:rtl!important;text-align:right!important;padding:18px!important;background:#f5f7fb!important}.v293-message-bubble{display:flex!important;align-items:flex-start!important;gap:8px!important;width:100%!important;margin:0 0 14px!important;direction:rtl!important}.v293-message-bubble.mine{justify-content:flex-start!important}.v293-message-bubble.other{justify-content:flex-end!important}.v293-message-bubble.mine .v293-bubble-avatar{order:1!important}.v293-message-bubble.mine .v293-bubble-card{order:2!important;background:#eef4ff!important;border-color:#cddbf5!important}.v293-message-bubble.other .v293-bubble-avatar{order:2!important}.v293-message-bubble.other .v293-bubble-card{order:1!important;background:#fff!important;border-color:#dde4ed!important}.v293-bubble-avatar{flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important}.v293-bubble-card{width:min(72%,720px)!important;min-width:0!important;border:1px solid!important;border-radius:14px!important;padding:11px 13px!important;box-shadow:0 4px 12px rgba(15,23,42,.04)!important;direction:rtl!important;text-align:right!important}.v293-bubble-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:6px!important;direction:rtl!important}.v293-bubble-head strong{font-size:11px!important}.v293-bubble-head time{font-size:9px!important;color:#7e8a9b!important;white-space:nowrap!important}.v293-bubble-body{font-size:13px!important;line-height:2!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}.v293-attachment-list{direction:rtl!important}.v293-attachment{display:grid!important;grid-template-columns:34px minmax(0,1fr) 28px!important;align-items:center!important;gap:8px!important;direction:rtl!important;text-align:right!important}.v293-attachment>span:nth-child(2){min-width:0!important;align-items:flex-start!important}.v293-composer{display:grid!important;grid-template-columns:minmax(0,1fr) 44px auto!important;align-items:end!important;gap:8px!important;padding:12px!important;direction:rtl!important;background:#fff!important;border-top:1px solid #e1e6ee!important}.v293-composer-field{grid-column:1!important;min-width:0!important}.v293-composer-field textarea{width:100%!important;min-height:46px!important;max-height:150px!important;padding:11px 13px!important;text-align:right!important;direction:rtl!important;font-size:13px!important;line-height:1.8!important}.v293-attach-button{grid-column:2!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important}.v293-send-button{grid-column:3!important;min-height:44px!important}.v293-file-summary{grid-column:1/-1!important;text-align:right!important;direction:rtl!important}.v293-info-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;direction:rtl!important;text-align:right!important}.v293-info-row>span{grid-column:1!important}.v293-info-row>strong,.v293-info-row>b{grid-column:2!important;text-align:left!important}.v293-participant{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;direction:rtl!important}.v293-participant>.v293-avatar{grid-column:1!important}.v293-participant>span:last-child{grid-column:2!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important}

@media(max-width:1200px){.v293-message-layout{grid-template-columns:270px minmax(0,1fr)!important;grid-template-areas:"thread list"!important}.v293-info-panel{display:none!important}.health-check-grid.three{grid-template-columns:1fr!important}}
@media(max-width:900px){
  .ds-profile{grid-template-columns:38px minmax(0,1fr) 18px!important}.ds-profile>span:not(.ds-profile-avatar){display:none!important}.ds-profile{grid-template-columns:38px 18px!important;min-width:68px!important}
  .health-dashboard{grid-template-columns:1fr!important}.health-card-wide{grid-column:1!important}.health-check-grid,.health-check-grid.three{grid-template-columns:1fr!important}.health-facts{grid-template-columns:1fr!important}
  .v293-message-layout{display:block!important;height:calc(100dvh - 132px)!important;min-height:560px!important;overflow:hidden!important;direction:rtl!important}.v293-thread-panel{height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}.v293-message-list-panel,.v293-info-panel{display:flex!important;flex-direction:column!important;position:fixed!important;top:0!important;bottom:0!important;width:min(88vw,360px)!important;height:100dvh!important;z-index:160!important;border-radius:0!important;transition:transform .22s ease!important}.v293-message-list-panel{right:0!important;left:auto!important;transform:translateX(105%)!important}.v293-info-panel{left:0!important;right:auto!important;transform:translateX(-105%)!important}.message-list-open .v293-message-list-panel{transform:translateX(0)!important}.message-info-open .v293-info-panel{transform:translateX(0)!important}.v293-mobile-pane-button{display:inline-flex!important}.v293-bubble-card{width:min(84%,680px)!important}
}
@media(max-width:600px){
  .auth-card{padding:28px 22px!important}.auth-feature-row{grid-template-columns:1fr!important}.auth-feature-row>span{min-height:38px!important;justify-content:flex-start!important;padding-inline:12px!important}
  .page-head h1{font-size:23px!important}.card h2,.card-head h2,.section-title h2{font-size:17px!important}
  .v293-index-row{grid-template-columns:40px minmax(0,1fr)!important}.v293-index-meta{grid-column:2!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:6px!important}.v293-index-meta>svg{display:none!important}.v293-message-filter{grid-template-columns:1fr!important}.v293-filter-submit{width:100%!important}.v293-thread-toolbar{padding:8px!important}.v293-thread-subject{grid-template-columns:40px minmax(0,1fr)!important}.v293-thread-subject>.badge{grid-column:2!important;justify-self:start!important;margin-top:5px!important}.v293-thread-scroll{padding:12px 9px!important}.v293-message-bubble{gap:5px!important}.v293-bubble-avatar{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:10px!important}.v293-bubble-card{width:calc(100% - 36px)!important;padding:10px 11px!important}.v293-composer{grid-template-columns:minmax(0,1fr) 42px!important}.v293-composer-field{grid-column:1/-1!important}.v293-attach-button{grid-column:1!important;justify-self:start!important}.v293-send-button{grid-column:2!important;width:100%!important}.v293-send-button span{display:none!important}
}

/* ========================================================================== 
   v3.1.3 — Global RTL icon/text alignment and spacing hardening
   Every compound control follows one rule: icon at the right edge, copy next
   to it, then secondary metadata/actions at the far left.
   ========================================================================== */
html[dir="rtl"] body{direction:rtl!important;text-align:right!important}

/* Inline icon + text components */
:where(
  .btn,
  .nav a,
  .ds-sidebar-logout,
  .ds-collapse,
  .ds-profile-menu-item,
  .ds-profile-menu>a,
  .eyebrow,
  .page-eyebrow,
  .form-section,
  .advanced-fields>summary,
  .preview-note,
  .message-security-note,
  .health-note,
  .payment-readiness,
  .security-note,
  .confirm-row,
  .update-process>div,
  .update-safety-list>div,
  .auth-feature-row>span,
  .flash,
  .v293-mobile-pane-button
){direction:rtl!important;text-align:right!important}

:where(
  .btn,
  .nav a,
  .ds-sidebar-logout,
  .ds-collapse,
  .ds-profile-menu-item,
  .ds-profile-menu>a,
  .eyebrow,
  .page-eyebrow,
  .form-section,
  .advanced-fields>summary,
  .preview-note,
  .message-security-note,
  .health-note,
  .payment-readiness,
  .security-note,
  .confirm-row,
  .update-process>div,
  .update-safety-list>div,
  .auth-feature-row>span,
  .flash,
  .v293-mobile-pane-button
){align-items:center!important;justify-content:flex-start!important;gap:9px!important}

:where(
  .btn,
  .nav a,
  .ds-sidebar-logout,
  .ds-collapse,
  .ds-profile-menu-item,
  .ds-profile-menu>a,
  .eyebrow,
  .page-eyebrow,
  .form-section,
  .advanced-fields>summary,
  .preview-note,
  .message-security-note,
  .health-note,
  .payment-readiness,
  .security-note,
  .update-process>div,
  .update-safety-list>div,
  .auth-feature-row>span,
  .flash,
  .v293-mobile-pane-button
)>svg{order:-10!important;flex:0 0 auto!important;margin:0!important;position:static!important;transform:none!important}

:where(
  .btn,
  .nav a,
  .ds-sidebar-logout,
  .ds-collapse,
  .ds-profile-menu-item,
  .ds-profile-menu>a,
  .eyebrow,
  .page-eyebrow,
  .form-section,
  .advanced-fields>summary,
  .auth-feature-row>span,
  .v293-mobile-pane-button
)>span{order:0!important;min-width:0!important;text-align:right!important}

/* Buttons keep icon and label as one compact RTL unit. */
.btn{flex-direction:row!important;text-align:right!important}
.btn>svg{order:-10!important;flex:0 0 auto!important;margin:0!important}
.btn>span{order:0!important;text-align:right!important}
.btn.full{justify-content:flex-start!important}
.row-actions,.actions,.page-actions,.form-actions,.compose-actions,.workflow-actions,.v293-panel-actions,.v293-toolbar-start,.v293-toolbar-end{direction:rtl!important;text-align:right!important;justify-content:flex-start!important}
.row-actions .btn,.actions .btn,.page-actions .btn,.form-actions .btn,.compose-actions .btn,.workflow-actions .btn{direction:rtl!important}

/* Sidebar and profile navigation */
.ds-nav a,.nav a{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:right!important}
.ds-nav a>.nav-icon,.nav a>.nav-icon{order:-10!important;flex:0 0 22px!important;margin:0!important}
.ds-nav a>span:not(.nav-icon),.nav a>span:not(.nav-icon){order:0!important;text-align:right!important;min-width:0!important}
.ds-nav a>.nav-count,.nav a>.nav-count{order:10!important;margin-right:auto!important;margin-left:0!important}
.ds-sidebar-footer{direction:rtl!important;text-align:right!important}
.ds-sidebar-footer a,.ds-sidebar-footer button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;text-align:right!important}
.ds-sidebar-footer svg{order:-10!important;margin:0!important}

.ds-profile{direction:rtl!important;text-align:right!important}
.ds-profile>.ds-profile-avatar{grid-column:1!important;justify-self:start!important}
.ds-profile>span:not(.ds-profile-avatar){grid-column:2!important;align-items:flex-start!important;text-align:right!important}
.ds-profile>svg{grid-column:3!important;justify-self:end!important}
.ds-profile-menu,.ds-profile-menu-head{direction:rtl!important;text-align:right!important}
.ds-profile-menu-head>.ds-profile-avatar,.ds-profile-menu-head>span:first-child{grid-column:1!important;justify-self:start!important}
.ds-profile-menu-head>span:last-child{grid-column:2!important;align-items:flex-start!important;text-align:right!important}
.ds-profile-menu-item,.ds-profile-menu>a{grid-template-columns:28px minmax(0,1fr)!important;direction:rtl!important;text-align:right!important}
.ds-profile-menu-item>svg,.ds-profile-menu>a>svg{grid-column:1!important;grid-row:1!important;justify-self:start!important;margin:0!important}
.ds-profile-menu-item>span,.ds-profile-menu>a>span{grid-column:2!important;grid-row:1!important;text-align:right!important;justify-self:stretch!important}

/* Section headings: icon right, heading copy immediately after it. */
.section-title,.health-card-head{direction:rtl!important;text-align:right!important}
.section-title{grid-template-columns:38px minmax(0,1fr)!important}
.section-title>.section-icon{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.section-title>div{grid-column:2!important;grid-row:1!important;min-width:0!important;text-align:right!important}
.section-title h2,.section-title p,.health-card-head h2,.health-card-head p{text-align:right!important}
.health-card-head{grid-template-columns:44px minmax(0,1fr)!important}
.health-card-head>.health-card-icon{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.health-card-head>div{grid-column:2!important;grid-row:1!important;text-align:right!important}

/* Health cards: icon and label stay together on the right; state stays left. */
.health-check-item{direction:rtl!important;text-align:right!important;grid-template-columns:36px minmax(0,1fr) auto!important}
.health-check-item>.health-item-icon{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.health-check-item>.health-item-copy{grid-column:2!important;grid-row:1!important;width:100%!important;align-items:flex-start!important;text-align:right!important}
.health-check-item>.badge,.health-check-item>.health-number,.health-check-item>.health-value{grid-column:3!important;grid-row:1!important;justify-self:end!important;text-align:left!important}
.health-note{display:flex!important;flex-direction:row!important;align-items:flex-start!important}
.health-note>svg{order:-10!important;margin-top:2px!important}
.health-facts>div{direction:rtl!important;text-align:right!important}
.health-facts>div>span{text-align:right!important}
.health-facts>div>strong{margin-right:auto!important;text-align:left!important}

/* Dashboard/list cards */
.stat-card,.quick-action,.message-mini,.notification-item,.document-item{direction:rtl!important;text-align:right!important}
.stat-card,.quick-action{flex-direction:row!important;justify-content:flex-start!important}
.stat-card>.stat-icon,.quick-action>.quick-action-icon{order:-10!important;flex:0 0 auto!important}
.stat-card>div,.quick-action>div,.quick-action>span{min-width:0!important;text-align:right!important}
.message-mini,.notification-item,.document-item{grid-template-columns:auto minmax(0,1fr) auto!important}
.message-mini>:first-child,.notification-item>.notification-icon,.document-item>.document-icon{grid-column:1!important;justify-self:start!important}
.message-mini>:nth-child(2),.notification-item>div:nth-of-type(1),.document-item>div:nth-child(2){grid-column:2!important;text-align:right!important;min-width:0!important}
.notification-item>.row-actions,.document-item>.row-actions{grid-column:3!important;justify-self:end!important}

/* Flow/status items */
.simple-flow-step{direction:rtl!important;text-align:right!important;grid-template-columns:32px minmax(0,1fr)!important}
.simple-flow-step>b{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.simple-flow-step>span{grid-column:2!important;grid-row:1!important;text-align:right!important;min-width:0!important}

/* Message module — strict RTL for every icon/copy pair. */
.v293-message-layout,.v293-message-list-panel,.v293-thread-panel,.v293-info-panel,.v293-panel-head,.v293-thread-toolbar,.v293-thread-subject,.v293-conversation-row,.v293-message-bubble,.v293-bubble-card,.v293-attachment,.v293-info-row,.v293-participant,.v293-composer{font-family:var(--font)!important}
.v293-panel-head,.v293-thread-toolbar,.v293-panel-actions,.v293-toolbar-start,.v293-toolbar-end{direction:rtl!important;text-align:right!important}
.v293-panel-actions .btn,.v293-toolbar-start .btn,.v293-toolbar-end .btn,.v293-mobile-pane-button{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
.v293-panel-actions svg,.v293-toolbar-start .btn>svg,.v293-toolbar-end .btn>svg,.v293-mobile-pane-button>svg{order:-10!important;margin:0!important}
.v293-conversation-row{grid-template-columns:40px minmax(0,1fr) auto!important}
.v293-conversation-row>.v293-avatar{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.v293-conversation-row>.v293-conversation-copy{grid-column:2!important;grid-row:1!important;text-align:right!important;align-items:flex-start!important}
.v293-conversation-row>time{grid-column:3!important;grid-row:1!important;justify-self:end!important;text-align:left!important}
.v293-thread-subject>.v293-subject-avatar{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.v293-thread-subject>div{grid-column:2!important;grid-row:1!important;text-align:right!important}
.v293-thread-subject>.badge{grid-column:3!important;grid-row:1!important;justify-self:end!important}
.v293-bubble-head{direction:rtl!important;text-align:right!important}
.v293-bubble-head>strong{text-align:right!important}
.v293-bubble-head>time{margin-right:auto!important;text-align:left!important}
.v293-attachment{grid-template-columns:34px minmax(0,1fr) 28px!important}
.v293-attachment>.v293-file-icon{grid-column:1!important;justify-self:start!important}
.v293-attachment>span:nth-child(2){grid-column:2!important;text-align:right!important;align-items:flex-start!important}
.v293-attachment>.v293-download-icon{grid-column:3!important;justify-self:end!important}
.v293-participant>.v293-avatar{grid-column:1!important;justify-self:start!important}
.v293-participant>span:last-child{grid-column:2!important;text-align:right!important;align-items:flex-start!important}
.v293-send-button{direction:rtl!important}
.v293-send-button>svg{order:-10!important}
.v293-send-button>span{order:0!important}

/* Notifications, warnings and informational rows */
.flash{flex-direction:row!important;text-align:right!important}
.flash>svg:first-child{order:-10!important}
.flash>span{order:0!important;text-align:right!important;min-width:0!important}
.flash>.flash-close{order:10!important;margin-right:auto!important;margin-left:0!important}
.preview-note,.message-security-note,.payment-readiness,.security-note,.confirm-row{flex-direction:row!important;text-align:right!important}
.preview-note>svg,.message-security-note>svg,.payment-readiness>svg,.security-note>svg{order:-10!important;flex:0 0 auto!important}
.confirm-row>input{order:-10!important;flex:0 0 auto!important;margin:2px 0 0!important}
.confirm-row>span{text-align:right!important;min-width:0!important}

/* Never inherit a left-aligned label from LTR numeric/meta blocks. */
:where(.section-title,.health-card-head,.health-check-item,.quick-action,.stat-card,.message-mini,.notification-item,.document-item,.simple-flow-step,.ds-profile-menu-item,.ds-profile-menu>a) :where(h1,h2,h3,h4,p,strong,small,span){text-align:right}
:where(.health-check-item,.notification-item,.document-item,.message-mini) :where(time,.badge,.health-number,.health-value){text-align:left}

@media(max-width:900px){
  .ds-profile>svg{justify-self:center!important}
  .health-check-item{grid-template-columns:36px minmax(0,1fr) auto!important}
  .v293-message-layout{direction:rtl!important}
}
@media(max-width:600px){
  .btn.full,.form-actions .btn,.workflow-actions .btn,.compose-actions .btn{justify-content:flex-start!important}
  .health-check-item{grid-template-columns:34px minmax(0,1fr)!important;align-items:start!important}
  .health-check-item>.health-item-icon{grid-column:1!important;grid-row:1/3!important}
  .health-check-item>.health-item-copy{grid-column:2!important;grid-row:1!important}
  .health-check-item>.badge,.health-check-item>.health-number,.health-check-item>.health-value{grid-column:2!important;grid-row:2!important;justify-self:start!important;text-align:right!important;margin-top:5px!important}
  .v293-thread-subject{grid-template-columns:40px minmax(0,1fr)!important}
  .v293-thread-subject>.badge{grid-column:2!important;grid-row:2!important;justify-self:start!important}
}

/* ========================================================================== 
   Hooger HR 3.2.2 — production UI/UX audit and unified Persian RTL polish
   Scope: presentation, responsive behavior and accessibility only.
   ========================================================================== */
:root{
  --ux-content-max:1440px;
  --ux-space-1:4px;
  --ux-space-2:8px;
  --ux-space-3:12px;
  --ux-space-4:16px;
  --ux-space-5:20px;
  --ux-space-6:24px;
  --ux-space-8:32px;
  --ux-control-h:46px;
  --ux-touch:44px;
  --ux-focus:#2563eb;
  --ux-focus-ring:0 0 0 3px rgba(37,99,235,.22);
  --ux-danger-focus:0 0 0 3px rgba(229,36,53,.18);
  --ux-text:#26344d;
  --ux-muted:#64748b;
  --ux-border:#dce3ed;
  --ux-border-strong:#b9c5d4;
  --ux-surface-soft:#f8fafc;
  --ux-radius:14px;
  --ux-radius-sm:10px;
  --ux-shadow:0 5px 18px rgba(14,34,73,.055);
}

html[lang="fa"][dir="rtl"]{
  direction:rtl;
  text-align:start;
  scroll-padding-block-start:calc(var(--ui-topbar) + 16px);
  overflow-x:clip;
}
html[lang="fa"][dir="rtl"] body{
  direction:rtl!important;
  text-align:start!important;
  font-size:14px!important;
  line-height:1.82!important;
  letter-spacing:normal!important;
  overflow-x:clip!important;
}
body,body *{min-inline-size:0}
body.menu-open,body.message-pane-open{overflow:hidden!important;touch-action:none}
main,section,article,aside,header,footer,nav,form,fieldset{min-inline-size:0}
p,h1,h2,h3,h4,h5,h6,label,legend,summary,li,dt,dd{text-align:start}
p,li,dd,.flash,.empty,.health-note,.message-security-note,.preview-note{overflow-wrap:anywhere}
img,video,canvas,svg{max-inline-size:100%}
[hidden]{display:none!important}

/* Persian typography hierarchy */
h1,h2,h3,h4,h5,h6,strong,b{letter-spacing:normal!important}
.page-head h1{font-size:clamp(1.45rem,1.25rem + .45vw,1.85rem)!important;line-height:1.45!important;font-weight:850!important;color:#0f1d37!important}
.page-head p{font-size:.91rem!important;line-height:1.9!important;color:var(--ux-muted)!important;max-inline-size:74ch!important}
.card h2,.card-head h2,.section-title h2,.health-card-head h2{font-size:1.14rem!important;line-height:1.55!important;font-weight:820!important;color:#13213c!important}
.card h3,.v293-info-section h3{font-size:.98rem!important;line-height:1.6!important;font-weight:800!important;color:#1d2d4b!important}
.card-subtitle,.section-title p,.health-card-head p{font-size:.82rem!important;line-height:1.85!important;color:var(--ux-muted)!important}
small{line-height:1.75}
.nav-section-title{letter-spacing:normal!important}

/* Keyboard focus and interactive states */
:where(a,button,input,select,textarea,summary,[tabindex]):focus{outline:none}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid rgba(37,99,235,.30)!important;
  outline-offset:2px!important;
  box-shadow:var(--ux-focus-ring)!important;
}
:where(.btn,.icon-button,.menu-toggle,.message-shortcut,.password-toggle,.ds-profile,.ds-collapse,.ds-sidebar-logout,.v293-pane-close,.v293-mobile-pane-button):active:not(:disabled){transform:translateY(1px)}
:where(button,.btn,input,select,textarea):disabled,
:where(button,.btn,input,select,textarea)[aria-disabled="true"]{cursor:not-allowed!important;opacity:.58!important;filter:saturate(.65)}
:where(a,button,.btn,.nav a,.quick-action,.notification-modal-item,.v293-conversation-row){transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important}

/* Application shell, rewritten with logical properties */
.ds-sidebar{
  inset-block:0!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  border-inline-end:1px solid rgba(255,255,255,.08)!important;
}
.ds-main{
  margin-inline-start:var(--ui-sidebar)!important;
  margin-inline-end:0!important;
}
.ds-topbar{
  padding-inline:clamp(16px,2vw,28px)!important;
  padding-block:0!important;
}
.ds-top-actions{
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
}
.ds-page-title strong{font-size:1.18rem!important;font-weight:820!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ds-brand{padding-inline:18px!important;padding-block:8px!important}
.ds-brand-logo{inline-size:64px!important;block-size:64px!important;object-fit:contain!important}
.ds-sidebar-scroll{padding-inline:12px!important;padding-block:12px 16px!important}
.ds-sidebar .nav-section-title{padding-inline:13px!important;font-size:.69rem!important;font-weight:700!important}
.ds-nav a{
  min-block-size:46px!important;
  padding-inline:13px!important;
  padding-block:7px!important;
  font-size:.82rem!important;
  line-height:1.65!important;
  text-align:start!important;
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
.ds-nav a.active:after{
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  inset-block:9px!important;
  inline-size:3px!important;
  border-radius:0 4px 4px 0!important;
}
.ds-nav .nav-count{margin-inline-start:auto!important;margin-inline-end:0!important;font-size:.69rem!important}
.ds-sidebar-footer{padding-inline:12px!important;padding-block:10px 12px!important}
.ds-sidebar-footer a,.ds-sidebar-footer button{
  min-block-size:44px!important;
  padding-inline:12px!important;
  font-size:.8rem!important;
  text-align:start!important;
  direction:rtl!important;
}
.mobile-only-menu-toggle{display:none!important}

/* Header actions and profile */
.message-shortcut,.menu-toggle,.icon-button,.password-toggle,.v293-pane-close{
  min-inline-size:var(--ux-touch)!important;
  inline-size:var(--ux-touch)!important;
  min-block-size:var(--ux-touch)!important;
  block-size:var(--ux-touch)!important;
}
.message-shortcut b{inset-block-start:-5px!important;inset-inline-end:-5px!important;inset-inline-start:auto!important;font-size:.65rem!important}
.ds-date-chip{min-block-size:42px!important;font-size:.78rem!important;padding-inline:12px!important}
.ds-profile{
  min-inline-size:190px!important;
  min-block-size:48px!important;
  block-size:auto!important;
  padding-inline:7px 11px!important;
  padding-block:4px!important;
  grid-template-columns:38px minmax(0,1fr) 18px!important;
  direction:rtl!important;
  text-align:start!important;
}
.ds-profile strong{font-size:.82rem!important;line-height:1.55!important}
.ds-profile small{font-size:.69rem!important;line-height:1.55!important}
.ds-profile>svg{justify-self:end!important}
.ds-profile-menu{
  inset-block-start:calc(100% + 8px)!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  inline-size:min(248px,calc(100vw - 24px))!important;
  max-block-size:min(440px,calc(100dvh - 96px))!important;
  overflow:auto!important;
}
.ds-profile-menu-head{padding-inline:9px!important;padding-block:10px!important;direction:rtl!important;text-align:start!important}
.ds-profile-menu a{min-block-size:44px!important;padding-inline:11px!important;font-size:.82rem!important;text-align:start!important}

/* Content canvas and hierarchy */
.ds-container,.container{
  inline-size:100%!important;
  max-inline-size:var(--ux-content-max)!important;
  margin-inline:auto!important;
  padding-inline:clamp(16px,2.15vw,32px)!important;
  padding-block:clamp(18px,2vw,28px) 56px!important;
}
.page-head{margin-block-end:22px!important;gap:16px!important;align-items:flex-start!important}
.page-head>div:first-child{min-inline-size:0}
.actions,.page-actions,.row-actions,.form-actions,.compose-actions,.workflow-actions{
  direction:rtl!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
}
.card{
  border-color:var(--ux-border)!important;
  border-radius:var(--ux-radius)!important;
  box-shadow:var(--ux-shadow)!important;
  padding:clamp(16px,1.6vw,22px)!important;
}
.card:hover{border-color:#d4dce8!important}
.card-head,.section-title-row{align-items:flex-start!important;gap:14px!important;margin-block-end:16px!important}
.grid{gap:clamp(14px,1.5vw,20px)!important}
.two-col{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Cards and statistics */
.stats{gap:14px!important;margin-block-end:20px!important}
.stat-card,.quick-action{
  direction:rtl!important;
  text-align:start!important;
  border-color:var(--ux-border)!important;
  border-radius:var(--ux-radius)!important;
}
.stat-card{min-block-size:100px!important;padding:17px!important;align-items:center!important}
.stat-card>div:not(.stat-icon),.quick-action>div,.quick-action>span{min-inline-size:0!important;text-align:start!important}
.stat-card strong{font-size:clamp(1.25rem,1.1rem + .4vw,1.65rem)!important;line-height:1.35!important}
.stat-card span{font-size:.82rem!important;color:#53627a!important}
.stat-card small{font-size:.72rem!important;color:var(--ux-muted)!important}
.stat-icon,.quick-action-icon{flex:0 0 auto!important}
.quick-action{min-block-size:74px!important;padding:14px!important}
.quick-action:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(14,34,73,.075)!important}

/* Buttons and compound controls: icon at the right, copy immediately after it */
.btn,
.ds-sidebar-footer a,.ds-sidebar-footer button,
.page-eyebrow,.eyebrow,.form-section,.advanced-fields>summary,
.preview-note,.message-security-note,.health-note,.security-note,.payment-readiness,
.auth-feature-row>span,.flash,.v293-mobile-pane-button{
  direction:rtl!important;
  text-align:start!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:center!important;
}
.btn{
  min-block-size:var(--ux-touch)!important;
  min-inline-size:44px!important;
  padding-inline:14px!important;
  padding-block:8px!important;
  border-radius:var(--ux-radius-sm)!important;
  font-size:.84rem!important;
  line-height:1.5!important;
  font-weight:760!important;
  white-space:normal!important;
}
.btn.small{min-block-size:38px!important;padding-inline:11px!important;padding-block:6px!important;font-size:.76rem!important}
.btn>svg,.ds-sidebar-footer svg,.page-eyebrow>svg,.eyebrow>svg,.form-section>svg,
.preview-note>svg,.health-note>svg,.security-note>svg,.payment-readiness>svg,.flash>svg{
  order:0!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.btn>span,.ds-sidebar-footer span,.page-eyebrow>span,.eyebrow>span{order:0!important;text-align:start!important}
.btn.primary{box-shadow:0 4px 12px rgba(30,58,138,.14)!important}
.btn.danger:focus-visible{box-shadow:var(--ux-danger-focus)!important;outline-color:rgba(229,36,53,.32)!important}

/* Form system */
.form-grid{gap:18px!important}
.form-grid label,.filters label,.login-form label{
  gap:7px!important;
  font-size:.83rem!important;
  line-height:1.65!important;
  font-weight:720!important;
  color:#31415d!important;
  text-align:start!important;
}
.form-grid label small,.filters label small,.file-field small{font-size:.74rem!important;line-height:1.8!important;color:var(--ux-muted)!important}
.form-section{
  padding-block:6px 11px!important;
  border-block-end:1px solid var(--ux-border)!important;
  font-size:.95rem!important;
  line-height:1.7!important;
}
input,select,textarea{
  border-color:var(--ux-border-strong)!important;
  border-radius:var(--ux-radius-sm)!important;
  color:#17233b!important;
  text-align:start!important;
  direction:rtl!important;
  background-color:#fff!important;
}
input,select{block-size:var(--ux-control-h)!important;min-block-size:var(--ux-control-h)!important;padding-inline:14px!important}
textarea{min-block-size:112px!important;padding-inline:14px!important;padding-block:11px!important;line-height:1.9!important}
input::placeholder,textarea::placeholder{color:#8a96a8!important;opacity:1!important}
input:hover,select:hover,textarea:hover{border-color:#9cacc0!important}
input:focus,select:focus,textarea:focus{border-color:var(--ux-focus)!important;box-shadow:var(--ux-focus-ring)!important}
input:invalid:not(:placeholder-shown),textarea:invalid:not(:placeholder-shown){border-color:#dc7080!important}
input[type="checkbox"],input[type="radio"]{inline-size:20px!important;block-size:20px!important;min-block-size:20px!important;padding:0!important;accent-color:var(--ui-primary)!important}
input[type="number"],input[inputmode="numeric"],.money-input,.ltr{font-variant-numeric:tabular-nums}
.input-with-icon,.auth-input-wrap,.password-wrap,.select-shell{position:relative!important;display:block!important;inline-size:100%!important}
.input-with-icon>svg,.auth-input-wrap>svg{
  position:absolute!important;
  inset-inline-start:14px!important;
  inset-inline-end:auto!important;
  inset-block-start:50%!important;
  transform:translateY(-50%)!important;
  color:#718096!important;
  pointer-events:none!important;
  z-index:2!important;
}
.input-with-icon input,.auth-input-wrap input{padding-inline-start:44px!important;padding-inline-end:14px!important}
.password-wrap input{padding-inline-end:50px!important}
.password-toggle{
  position:absolute!important;
  inset-inline-end:4px!important;
  inset-inline-start:auto!important;
  inset-block-start:50%!important;
  transform:translateY(-50%)!important;
  border-radius:8px!important;
}
.password-toggle:active{transform:translateY(calc(-50% + 1px))!important}
select{background-image:none!important;padding-inline-start:14px!important;padding-inline-end:46px!important}
.select-caret{
  inset-inline-end:12px!important;
  inset-inline-start:auto!important;
  inset-block-start:50%!important;
  transform:translateY(-50%)!important;
  pointer-events:none!important;
}
.filters{
  align-items:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.filters .grow{min-inline-size:min(100%,260px)!important}
.filters select{min-inline-size:160px!important}
.custom-file-picker,.update-file-picker{max-inline-size:100%!important;overflow:hidden!important}
.custom-file-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Tables, pagination and long content */
.table-wrap{
  inline-size:100%!important;
  max-inline-size:100%!important;
  overflow:auto!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:12px!important;
}
.table{inline-size:100%!important;border-collapse:separate!important;border-spacing:0!important}
.table th{
  font-size:.76rem!important;
  line-height:1.65!important;
  font-weight:790!important;
  text-align:start!important;
  color:#4a5870!important;
  background:#f7f9fc!important;
  white-space:nowrap!important;
}
.table td{
  font-size:.82rem!important;
  line-height:1.8!important;
  text-align:start!important;
  vertical-align:middle!important;
  overflow-wrap:anywhere!important;
}
.table th,.table td{padding-inline:13px!important;padding-block:11px!important}
.table tbody tr:hover td{background:#fbfcfe!important}
.actions-cell{white-space:normal!important}
.row-actions{flex-wrap:wrap!important}
.pagination{direction:rtl!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}
.pagination a,.pagination span{min-inline-size:40px!important;min-block-size:40px!important;display:grid!important;place-items:center!important;border-radius:9px!important}
.code,pre{max-inline-size:100%!important;overflow:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}

/* Alerts, empty/loading/error states */
.flash-stack{inset-inline-end:clamp(12px,2vw,24px)!important;inset-inline-start:auto!important;inline-size:min(430px,calc(100vw - 24px))!important}
.flash{min-block-size:48px!important;padding-inline:13px!important;padding-block:10px!important;line-height:1.8!important}
.flash-close{margin-inline-start:auto!important;margin-inline-end:0!important;flex:0 0 auto!important}
.empty{min-block-size:132px!important;padding:24px!important;text-align:center!important;line-height:1.9!important;color:#65738a!important}
.empty-icon{margin-inline:auto!important;margin-block-end:10px!important}
.live-loading{position:relative!important;pointer-events:none!important;opacity:.72!important}
.live-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:ux-shimmer 1.1s linear infinite}
.live-error{border-color:#f2a5af!important;box-shadow:0 0 0 3px rgba(229,36,53,.10)!important}
.skeleton{position:relative!important;overflow:hidden!important;background:#e8edf4!important;color:transparent!important;border-radius:8px!important}
.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:ux-shimmer 1.15s infinite}
@keyframes ux-shimmer{to{transform:translateX(-100%)}}

/* Native dialog, dropdown and drawers remain inside the viewport */
.notification-dialog[open]{
  inline-size:min(520px,calc(100vw - 28px))!important;
  max-inline-size:calc(100vw - 28px)!important;
  max-block-size:min(720px,calc(100dvh - 28px))!important;
  margin:auto!important;
  overscroll-behavior:contain!important;
}
.notification-modal-head,.notification-modal-foot{padding-inline:16px!important;gap:10px!important}
.notification-modal-list{max-block-size:min(520px,calc(100dvh - 170px))!important;overflow:auto!important}
.notification-modal-item{direction:rtl!important;text-align:start!important;grid-template-columns:40px minmax(0,1fr)!important}
.notification-modal-item strong,.notification-modal-item small{white-space:normal!important;overflow-wrap:anywhere!important;text-align:start!important}

/* System health */
.health-dashboard{align-items:start!important}
.health-card-head,.health-check-item,.health-note,.health-facts>div{direction:rtl!important;text-align:start!important}
.health-card-head{grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important}
.health-card-head>div,.health-item-copy{align-items:flex-start!important;text-align:start!important}
.health-check-item{
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-block-size:62px!important;
  padding-inline:12px!important;
  padding-block:10px!important;
}
.health-check-item>.health-item-icon{grid-column:1!important}
.health-check-item>.health-item-copy{grid-column:2!important}
.health-check-item>.badge,.health-check-item>.health-number,.health-check-item>.health-value{grid-column:3!important;justify-self:end!important;text-align:end!important}
.health-note{align-items:flex-start!important;gap:9px!important;line-height:1.9!important}
.health-facts>div>strong{margin-inline-start:auto!important;margin-inline-end:0!important;text-align:end!important}

/* Message index and thread: true RTL grid, no LTR layout hack */
.v293-message-layout{
  direction:rtl!important;
  grid-template-columns:300px minmax(0,1fr) 285px!important;
  grid-template-areas:none!important;
  gap:14px!important;
  height:calc(100dvh - 126px)!important;
  min-height:620px!important;
}
.v293-message-list-panel{grid-area:auto!important;grid-column:1!important;direction:rtl!important;text-align:start!important}
.v293-thread-panel{grid-area:auto!important;grid-column:2!important;direction:rtl!important;text-align:start!important}
.v293-info-panel{grid-area:auto!important;grid-column:3!important;direction:rtl!important;text-align:start!important}
.v293-panel-head,.v293-thread-toolbar,.v293-thread-subject,.v293-bubble-head,.v293-info-row,.v293-participant{direction:rtl!important;text-align:start!important}
.v293-panel-head h2{font-size:1.05rem!important}.v293-panel-head small{font-size:.74rem!important}
.v293-conversation-row{
  direction:rtl!important;
  text-align:start!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  min-block-size:76px!important;
  padding-inline:12px!important;
}
.v293-conversation-copy,.v293-conversation-copy strong,.v293-conversation-copy small{text-align:start!important}
.v293-conversation-row>time{text-align:end!important;font-size:.7rem!important}
.v293-thread-subject h1{font-size:1.22rem!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.v293-thread-subject p{font-size:.76rem!important;line-height:1.75!important}
.v293-thread-scroll{padding:18px!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.v293-message-bubble{direction:rtl!important;text-align:start!important}
.v293-message-bubble.mine{justify-content:flex-start!important}
.v293-message-bubble.other{justify-content:flex-end!important}
.v293-bubble-card{inline-size:min(76%,720px)!important;max-inline-size:100%!important;text-align:start!important}
.v293-bubble-head strong,.v293-bubble-body{text-align:start!important}
.v293-bubble-head time{margin-inline-start:auto!important;margin-inline-end:0!important;text-align:end!important}
.v293-bubble-body{font-size:.88rem!important;line-height:1.95!important;overflow-wrap:anywhere!important}
.v293-composer{direction:rtl!important;grid-template-columns:minmax(0,1fr) 46px auto!important;padding:12px!important}
.v293-composer-field textarea{font-size:.88rem!important;text-align:start!important;direction:rtl!important}
.v293-attach-button{min-inline-size:44px!important;min-block-size:44px!important}
.v293-info-row{grid-template-columns:minmax(0,1fr) auto!important}
.v293-info-row>span{text-align:start!important}.v293-info-row>strong,.v293-info-row>b{text-align:end!important}
.v293-attachment{direction:rtl!important;text-align:start!important}
.v293-attachment strong,.v293-attachment small{text-align:start!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Login and installer */
.auth-body,.install-body{min-block-size:100dvh!important;padding:clamp(12px,3vw,32px)!important}
.auth-shell{inline-size:min(100%,520px)!important;margin-inline:auto!important}
.auth-card{padding:clamp(22px,4vw,38px)!important;border-radius:20px!important}
.auth-brand,.auth-heading,.auth-heading h1,.auth-heading p,.auth-field-label,.auth-support{text-align:start!important}
.auth-brand img{object-fit:contain!important;flex:0 0 auto!important}
.auth-heading h1{font-size:clamp(1.5rem,1.3rem + .5vw,1.9rem)!important;line-height:1.5!important}
.auth-heading p{font-size:.85rem!important;line-height:1.9!important}
.auth-form{gap:16px!important}
.auth-input-wrap{display:block!important}
.auth-input-wrap>svg{inset-inline-start:14px!important}
.auth-input-wrap input{padding-inline-start:44px!important}
.auth-input-wrap.password-wrap input{padding-inline-end:50px!important}
.auth-submit{inline-size:100%!important;justify-content:center!important;min-block-size:48px!important}
.auth-feature-row{gap:8px!important}
.auth-feature-row>span{min-block-size:42px!important;font-size:.76rem!important;text-align:start!important}
.install-shell-v2{max-inline-size:860px!important;margin-inline:auto!important}
.install-card{max-inline-size:100%!important;overflow:hidden!important}
.install-brand{direction:rtl!important;text-align:start!important}
.install-brand-logo{object-fit:contain!important;flex:0 0 auto!important}

/* Direction-sensitive icons. Only explicit navigation arrows are mirrored. */
html[dir="rtl"] :where(.icon-arrow-left,.icon-arrow-right,[data-rtl-mirror="true"]){transform:scaleX(-1)}

/* Tablet */
@media(max-width:1180px){
  .v293-message-layout{grid-template-columns:280px minmax(0,1fr)!important}
  .v293-message-list-panel{grid-column:1!important}
  .v293-thread-panel{grid-column:2!important}
  .v293-info-panel{display:none!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile and compact tablet */
@media(max-width:900px){
  html[lang="fa"][dir="rtl"] body{font-size:14px!important}
  .mobile-only-menu-toggle{display:grid!important}
  .ds-sidebar{
    inline-size:min(86vw,320px)!important;
    inset-inline-start:0!important;
    inset-inline-end:auto!important;
    transform:translateX(105%)!important;
    visibility:hidden!important;
    transition:transform .22s ease,visibility .22s!important;
  }
  .ds-sidebar.open{transform:translateX(0)!important;visibility:visible!important}
  .ds-main{margin-inline:0!important}
  .ds-topbar{height:68px!important;min-height:68px!important;padding-inline:12px!important;gap:8px!important}
  .ds-page-title strong{font-size:1rem!important;max-inline-size:38vw!important}
  .ds-date-chip{display:none!important}
  .ds-profile{min-inline-size:48px!important;inline-size:48px!important;grid-template-columns:38px!important;padding:4px!important;border:0!important;background:transparent!important}
  .ds-profile>span:not(.ds-profile-avatar),.ds-profile>svg{display:none!important}
  .ds-profile-menu{position:fixed!important;inset-block-start:68px!important;inset-inline:12px!important;inline-size:auto!important;max-block-size:calc(100dvh - 84px)!important}
  .ds-container,.container{padding-inline:14px!important;padding-block:18px 96px!important}
  .page-head{flex-direction:column!important;align-items:stretch!important}
  .page-head>.actions,.page-head>.btn,.page-head>form{inline-size:100%!important}
  .page-head>.actions .btn,.page-head>form .btn{max-inline-size:100%!important}
  .two-col,.dashboard-grid,.health-dashboard,.payroll-control-grid,.batch-control-grid,.user-management-grid{grid-template-columns:1fr!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v293-message-layout{display:block!important;height:calc(100dvh - 156px)!important;min-height:520px!important;direction:rtl!important}
  .v293-thread-panel{height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
  .v293-message-list-panel,.v293-info-panel{
    display:flex!important;
    position:fixed!important;
    inset-block:0!important;
    inline-size:min(88vw,370px)!important;
    block-size:100dvh!important;
    z-index:1650!important;
    border-radius:0!important;
    visibility:hidden!important;
    transition:transform .22s ease,visibility .22s!important;
  }
  .v293-message-list-panel{inset-inline-start:0!important;inset-inline-end:auto!important;transform:translateX(105%)!important}
  .v293-info-panel{inset-inline-end:0!important;inset-inline-start:auto!important;transform:translateX(-105%)!important}
  .message-list-open .v293-message-list-panel,.message-info-open .v293-info-panel{transform:translateX(0)!important;visibility:visible!important}
  .v293-bubble-card{inline-size:min(86%,680px)!important}
}

/* Phone */
@media(max-width:700px){
  input,select,textarea{font-size:16px!important} /* prevents iOS zoom */
  .page-head h1{font-size:1.45rem!important}
  .page-head p{font-size:.86rem!important}
  .card{padding:15px!important;border-radius:13px!important}
  .form-grid{grid-template-columns:1fr!important;gap:14px!important}
  .form-grid>*{grid-column:1!important}
  .filters{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .filters>*{inline-size:100%!important;min-inline-size:0!important}
  .filters .btn{justify-content:center!important}
  .stats,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .stat-card{min-block-size:92px!important;padding:13px!important}
  .stat-icon{inline-size:42px!important;block-size:42px!important}
  .table-wrap{overflow:visible!important;border:0!important}
  .responsive-table{min-inline-size:0!important}
  .responsive-table thead{display:none!important}
  .responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block!important;inline-size:100%!important}
  .responsive-table tbody{display:grid!important;gap:10px!important}
  .responsive-table tr{padding:8px 10px!important;border:1px solid var(--ux-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px rgba(14,34,73,.035)!important}
  .responsive-table td{
    min-block-size:38px!important;
    padding-block:7px!important;
    padding-inline:0!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:minmax(100px,36%) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    text-align:end!important;
    white-space:normal!important;
  }
  .responsive-table td:before{
    content:attr(data-label)!important;
    text-align:start!important;
    color:#637087!important;
    font-size:.73rem!important;
    font-weight:760!important;
  }
  .responsive-table td.actions-cell{display:block!important;padding-block-start:10px!important;border-block-start:1px dashed var(--ux-border)!important}
  .responsive-table td.actions-cell:before{display:none!important}
  .responsive-table .row-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .responsive-table .row-actions .btn,.responsive-table .row-actions form,.responsive-table .row-actions form .btn{inline-size:100%!important}
  .notification-dialog[open]{inline-size:100%!important;max-inline-size:none!important;block-size:100dvh!important;max-block-size:none!important;margin:0!important;border-radius:0!important}
  .notification-modal-list{max-block-size:calc(100dvh - 154px)!important}
  .notification-modal-foot{position:sticky!important;inset-block-end:0!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .notification-modal-foot .btn{inline-size:100%!important;justify-content:center!important}
  .v293-thread-toolbar{padding:8px!important;gap:6px!important;flex-wrap:wrap!important}
  .v293-thread-subject{grid-template-columns:40px minmax(0,1fr)!important}
  .v293-thread-subject>.badge{grid-column:2!important;justify-self:start!important}
  .v293-thread-scroll{padding:12px 9px!important}
  .v293-bubble-avatar{inline-size:30px!important;block-size:30px!important;flex-basis:30px!important}
  .v293-bubble-card{inline-size:calc(100% - 36px)!important;padding:10px 11px!important}
  .v293-composer{grid-template-columns:minmax(0,1fr) 44px!important;align-items:end!important}
  .v293-composer-field{grid-column:1/-1!important}
  .v293-attach-button{grid-column:1!important;justify-self:start!important}
  .v293-send-button{grid-column:2!important;inline-size:44px!important;padding-inline:0!important;justify-content:center!important}
  .v293-send-button span{display:none!important}
  .health-check-item{grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important}
  .health-check-item>.health-item-icon{grid-column:1!important;grid-row:1/3!important}
  .health-check-item>.health-item-copy{grid-column:2!important;grid-row:1!important}
  .health-check-item>.badge,.health-check-item>.health-number,.health-check-item>.health-value{grid-column:2!important;grid-row:2!important;justify-self:start!important;text-align:start!important;margin-block-start:4px!important}
  .auth-feature-row{grid-template-columns:1fr!important}
}

@media(max-width:420px){
  .stats,.quick-actions{grid-template-columns:1fr!important}
  .ds-page-title strong{max-inline-size:30vw!important}
  .ds-top-actions{gap:5px!important}
  .responsive-table td{grid-template-columns:92px minmax(0,1fr)!important}
  .responsive-table .row-actions{grid-template-columns:1fr!important}
  .notification-modal-foot{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media(forced-colors:active){
  .btn,.card,input,select,textarea,.table-wrap,.ds-profile,.message-shortcut,.menu-toggle{border:1px solid CanvasText!important}
  .badge,.nav-count{forced-color-adjust:none}
}
@media print{
  .ds-sidebar,.ds-topbar,.mobile-bottom-nav,.footer-note,.flash-stack,.page-head .actions,.no-print{display:none!important}
  .ds-main{margin:0!important}
  .ds-container,.container{max-inline-size:none!important;padding:0!important}
  .card{box-shadow:none!important;border-color:#cbd5e1!important}
}

/* Card heading copy must stack vertically; older layers placed title/subtitle in one row. */
.card-head>div:first-child,.section-title-row>div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-inline-size:0!important;
}

/* Message ownership alignment: own messages on the right, received messages on the left. */
.v293-message-bubble{
  inline-size:min(76%,720px)!important;
  width:min(76%,720px)!important;
  max-inline-size:100%!important;
  justify-content:flex-start!important;
}
.v293-message-bubble.mine{align-self:flex-start!important;direction:rtl!important}
.v293-message-bubble.other{align-self:flex-end!important;direction:rtl!important}
.v293-message-bubble.mine .v293-bubble-avatar{order:0!important}
.v293-message-bubble.mine .v293-bubble-card{order:1!important}
.v293-message-bubble.other .v293-bubble-card{order:0!important}
.v293-message-bubble.other .v293-bubble-avatar{order:1!important}
.v293-bubble-card{inline-size:auto!important;width:auto!important;flex:1 1 auto!important}
@media(max-width:900px){.v293-message-bubble{inline-size:min(86%,680px)!important;width:min(86%,680px)!important}}
@media(max-width:700px){.v293-message-bubble{inline-size:94%!important;width:94%!important}.v293-bubble-card{inline-size:auto!important;width:auto!important}}

/* Mobile touch targets: compact desktop actions remain compact, but mobile targets stay accessible. */
@media(max-width:900px){
  .btn.small,
  button.btn.small,
  a.btn.small{
    min-block-size:44px!important;
    block-size:auto!important;
    padding-block:8px!important;
  }
}


/* ========================================================================== 
   Hooger HR 3.2.2 — conservative release hardening
   Presentation-only fixes for installer/server-check, tables and viewport safety.
   ========================================================================== */

/* Installer and server-check share the same stable logo geometry. */
.install-brand-logo{
  display:block;
  inline-size:52px;
  block-size:55px;
  max-inline-size:52px;
  max-block-size:55px;
  object-fit:contain;
  object-position:center;
  flex:0 0 auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:none;
  transform:none;
}
.install-shell,.install-card,.install-content,.requirements,.requirement{min-inline-size:0}
.requirement-copy{min-inline-size:0}
.requirement-copy>div{min-inline-size:0;text-align:start}
.requirement-copy strong,.requirement-copy small{overflow-wrap:anywhere}

/* Viewport-safe overlays and menus. */
.ds-profile-menu,
.notification-dialog,
.v293-message-list-panel,
.v293-info-panel{
  max-inline-size:calc(100vw - 24px);
  max-block-size:calc(100dvh - 24px);
}
.ds-profile-menu{inset-inline-end:0;inset-inline-start:auto}
.notification-dialog{overscroll-behavior:contain}

/* All non-print data tables remain usable without page-level horizontal scroll. */
.table-wrap{
  inline-size:100%;
  max-inline-size:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.table{inline-size:100%;max-inline-size:100%}
.table :where(th,td){overflow-wrap:anywhere}
.table :where(.ltr,.code){overflow-wrap:normal;word-break:normal}

/* Payslip detail tables stack cleanly on narrow screens while print remains intact. */
@media screen and (max-width:700px){
  .pay-columns{grid-template-columns:1fr!important}
  .pay-table{inline-size:100%;table-layout:fixed}
  .pay-table :where(th,td){padding-inline:10px;overflow-wrap:anywhere}
  .pay-table :where(th,td):last-child{text-align:end}
  .identity-grid{grid-template-columns:1fr!important}
  .net-box{align-items:flex-start;gap:6px}
  .signatures{grid-template-columns:1fr!important}
}

/* Prevent iOS input zoom and keep touch targets accessible. */
@media screen and (max-width:900px){
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  :where(.btn,.icon-button,.menu-toggle,.message-shortcut,.password-toggle,[role="button"]){min-block-size:44px}
}

/* Directional icons follow RTL reading direction only where semantics require it. */
html[dir="rtl"] :where(.pagination,.pager,.breadcrumb) [data-direction="next"] svg,
html[dir="rtl"] :where(.pagination,.pager,.breadcrumb) [aria-label*="بعد"] svg{transform:scaleX(-1)}

/* Long Persian content and mixed identifiers must never force page overflow. */
:where(.card,.modal,.drawer,.ds-profile-menu,.notification-dialog,.v293-bubble-card) :where(p,span,small,strong,label){
  max-inline-size:100%;
  overflow-wrap:anywhere;
}

@media print{
  .pay-columns{grid-template-columns:1fr 1fr!important}
  .identity-grid{grid-template-columns:repeat(3,1fr)!important}
  .signatures{grid-template-columns:repeat(3,1fr)!important}
}

/* ========================================================================== 
   Hooger HR 3.2.2 — login screen final RTL polish
   Isolated late layer: removes legacy absolute-position collisions without
   affecting authenticated pages or application behavior.
   ========================================================================== */
.auth-body{
  min-block-size:100dvh!important;
  margin:0!important;
  padding:clamp(18px,4vw,48px)!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.98) 0 13%,transparent 42%),
    linear-gradient(145deg,#f7f9fc 0%,#eef3fa 100%)!important;
  display:grid!important;
  place-items:center!important;
  color:#172033!important;
}
.auth-shell{
  inline-size:min(100%,560px)!important;
  width:min(100%,560px)!important;
  margin-inline:auto!important;
  display:block!important;
}
.auth-card{
  position:relative!important;
  inline-size:100%!important;
  width:100%!important;
  min-block-size:0!important;
  padding:38px 42px 34px!important;
  overflow:hidden!important;
  border:1px solid #dce4ef!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(22,39,83,.12)!important;
}
.auth-card::before{
  content:""!important;
  position:absolute!important;
  inset-block-start:0!important;
  inset-inline:0!important;
  block-size:4px!important;
  background:linear-gradient(90deg,#c62828 0 26%,#172554 26% 100%)!important;
}
.auth-brand{
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  padding-block-end:22px!important;
  border-block-end:1px solid #edf1f6!important;
  text-align:start!important;
}
.auth-brand img{
  display:block!important;
  inline-size:62px!important;
  block-size:62px!important;
  width:62px!important;
  height:62px!important;
  max-inline-size:62px!important;
  flex:0 0 62px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.auth-brand-copy,.auth-brand>div{
  min-inline-size:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  text-align:start!important;
}
.auth-brand strong{
  color:#172554!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.45!important;
  text-align:start!important;
}
.auth-brand span{
  color:#718096!important;
  font-size:11.5px!important;
  font-weight:500!important;
  line-height:1.7!important;
  text-align:start!important;
}
.auth-heading{
  margin:25px 0 20px!important;
  text-align:start!important;
}
.auth-heading>span{
  display:inline-flex!important;
  align-items:center!important;
  min-block-size:28px!important;
  padding-inline:10px!important;
  border-radius:999px!important;
  background:#fff1f2!important;
  color:#c62828!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1!important;
}
.auth-heading h1{
  margin:11px 0 5px!important;
  color:#101f4e!important;
  font-size:29px!important;
  font-weight:900!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-align:start!important;
}
.auth-heading p{
  margin:0!important;
  color:#68758a!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.9!important;
  text-align:start!important;
}
.auth-flash,.client-reset-status{
  inline-size:100%!important;
  margin:0 0 17px!important;
  padding:10px 13px!important;
  border-radius:11px!important;
  font-size:11.5px!important;
  line-height:1.8!important;
  text-align:start!important;
}
.client-reset-status.success{
  border-color:#b7ebcb!important;
  background:#f0fbf4!important;
  color:#17633a!important;
}
.auth-form{
  display:grid!important;
  gap:18px!important;
}
.auth-form label{
  min-inline-size:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  color:#2b3850!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.65!important;
  text-align:start!important;
}
.auth-field-label{
  position:static!important;
  display:block!important;
  color:#2b3850!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.65!important;
  text-align:start!important;
}
.auth-input-wrap{
  position:relative!important;
  inline-size:100%!important;
  min-block-size:56px!important;
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid #ccd6e4!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.02)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.auth-input-wrap:hover{border-color:#aebbd0!important}
.auth-input-wrap:focus-within{
  border-color:#3156a5!important;
  box-shadow:0 0 0 4px rgba(49,86,165,.11)!important;
}
.auth-input-wrap>svg{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  transform:none!important;
  inline-size:19px!important;
  block-size:19px!important;
  width:19px!important;
  height:19px!important;
  margin-inline:17px 13px!important;
  flex:0 0 19px!important;
  color:#77869d!important;
  pointer-events:none!important;
  z-index:auto!important;
}
.auth-input-wrap input{
  position:static!important;
  min-inline-size:0!important;
  inline-size:100%!important;
  width:100%!important;
  block-size:54px!important;
  min-block-size:54px!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0 0 0 13px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#172033!important;
  font-size:14.5px!important;
  font-weight:500!important;
  line-height:54px!important;
  direction:rtl!important;
  text-align:start!important;
  caret-color:#3156a5!important;
}
.auth-input-wrap.password-wrap input{
  padding:0!important;
}
.auth-input-wrap input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.auth-input-wrap input::placeholder{
  color:#98a5b7!important;
  opacity:1!important;
  font-size:13.5px!important;
  font-weight:500!important;
  direction:rtl!important;
  text-align:start!important;
}
.auth-input-wrap .password-toggle{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  transform:none!important;
  inline-size:44px!important;
  block-size:44px!important;
  min-inline-size:44px!important;
  min-block-size:44px!important;
  margin-inline:6px!important;
  padding:0!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:10px!important;
  background:#f3f6fa!important;
  color:#66758c!important;
  box-shadow:none!important;
  z-index:auto!important;
}
.auth-input-wrap .password-toggle:hover{
  background:#e9eef6!important;
  color:#263f7d!important;
}
.auth-input-wrap .password-toggle:focus-visible{
  outline:2px solid #3156a5!important;
  outline-offset:1px!important;
}
.auth-input-wrap .password-toggle:active{transform:none!important}
.auth-input-wrap .password-toggle svg{
  position:static!important;
  transform:none!important;
  inline-size:19px!important;
  block-size:19px!important;
  margin:0!important;
}
.auth-submit{
  inline-size:100%!important;
  width:100%!important;
  min-block-size:54px!important;
  margin-block-start:2px!important;
  padding-inline:18px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border:1px solid #1e3a8a!important;
  border-radius:13px!important;
  background:#1e3a8a!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(30,58,138,.18)!important;
  font-size:14px!important;
  font-weight:850!important;
}
.auth-submit:hover{
  border-color:#172554!important;
  background:#172554!important;
  box-shadow:0 10px 22px rgba(23,37,84,.22)!important;
}
.auth-submit svg,.auth-submit span{
  position:static!important;
  margin:0!important;
  transform:none!important;
}
.auth-feature-row{
  margin-block-start:18px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.auth-feature{
  min-inline-size:0!important;
  min-block-size:48px!important;
  padding:8px 10px!important;
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid #dde4ee!important;
  border-radius:11px!important;
  background:#f8fafc!important;
  color:#3f4c62!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.5!important;
  text-align:start!important;
  white-space:nowrap!important;
}
.auth-feature svg{
  position:static!important;
  flex:0 0 auto!important;
  margin:0!important;
  color:#1e3a8a!important;
  transform:none!important;
}
.auth-feature span{
  min-inline-size:0!important;
  text-align:start!important;
}
.auth-support{
  margin-block-start:17px!important;
  color:#758196!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.9!important;
  text-align:center!important;
}
.auth-footer{
  margin-block-start:14px!important;
  color:#8a96a9!important;
  font-size:9.5px!important;
  line-height:1.7!important;
  text-align:center!important;
  direction:ltr!important;
}
@media(max-width:600px){
  .auth-body{padding:12px!important;place-items:start center!important}
  .auth-shell{inline-size:100%!important}
  .auth-card{padding:29px 20px 25px!important;border-radius:18px!important}
  .auth-brand{padding-block-end:18px!important}
  .auth-brand img{inline-size:56px!important;block-size:56px!important;width:56px!important;height:56px!important;flex-basis:56px!important}
  .auth-brand strong{font-size:19px!important}
  .auth-brand span{font-size:10.5px!important}
  .auth-heading{margin:21px 0 17px!important}
  .auth-heading h1{font-size:24px!important}
  .auth-heading p{font-size:12.5px!important}
  .auth-input-wrap{min-block-size:56px!important}
  .auth-input-wrap input{font-size:16px!important}
  .auth-feature-row{grid-template-columns:1fr!important;gap:7px!important}
  .auth-feature{justify-content:flex-start!important;padding-inline:14px!important}
  .auth-footer{margin-block-end:6px!important}
}

/* Final specificity guard for legacy form and max-width layers. */
body.auth-body>main.auth-shell{
  inline-size:560px!important;
  width:560px!important;
  max-inline-size:calc(100vw - 32px)!important;
  max-width:calc(100vw - 32px)!important;
}
body.auth-body>main.auth-shell>.auth-card{
  inline-size:100%!important;
  width:100%!important;
  max-inline-size:none!important;
  max-width:none!important;
}
body.auth-body .auth-input-wrap>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){
  position:static!important;
  inline-size:100%!important;
  width:100%!important;
  block-size:54px!important;
  height:54px!important;
  min-block-size:54px!important;
  min-height:54px!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding-block:0!important;
  padding-inline:0 13px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#172033!important;
  font-size:14.5px!important;
  line-height:54px!important;
  direction:rtl!important;
  text-align:start!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
body.auth-body .auth-input-wrap.password-wrap>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){padding-inline:0!important}
body.auth-body .auth-input-wrap>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:600px){
  body.auth-body>main.auth-shell{inline-size:100%!important;width:100%!important;max-inline-size:100%!important;max-width:100%!important}
  body.auth-body .auth-input-wrap>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){font-size:16px!important}
  body.auth-body .auth-feature-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.auth-body .auth-feature{min-block-size:44px!important;padding-inline:7px!important;justify-content:center!important;gap:5px!important;font-size:9.5px!important}
  body.auth-body .auth-feature svg{inline-size:15px!important;block-size:15px!important}
}
@media(max-width:350px){
  body.auth-body .auth-feature-row{grid-template-columns:1fr!important}
  body.auth-body .auth-feature{justify-content:flex-start!important;padding-inline:13px!important;font-size:11px!important}
}
body.auth-body .auth-feature-row>.auth-feature>span{
  display:block!important;
  min-inline-size:0!important;
  min-block-size:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:start!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

/* ======================================================================
   v3.2.3 — Message page deep polish + global short-title line integrity
   ====================================================================== */

/* Keep short Persian headings and action labels intact where space exists. */
.page-head h1,
.card-head h2,
.section-title h2,
.health-card-head h2,
.v293-thread-subject h1,
.v293-panel-head h2,
.btn,
.badge,
.row-actions .btn,
.actions .btn,
.page-actions .btn,
.form-actions .btn{
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:pretty!important;
}

.accounting-table .row-actions,
.clean-payroll-table .row-actions,
.payment-history-table .row-actions{
  flex-wrap:wrap!important;
  row-gap:8px!important;
}
.accounting-table .row-actions .btn,
.clean-payroll-table .row-actions .btn,
.accounting-table .row-actions form,
.clean-payroll-table .row-actions form{
  flex:0 0 auto!important;
}
.accounting-table .row-actions .btn,
.clean-payroll-table .row-actions .btn{
  min-inline-size:118px!important;
}

/* Message view */
.v293-message-layout{
  grid-template-columns:286px minmax(0,1fr) 316px!important;
  gap:16px!important;
  min-height:640px!important;
  height:calc(100dvh - 122px)!important;
}
.v293-message-list-panel,
.v293-thread-panel,
.v293-info-panel{
  border-color:#d9e1ec!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
  background:#fff!important;
}
.v293-panel-head,
.v293-thread-toolbar,
.v293-thread-subject{
  padding:14px 16px!important;
}
.v293-panel-head{
  min-height:74px!important;
  border-bottom:1px solid #e7ecf3!important;
}
.v293-panel-head h2{font-size:1.12rem!important;line-height:1.55!important;font-weight:830!important}
.v293-panel-head small{font-size:.77rem!important;color:#7c899d!important}
.v293-panel-actions{gap:8px!important;flex-wrap:wrap!important}
.v293-pane-close{display:none!important}
.v293-message-search{padding:12px 14px 10px!important;border-bottom:1px solid #eef2f6!important;background:#fbfcfe!important}
.v293-search-control input{block-size:44px!important;border-radius:12px!important;font-size:.9rem!important}
.v293-message-tabs{padding-inline:12px!important;background:#fbfcfe!important;border-bottom:1px solid #e8edf4!important}
.v293-message-tabs a{
  min-height:42px!important;
  padding-inline:12px!important;
  font-size:.84rem!important;
  font-weight:760!important;
  color:#6b7890!important;
  border-bottom:2px solid transparent!important;
}
.v293-message-tabs a.active{color:#1650c0!important;border-bottom-color:#1650c0!important;background:transparent!important}
.v293-conversation-list{padding-block:4px!important;background:#fff!important}
.v293-conversation-row{
  min-height:86px!important;
  padding:12px 14px!important;
  border-bottom:1px solid #edf2f7!important;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.v293-conversation-row:last-child{border-bottom:0!important}
.v293-conversation-row:hover{background:#f8fbff!important}
.v293-conversation-row.active{
  background:#eef5ff!important;
  box-shadow:inset 3px 0 0 #2563eb!important;
}
.v293-avatar,
.v293-subject-avatar,
.v293-participant .v293-avatar,
.v293-bubble-avatar{
  border-radius:14px!important;
  font-weight:800!important;
}
.v293-conversation-copy strong{
  display:block!important;
  margin-bottom:2px!important;
  font-size:.94rem!important;
  line-height:1.6!important;
  color:#16233c!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v293-conversation-copy small{display:block!important;font-size:.76rem!important;color:#6f7d92!important;line-height:1.65!important}
.v293-conversation-copy p{
  margin:4px 0 0!important;
  font-size:.79rem!important;
  color:#5d6980!important;
  line-height:1.8!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.v293-conversation-row>time{font-size:.72rem!important;color:#7f8aa0!important;align-self:start!important;padding-top:2px!important;white-space:nowrap!important}

.v293-thread-toolbar{
  min-height:68px!important;
  border-bottom:1px solid #e8edf4!important;
  background:#fff!important;
}
.v293-toolbar-start,.v293-toolbar-end{gap:8px!important;flex-wrap:wrap!important}
.v293-thread-subject{
  gap:12px!important;
  border-bottom:1px solid #e9eef5!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
}
.v293-thread-subject h1{font-size:1.32rem!important;font-weight:840!important;color:#17233b!important}
.v293-thread-subject p{font-size:.81rem!important;color:#69768d!important}
.v293-thread-scroll{
  padding:20px 18px 18px!important;
  gap:14px!important;
  background:linear-gradient(180deg,#f9fbfe 0%,#f4f7fb 100%)!important;
}
.v293-date-separator{margin-bottom:2px!important}
.v293-date-separator span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding-inline:10px!important;
  border-radius:999px!important;
  background:#eef3f8!important;
  color:#728099!important;
  font-size:.72rem!important;
  font-weight:740!important;
}
.v293-message-bubble{
  max-width:100%!important;
  gap:10px!important;
  align-items:flex-start!important;
}
.v293-message-bubble.mine{justify-content:flex-start!important}
.v293-message-bubble.other{justify-content:flex-end!important}
.v293-bubble-card{
  width:min(78%,760px)!important;
  border-radius:18px!important;
  padding:12px 14px!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
}
.v293-message-bubble.mine .v293-bubble-card{
  background:#eef5ff!important;
  border-color:#cddcf4!important;
}
.v293-message-bubble.other .v293-bubble-card{
  background:#ffffff!important;
  border-color:#dde5ef!important;
}
.v293-bubble-head{margin-bottom:8px!important;gap:12px!important}
.v293-bubble-head strong{font-size:.9rem!important;font-weight:780!important;color:#16233d!important}
.v293-bubble-head time{font-size:.72rem!important;color:#7a879b!important}
.v293-bubble-body{
  font-size:.92rem!important;
  line-height:1.95!important;
  color:#1f2d45!important;
}
.v293-attachment-list{margin-top:9px!important;display:grid!important;gap:8px!important}
.v293-attachment{
  min-height:54px!important;
  padding:8px 10px!important;
  border:1px solid #dde5ef!important;
  border-radius:12px!important;
  background:#fff!important;
}
.v293-attachment > span:nth-child(2) strong,
.v293-attachment > span:nth-child(2) small{display:block!important;text-align:start!important}
.v293-attachment > span:nth-child(2) strong{font-size:.83rem!important;color:#17233b!important}
.v293-attachment > span:nth-child(2) small{font-size:.72rem!important;color:#7d8aa0!important}
.v293-info-panel{background:#fcfdff!important}
.v293-info-section{padding:15px 16px!important;border-bottom:1px solid #e8edf4!important}
.v293-info-section h3{font-size:1rem!important;font-weight:820!important;color:#17233b!important;margin:0 0 10px!important}
.v293-info-row{
  grid-template-columns:1fr!important;
  gap:3px!important;
  padding-block:6px!important;
}
.v293-info-row>span{font-size:.73rem!important;color:#7c8aa0!important}
.v293-info-row>strong,
.v293-info-row>b{font-size:.86rem!important;color:#17233b!important;text-align:start!important}
.v293-participant{
  grid-template-columns:40px minmax(0,1fr)!important;
  min-height:46px!important;
  padding-block:6px!important;
}
.v293-participant>span:last-child strong{font-size:.84rem!important;color:#17233b!important}
.v293-participant>span:last-child small{font-size:.72rem!important;color:#7d8a9f!important}
.v293-composer{
  padding:12px!important;
  border-top:1px solid #e8edf4!important;
  background:#fff!important;
  grid-template-columns:auto 48px minmax(0,1fr)!important;
  align-items:end!important;
}
.v293-send-button{grid-column:1!important;min-inline-size:102px!important}
.v293-attach-button{grid-column:2!important}
.v293-composer-field{grid-column:3!important}
.v293-composer-field textarea{
  min-height:52px!important;
  max-height:160px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  border-color:#d7dfeb!important;
  font-size:.92rem!important;
  line-height:1.9!important;
  background:#fbfcfe!important;
}
.v293-composer-field textarea:focus{background:#fff!important}
.v293-file-summary{grid-column:1 / -1!important;font-size:.76rem!important;color:#6f7c92!important;padding-top:2px!important}

@media (max-width:1280px){
  .v293-message-layout{grid-template-columns:260px minmax(0,1fr) 292px!important}
  .v293-bubble-card{width:min(84%,720px)!important}
}
@media (max-width:1180px){
  .v293-message-layout{grid-template-columns:290px minmax(0,1fr)!important}
  .v293-info-panel{display:none!important}
}
@media (max-width:900px){
  .v293-thread-toolbar,
  .v293-thread-subject,
  .v293-panel-head{padding:12px!important}
  .v293-thread-scroll{padding:14px 12px 12px!important}
  .v293-composer{grid-template-columns:auto 44px minmax(0,1fr)!important;padding:10px!important}
  .v293-send-button{min-inline-size:48px!important}
  .v293-send-button span{display:none!important}
  .v293-bubble-card{width:min(88%,680px)!important}
}
@media (max-width:640px){
  .v293-message-bubble{gap:7px!important}
  .v293-bubble-card{width:calc(100% - 38px)!important;padding:11px 12px!important;border-radius:16px!important}
  .v293-bubble-head{flex-wrap:wrap!important;row-gap:5px!important}
  .v293-thread-subject h1{font-size:1.12rem!important}
  .v293-thread-subject p{font-size:.76rem!important}
  .v293-conversation-row{min-height:80px!important;padding:11px 12px!important}
  .v293-composer{grid-template-columns:1fr 44px!important;gap:8px!important}
  .v293-composer-field{grid-column:1 / -1!important}
  .v293-attach-button{grid-column:1!important;justify-self:start!important}
  .v293-send-button{grid-column:2!important;min-inline-size:44px!important}
}

/* ========================================================================== 
   v3.2.4 — Persian readability scale
   Global typography and control sizing only; no business/UI-flow changes.
   ========================================================================== */
:root{
  --ui-font-base:16px;
  --ui-text-xs:13px;
  --ui-text-sm:14px;
  --ui-text-md:16px;
  --ui-text-lg:18px;
  --ui-title-sm:19px;
  --ui-title-md:22px;
  --ui-title-lg:27px;
  --ui-control-height:50px;
}

html{
  font-size:16px!important;
  text-size-adjust:100%!important;
  -webkit-text-size-adjust:100%!important;
}
body{
  font-size:var(--ui-font-base)!important;
  line-height:1.78!important;
  letter-spacing:0!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Core navigation and header */
.brand-copy strong{font-size:20px!important;line-height:1.45!important}
.brand-copy span{font-size:13px!important;line-height:1.65!important}
.nav-section-title{font-size:13px!important;line-height:1.7!important}
.nav a{
  min-height:50px!important;
  font-size:15px!important;
  line-height:1.7!important;
  gap:11px!important;
}
.nav-count{font-size:12px!important;min-width:23px!important;height:23px!important}
.sidebar-user-copy strong{font-size:14px!important;line-height:1.65!important}
.sidebar-user-copy span{font-size:12.5px!important;line-height:1.65!important}
.topbar{min-height:76px!important;height:auto!important;padding-block:10px!important}
.topbar-title strong{font-size:17px!important;line-height:1.55!important}
.topbar-title span{font-size:13px!important;line-height:1.6!important}
.date-chip{min-height:42px!important;font-size:14px!important}

/* Page hierarchy */
.page-head h1{font-size:var(--ui-title-lg)!important;line-height:1.55!important;font-weight:850!important}
.page-head p{font-size:15px!important;line-height:1.85!important}
.card h2,.card-head h2,.section-title h2,.health-card-head h2{
  font-size:var(--ui-title-sm)!important;
  line-height:1.65!important;
  font-weight:830!important;
}
.card h3,.section-title h3{font-size:17px!important;line-height:1.7!important}
.card-subtitle,.section-subtitle{font-size:14px!important;line-height:1.85!important}
.card p,.card li,.empty-state p,.error-state p{font-size:15px!important;line-height:1.9!important}

/* Dashboard */
.stat-card strong{font-size:28px!important;line-height:1.35!important}
.stat-card span{font-size:14px!important;line-height:1.7!important}
.quick-action{min-height:76px!important}
.quick-action strong,.quick-action>span{font-size:15px!important;line-height:1.7!important}
.quick-action small{font-size:13px!important;line-height:1.7!important}

/* Buttons, badges and interactive labels */
.btn{
  min-height:46px!important;
  padding-block:9px!important;
  padding-inline:15px!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
.btn.small{
  min-height:40px!important;
  padding-block:7px!important;
  padding-inline:12px!important;
  font-size:13px!important;
}
.badge{
  min-height:30px!important;
  padding-block:4px!important;
  padding-inline:10px!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.icon-button,.menu-toggle,.message-shortcut{width:42px!important;height:42px!important}

/* Forms */
.form-grid label,.filters label,.login-form label,.field-label,.control-label{
  font-size:14px!important;
  line-height:1.75!important;
  font-weight:800!important;
}
.form-grid label small,.filters label small,.file-field small,.help-text,.field-help{
  font-size:13px!important;
  line-height:1.8!important;
}
input,select,textarea{
  font-size:16px!important;
  line-height:1.7!important;
}
input,select{height:var(--ui-control-height)!important}
textarea{min-height:120px!important;padding-block:13px!important}
input::placeholder,textarea::placeholder{font-size:15px!important;opacity:.78!important}
.form-section{font-size:17px!important;line-height:1.7!important}
.check-card,.radio-card,.switch-row{font-size:14.5px!important;line-height:1.8!important}
.preview-note,.message-security-note,.security-panel,.health-note,.flash,.alert{
  font-size:14.5px!important;
  line-height:1.85!important;
}

/* Tables and dense data */
.table th,table th{
  font-size:13.5px!important;
  line-height:1.7!important;
  font-weight:850!important;
}
.table td,table td{
  font-size:14.5px!important;
  line-height:1.85!important;
}
.table td small,table td small{font-size:12.5px!important;line-height:1.7!important}
.pagination,.pagination a,.pagination button{font-size:14px!important}

/* Profile, settings and system health */
.ds-profile-menu-item,.ds-profile-menu>a{font-size:14.5px!important;line-height:1.75!important}
.ds-profile-menu-head strong{font-size:15px!important}
.ds-profile-menu-head small{font-size:12.5px!important}
.health-check-item .health-item-copy strong{font-size:15px!important;line-height:1.7!important}
.health-check-item .health-item-copy span{font-size:13px!important;line-height:1.75!important}
.health-facts span{font-size:14px!important}
.health-facts strong{font-size:14.5px!important}

/* Prevent short Persian labels from breaking awkwardly */
.nav a>span:not(.nav-icon),
.btn>span,
.badge,
.page-eyebrow,
.eyebrow,
.form-section,
.section-title h2,
.card-head h2,
.health-card-head h2,
.v293-message-tabs a,
.v293-panel-head h2,
.v293-thread-subject h1{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.nav a>span:not(.nav-icon),.form-section,.page-eyebrow,.eyebrow{white-space:nowrap!important}

/* Internal messages — readable desktop and mobile scale */
.v293-panel-head h2{font-size:19px!important;line-height:1.65!important}
.v293-panel-head small{font-size:13px!important;line-height:1.7!important}
.v293-search-control input{font-size:15px!important;min-height:48px!important}
.v293-message-tabs a{font-size:14px!important;line-height:1.7!important;min-height:46px!important}
.v293-conversation-row{min-height:94px!important}
.v293-conversation-copy strong{font-size:15.5px!important;line-height:1.7!important}
.v293-conversation-copy small{font-size:13px!important;line-height:1.75!important}
.v293-conversation-copy p{font-size:13.5px!important;line-height:1.85!important}
.v293-conversation-row>time{font-size:12.5px!important}
.v293-thread-subject h1{font-size:22px!important;line-height:1.65!important}
.v293-thread-subject p{font-size:14px!important;line-height:1.8!important}
.v293-date-separator span{font-size:12.5px!important;min-height:27px!important}
.v293-bubble-head strong{font-size:15px!important;line-height:1.7!important}
.v293-bubble-head time{font-size:12.5px!important}
.v293-bubble-body{font-size:15.5px!important;line-height:2!important}
.v293-attachment>span:nth-child(2) strong{font-size:14px!important}
.v293-attachment>span:nth-child(2) small{font-size:12.5px!important}
.v293-info-section h3{font-size:17px!important;line-height:1.7!important}
.v293-info-row>span{font-size:13px!important}
.v293-info-row>strong,.v293-info-row>b{font-size:14.5px!important;line-height:1.75!important}
.v293-participant>span:last-child strong{font-size:14.5px!important}
.v293-participant>span:last-child small{font-size:12.5px!important}
.v293-composer-field textarea{font-size:16px!important;line-height:1.9!important;min-height:58px!important}
.v293-file-summary{font-size:13px!important}

/* Login readability */
.auth-card h1,.login-card h1{font-size:26px!important;line-height:1.55!important}
.auth-card p,.login-card p{font-size:15px!important;line-height:1.9!important}
.auth-card label,.login-card label{font-size:14px!important}
.auth-card input,.login-card input{font-size:16px!important;min-height:52px!important}
.auth-feature-row,.login-feature-row{font-size:14px!important;line-height:1.8!important}

@media (max-width:900px){
  body{font-size:15.5px!important;line-height:1.8!important}
  .container{padding-inline:18px!important}
  .page-head h1{font-size:24px!important}
  .page-head p{font-size:14.5px!important}
  .card h2,.card-head h2,.section-title h2,.health-card-head h2{font-size:18px!important}
  .nav a{font-size:15px!important;min-height:52px!important}
  .table td,table td{font-size:14.5px!important}
  .v293-thread-subject h1{font-size:20px!important}
  .v293-bubble-body{font-size:15px!important}
}

@media (max-width:600px){
  body{font-size:15.5px!important}
  .container{padding-inline:14px!important;padding-block-start:18px!important}
  .page-head h1{font-size:22px!important}
  .page-head p{font-size:14px!important}
  .btn{font-size:14px!important;min-height:46px!important}
  .btn.small{font-size:13px!important;min-height:40px!important}
  .badge{font-size:12px!important}
  input,select,textarea{font-size:16px!important}
  .v293-conversation-copy strong{font-size:15px!important}
  .v293-conversation-copy p{font-size:13.5px!important}
  .v293-bubble-body{font-size:15px!important;line-height:1.95!important}
  .v293-composer-field textarea{font-size:16px!important}
}

/* ========================================================================== 
   v3.2.5 — Full-page RTL/responsive/accessibility audit final layer
   UI-only refinements. Business logic, routes and form operations unchanged.
   ========================================================================== */
:root{
  --v325-space-1:4px;
  --v325-space-2:8px;
  --v325-space-3:12px;
  --v325-space-4:16px;
  --v325-space-5:20px;
  --v325-space-6:24px;
  --v325-control:48px;
  --v325-touch:44px;
  --v325-text:15px;
  --v325-small:13px;
  --v325-muted:#66758b;
  --v325-line:#dfe6ef;
  --v325-focus:#2563eb;
}

html[lang="fa"]{direction:rtl;scroll-behavior:smooth}
html[lang="fa"],html[lang="fa"] body,
html[lang="fa"] button,html[lang="fa"] input,html[lang="fa"] select,html[lang="fa"] textarea{
  font-family:var(--font)!important;
  letter-spacing:0!important;
}
body{font-size:16px!important;line-height:1.8!important;overflow-wrap:break-word}
main,section,article,aside,header,footer,nav,form,fieldset{min-inline-size:0}
img,svg,canvas{max-inline-size:100%}
small,.muted,time{line-height:1.75}
small{font-size:var(--v325-small)!important}
.muted{color:var(--v325-muted)!important}
.footer-note,.auth-footer,.install-footer{font-size:12px!important;line-height:1.8!important}
.money-display{display:inline-flex!important;align-items:baseline!important;gap:6px!important;direction:rtl!important;white-space:nowrap!important}
.money-number{font-size:inherit!important;font-variant-numeric:tabular-nums!important}
.money-unit{font-size:12px!important;line-height:1.5!important;color:var(--v325-muted)!important;white-space:nowrap!important}

/* Unified interaction states */
:where(a,button,input,select,textarea,[role="button"],[tabindex]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--v325-focus) 34%,transparent)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 1px var(--v325-focus)!important;
}
:where(button,.btn,a,input,select,textarea):disabled,
:where(button,.btn,a)[aria-disabled="true"]{cursor:not-allowed!important;opacity:.58!important;filter:saturate(.7)}
.btn,.icon-button,.message-shortcut,.menu-toggle,.password-toggle,.v293-mobile-pane-button{
  min-block-size:var(--v325-touch)!important;
}
.icon-button,.message-shortcut,.menu-toggle,.password-toggle,.v293-mobile-pane-button{
  min-inline-size:var(--v325-touch)!important;
}
.btn{font-size:14px!important;line-height:1.55!important;gap:8px!important}
.btn.small{min-block-size:40px!important;font-size:13.5px!important}
.badge{font-size:12.5px!important;line-height:1.55!important}

/* Header / sidebar: readable and stable in RTL */
.ds-sidebar{border-inline-start:1px solid var(--v325-line)!important;border-inline-end:0!important}
.ds-nav a{font-size:15px!important;line-height:1.65!important;white-space:normal!important}
.ds-nav a>span:not(.nav-icon){min-inline-size:0!important;text-align:start!important}
.nav-section-title{font-size:13px!important;line-height:1.7!important}
.nav-count{font-size:12px!important;min-inline-size:23px!important;block-size:23px!important}
.ds-page-title{flex:1 1 auto!important;overflow:hidden!important}
.ds-page-title strong{
  max-inline-size:100%!important;
  font-size:19px!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ds-top-actions{flex:0 0 auto!important}
.ds-profile-menu{max-inline-size:min(340px,calc(100vw - 24px))!important;inset-inline-end:0!important;inset-inline-start:auto!important}

/* Page hierarchy and shared cards */
.ds-container{max-inline-size:1540px!important}
.page-head{gap:16px!important;align-items:center!important}
.page-head>div{min-inline-size:0}
.page-head h1{font-size:26px!important;line-height:1.55!important;overflow-wrap:normal!important;word-break:keep-all!important}
.page-head p{font-size:14.5px!important;line-height:1.85!important}
.card{border-color:var(--v325-line)!important;box-shadow:0 6px 22px rgba(15,35,75,.055)!important}
.card-head,.section-title,.health-card-head{gap:12px!important}
.card-head>div,.section-title>div,.health-card-head>div{min-inline-size:0}
.card h2,.card-head h2,.section-title h2,.health-card-head h2{
  font-size:18px!important;line-height:1.65!important;word-break:keep-all!important;overflow-wrap:normal!important
}
.card h3{font-size:16px!important;line-height:1.7!important}
.card-subtitle,.section-subtitle{font-size:13.5px!important;line-height:1.8!important}
.empty,.empty-state,.error-state{font-size:14px!important;line-height:1.9!important}

/* Forms and filters */
input,select,textarea{min-inline-size:0!important;font-size:16px!important}
input,select{min-block-size:48px!important}
textarea{line-height:1.85!important}
.form-grid label,.filters label,.field-label,.control-label{font-size:14px!important;line-height:1.75!important}
.form-grid label small,.filters label small,.file-field small,.help-text,.field-help{font-size:13px!important}
.input-with-icon>svg{inset-inline-start:14px!important;inset-inline-end:auto!important}
.input-with-icon input{padding-inline-start:44px!important;padding-inline-end:14px!important;text-align:start!important}
.password-wrap input{padding-inline-start:50px!important;padding-inline-end:44px!important}
.password-toggle{inset-inline-start:4px!important;inset-inline-end:auto!important}
.form-section{font-size:16px!important;line-height:1.7!important;white-space:normal!important}
.filters,.form-grid,.form-actions,.page-actions,.row-actions{min-inline-size:0}

/* Data tables: desktop density + safe horizontal region */
.table-wrap{max-inline-size:100%!important;overscroll-behavior-inline:contain!important;scrollbar-gutter:stable!important}
.table th,.table td{font-size:13.5px!important;line-height:1.75!important;padding-block:11px!important;padding-inline:12px!important}
.table th{font-size:13px!important}
.table td small{font-size:12.5px!important}
.employee-cell strong,.employee-card strong{font-size:14px!important;line-height:1.65!important}
.employee-card small{font-size:12px!important}
.v280-avatar,.employee-card .avatar{font-size:12px!important}
.pagination a,.pagination button{min-inline-size:40px!important;min-block-size:40px!important;font-size:13px!important}

/* Dashboard and KPI system */
.v280-kpi{min-height:164px!important;padding:16px 12px!important}
.v280-kpi-label{min-height:auto!important;font-size:13px!important;line-height:1.65!important}
.v280-kpi>strong{font-size:26px!important;line-height:1.35!important}
.v280-kpi>small{font-size:12px!important;line-height:1.65!important;padding-top:6px!important}
.v292-kpi-money .money-number{font-size:clamp(18px,1.45vw,25px)!important}
.v292-kpi-money .money-unit{font-size:11.5px!important}
.v280-chart-labels{font-size:11px!important;line-height:1.6!important}
.v280-process-step strong{font-size:13px!important;line-height:1.65!important}
.v280-process-step small{font-size:11.5px!important;line-height:1.6!important}
.v325-progress-caption{font-size:13px!important;line-height:1.75!important;margin:10px 0 0!important}
.v280-follow-row{min-height:60px!important;padding:10px!important}
.v280-follow-row strong{font-size:13px!important;line-height:1.65!important}
.v280-follow-row small{font-size:11.5px!important;line-height:1.65!important}
.v280-follow-count{font-size:12px!important;min-inline-size:27px!important;block-size:27px!important}
.v280-activity-item,.v280-slip-item{min-height:55px!important;padding-block:9px!important}
.v280-activity-item strong,.v280-slip-item strong{font-size:13px!important;line-height:1.65!important}
.v280-activity-item small,.v280-slip-item small{font-size:11.5px!important;line-height:1.6!important}
.v280-slip-item>b{font-size:12px!important}
.v280-quick{min-height:82px!important;font-size:13px!important;line-height:1.6!important}

/* Work / payroll / accounting */
.v280-work-kpi strong{font-size:20px!important;line-height:1.4!important}
.v280-work-kpi span,.v280-work-kpi small{font-size:12.5px!important;line-height:1.65!important}
.v280-alert-title{font-size:14px!important;line-height:1.7!important}
.v280-alert-item strong{font-size:13px!important;line-height:1.65!important}
.v280-alert-item small{font-size:11.5px!important;line-height:1.65!important}
.v280-alert-item>b{font-size:12px!important}
.simple-flow-step span,.payroll-timeline span{font-size:13.5px!important;line-height:1.75!important}
.simple-flow-step b,.payroll-timeline b{font-size:13px!important}

/* Letters / editor */
.v280-token-row button{min-block-size:38px!important;font-size:12.5px!important}
.v280-editor-toolbar button{inline-size:40px!important;block-size:40px!important}
.letter-preview-brand strong{font-size:14px!important}
.letter-preview-brand small{font-size:12px!important}
.letter-preview-meta{font-size:12px!important;line-height:1.75!important}
.letter-preview-sheet h3{font-size:17px!important;line-height:1.7!important}
.letter-preview-body{font-size:14px!important;line-height:2.1!important}

/* Payslip / printable records */
.sheet-meta{font-size:12.5px!important;line-height:1.75!important}
.sheet-info strong,.sheet-table th{font-size:12px!important;line-height:1.65!important}
.sheet-info span,.sheet-table td{font-size:13px!important;line-height:1.75!important}
.sheet-footer-text{font-size:12px!important;line-height:1.8!important}

/* System health / update / settings */
.health-item-copy strong{font-size:14px!important;line-height:1.7!important}
.health-item-copy small{font-size:12px!important;line-height:1.7!important}
.health-facts span{font-size:13px!important}
.health-facts strong{font-size:14px!important}
.health-note{font-size:13px!important;line-height:1.85!important}
.update-process>div,.update-safety-list>div,.security-list span{font-size:13.5px!important;line-height:1.8!important}

/* Internal messages — balanced three-column desktop */
.page-message-view .ds-container{max-inline-size:none!important;padding-inline:14px!important}
.v293-message-layout{
  grid-template-columns:minmax(250px,280px) minmax(430px,1fr) minmax(280px,310px)!important;
  grid-template-areas:"info thread list"!important;
  gap:14px!important;
  height:calc(100dvh - 104px)!important;
  min-height:620px!important;
}
.v293-message-list-panel,.v293-thread-panel,.v293-info-panel{border-radius:14px!important}
.v293-panel-head{min-height:72px!important;padding:13px 15px!important}
.v293-panel-head h2{font-size:18px!important}
.v293-panel-head small{font-size:12.5px!important}
.v293-message-search{padding:12px 14px!important}
.v293-search-control input{font-size:14.5px!important}
.v293-message-tabs a{font-size:13px!important;min-height:44px!important}
.v293-conversation-row{min-height:88px!important;padding:12px 13px!important}
.v293-conversation-copy strong{font-size:14px!important;line-height:1.65!important}
.v293-conversation-copy small{font-size:12px!important}
.v293-conversation-copy p{font-size:12.5px!important;line-height:1.75!important}
.v293-conversation-row>time{font-size:11.5px!important}
.v293-thread-toolbar{min-height:62px!important;padding:10px 12px!important}
.v293-thread-subject{padding:14px 16px!important}
.v293-thread-subject h1{font-size:20px!important;line-height:1.65!important}
.v293-thread-subject p{font-size:13px!important}
.v293-thread-scroll{padding:18px 15px!important}
.v293-date-separator span{font-size:12px!important}
.v293-bubble-card{width:min(78%,720px)!important;padding:12px 14px!important}
.v293-bubble-head strong{font-size:14px!important}
.v293-bubble-head time{font-size:11.5px!important}
.v293-bubble-body{font-size:15px!important;line-height:2!important}
.v293-attachment{min-height:56px!important}
.v293-attachment>span:nth-child(2){min-inline-size:0!important}
.v293-attachment>span:nth-child(2) strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v293-attachment>span:nth-child(2) small{font-size:11.5px!important}
.v293-info-section{padding:14px 15px!important}
.v293-info-section h3{font-size:16px!important}
.v293-info-row>span{font-size:12px!important}
.v293-info-row>strong,.v293-info-row>b{font-size:13.5px!important;overflow-wrap:anywhere!important}
.v293-participant>span:last-child strong{font-size:13.5px!important}
.v293-participant>span:last-child small{font-size:11.5px!important}
.v293-composer{grid-template-columns:auto 48px minmax(0,1fr)!important;padding:10px 12px!important;gap:8px!important}
.v293-composer-field textarea{min-height:52px!important;font-size:15px!important}
.v293-file-summary{font-size:12px!important}

/* Authentication / installer / offline */
.auth-brand-copy span,.auth-eyebrow,.auth-feature,.auth-support{font-size:13px!important;line-height:1.8!important}
.auth-footer{font-size:11.5px!important}
.install-eyebrow,.step-badge,.install-version{font-size:12px!important}
.install-card label,.check-row,.server-check-row{font-size:13.5px!important;line-height:1.8!important}

/* Tablet */
@media (max-width:1180px){
  .v293-message-layout{grid-template-columns:minmax(280px,310px) minmax(0,1fr)!important;grid-template-areas:"thread list"!important}
  .v293-info-panel{display:none!important}
}

/* Mobile / small tablet */
@media (max-width:900px){
  body{padding-block-end:calc(78px + env(safe-area-inset-bottom))!important}
  .ds-topbar{
    min-height:68px!important;height:68px!important;
    padding-inline:10px!important;gap:7px!important;
  }
  .menu-toggle{order:-1!important;flex:0 0 44px!important}
  .ds-page-title{order:0!important;min-inline-size:0!important}
  .ds-page-title strong{font-size:16px!important;line-height:1.45!important;max-inline-size:none!important}
  .ds-top-actions{order:1!important;gap:5px!important}
  .ds-date-chip{display:none!important}
  .ds-profile{inline-size:42px!important;min-inline-size:42px!important;block-size:42px!important}
  .message-shortcut{inline-size:42px!important;block-size:42px!important;min-inline-size:42px!important}
  .ds-container{padding:16px 12px calc(96px + env(safe-area-inset-bottom))!important}
  .page-head{align-items:flex-start!important;flex-wrap:wrap!important}
  .page-head h1{font-size:22px!important}
  .page-head p{display:block!important;font-size:13.5px!important}
  .page-head>.btn,.page-head>.actions{max-inline-size:100%!important}
  .card{padding:14px!important}
  .table th,.table td{font-size:13px!important}
  .mobile-bottom-nav{
    height:74px!important;
    padding:5px 7px calc(6px + env(safe-area-inset-bottom))!important;
  }
  .mobile-bottom-nav a{font-size:10.5px!important;line-height:1.35!important;gap:3px!important;min-block-size:58px!important}
  .mobile-bottom-nav a svg{inline-size:20px!important;block-size:20px!important}
  .mobile-bottom-nav b{font-size:10px!important;min-inline-size:18px!important;block-size:18px!important;top:0!important}
  .v280-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .v280-kpi{min-height:145px!important;padding:13px 9px!important}
  .v280-kpi-label{font-size:12.5px!important}
  .v280-kpi>small{font-size:11.5px!important}
  .v280-dashboard-grid,.v280-bottom-grid{padding-block-end:5px!important}
  .v280-dashboard-grid>.card,.v280-bottom-grid>.card{
    flex-basis:calc(100vw - 38px)!important;width:calc(100vw - 38px)!important;min-width:calc(100vw - 38px)!important
  }
  .v280-follow-row strong,.v280-activity-item strong,.v280-slip-item strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .v280-letter-kpis .v280-kpi{min-height:138px!important}
  .form-actions,.compose-actions{gap:10px!important}
}

@media (max-width:640px){
  .ds-topbar{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important}
  .ds-top-actions{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:42px!important}
  .ds-profile-wrap{display:none!important}
  .ds-page-title strong{font-size:15.5px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .page-head p{font-size:13px!important}
  .filters,.v280-letter-filter,.accounting-report-filters{gap:12px!important}
  .btn{min-block-size:46px!important}
  .row-actions{flex-wrap:wrap!important}
  .row-actions .btn{flex:1 1 auto!important;min-inline-size:88px!important}
  .mobile-card,.responsive-card{overflow:hidden!important}
  .mobile-card :where(strong,span,small,p),.responsive-card :where(strong,span,small,p){max-inline-size:100%!important;overflow-wrap:anywhere!important}

  /* Conversation detail occupies the viewport above the bottom navigation. */
  .page-message-view{padding-block-end:0!important}
  .page-message-view .ds-container{padding:8px 7px calc(82px + env(safe-area-inset-bottom))!important}
  .v293-message-layout{
    display:block!important;
    height:calc(100dvh - 68px - 82px)!important;
    min-height:500px!important;
    margin-block-end:0!important;
  }
  .v293-thread-panel{height:100%!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important}
  .v293-thread-toolbar{min-height:58px!important;padding:8px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .v293-thread-toolbar::-webkit-scrollbar{display:none!important}
  .v293-thread-subject{padding:12px!important;grid-template-columns:40px minmax(0,1fr)!important}
  .v293-thread-subject h1{font-size:18px!important;line-height:1.7!important;white-space:normal!important}
  .v293-thread-subject p{font-size:12.5px!important}
  .v293-thread-scroll{padding:13px 9px!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  .v293-message-bubble{width:100%!important;gap:6px!important}
  .v293-bubble-card{width:calc(100% - 38px)!important;max-width:none!important;padding:11px 12px!important}
  .v293-bubble-body{font-size:14.5px!important;line-height:1.95!important}
  .v293-bubble-head{flex-wrap:wrap!important;row-gap:4px!important}
  .v293-composer{
    position:relative!important;
    grid-template-columns:44px minmax(0,1fr) 48px!important;
    grid-template-areas:"attach field send" "summary summary summary"!important;
    align-items:center!important;
    padding:8px!important;
    background:#fff!important;
  }
  .v293-attach-button{grid-area:attach!important;grid-column:auto!important;justify-self:stretch!important}
  .v293-composer-field{grid-area:field!important;grid-column:auto!important}
  .v293-send-button{grid-area:send!important;grid-column:auto!important;min-inline-size:48px!important;inline-size:48px!important;padding:0!important}
  .v293-file-summary{grid-area:summary!important;grid-column:auto!important}
  .v293-composer-field textarea{min-height:48px!important;max-height:110px!important;padding:10px 12px!important}
  .v293-message-list-panel{inset-inline-end:0!important;inset-inline-start:auto!important;transform:translateX(105%)!important}
  .v293-info-panel{inset-inline-start:0!important;inset-inline-end:auto!important;transform:translateX(-105%)!important}
  .message-list-open .v293-message-list-panel,.message-info-open .v293-info-panel{transform:translateX(0)!important}

  /* Message index */
  .v293-index-row{grid-template-columns:42px minmax(0,1fr)!important;padding-block:13px!important}
  .v293-index-copy strong{font-size:14.5px!important;white-space:normal!important}
  .v293-index-copy p{font-size:13px!important;-webkit-line-clamp:2!important}
  .v293-index-meta{grid-column:2!important;font-size:12px!important}

  /* Printable documents remain readable without becoming horizontally wider. */
  .sheet-meta{font-size:11.5px!important}
  .sheet-info strong,.sheet-table th{font-size:11.5px!important}
  .sheet-info span,.sheet-table td{font-size:12.5px!important}
}

@media (max-width:390px){
  .ds-topbar{grid-template-columns:42px minmax(0,1fr) auto!important;padding-inline:7px!important}
  .ds-top-actions{grid-auto-columns:39px!important;gap:4px!important}
  .message-shortcut,.menu-toggle{inline-size:39px!important;min-inline-size:39px!important;block-size:39px!important}
  .ds-page-title strong{font-size:15px!important}
  .ds-container{padding-inline:9px!important}
  .v280-kpi{min-height:140px!important}
  .v280-kpi-label{font-size:12px!important}
  .mobile-bottom-nav a{font-size:10px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v3.2.5 final audit refinements */
.money-display .money-unit,.v292-kpi-money .money-unit,.v280-slip-item .money-unit,
.table .money-unit,.mobile-card .money-unit,.sheet .money-unit{font-size:12px!important}
.v280-kpi>small,.v280-process-step small,.v280-follow-row small,
.v280-activity-item small,.v280-slip-item small,.v280-alert-item small{font-size:12px!important}
.v280-chart-labels{font-size:12px!important}
.v293-bubble-head time,.v293-conversation-row>time,.v293-attachment>span:nth-child(2) small,
.v293-participant>span:last-child small{font-size:12px!important}
.period-title small,.payroll-timeline time{font-size:12px!important}
.period-title strong,.page-payroll-batch .card-head h2,.actions-cell .btn{white-space:nowrap!important;word-break:keep-all!important}
.role-summary strong,.permission-card strong{font-size:13px!important;line-height:1.7!important}
body.auth-body .auth-feature,body.auth-body .auth-brand-copy span,body.auth-body .auth-support{
  font-size:13px!important;line-height:1.8!important
}

@media(max-width:640px){
  .menu-toggle,.message-shortcut{inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important}
  .ds-top-actions{grid-auto-columns:44px!important}
  .mobile-bottom-nav a{font-size:12px!important;line-height:1.3!important}
  .mobile-bottom-nav b{font-size:10.5px!important}
  .v293-thread-toolbar .btn.small,
  .v293-mobile-pane-button{
    inline-size:auto!important;width:auto!important;min-inline-size:44px!important;
    padding-inline:10px!important;font-size:13px!important;white-space:nowrap!important
  }
  .v293-thread-toolbar .btn.small span,.v293-mobile-pane-button span{display:inline!important}
  .v293-toolbar-start,.v293-toolbar-end{flex-wrap:nowrap!important;flex:0 0 auto!important}
  .v293-composer{
    grid-template-columns:minmax(0,1fr) 44px 48px!important;
    grid-template-areas:"field attach send" "summary summary summary"!important
  }
  .v293-composer-field{grid-area:field!important}
  .v293-attach-button{grid-area:attach!important}
  .v293-send-button{grid-area:send!important}
  .v280-token-row button,.v280-editor-toolbar button{min-block-size:44px!important}
  .check-card,.radio-card,.permission-option,.switch-row{min-block-size:44px!important}
}
@media(max-width:390px){
  .menu-toggle,.message-shortcut{inline-size:44px!important;min-inline-size:44px!important;block-size:44px!important}
  .ds-top-actions{grid-auto-columns:44px!important}
  .mobile-bottom-nav a{font-size:11.5px!important}
}
@media(max-width:390px){.mobile-bottom-nav a{font-size:12px!important}}

/* v3.2.5 page-specific readability closures found by the 123-render audit */
.simple-flow .simple-flow-step strong{font-size:13.5px!important;line-height:1.65!important}
.simple-flow .simple-flow-step small{font-size:12.5px!important;line-height:1.65!important}
.export-help-grid>div strong{font-size:13.5px!important;line-height:1.7!important}
.export-help-grid>div span{font-size:12.5px!important;line-height:1.8!important}
.report-currency-card .card-head p{font-size:13.5px!important;line-height:1.8!important}
.accounting-stats .stat-card{min-height:118px!important;padding:13px!important}
.accounting-stats .stat-card strong{font-size:15px!important;line-height:1.55!important}
.accounting-stats .stat-card span,.accounting-stats .stat-card small{font-size:12px!important;line-height:1.65!important}
.accounting-stats .stat-card .money-number{font-size:14px!important}
.accounting-stats .stat-card .money-unit{font-size:11.5px!important}
.compose-guide-head .card-subtitle{font-size:13px!important;line-height:1.8!important}
.compose-guide-item strong{font-size:14px!important;line-height:1.7!important}
.compose-guide-item small{font-size:12.5px!important;line-height:1.8!important}
.message-security-note .message-note-copy strong{font-size:14px!important;line-height:1.7!important}
.message-security-note .message-note-copy small{font-size:12.5px!important;line-height:1.8!important}
.autosave-line,.autosave-line span{font-size:12.5px!important;line-height:1.75!important}
.v293-message-tabs b{font-size:12px!important;min-inline-size:22px!important;block-size:22px!important}
.v293-index-copy small,.v293-index-copy p,.v293-index-meta time{font-size:12.5px!important;line-height:1.75!important}
.v293-index-row>.v293-avatar,.v293-avatar,.v293-subject-avatar,.v293-bubble-avatar{font-size:12px!important}
.sheet-meta,.sheet-footer-text{font-size:12.5px!important}
.sheet-info strong,.sheet-table th{font-size:12.5px!important}
.sheet-info span,.sheet-table td{font-size:13px!important}
.v280-token-row button{min-block-size:44px!important}
.v293-message-tabs a{min-inline-size:44px!important}
.message-mini{min-block-size:44px!important;padding-block:8px!important}
.offline-card button,.offline-card .btn{min-block-size:44px!important}
@media(max-width:640px){
  .page-head>.btn,.page-head>.actions .btn{min-block-size:46px!important}
  .pagination a,.pagination button{min-inline-size:44px!important;min-block-size:44px!important}
  .v280-editor-toolbar button{inline-size:44px!important;block-size:44px!important}
  .accounting-stats .stat-card{min-height:128px!important}
  .accounting-stats .stat-card .money-number{font-size:13.5px!important}
  .v293-index-copy small,.v293-index-meta time{font-size:12px!important}
}

/* Hooger HR 1.0.58 — unified official Hooger logo geometry.
   Only the official hooger-logo.jpeg is targeted; user avatars/photos are untouched. */
html body img[src*="hooger-logo.jpeg"],
html body .ds-brand img.ds-brand-logo[src*="hooger-logo.jpeg"],
html body.auth-body .auth-brand img[src*="hooger-logo.jpeg"],
html body.install-body img.install-brand-logo[src*="hooger-logo.jpeg"],
html body .sheet-head img[src*="hooger-logo.jpeg"],
html body .letter-preview-brand img[src*="hooger-logo.jpeg"]{
  inline-size:56px!important;
  block-size:56px!important;
  width:56px!important;
  height:56px!important;
  min-inline-size:56px!important;
  min-block-size:56px!important;
  max-inline-size:56px!important;
  max-block-size:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  flex:0 0 56px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:6px!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}