:root{--sidebar:270px;--ink:#172033;--muted:#6b7280;--bg:#f4f7fb;--brand:#0f766e;--brand2:#155e75}
*{box-sizing:border-box}body{font-family:Arial,"Noto Sans Hebrew",sans-serif;background:var(--bg);color:var(--ink);margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:linear-gradient(180deg,#10243f,#0f3d4a);color:white;padding:22px 16px;position:fixed;right:0;top:0;bottom:0;overflow:auto;z-index:1030}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px}.brand-mark{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:22px}.brand small{display:block;opacity:.65;margin-top:2px}.sidebar .nav-link{color:rgba(255,255,255,.78);border-radius:10px;padding:11px 12px;display:flex;gap:10px;align-items:center}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.11);color:#fff}.nav-section{font-size:12px;opacity:.55;padding:18px 12px 6px}.main-content{margin-right:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:72px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:1020}.top-title{display:flex;gap:9px;align-items:center}.content-wrap{padding:26px;max-width:1600px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.page-head h1{font-size:26px;margin:0}.card{border:0;border-radius:16px;box-shadow:0 6px 24px rgba(16,36,63,.06)}.metric-card{padding:20px}.metric-icon{width:46px;height:46px;border-radius:13px;background:#eef7f6;display:grid;place-items:center;font-size:22px;color:var(--brand)}.metric-value{font-size:30px;font-weight:700}.table thead th{white-space:nowrap;color:#64748b;font-weight:600;font-size:13px}.table td,.table th{vertical-align:middle}.ticket-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.s-new{background:#e0f2fe;color:#075985}.s-open{background:#ede9fe;color:#5b21b6}.s-in_progress{background:#fef3c7;color:#92400e}.s-waiting_user{background:#fce7f3;color:#9d174d}.s-resolved{background:#dcfce7;color:#166534}.s-closed{background:#e5e7eb;color:#374151}.s-cancelled{background:#fee2e2;color:#991b1b}.priority-critical{color:#b91c1c;font-weight:700}.priority-high{color:#c2410c;font-weight:700}.form-control,.form-select{border-radius:10px;padding:.65rem .8rem}.btn{border-radius:10px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#dff7f3,transparent 35%),linear-gradient(135deg,#f8fafc,#e8eef7)}.login-card{width:min(440px,92vw);padding:34px}.timeline{border-right:2px solid #e5e7eb;margin-right:10px;padding-right:22px}.timeline-item{position:relative;padding-bottom:18px}.timeline-item:before{content:"";position:absolute;right:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:#0f766e;border:3px solid white;box-shadow:0 0 0 1px #cbd5e1}.kpi-mini{font-size:12px;color:var(--muted)}
@media(max-width:991.98px){.sidebar{transform:translateX(105%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-content{margin-right:0;width:100%}.content-wrap{padding:18px}.topbar{padding:0 16px}}
.welcome-panel{background:linear-gradient(135deg,#fff,#eef8f7);border:1px solid #e5eeee;border-radius:20px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.quick-action{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);display:flex;gap:13px;align-items:center;transition:.15s}.quick-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,36,63,.08);border-color:#b9d7d4}.quick-action>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef7f6;color:var(--brand);font-size:20px}.quick-action strong,.quick-action small{display:block}.quick-action small{color:var(--muted);margin-top:3px}.mini-summary{padding:16px}.mini-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.description-box{background:#f8fafc;border:1px solid #e8edf3;border-radius:12px;padding:16px;line-height:1.7}.resolution-card{border-right:4px solid #16a34a}.worklog-item{border:1px solid #e5e7eb;border-radius:12px;padding:14px;margin-bottom:10px;background:#fff}.document-form{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:16px}.empty-note{background:#f8fafc;color:var(--muted);border-radius:10px;padding:14px}.sticky-card{position:sticky;top:92px}
@media(max-width:1199.98px){.quick-actions{grid-template-columns:repeat(2,1fr)}.sticky-card{position:static}}@media(max-width:575.98px){.welcome-panel{align-items:stretch;flex-direction:column}.quick-actions{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.top-title .badge{display:none}}

/* v1.3 Smart Service Desk */
.ai-chat-card{min-height:680px;overflow:hidden}.ai-chat-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--bs-border-color);background:linear-gradient(135deg,rgba(13,110,253,.07),rgba(25,135,84,.06))}.ai-chat-head small{display:block;color:#6c757d;margin-top:3px}.ai-chat-stream{height:520px;overflow-y:auto;padding:22px;background:#f8fafc}.ai-welcome{text-align:center;max-width:620px;margin:38px auto;color:#475569}.ai-orb{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;margin:auto auto 18px;background:linear-gradient(135deg,#0d6efd,#6f42c1);color:#fff;font-size:28px;box-shadow:0 12px 35px rgba(13,110,253,.22)}.ai-suggestions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:18px}.ai-suggestions span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:7px 12px;font-size:.86rem}.ai-msg{max-width:82%;margin-bottom:18px}.ai-msg.user{margin-right:auto}.ai-msg.assistant{margin-left:auto}.ai-msg-label{font-size:.78rem;color:#64748b;margin-bottom:5px}.ai-bubble{padding:12px 15px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;white-space:normal;line-height:1.65}.ai-msg.user .ai-bubble{background:#0d6efd;color:white;border-color:#0d6efd;border-bottom-right-radius:5px}.ai-msg.assistant .ai-bubble{border-bottom-left-radius:5px}.ai-msg small{display:block;color:#94a3b8;margin-top:4px}.ai-compose{display:flex;gap:10px;padding:16px;border-top:1px solid var(--bs-border-color);background:#fff;align-items:end}.ai-compose textarea{resize:none}.ai-compose .btn{min-width:90px;height:48px}.ai-settings-card{border-top:3px solid #6f42c1}.integration-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f6}.integration-row:last-of-type{border-bottom:0}.kpi-big{font-size:1.55rem;font-weight:800}.source-badge{font-size:.72rem}.ai-ticket-panel{background:linear-gradient(135deg,rgba(111,66,193,.06),rgba(13,110,253,.05));border:1px solid rgba(111,66,193,.18)}
@media(max-width:767px){.ai-chat-stream{height:480px;padding:14px}.ai-msg{max-width:94%}.ai-compose{flex-direction:column}.ai-compose .btn{width:100%}.ai-chat-card{min-height:auto}}
.smart-welcome{position:relative;overflow:hidden}.smart-welcome-icon{width:110px;height:110px;border-radius:32px;place-items:center;font-size:46px;background:rgba(13,110,253,.08);color:#0d6efd}
/* WhatsApp inbox */
.wa-thread-list{max-height:72vh;overflow:auto}.wa-conversation-card{min-height:68vh}.wa-conversation-body{height:52vh;overflow:auto;background:linear-gradient(180deg,#f7faf8,#eef4f1);padding:22px}.wa-bubble-row{display:flex;margin:9px 0}.wa-bubble-row.in{justify-content:flex-start}.wa-bubble-row.out{justify-content:flex-end}.wa-bubble{max-width:min(75%,720px);background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 13px;white-space:normal;box-shadow:0 1px 2px rgba(15,23,42,.04)}.wa-bubble-row.out .wa-bubble{background:#e9f8ee}.wa-meta{font-size:.72rem;color:#64748b;margin-top:6px}.wa-thread-list .list-group-item.active .text-muted{color:rgba(255,255,255,.8)!important}@media(max-width:991.98px){.wa-conversation-body{height:45vh}.wa-bubble{max-width:88%}}

/* v1.4 organization-neutral + mobile-first UX */
.brand-logo{max-width:38px;max-height:38px;object-fit:contain}.brand-copy{min-width:0;flex:1}.brand-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-close{color:#fff;background:transparent;border:0;padding:.25rem .5rem}.sidebar-close:hover{color:#fff;background:rgba(255,255,255,.1)}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.52);z-index:1029}.sidebar-backdrop.show{display:block}.mobile-menu-btn{width:44px;height:44px;display:grid;place-items:center}.top-org{font-weight:700;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.solution-search-hero{background:linear-gradient(135deg,#ffffff,#edf7f6);border:1px solid #dcebea;border-radius:22px;padding:28px}.solution-search-box{display:flex;gap:10px;align-items:stretch;max-width:900px}.solution-search-box .form-control{font-size:1.05rem;min-height:52px}.solution-search-box .btn{min-height:52px;white-space:nowrap}.solution-card{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff;height:100%;transition:.15s}.solution-card:hover{border-color:#b9d7d4;box-shadow:0 8px 24px rgba(16,36,63,.07);transform:translateY(-1px)}.solution-card .solution-title{font-weight:700;font-size:1.03rem}.solution-card .solution-meta{display:flex;gap:8px;flex-wrap:wrap;margin:.5rem 0}.solution-steps{white-space:pre-line;line-height:1.8;background:#f8fafc;border-radius:12px;padding:14px}.safe-note{background:#eefbf4;border:1px solid #ccebd7;border-radius:12px;padding:12px}.not-solved-box{border:1px dashed #cbd5e1;background:#fafcff;border-radius:14px;padding:16px}.trouble-empty{padding:42px 20px;text-align:center;color:#64748b}.trouble-empty i{font-size:42px;display:block;margin-bottom:10px}.touch-target{min-height:44px}
.mobile-bottom-nav{display:none;position:fixed;right:0;left:0;bottom:0;height:68px;padding:5px max(8px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5e7eb;z-index:1025;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 22px rgba(15,23,42,.08)}.mobile-bottom-nav a{color:#64748b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;min-width:0}.mobile-bottom-nav a i{font-size:20px}.mobile-bottom-nav a.active{color:var(--brand);font-weight:700}.mobile-bottom-nav .mobile-new-ticket i{width:40px;height:40px;margin-top:-20px;border-radius:14px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(15,118,110,.28)}
@media(max-width:991.98px){.mobile-bottom-nav{display:grid!important}body{padding-bottom:72px}.sidebar{width:min(86vw,320px);box-shadow:-10px 0 30px rgba(15,23,42,.15)}body.menu-open{overflow:hidden}.topbar{height:64px}.content-wrap{padding:16px}.page-head{margin-bottom:16px}.page-head h1{font-size:23px}.card{border-radius:14px}.metric-card{padding:16px}.metric-value{font-size:26px}.solution-search-hero{padding:20px}.sticky-card{position:static}.responsive-table-wrap{overflow:visible}}
@media(max-width:767.98px){.content-wrap{padding:14px}.card-body.p-4{padding:18px!important}.welcome-panel{padding:20px}.welcome-panel h1{font-size:24px}.btn-lg{font-size:1rem;padding:.72rem 1rem}.form-control,.form-select{min-height:46px;font-size:16px}.form-check-input{width:1.2em;height:1.2em}.quick-actions{gap:10px}.quick-action{padding:14px}.solution-search-box{flex-direction:column}.solution-search-box .btn{width:100%}.table-responsive{border-radius:12px}
  .mobile-card-table thead{display:none}.mobile-card-table,.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table td{display:block;width:100%}.mobile-card-table tr{border:1px solid #e5e7eb;border-radius:14px;padding:10px 14px;margin-bottom:12px;background:#fff}.mobile-card-table td{border:0!important;padding:7px 0!important;display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:10px;align-items:start}.mobile-card-table td::before{content:attr(data-label);font-size:12px;color:#64748b;font-weight:700}.mobile-card-table td[data-label=""]::before{display:none}.mobile-card-table td .d-flex{flex-wrap:wrap}.mobile-card-table .btn{min-height:40px}.modal-dialog{margin:.5rem}.modal-content{border-radius:16px}.ai-chat-stream{height:50vh}.wa-thread-list{max-height:38vh}.wa-conversation-card{min-height:auto}.wa-conversation-body{height:44vh}.page-head>.btn,.page-head>div:last-child .btn{width:100%}
}
@media(max-width:575.98px){.topbar{padding:0 10px}.content-wrap{padding:12px}.page-head{gap:10px}.page-head h1{font-size:21px}.metric-card{padding:13px}.metric-icon{width:40px;height:40px;font-size:19px}.metric-value{font-size:24px}.solution-search-hero{padding:16px;border-radius:16px}.solution-card{padding:15px}.login-card{padding:22px}.top-title{gap:6px}}
@media(max-width:767.98px){.solution-search-box .form-select{max-width:none!important;width:100%}}
\n/* v1.6 inventory, procurement and medical consumables */\n.inventory-alert{border-inline-start:4px solid var(--bs-warning);background:#fffaf0}.stock-low{background:#fff7ed}.stock-expiring{color:#b91c1c;font-weight:700}.procurement-flow{display:flex;gap:8px;flex-wrap:wrap}.procurement-flow .badge{padding:.55rem .75rem}.inventory-note{border:1px solid #dbeafe;background:#eff6ff;border-radius:12px;padding:12px}.order-line{padding:.35rem 0}@media(max-width:767.98px){details[open]{width:100%}details form{min-width:0!important}.procurement-flow{gap:5px}}\n
/* ===== Professional UI/UX layer v1.7 ===== */
:root{
 --ssd-primary:#1268e5;--ssd-primary-strong:#0d4fab;--ssd-ink:#142033;--ssd-muted:#667085;
 --ssd-border:#e4e9f1;--ssd-surface:#fff;--ssd-soft:#f6f8fb;--ssd-success:#0f8a68;--ssd-danger:#c73545;
 --ssd-radius:16px;--ssd-shadow:0 10px 32px rgba(16,36,63,.06)
}
body{color:var(--ssd-ink);background:#f3f6fa}
.content-wrap{max-width:1680px;margin-inline:auto}
.card{border:1px solid var(--ssd-border);border-radius:var(--ssd-radius);box-shadow:var(--ssd-shadow)}
.card-header{border-bottom:1px solid var(--ssd-border);background:transparent}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.page-head h1{font-size:clamp(1.55rem,2vw,2rem);font-weight:750;margin:0 0 4px}
.page-actions{display:flex;gap:10px;flex-wrap:wrap}.page-actions .btn{min-height:42px;display:inline-flex;align-items:center;gap:7px}
.btn{border-radius:10px}.btn-primary{background:var(--ssd-primary);border-color:var(--ssd-primary)}
.btn-primary:hover{background:var(--ssd-primary-strong);border-color:var(--ssd-primary-strong)}
.form-control,.form-select{min-height:44px;border-radius:10px;border-color:#d9e0ea}.form-control:focus,.form-select:focus{border-color:#86b6f8;box-shadow:0 0 0 .22rem rgba(18,104,229,.12)}
.form-label{font-weight:650;color:#344054;margin-bottom:7px}
.section-card{padding:0;overflow:hidden}.section-head{padding:20px 22px;border-bottom:1px solid var(--ssd-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h5{margin:0;font-weight:750}.section-body{padding:22px}
.empty-state{text-align:center;padding:48px 20px;color:var(--ssd-muted)}.empty-state .empty-icon{width:66px;height:66px;border-radius:20px;background:#eef5ff;color:var(--ssd-primary);display:grid;place-items:center;margin:0 auto 16px;font-size:1.8rem}.empty-state h5{color:var(--ssd-ink);font-weight:750}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.kpi-card{background:#fff;border:1px solid var(--ssd-border);border-radius:14px;padding:17px 18px;box-shadow:0 7px 22px rgba(16,36,63,.04)}.kpi-label{color:var(--ssd-muted);font-size:.88rem}.kpi-value{font-size:1.7rem;font-weight:800;margin-top:3px}.kpi-hint{font-size:.78rem;color:var(--ssd-muted);margin-top:4px}
.filter-bar{background:#fff;border:1px solid var(--ssd-border);border-radius:14px;padding:14px 16px;margin-bottom:18px}.filter-bar .form-control,.filter-bar .form-select{min-height:40px}
.data-table thead th{font-size:.82rem;color:#667085;font-weight:700;background:#fbfcfe;border-bottom:1px solid #e8edf4;white-space:nowrap}.data-table tbody td{vertical-align:middle}.data-table tbody tr:hover{background:#fbfdff}
.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:700}.status-pill.ok{background:#eaf8f3;color:#08785b}.status-pill.warn{background:#fff7df;color:#996a00}.status-pill.danger{background:#fdecef;color:#aa2032}.status-pill.neutral{background:#eef2f7;color:#536174}
.product-title{font-weight:750}.product-meta{font-size:.8rem;color:var(--ssd-muted);margin-top:3px}.mono-field{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.quick-action{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ssd-border);background:#fff;border-radius:12px;padding:11px 15px;color:var(--ssd-ink);text-decoration:none;font-weight:650}.quick-action:hover{border-color:#b8d3f7;background:#f8fbff;color:var(--ssd-primary)}
.form-section{border:1px solid var(--ssd-border);border-radius:14px;padding:20px;background:#fff;margin-bottom:16px}.form-section-title{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.02rem;margin-bottom:16px}.form-section-title i{color:var(--ssd-primary)}
.permission-group{border:1px solid var(--ssd-border);border-radius:14px;overflow:hidden;background:#fff}.permission-group-title{padding:14px 16px;background:#f8fafc;font-weight:800;border-bottom:1px solid var(--ssd-border)}.permission-row{display:grid;grid-template-columns:minmax(220px,1fr) 210px;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf0f4}.permission-row:last-child{border-bottom:0}.permission-name{font-weight:650}
.report-tile{height:100%;padding:20px;border:1px solid var(--ssd-border);border-radius:16px;background:#fff;text-decoration:none;color:var(--ssd-ink);display:block;transition:.16s ease}.report-tile:hover{transform:translateY(-2px);box-shadow:var(--ssd-shadow);border-color:#bad3f4;color:var(--ssd-ink)}.report-icon{width:46px;height:46px;border-radius:13px;background:#eef5ff;color:var(--ssd-primary);display:grid;place-items:center;font-size:1.3rem;margin-bottom:14px}.report-tile h5{font-weight:800}.report-tile p{color:var(--ssd-muted);margin:0;font-size:.9rem}
.sticky-form-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--ssd-border);margin:22px -22px -22px;padding:14px 22px;display:flex;gap:10px;justify-content:flex-start;z-index:5}
@media(max-width:1199.98px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.content-wrap{padding-inline:12px}.page-head{align-items:flex-start}.page-actions{width:100%}.page-actions .btn{flex:1 1 auto;justify-content:center}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:14px}.kpi-value{font-size:1.4rem}.section-body{padding:16px}.form-section{padding:16px}.permission-row{grid-template-columns:1fr;gap:8px}.sticky-form-actions{margin:18px -16px -16px;padding:12px 16px}.mobile-card-table thead{display:none}.mobile-card-table tbody tr{display:block;border:1px solid var(--ssd-border);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#fff}.mobile-card-table tbody td{display:flex!important;justify-content:space-between;gap:14px;border:0!important;padding:7px 0!important;text-align:left}.mobile-card-table tbody td::before{content:attr(data-label);font-weight:700;color:#667085;text-align:right}.mobile-card-table tbody td:last-child{padding-top:10px!important;border-top:1px solid #edf0f4!important;margin-top:4px}}

/* v1.7 professional printable reports */
@media print{
  @page{size:A4;margin:12mm}
  body{background:#fff!important;color:#111!important;font-size:10pt}
  .app-sidebar,.topbar,.mobile-bottom-nav,.page-actions,.filter-bar,.quick-actions,.btn,.no-print,.alert-dismissible .btn-close{display:none!important}
  .main-content,.content-wrap,.app-main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
  .page-head{display:block!important;border:0!important;box-shadow:none!important;padding:0 0 10mm!important;margin:0!important}
  .page-head h1{font-size:18pt!important}.page-head p{font-size:9.5pt!important}
  .section-card,.card,.kpi-card{box-shadow:none!important;border:1px solid #d9dde5!important;break-inside:avoid}
  .kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:5mm!important}
  .table-responsive{overflow:visible!important}
  table{width:100%!important;border-collapse:collapse!important;font-size:8.5pt!important}
  th,td{border-bottom:1px solid #dfe3e8!important;padding:5px 6px!important;background:#fff!important;color:#111!important}
  thead{display:table-header-group!important}
  tr{break-inside:avoid!important}
  a{text-decoration:none!important;color:#111!important}
  .status-pill{border:1px solid #aaa!important;background:#fff!important;color:#111!important}
}

/* v1.7.1 UX hardening: visible actions, inline validation, autosave and branded reports */
.sticky-form-actions{
  position:sticky!important;
  bottom:12px!important;
  margin:24px 0 0!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--ssd-border)!important;
  border-radius:14px!important;
  box-shadow:0 12px 32px rgba(16,36,63,.12)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  z-index:1015!important;
}
.sticky-form-actions .btn-primary{min-width:180px;font-weight:750}
.sticky-form-actions .autosave-indicator{margin-inline-start:auto}
.required-mark{color:#c62828;font-weight:800;margin-inline-start:3px}
.form-control.is-invalid,.form-select.is-invalid{border-color:#dc3545!important;background-image:none!important;box-shadow:0 0 0 .18rem rgba(220,53,69,.08)!important}
.inline-required-error{display:block;color:#b42318;font-size:.82rem;font-weight:650;margin-top:5px}
.autosave-indicator{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:.82rem;min-height:24px}
.autosave-indicator.saving{color:#9a6700}.autosave-indicator.saved{color:#08785b}.autosave-indicator.error{color:#b42318}
.page-actions .btn-primary{font-weight:750}
.filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.filter-actions .btn{min-width:110px}
.print-only{display:none}
.report-print-brand{direction:rtl;text-align:right;align-items:center;justify-content:space-between;gap:14px;border-bottom:2px solid #1f5fae;padding-bottom:8mm;margin-bottom:8mm}
.report-print-brand-main{display:flex;align-items:center;gap:12px}.report-print-brand img{max-width:78px;max-height:58px;object-fit:contain}.report-print-brand h2{margin:0 0 3px;font-size:17pt}.report-print-brand .org-name{font-weight:700}.report-print-brand-meta{font-size:8.5pt;color:#5b6574;text-align:left;direction:rtl}
.report-pdf-btn{display:inline-flex;align-items:center;gap:7px}
@media(max-width:767.98px){.sticky-form-actions{bottom:78px!important}.sticky-form-actions .btn{flex:1 1 auto}.sticky-form-actions .autosave-indicator{width:100%;margin-inline-start:0}.filter-actions{width:100%}.filter-actions .btn{flex:1 1 auto}}
@media print{
  .print-only{display:flex!important}
  .report-print-brand{display:flex!important}
  .sticky-form-actions,.autosave-indicator{display:none!important}
}

/* Browser-side branded PDF generation */
body.pdf-export-mode .page-head,
body.pdf-export-mode .filter-bar,
body.pdf-export-mode .no-pdf,
body.pdf-export-mode .alert:not(.pdf-keep),
body.pdf-export-mode .page-actions{display:none!important}
body.pdf-export-mode .print-only{display:flex!important}
body.pdf-export-mode .content-wrap{background:#fff!important;max-width:1200px!important;padding:18px!important}
body.pdf-export-mode .card,body.pdf-export-mode .section-card,body.pdf-export-mode .kpi-card{box-shadow:none!important}

/* ===== v1.7.2 CTC Eagle Theme / full UI refresh ===== */
:root{
  --ctc-charcoal:#191c20;
  --ctc-charcoal-2:#242a2f;
  --ctc-charcoal-3:#313940;
  --ctc-teal:#0493a1;
  --ctc-teal-strong:#037582;
  --ctc-cyan:#03b6c3;
  --ctc-silver:#e1e1e1;
  --ctc-silver-2:#a0a5a8;
  --ctc-cloud:#f3f6f7;
  --ctc-white:#ffffff;
  --brand:var(--ctc-teal);
  --brand2:var(--ctc-cyan);
  --ink:var(--ctc-charcoal);
  --bg:var(--ctc-cloud);
  --ssd-primary:var(--ctc-teal);
  --ssd-primary-strong:var(--ctc-teal-strong);
  --ssd-ink:var(--ctc-charcoal);
  --ssd-muted:#66717a;
  --ssd-border:#d9e0e3;
  --ssd-surface:#fff;
  --ssd-soft:#f4f7f8;
  --ssd-shadow:0 12px 32px rgba(25,28,32,.08);
}

body{background:linear-gradient(180deg,#f6f8f9 0,#eef2f3 100%);color:var(--ctc-charcoal)}
.sidebar{background:linear-gradient(180deg,#15191d 0%,#1d2328 45%,#222b31 100%);border-left:1px solid rgba(3,182,195,.2);box-shadow:-12px 0 34px rgba(0,0,0,.16)}
.brand{border-bottom:1px solid rgba(3,182,195,.22)}
.brand-mark{background:linear-gradient(145deg,#0f1417,#293239);border:1px solid rgba(3,182,195,.34);box-shadow:0 8px 20px rgba(0,0,0,.24);overflow:hidden}
.brand-logo{width:100%;height:100%;max-width:44px;max-height:44px;object-fit:cover;border-radius:10px}
.brand-copy strong{color:#fff}.brand-copy small{color:#a9c4c8;opacity:1}
.nav-section{color:#7fd4dc;opacity:.9;font-weight:800;letter-spacing:.02em}
.sidebar .nav-link{color:#d4dde0;border:1px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.sidebar .nav-link i{color:#7fcbd2;font-size:1.05rem}
.sidebar .nav-link:hover{background:rgba(4,147,161,.11);color:#fff;border-color:rgba(3,182,195,.18);transform:translateX(-1px)}
.sidebar .nav-link.active{background:linear-gradient(90deg,rgba(4,147,161,.22),rgba(3,182,195,.10));color:#fff;border-color:rgba(3,182,195,.28);box-shadow:inset -3px 0 0 var(--ctc-cyan)}
.sidebar .nav-link.active i{color:var(--ctc-cyan)}
.topbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dfe5e7;box-shadow:0 4px 18px rgba(25,28,32,.035)}
.topbar:after{content:"";position:absolute;right:0;left:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(4,147,161,.38),transparent)}

.page-head h1{color:var(--ctc-charcoal);font-weight:850;letter-spacing:-.02em}
.page-head .text-muted{color:#6b757c!important}
.card,.section-card,.form-section,.permission-group,.filter-bar,.kpi-card,.report-tile,.quick-action,.solution-card{border-color:#dbe1e4;box-shadow:0 10px 28px rgba(25,28,32,.055)}
.card:hover,.report-tile:hover,.quick-action:hover{border-color:#b8d5d9}
.card-header,.section-head{background:linear-gradient(180deg,#fff,#fbfcfc)}
.section-head{border-bottom-color:#dce4e6}

/* Action hierarchy: save/create must always be visible */
.btn{font-weight:700;border-width:1px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;color .12s ease}
.btn:active{transform:translateY(1px)}
.btn-primary,
button[type="submit"].btn-primary,
.sticky-form-actions .btn-primary,
.page-actions .btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg,var(--ctc-teal) 0%,#037e8c 62%,#026b76 100%)!important;
  border-color:#037985!important;
  box-shadow:0 7px 18px rgba(4,147,161,.24)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}
.btn-primary:hover,.btn-primary:focus,
button[type="submit"].btn-primary:hover,.sticky-form-actions .btn-primary:hover{
  color:#fff!important;background:linear-gradient(135deg,#03a9b8,#027784)!important;border-color:#026b76!important;box-shadow:0 9px 23px rgba(3,182,195,.28)!important
}
.btn-primary:focus-visible{outline:3px solid rgba(3,182,195,.25);outline-offset:2px}
.btn-outline-primary{color:#037985!important;border-color:#079cab!important;background:#fff!important}
.btn-outline-primary:hover,.btn-outline-primary:focus{color:#fff!important;background:var(--ctc-teal)!important;border-color:var(--ctc-teal)!important}
.btn-secondary{color:#fff!important;background:var(--ctc-charcoal-3)!important;border-color:var(--ctc-charcoal-3)!important}
.btn-outline-secondary{color:#465159!important;border-color:#9ba7ac!important;background:#fff!important}.btn-outline-secondary:hover{color:#fff!important;background:#465159!important;border-color:#465159!important}
.btn-light{background:#fff!important;border-color:#cfd7da!important;color:#344047!important}.btn-light:hover{background:#eef3f4!important;border-color:#b8c5c9!important;color:#1f292e!important}
.btn-success{color:#fff!important;background:#13866d!important;border-color:#11775f!important}.btn-success:hover{background:#0f715b!important}
.btn-danger{color:#fff!important;background:#b92f43!important;border-color:#a52638!important}
.btn-warning{color:#272014!important;background:#f3bf43!important;border-color:#dea92c!important}
.sticky-form-actions{background:rgba(255,255,255,.985)!important;border:1px solid #b8d7da!important;border-top:3px solid var(--ctc-teal)!important;box-shadow:0 15px 40px rgba(25,28,32,.16)!important}
.sticky-form-actions .btn-primary{min-width:210px;min-height:46px;font-size:.98rem}

.form-control,.form-select{background:#fff;border-color:#cfd8dc;color:#20282d}
.form-control:hover,.form-select:hover{border-color:#aebfc4}
.form-control:focus,.form-select:focus{border-color:var(--ctc-teal)!important;box-shadow:0 0 0 .22rem rgba(4,147,161,.13)!important}
.form-check-input:checked{background-color:var(--ctc-teal);border-color:var(--ctc-teal)}
.form-label{color:#2d383e}
.required-mark{color:#c53145}

.metric-icon,.report-icon,.quick-action>i,.empty-state .empty-icon{background:linear-gradient(145deg,#e8f7f8,#dff2f4)!important;color:#047f8b!important;border:1px solid #c6e8eb}
.metric-card,.kpi-card{position:relative;overflow:hidden}.metric-card:before,.kpi-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--ctc-cyan),var(--ctc-teal))}
.quick-action:hover,.report-tile:hover{background:#fbfefe;border-color:#91cbd1;color:var(--ctc-charcoal)}
.quick-action:hover i,.report-tile:hover .report-icon{background:#dff4f6!important;color:#026f7b!important}
.welcome-panel,.solution-search-hero{background:linear-gradient(135deg,#fff 10%,#eff9fa 100%);border-color:#cde6e9}
.smart-welcome-icon{background:linear-gradient(145deg,#e1f6f8,#d6eef1)!important;color:var(--ctc-teal)!important}

.data-table thead th,.table thead th{background:#eef5f6!important;color:#3b4b52!important;border-bottom-color:#cfdcdf!important}
.data-table tbody tr:hover,.table-hover tbody tr:hover{background:#f4fbfb!important}
.permission-group-title{background:linear-gradient(90deg,#f2f7f8,#fafcfc);border-bottom-color:#dbe5e7}
.permission-row:hover{background:#fbfefe}
.filter-bar{border-right:4px solid var(--ctc-teal);background:#fff}
.status-pill.ok{background:#e7f7f2;color:#08705a}.status-pill.warn{background:#fff5d9;color:#8f6500}.status-pill.danger{background:#fdebed;color:#a7283b}.status-pill.neutral{background:#edf1f3;color:#4f5c62}

/* AI and messaging follow platform palette */
.ai-orb{background:linear-gradient(135deg,var(--ctc-teal),var(--ctc-cyan));box-shadow:0 12px 35px rgba(4,147,161,.24)}
.ai-msg.user .ai-bubble{background:linear-gradient(135deg,var(--ctc-teal),#037582);border-color:var(--ctc-teal);color:#fff}
.ai-settings-card{border-top-color:var(--ctc-teal)}
.ai-ticket-panel{background:linear-gradient(135deg,rgba(4,147,161,.06),rgba(3,182,195,.05));border-color:rgba(4,147,161,.18)}

/* Branded PDF / report accent */
.report-print-brand{border-bottom-color:var(--ctc-teal)}

/* Platform login / install / registration */
.login-page{background:
  radial-gradient(circle at 15% 10%,rgba(3,182,195,.20),transparent 34%),
  radial-gradient(circle at 88% 82%,rgba(4,147,161,.15),transparent 28%),
  linear-gradient(135deg,#14181c 0%,#1e252a 42%,#edf3f4 42.2%,#f6f8f9 100%)}
.login-card{border:1px solid rgba(4,147,161,.22);box-shadow:0 26px 70px rgba(10,16,20,.22);background:rgba(255,255,255,.98)}
.platform-brand-logo{width:104px;height:104px;object-fit:cover;border-radius:24px;box-shadow:0 14px 36px rgba(25,28,32,.25);border:1px solid rgba(3,182,195,.28)}
.platform-brand-title{font-weight:900;letter-spacing:.01em;color:var(--ctc-charcoal)}
.platform-brand-subtitle{color:#66747a}

/* Alerts and accessibility */
.alert-success{border-color:#afdacc;background:#eef9f5;color:#145c4d}.alert-info{border-color:#b7dfe3;background:#eff9fa;color:#145c65}.alert-warning{border-color:#edd087;background:#fff8e4;color:#765a16}.alert-danger{border-color:#efbdc4;background:#fff1f3;color:#842b39}
:focus-visible{outline-color:var(--ctc-cyan)}

@media(max-width:991.98px){
  .sidebar{box-shadow:-18px 0 44px rgba(0,0,0,.28)}
  .topbar{min-height:64px;height:auto;padding-block:9px}
}
@media(max-width:575.98px){
  .sticky-form-actions .btn-primary{min-width:0;width:100%}
  .platform-brand-logo{width:86px;height:86px;border-radius:20px}
}

/* v1.8.0 Hourly Projects */
.kpi-card{background:#fff;border:1px solid var(--ctc-border,#d8e1e6);border-radius:16px;padding:18px 20px;box-shadow:0 6px 18px rgba(20,32,40,.05);height:100%}.kpi-card span{display:block;color:#6b7780;font-size:.9rem;margin-bottom:6px}.kpi-card strong{font-size:1.65rem;color:var(--ctc-dark,#191c20)}
@media(max-width:767.98px){.kpi-card{padding:14px 16px}}