/* r86.29: one typography scale for every application module and state. */
@layer matrix-reference-type {
 body, body * {font-family:"Open Sans",Arial,sans-serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:normal!important}
 html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
 body {font-size:13px!important;line-height:1.5!important}
 body :is(span,a,b,strong){font-size:inherit!important;line-height:inherit!important}
 body :is(p,label,li,dt,dd,td,input,select,textarea,button,.btn,.table-action){font-size:13px!important;line-height:1.5!important}
 body :is(h1){font-size:24px!important;line-height:1.25!important}
 body :is(h2){font-size:18px!important;line-height:1.35!important}
 body :is(h3,h4,h5,h6){font-size:15px!important;line-height:1.4!important}
 body :is(b,strong,th){font-weight:600!important}
 body :is(small,.eyebrow,.nav-section-label,.status,.badge,.severity-pill,.nc-severity){font-size:11px!important;line-height:1.4!important}
 body th{font-size:12px!important;line-height:1.4!important}
 body :is(.nc-tabs button,.academy-tabs a,.sidebar nav a,.sidebar nav a em){font-size:13px!important}
 body :is(.btn,.table-action,button) :is(span,b,strong){font-size:inherit!important;font-weight:inherit!important}
 @media(max-width:700px){
  body h1{font-size:22px!important}
  body :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px!important}
  body :is(button,.btn,.table-action){font-size:14px!important;min-height:44px!important}
  body :is(.nc-tabs button,.academy-tabs a,.sidebar nav a,.sidebar nav a em){font-size:13px!important}
 }
 @media(pointer:coarse){
  body :is(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]){font-size:16px!important}
 }
}
/* r86.23: square UI across every module, state and viewport.
   Important declarations in the first layer outrank older unlayered themes. */
@layer matrix-square-ui {
  *, *::before, *::after {
    border-radius:0!important;
    border-start-start-radius:0!important;
    border-start-end-radius:0!important;
    border-end-start-radius:0!important;
    border-end-end-radius:0!important;
  }
  /* Circular data geometry is a chart, not a rounded UI container. */
  .nc-donut, .nc-donut::before, .donut, .donut::before,
  .score-ring, .score-ring::before, .academy-progress-ring {
    border-radius: 50% !important;
    border-start-start-radius: 50% !important;
    border-start-end-radius: 50% !important;
    border-end-start-radius: 50% !important;
    border-end-end-radius: 50% !important;
  }
}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:400;src:url("fonts/open-sans-latin-ext-400.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:400;src:url("fonts/open-sans-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:600;src:url("fonts/open-sans-latin-ext-600.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:600;src:url("fonts/open-sans-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:700;src:url("fonts/open-sans-latin-ext-700.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:700;src:url("fonts/open-sans-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:800;src:url("fonts/open-sans-latin-ext-800.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-display:swap;font-weight:800;src:url("fonts/open-sans-latin-800.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Variable";src:url("fonts/inter-latin-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Variable";src:url("fonts/inter-latin-ext-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Variable";src:url("fonts/inter-latin-variable-italic.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Variable";src:url("fonts/inter-latin-ext-variable-italic.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--brand-navy:#0b1f3a;--brand-navy-2:#12345a;--brand-blue:#43b7e8;--brand-blue-dark:#167ead;--brand-blue-soft:#eaf7fd;--bg:#eef1f4;--surface:#fff;--surface-2:#f6f8fa;--ink:#16202a;--muted:#667381;--line:#d9dfe5;--nav:#0b1f3a;--nav-2:#12345a;--green:#138a62;--red:#b42335;--high:#c23b24;--medium:#a86000;--low:#3477a9;--shadow:0 8px 30px rgba(16,30,43,.08);--sidebar:248px}
*{box-sizing:border-box}
html{font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis-weight:none;font-optical-sizing:auto}
body{margin:0;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.1;margin-bottom:.55rem;letter-spacing:-.035em}
h2{font-size:1.05rem;margin-bottom:.25rem}
h3{font-size:.95rem}
p{color:var(--muted);line-height:1.55}
.offline-banner{display:none;position:fixed;z-index:1000;top:0;left:0;right:0;min-height:38px;padding:7px max(12px,env(safe-area-inset-right)) 7px max(12px,env(safe-area-inset-left));align-items:center;justify-content:center;gap:12px;text-align:center;background:#7d1623;color:#fff;font-size:.76rem}
.offline-banner span{min-width:0;overflow-wrap:anywhere}.offline-banner button{flex:0 0 auto;min-height:28px;border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;padding:3px 9px;font-size:.68rem;font-weight:600}
.offline .offline-banner{display:block}
.offline .topbar{top:38px}
.pwa-update-banner{position:fixed;z-index:950;right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:min(560px,calc(100vw - 36px));display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid #9bcfe4;border-top:4px solid var(--brand-blue);background:#fff;box-shadow:0 20px 55px rgba(11,31,58,.24)}
.pwa-update-banner[hidden]{display:none}.pwa-update-banner>img{display:block;width:44px;height:44px}.pwa-update-banner b,.pwa-update-banner span{display:block;overflow-wrap:anywhere}.pwa-update-banner b{color:var(--brand-navy);font-size:.78rem}.pwa-update-banner span{margin-top:4px;color:var(--muted);font-size:.65rem;line-height:1.45}.pwa-update-actions{display:flex;gap:7px}.pwa-update-actions .btn{min-height:36px;padding:0 11px;font-size:.68rem}
.app-shell{min-height:100vh}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--nav);color:#dce3e9;padding:18px 14px;display:flex;flex-direction:column;z-index:30}
.logo{display:flex;align-items:center;gap:11px;padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.09)}
.logo-icon,.brand-mark{display:grid;place-items:center;width:39px;height:39px;overflow:hidden;color:white;font-weight:600;font-size:1.25rem;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}
.logo-icon img,.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.logo b{display:block;font-size:1rem;letter-spacing:.01em}
.logo small{display:block;color:#91a0ad;font-size:.7rem;margin-top:2px}
.sidebar nav{display:flex;flex-direction:column;gap:3px;padding-top:18px}
.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;color:#aeb9c3;font-size:.86rem;font-weight:600;border-left:3px solid transparent}
.sidebar nav a span{width:24px;text-align:center;font-size:1rem}
.sidebar nav a:hover{background:rgba(255,255,255,.05);color:#fff}
.sidebar nav a.active{background:var(--nav-2);border-left-color:var(--brand-blue);color:#fff}
.sidebar-foot{margin-top:auto;padding:12px 6px 0}
.license{border:1px solid rgba(255,255,255,.13);padding:12px;background:rgba(255,255,255,.03)}
.license span{display:block;color:#8ed7f3;font-size:.62rem;font-weight:600;letter-spacing:.1em}
.license b{display:block;margin:6px 0 3px;font-size:.79rem}
.license small{color:#8f9ca8;font-size:.68rem}
.main{margin-left:var(--sidebar);min-height:100vh}
.topbar{height:68px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}
.top-title span{font-weight:600;font-size:.92rem}
.top-title small{display:block;color:var(--muted);font-size:.68rem;margin-top:2px}
.top-actions{display:flex;align-items:center;gap:9px}
.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:#fff;color:#53606d;font-weight:600}
.icon-btn:hover{border-color:#aeb7bf;color:var(--ink)}
.mobile-menu{display:none}
.user-menu{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:12px}
.user-menu>span{display:grid;place-items:center;width:34px;height:34px;background:#e7ebee;color:#26313c;font-weight:600}
.user-menu b{font-size:.78rem;display:block}
.user-menu small{font-size:.66rem;color:var(--muted);text-transform:uppercase}
.content{padding:25px;max-width:1680px;margin:0 auto}
.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:4px 0 20px}
.page-head p{margin-bottom:0}
.eyebrow{font-size:.68rem;font-weight:850;color:var(--brand-blue-dark);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}
.head-actions{display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;border:1px solid #bfc7ce;background:#fff;color:#26313b;font-weight:750;font-size:.79rem;border-radius:0}
.btn:hover{border-color:#89949e}
.btn.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.btn.primary:hover{background:var(--brand-blue-dark)}
.btn.danger{background:#fff;border-color:#d4a2a9;color:var(--red)}
.btn.subtle{min-height:34px;background:#f5f7f8}
.btn.disabled,.btn:disabled{pointer-events:none;opacity:.45}
.alert{padding:12px 14px;margin:0 0 14px;border-left:4px solid #3381b3;background:#eaf5fb;color:#1d536f;font-size:.83rem}
.alert.success{border-color:var(--green);background:#eaf7f2;color:#176247}
.alert.error{border-color:var(--red);background:#fbebed;color:#7c1a28}
.panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02);padding:18px;margin-bottom:18px}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.panel-head p{font-size:.77rem;margin:3px 0 0}
.panel-head>a{font-size:.75rem;color:var(--brand-blue-dark);font-weight:750}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}
.kpi-grid article,.kpi-grid .dashboard-kpi-card{position:relative;background:#fff;border:1px solid var(--line);padding:17px;min-height:113px}
.kpi-grid article:before,.kpi-grid .dashboard-kpi-card:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:#7e8a94}
.kpi-grid article.accent:before,.kpi-grid .dashboard-kpi-card.accent:before{background:var(--brand-blue)}
.dashboard-kpi-card{display:block;color:var(--ink);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.dashboard-kpi-card:after{content:"↗";position:absolute;right:13px;top:11px;color:#8a98a4;font-size:.86rem;font-weight:600;line-height:1;transition:color .16s ease,transform .16s ease}
.dashboard-kpi-card>span{padding-right:22px}
.dashboard-kpi-card:hover{z-index:1;transform:translateY(-2px);border-color:#99cce1;background:#fbfeff;box-shadow:0 8px 22px rgba(11,31,58,.11)}
.dashboard-kpi-card:hover:after{color:var(--brand-blue-dark);transform:translate(1px,-1px)}
.dashboard-kpi-card:focus-visible{z-index:2;outline:3px solid rgba(67,183,232,.42);outline-offset:2px;border-color:var(--brand-blue-dark);box-shadow:0 8px 22px rgba(11,31,58,.12)}
.dashboard-kpi-card:focus-visible:after{color:var(--brand-blue-dark)}
.kpi-grid span{display:block;color:var(--muted);font-size:.72rem;font-weight:600}
.kpi-grid b{display:block;font-size:2rem;margin:9px 0 4px;letter-spacing:-.04em}
.kpi-grid small{color:#7a8691;font-size:.7rem}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dashboard-grid.unequal{grid-template-columns:1.25fr .75fr}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.risk-bars{display:flex;flex-direction:column;gap:13px}
.risk-bars>div{display:grid;grid-template-columns:10px 105px 1fr;align-items:center;gap:8px}
.dot{width:8px;height:8px;background:#7a8690}
.dot.critical,.bar.critical,.severity-pill.critical,.score.critical{background:#8f1324}
.dot.high,.bar.high,.severity-pill.high,.score.high{background:var(--high)}
.dot.medium,.bar.medium,.severity-pill.medium,.score.medium{background:var(--medium)}
.dot.low,.bar.low,.severity-pill.low,.score.low{background:var(--low)}
.dot.info,.bar.info,.severity-pill.info,.score.info{background:#687681}
.risk-bars label{font-size:.75rem;font-weight:600}
.risk-bars label small{float:right;color:var(--muted)}
.risk-bars i{height:8px;background:#edf0f2;display:block;overflow:hidden}
.risk-bars i b{display:block;height:100%;width:var(--w);min-width:2px}
.compact-list{display:flex;flex-direction:column}
.compact-list>a,.compact-list>.compact-static{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e8ecef}
.compact-list>a:last-child,.compact-list>.compact-static:last-child{border-bottom:0}
.compact-list b{font-size:.76rem;display:block}
.compact-list small{font-size:.66rem;color:var(--muted);display:block;margin-top:3px}
.compact-list strong{font-size:.9rem}
.severity-pill{display:inline-block;padding:4px 7px;color:#fff;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.severity-pill.critical{background:#8f1324}
.severity-pill.high{background:var(--high)}
.severity-pill.medium{background:var(--medium)}
.severity-pill.low{background:var(--low)}
.severity-pill.info{background:#687681}
.severity-pill.pending{background:#626f79}
.table-panel{padding:0;overflow:hidden}
.table-panel>.panel-head{padding:18px 18px 0}
.table-scroll{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:.76rem}
th{text-align:left;padding:10px 12px;background:#f2f4f6;color:#66727d;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
td{padding:11px 12px;border-bottom:1px solid #e7ebee;vertical-align:middle}
tbody tr:hover{background:#fafbfc}
.card-surface-link,.table-row-card{cursor:pointer;-webkit-tap-highlight-color:rgba(67,183,232,.18)}
.card-surface-link{position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}
.card-surface-link:hover{border-color:#99cce1;background-color:#fbfeff;box-shadow:0 10px 28px rgba(11,31,58,.1);transform:translateY(-1px)}
.card-surface-link:focus-visible,.table-row-card:focus-visible{outline:3px solid rgba(67,183,232,.42);outline-offset:2px}
.table-row-card:hover,.table-row-card:focus-visible{background:#f6fbfe}
td b{font-size:.75rem;display:block}
td small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px;max-width:440px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.table-action{color:var(--brand-blue-dark);font-weight:600}
.report-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.report-actions .download{padding-left:10px;border-left:1px solid var(--line)}
.empty-cell,.empty-state{text-align:center;padding:35px;color:var(--muted)}
.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;background:#e7eaed;color:#56616c;font-size:.62rem;font-weight:850;text-transform:uppercase;white-space:nowrap}
.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:0}
.status.authorized,.status.completed,.status.resolved,.status.approved{background:#e2f4ec;color:#147353}
.status.pending,.status.queued,.status.submitted,.status.draft{background:#fff2d9;color:#936100}
.status.running,.status.in_progress{background:#e4f1fa;color:#22698f}
.status.failed,.status.cancelled,.status.blocked,.status.rejected{background:#f9e3e6;color:#9d2231}
.status.risk_accepted{background:#eee8f8;color:#654894}
.status.false_positive{background:#edf0f2;color:#5b6771}
.status.suspended,.status.expired{background:#f8e6e7;color:#a32937}
.form-panel{padding:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:.7rem;font-weight:600;color:#424e59}
.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{width:100%;border:1px solid #c8d0d7;background:#fff;color:var(--ink);min-height:41px;padding:9px 10px;border-radius:0;outline:none}
.form-grid textarea{resize:vertical;line-height:1.45}
.form-grid label>small{font-size:.67rem;font-weight:500;line-height:1.45;color:var(--muted)}
.form-section-title{padding:13px 14px;border-left:3px solid var(--brand-blue);background:#edf8fd;color:var(--brand-navy)}
.form-section-title b,.form-section-title span{display:block}.form-section-title b{font-size:.82rem}.form-section-title span{margin-top:4px;font-size:.7rem;line-height:1.45;color:var(--muted)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px rgba(67,183,232,.18)}
.span-2{grid-column:span 2}
.check-row{flex-direction:row!important;align-items:flex-start;gap:9px!important;font-weight:500!important;line-height:1.45}
.check-row input{width:17px;height:17px;min-height:0;margin:2px 0 0;accent-color:var(--brand-blue)}
.form-actions{display:flex;justify-content:flex-end;gap:8px}
.form-help{font-size:.7rem;margin:-5px 0 0}
.notice{display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--brand-blue);background:#eaf7fd;padding:11px;color:#0b5275;font-size:.74rem}
.notice span{color:#39687e}
.backup-notice{margin-bottom:18px}
.filters{padding:12px}
.filters form{display:grid;grid-template-columns:minmax(220px,1fr) 210px 210px auto;gap:9px}
.details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}
.details div{padding:10px 0;border-bottom:1px solid #e8ecef}
.details div:nth-child(odd){padding-right:15px}
.details .full{grid-column:span 2}
.details dt{font-size:.62rem;text-transform:uppercase;color:var(--muted);font-weight:600;letter-spacing:.05em}
.details dd{font-size:.77rem;margin:5px 0 0;line-height:1.45}
.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.scan-progress{position:relative}
.progress{height:8px;background:#e8ecef;margin-bottom:16px;overflow:hidden}
.progress i{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,var(--brand-blue),#8ed7f3);transition:width .35s}
.scan-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.scan-metrics div{border-left:2px solid #c7ced4;padding-left:11px}
.scan-metrics span{font-size:.65rem;color:var(--muted);display:block}
.scan-metrics b{font-size:1.15rem;display:block;margin-top:4px}
.timeline{display:flex;flex-direction:column}
.timeline>div{display:grid;grid-template-columns:12px 1fr;gap:10px;position:relative;padding-bottom:13px}
.timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:9px;bottom:0;width:1px;background:#d6dce1}
.event-dot{width:9px;height:9px;border-radius:0;background:#7c8892;margin-top:3px;z-index:1}
.event-dot.success{background:var(--green)}
.event-dot.error{background:var(--red)}
.event-dot.warning{background:var(--medium)}
.timeline p{margin:0}
.timeline b{display:block;color:var(--ink);font-size:.73rem}
.timeline small{font-size:.63rem}
.score{display:grid;place-items:center;width:37px;height:37px;color:white;font-weight:850;font-size:.8rem}
.score.large{width:64px;height:64px;font-size:1.35rem}
.lead{font-size:.88rem;color:#394550}
.remediation-steps{margin:10px 0 16px;padding-left:22px;color:#394d5e}
.remediation-steps li{margin:0 0 8px;line-height:1.55}
.reference-links{display:grid;gap:8px;margin:10px 0 17px}
.reference-links a{display:block;border:1px solid #b9ddec;background:var(--brand-blue-soft);color:var(--brand-blue-dark);padding:10px 12px;font-size:.76rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere;text-decoration:none}
.reference-links a:hover,.reference-links a:focus-visible{border-color:var(--brand-blue-dark);text-decoration:underline;text-underline-offset:3px}
.mapping-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.mapping-list span{display:flex;gap:6px;border:1px solid var(--line);padding:6px 8px;font-size:.65rem;color:#52606c}
.mapping-list b{color:var(--brand-blue-dark)}
.evidence{background:#0b1f3a;color:#d6e0e7;padding:16px;overflow:auto;font-size:.7rem;line-height:1.55;max-height:520px}
.engine-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}
.engine-grid a{background:#fff;border:1px solid var(--line);padding:12px}
.engine-grid span{display:block;font-size:.65rem;color:var(--muted)}
.engine-grid b{display:block;font-size:1.15rem;margin-top:5px}
.catalog-total,.readiness{background:var(--nav);color:#fff;padding:11px 16px;min-width:130px;text-align:right}
.catalog-total strong,.readiness b{font-size:1.4rem;display:block}
.catalog-total span,.readiness span{font-size:.65rem;color:#aeb8c1;text-transform:uppercase}
.rule-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rule-list article{background:#fff;border:1px solid var(--line);padding:14px}
.rule-top{display:flex;align-items:center;gap:7px}
.rule-top .mono{font-size:.67rem;font-weight:600}
.mode{margin-left:auto;font-size:.6rem;background:#edf0f2;color:#5c6974;padding:4px 6px}
.rule-list h3{margin:12px 0 6px}
.rule-list p{font-size:.73rem;margin-bottom:12px}
.rule-list footer{display:flex;gap:7px;flex-wrap:wrap}
.rule-list footer span{font-size:.6rem;border:1px solid var(--line);padding:3px 5px;color:var(--muted)}
.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px 0}
.pagination span{font-size:.72rem;color:var(--muted)}
.pagination>div{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.pagination>div>a,.pagination>div>strong{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--brand-navy);padding:6px 9px;font-size:.7rem;text-decoration:none}.pagination>div>strong{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--brand-navy)}
.compliance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.compliance-grid article{background:#fff;border-top:3px solid var(--brand-blue);padding:15px;box-shadow:var(--shadow)}
.compliance-grid article>span{font-size:.62rem;color:var(--brand-blue-dark);font-weight:850}
.compliance-grid b{display:block;font-size:.9rem;margin:9px 0 5px}
.compliance-grid p{font-size:.7rem;margin:0}
.donut{width:190px;height:190px;border-radius:50%;margin:15px auto;background:conic-gradient(var(--brand-blue) calc(var(--value)*1%),#e8ecef 0);display:grid;place-items:center}
.donut:before{content:"";position:absolute;width:142px;height:142px;background:#fff;border-radius:50%}
.donut>div{z-index:1;text-align:center}
.donut b{font-size:1.7rem;display:block}
.donut span{font-size:.67rem;color:var(--muted)}
.centered{text-align:center}
.muted{color:var(--muted);font-size:.72rem}
.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.report-cards>a{position:relative;display:block;background:#fff;border:1px solid var(--line);padding:18px 42px 18px 18px;color:var(--ink);box-shadow:var(--shadow);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.report-cards>a:after{content:"→";position:absolute;right:17px;top:17px;color:var(--brand-blue-dark);font-weight:600}
.report-cards>a:hover,.report-cards>a:focus-visible{border-color:#99cce1;box-shadow:0 10px 28px rgba(11,31,58,.12);transform:translateY(-2px);outline:0}
.report-cards span{font-size:.62rem;color:var(--brand-blue-dark);font-weight:850;letter-spacing:.08em}
.report-cards h2{margin:10px 0 5px}
.report-cards p{font-size:.73rem;margin:0}
.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide-steps article{display:grid;grid-template-columns:48px 1fr;gap:13px;background:#fff;border:1px solid var(--line);padding:18px}
.guide-steps article>span{display:grid;place-items:center;width:42px;height:42px;background:var(--nav);color:#fff;font-weight:850}
.guide-steps p{font-size:.76rem;margin:0}
.guide-page-head{align-items:flex-end}.guide-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;background:linear-gradient(135deg,#0b1f3a,#12385f);color:#fff;padding:28px;margin-bottom:14px;border-left:5px solid var(--brand-blue);box-shadow:0 18px 45px rgba(11,31,58,.16)}
.guide-overview h2{font-size:1.5rem;margin:7px 0 10px}.guide-overview p{color:#bad0df;margin:0}.guide-overview ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.guide-overview li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:11px 12px}.guide-overview li b,.guide-overview li span{display:block}.guide-overview li b{font-size:.76rem}.guide-overview li span{font-size:.66rem;color:#bcd1df;margin-top:3px}
.guide-jump{position:sticky;top:74px;z-index:6;display:flex;gap:7px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);padding:10px;margin-bottom:22px;box-shadow:var(--shadow)}.guide-jump a{padding:9px 12px;background:#edf6fb;color:var(--nav);font-size:.68rem;font-weight:850}.guide-jump a:hover{background:var(--brand-blue);color:var(--nav)}
.guide-section{scroll-margin-top:140px;margin:0 0 28px}.guide-section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--brand-blue);padding-bottom:10px;margin-bottom:12px}.guide-section-head>div{display:flex;align-items:flex-start;gap:12px}.guide-section-head>div>span{color:#a8e1f6;font-size:2.1rem;line-height:1;font-weight:600}.guide-section-head h2{font-size:1.18rem;margin:0 0 3px}.guide-section-head p{font-size:.72rem;margin:0}.guide-steps.detailed article{align-items:start}.guide-steps.detailed article small{display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);color:var(--brand-blue-dark);font-size:.66rem;line-height:1.5}.guide-steps.detailed p+p{margin-top:6px}
.guide-accordion{display:grid;gap:9px}.guide-accordion details{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.guide-accordion summary{cursor:pointer;list-style:none;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--nav);font-size:.8rem;font-weight:600}.guide-accordion summary::-webkit-details-marker{display:none}.guide-accordion summary:after{content:'+';display:grid;place-items:center;width:26px;height:26px;background:#edf6fb;color:var(--brand-blue-dark);font-size:1rem}.guide-accordion details[open] summary:after{content:'−'}.guide-definition-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:8px 16px 16px;gap:0 18px}.guide-definition-grid>div{padding:11px 0;border-bottom:1px solid #e6edf2}.guide-definition-grid b{display:block;color:var(--nav);font-size:.72rem;margin-bottom:4px}.guide-definition-grid p{font-size:.68rem;margin:0}.guide-status-grid,.guide-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.guide-status-grid article,.guide-report-grid article{background:#fff;border:1px solid var(--line);border-top:3px solid var(--brand-blue);padding:14px;box-shadow:var(--shadow)}.guide-status-grid b,.guide-report-grid h3{display:block;color:var(--nav);font-size:.76rem;margin:0 0 5px}.guide-status-grid p,.guide-report-grid p{font-size:.67rem;margin:0}.guide-report-grid{grid-template-columns:repeat(2,1fr);margin-bottom:10px}.guide-install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.guide-install-grid article{background:#fff;border:1px solid var(--line);padding:16px}.guide-install-grid article>span{display:block;color:var(--brand-blue-dark);font-size:.74rem;font-weight:600;margin-bottom:9px}.guide-install-grid ol{margin:0;padding-left:18px}.guide-install-grid li{font-size:.67rem;line-height:1.5;margin-bottom:5px}.guide-accordion.troubleshooting details>p{padding:0 16px 15px;margin:0;font-size:.7rem}
.mobile-nav{display:none}
.auth-page{background:linear-gradient(125deg,#07172d,#12345a);min-height:100vh;color:#fff;display:grid;place-items:center;padding:24px}
.auth-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.auth-brand{position:relative;min-height:560px;background:#0b1f3a;padding:55px;display:flex;flex-direction:column;align-items:flex-start}
.auth-brand .brand-mark{margin-bottom:40px;width:48px;height:48px}
.auth-brand>div:nth-child(2)>span{font-size:.7rem;letter-spacing:.16em;color:#8ed7f3;font-weight:850}
.auth-brand h1{font-size:2.65rem;margin:9px 0 15px}
.auth-brand p{color:#aeb9c3;max-width:430px;font-size:.95rem}
.catalog-badge{margin-top:auto;border-left:3px solid var(--brand-blue);padding:8px 0 8px 14px}
.catalog-badge strong{display:block;font-size:2rem}
.catalog-badge span{font-size:.7rem;color:#aeb9c3}
.auth-card{background:#fff;color:var(--ink);padding:55px;display:flex;flex-direction:column;justify-content:center}
.auth-card-brand{display:none;align-items:center;gap:11px;margin:0 0 28px}.auth-card-brand img{display:block;width:44px;height:44px}.auth-card-brand b,.auth-card-brand small{display:block}.auth-card-brand b{color:var(--brand-navy);font-size:.9rem}.auth-card-brand small{margin-top:3px;color:var(--muted);font-size:.64rem}
.auth-card h2{font-size:1.7rem;margin-bottom:8px}
.auth-card>p{font-size:.8rem;margin-bottom:20px}
.auth-card .form-grid{grid-template-columns:1fr 1fr}
.mobile-menu{font-size:1.1rem}
.mobile-brand{display:none;width:36px;height:36px;margin-left:2px}.mobile-brand img{display:block;width:100%;height:100%}
@media(max-width:1180px){.engine-grid{grid-template-columns:repeat(3,1fr)}
.kpi-grid{grid-template-columns:repeat(2,1fr)}
.compliance-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){:root{--sidebar:230px}
.sidebar{transform:translateX(-100%);transition:transform .2s}
.menu-open .sidebar{transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,.2)}
.main{margin-left:0}
.mobile-menu{display:grid}
.mobile-brand{display:block}
.dashboard-grid,.dashboard-grid.unequal,.detail-grid{grid-template-columns:1fr}
.top-title{display:none}
.content{padding:18px}
.rule-list{grid-template-columns:1fr}
.filters form{grid-template-columns:1fr 1fr}
.report-cards{grid-template-columns:1fr}
.auth-shell{grid-template-columns:1fr;max-width:600px}
.auth-brand{display:none}
.auth-card-brand{display:flex}
.auth-card{min-height:560px}
.guide-steps{grid-template-columns:1fr}
.guide-overview{grid-template-columns:1fr}.guide-status-grid{grid-template-columns:1fr 1fr}.guide-install-grid{grid-template-columns:1fr}.guide-jump{top:64px}
}
@media(max-width:640px){body{padding-bottom:63px}
.content{padding:14px}
.topbar{height:58px;padding:0 13px}
.top-actions .btn,.top-actions>.icon-btn:not(:last-child),.user-menu div{display:none}
.page-head{flex-direction:column}
.head-actions{width:100%}
.head-actions .btn{flex:1}
.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}
.kpi-grid article,.kpi-grid .dashboard-kpi-card{min-height:98px;padding:13px}
.kpi-grid b{font-size:1.55rem}
.panel{padding:14px;margin-bottom:12px}
.table-panel{padding:0}
.form-grid,.auth-card .form-grid{grid-template-columns:1fr}
.span-2{grid-column:span 1}
.filters form{grid-template-columns:1fr}
.engine-grid{grid-template-columns:1fr 1fr}
.compliance-grid{grid-template-columns:1fr}
.scan-metrics{grid-template-columns:1fr 1fr}
.details{grid-template-columns:1fr}
.details .full{grid-column:span 1}
.details div:nth-child(odd){padding-right:0}
.mobile-nav{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;height:63px;background:#0b1f3a;border-top:1px solid #283642;padding-bottom:env(safe-area-inset-bottom)}
.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a0ad;gap:3px}
.mobile-nav a.active{color:#43b7e8}
.mobile-nav span{font-size:1rem}
.mobile-nav small{font-size:.55rem}

.auth-page{padding:0}
.auth-shell{width:100%;min-height:100vh}
.auth-card{padding:30px 22px}
.guide-steps article{grid-template-columns:40px 1fr;padding:14px}
.guide-steps article>span{width:35px;height:35px}
.guide-page-head{align-items:stretch}.guide-overview{padding:20px 16px;gap:18px}.guide-overview ol{grid-template-columns:1fr}.guide-jump{position:static;display:grid;grid-template-columns:1fr 1fr}.guide-jump a{text-align:center}.guide-definition-grid,.guide-status-grid,.guide-report-grid{grid-template-columns:1fr}.guide-section-head>div>span{font-size:1.65rem}.guide-section{scroll-margin-top:70px}
table{min-width:760px}
.catalog-total,.readiness{align-self:flex-start;text-align:left}
.donut{width:160px;height:160px}
.donut:before{width:118px;height:118px}
}

.logo-icon,.brand-mark{font-size:.78rem;letter-spacing:.03em}
.product-owner{padding:12px 4px 0;color:#71879a;font-size:.6rem;line-height:1.5}
.owner-line{display:block;margin-top:15px;color:#7895a9;font-size:.62rem}
.table-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:var(--brand-blue) #e7edf2;scrollbar-width:thin}
.table-scroll:focus{outline:2px solid rgba(67,183,232,.35);outline-offset:-2px}
.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 13px;color:var(--muted);font-size:.68rem}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.trial-button{width:100%;border-color:var(--brand-blue)!important;color:var(--brand-blue-dark)!important;background:var(--brand-blue-soft)!important}
.trial-copy{text-align:center;font-size:.66rem;margin:8px 0 0}
.auth-back{display:inline-block;margin-top:16px;color:var(--brand-blue-dark);font-size:.72rem;font-weight:750}
.register-shell{width:min(1120px,100%)}
.register-shell .auth-brand,.register-shell .auth-card{min-height:700px}
.register-shell .auth-card{padding:38px 48px}
.trial-features{display:grid;gap:9px;margin-top:auto;color:#c6e7f5;font-size:.73rem}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.brand-lock{display:flex;gap:13px;border:1px solid var(--line);padding:13px;background:var(--brand-blue-soft)}
.brand-lock>div{display:flex;gap:4px;flex:none}
.brand-lock i{display:block;width:34px;height:54px}
.brand-lock i.navy{background:var(--brand-navy)}
.brand-lock i.blue{background:var(--brand-blue)}
.brand-lock p{margin:0}
.brand-lock b,.brand-lock span{display:block}
.brand-lock b{color:var(--brand-navy);font-size:.76rem}
.brand-lock span{color:var(--muted);font-size:.68rem;line-height:1.45;margin-top:4px}
.owner-badge{background:var(--brand-navy);color:#fff;padding:5px 8px;font-size:.6rem;font-weight:850;letter-spacing:.08em}
.form-grid input[readonly]{background:#edf2f6;color:#516273}
.auth-brand h1{max-width:470px}

.mail-delivery-config{grid-column:1/-1;border:1px solid #c6d5e1;border-top:4px solid var(--brand-blue);background:linear-gradient(145deg,#f8fbfd 0,#edf6fb 100%);padding:17px;box-shadow:inset 0 1px 0 #fff}
.mail-delivery-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.mail-delivery-title>div{min-width:0}
.mail-delivery-title b,.mail-delivery-title span{display:block}
.mail-delivery-title b{color:var(--brand-navy);font-size:.83rem;letter-spacing:.01em}
.mail-delivery-title>div>span{margin-top:5px;color:var(--muted);font-size:.69rem;line-height:1.5}
.mail-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 2px;padding:14px 15px;border-left:4px solid var(--brand-blue);background:var(--brand-blue-soft)}
.mail-settings-heading b{color:var(--brand-navy);font-size:.8rem}
.mail-settings-heading span{max-width:510px;color:var(--muted);font-size:.67rem;line-height:1.45;text-align:right}
.report-delivery-panel{position:relative;border-top:4px solid var(--brand-blue);overflow:hidden}
.report-delivery-panel:before{content:"";position:absolute;top:-90px;right:-70px;width:210px;height:210px;border:34px solid rgba(67,183,232,.07);border-radius:0;pointer-events:none}
.report-delivery-panel>.panel-head,.report-delivery-panel>form,.report-delivery-panel>.alert{position:relative;z-index:1}
.report-delivery-panel .notice{margin:2px 0 0;background:#f4f8fb}
.delivery-history .status{text-transform:uppercase}
.delivery-history td small{display:block;margin-top:5px;max-width:360px;line-height:1.45}
.delivery-history .btn.danger{min-height:36px;padding:7px 10px}

@media(max-width:640px){
  .register-shell .auth-card{min-height:100vh;padding:25px 20px}
  .register-shell .auth-brand{display:none}
  .brand-lock{align-items:flex-start}
  .table-scroll:after{content:"Povucite tabelu vodoravno";display:block;position:sticky;left:0;padding:7px 10px;background:#f2f6f9;color:var(--muted);font-size:.58rem;border-top:1px solid var(--line)}
}

/* IRKAsec MatrixScan Enterprise 2.11.2 - client-ready evidence and reporting controls. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{background:linear-gradient(180deg,#edf3f7 0,#f7f9fb 360px,#f1f5f8 100%)}
.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:29;border:0;background:rgba(4,18,33,.54);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.sidebar{overflow-y:auto;overscroll-behavior:contain}
.content,.page-head,.panel-head,.head-actions,.top-actions,.dashboard-grid,.detail-grid{min-width:0}
.page-head>div,.panel-head>div,.compact-list>a>div,.compact-list>.compact-static>div{min-width:0;max-width:100%}
h1,h2,h3,p,.mono,.notice,.alert,.details dd,.compact-list b,.compact-list small{overflow-wrap:anywhere}
.btn,.icon-btn,.mobile-nav a,.mobile-nav button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mobile-nav button{border:0;background:transparent;font:inherit}
.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{max-width:100%}
.evidence{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}

.history-control,.comparison-preference{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-left:4px solid var(--brand-blue)}
.history-control p,.comparison-preference p{margin:4px 0 0;font-size:.76rem}
.history-control form,.comparison-preference form{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.comparison-preference{grid-template-columns:minmax(0,1fr) auto auto}
.switch-row{display:inline-flex;align-items:center;gap:9px;min-height:42px;color:#344452;font-size:.73rem;font-weight:600;line-height:1.35}
.switch-row input{appearance:none;-webkit-appearance:none;position:relative;width:42px;height:23px;flex:0 0 42px;margin:0;border:1px solid #aeb9c3;border-radius:0;background:#dce2e7;transition:.18s}
.switch-row input:before{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:0;background:#fff;box-shadow:0 1px 4px rgba(7,28,52,.24);transition:.18s}
.switch-row input:checked{border-color:var(--brand-blue-dark);background:var(--brand-blue)}
.switch-row input:checked:before{transform:translateX(19px)}
.switch-row input:focus-visible{outline:3px solid rgba(67,183,232,.28);outline-offset:2px}
.switch-row input:disabled{opacity:.5}
.switch-row.compact{min-height:38px}
.assurance-chip{min-width:104px;padding:9px 12px;border:1px solid #a9dced;background:var(--brand-blue-soft);text-align:right}
.assurance-chip span{display:block;color:var(--brand-blue-dark);font-size:.57rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.assurance-chip b{display:block;margin-top:4px;color:var(--brand-navy);font-size:1.08rem}
.comparison-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px}
.comparison-workspace>.panel{min-width:0}
.comparison-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.asset-filter{margin-bottom:14px}
.scan-toggle-list{display:flex;flex-direction:column;gap:8px}
.scan-toggle-list form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e5ebef}
.scan-toggle-list form:last-child{border-bottom:0}
.scan-toggle-list form>div{min-width:0}
.scan-toggle-list b{display:block;font-size:.76rem;overflow-wrap:anywhere}
.scan-toggle-list span{display:block;margin-top:3px;color:var(--muted);font-size:.66rem;line-height:1.4;overflow-wrap:anywhere}
.comparison-result{border-top:3px solid var(--brand-blue)}
.comparison-result .panel-head .btn{flex:0 0 auto}
.delta-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.delta-kpis article{min-width:0;padding:12px;border:1px solid var(--line);border-left:3px solid #768590;background:#f8fafb}
.delta-kpis article.new{border-left-color:var(--red);background:#fff6f7}
.delta-kpis article.resolved{border-left-color:var(--green);background:#f2fbf7}
.delta-kpis article.changed{border-left-color:var(--medium);background:#fffaf0}
.delta-kpis span{display:block;color:var(--muted);font-size:.62rem;font-weight:600;line-height:1.35;text-transform:uppercase}
.delta-kpis b{display:block;margin-top:7px;font-size:1.55rem;letter-spacing:-.04em}
.delta-risk{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;background:var(--brand-navy);color:#fff}
.delta-risk span{color:#aebbc6;font-size:.68rem;font-weight:750}
.delta-risk b{font-size:1rem}
.delta-risk strong{min-width:58px;padding:5px 8px;text-align:center;font-size:.72rem}
.delta-risk strong.positive{background:#dff5eb;color:#116f4e}
.delta-risk strong.negative{background:#fde6e9;color:#982335}
.comparison-tables>.panel{min-width:0}
.compact-table table{min-width:0}
.risk-dual{min-width:132px;padding:12px 14px;border:1px solid var(--line);border-top:4px solid var(--brand-blue);background:#fff;text-align:center}
.risk-dual span,.risk-dual small{display:block;color:var(--muted);font-size:.65rem;font-weight:750}.risk-dual .score{display:inline-grid;margin:7px 0 4px}.risk-dual small{text-transform:uppercase;letter-spacing:.05em}
.finding-standard-panel{border-top:4px solid var(--brand-blue)}.evidence-tier{padding:6px 9px;background:#e5f5fc;color:var(--brand-blue-dark);font-size:.68rem;font-weight:850;letter-spacing:.06em}
.taxonomy-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.taxonomy-kpis article{min-width:0;padding:14px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f3f8fb)}.taxonomy-kpis span,.taxonomy-kpis b,.taxonomy-kpis small{display:block}.taxonomy-kpis span{color:var(--muted);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.taxonomy-kpis b{margin:8px 0 5px;color:var(--brand-navy);font-size:1rem;line-height:1.25;overflow-wrap:anywhere}.taxonomy-kpis small{color:var(--muted);font-size:.67rem;line-height:1.45}
.taxonomy-details .mono,.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.finding-management{align-self:start}.formal-retest{border-left:4px solid var(--brand-blue)}.retest-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.finding-detail-grid>.panel{min-width:0}.finding-head h1{overflow-wrap:anywhere}

@media(max-width:900px){
  .sidebar{width:min(286px,86vw);padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));box-shadow:none}
  .menu-open .sidebar{box-shadow:18px 0 44px rgba(4,18,33,.3)}
  .menu-open .sidebar-backdrop{display:block}
  .menu-open body{overflow:hidden}
  .menu-open .sidebar{touch-action:pan-y}
  .sidebar nav a{min-height:44px}
  .topbar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .content{width:100%;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .page-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
  .page-head>.status{min-width:0;max-width:100%;white-space:normal;text-align:left;line-height:1.35;overflow-wrap:anywhere;justify-self:start}
  .page-head .head-actions{display:flex;flex-wrap:wrap;width:100%;max-width:100%;justify-content:flex-start}
  .page-head .head-actions .status{min-width:0;max-width:100%;white-space:normal;text-align:left;line-height:1.35;overflow-wrap:anywhere}
  .page-head p{max-width:100%}
  .auth-shell{max-width:min(620px,100%)}
}

@media(max-width:640px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom));background:#f2f5f8}
  .topbar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}
  .offline-banner{padding-top:calc(8px + env(safe-area-inset-top));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .offline .topbar{top:calc(32px + env(safe-area-inset-top))}
  .content{padding:15px max(13px,env(safe-area-inset-right)) 18px max(13px,env(safe-area-inset-left))}
  .mobile-menu,.icon-btn,.btn,.btn.subtle{min-height:44px}
  .icon-btn{width:44px;height:44px}
  .top-actions{gap:6px}
  .user-menu{padding-left:7px}
  .user-menu>span{width:36px;height:36px}
  .page-head{gap:12px;margin-bottom:16px}
  .page-head h1{font-size:clamp(1.45rem,8vw,1.85rem);line-height:1.12}
  .eyebrow{font-size:.62rem;line-height:1.4}
  .head-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
  .head-actions .btn,.head-actions form,.head-actions form .btn{width:100%}
  .panel{padding:14px;margin-bottom:12px;box-shadow:0 7px 22px rgba(7,28,52,.05)}
  .panel-head{gap:8px;margin-bottom:13px}
  .panel-head>a{min-height:44px;display:inline-flex;align-items:center}
  .kpi-grid,.scan-metrics,.engine-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .kpi-grid article,.kpi-grid .dashboard-kpi-card{min-width:0}
  .risk-bars>div{grid-template-columns:9px minmax(82px,105px) minmax(0,1fr)}
  .compact-list>a,.compact-list>.compact-static{grid-template-columns:auto minmax(0,1fr) auto;min-height:52px}
  .compact-list small{white-space:normal}
  .form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{min-height:46px;font-size:16px}
  .form-grid textarea{min-height:110px}
  .check-row{min-height:44px;align-items:center}
  .check-row input{min-height:19px;width:19px;height:19px;flex:0 0 19px}
  .form-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  .form-actions .btn{width:100%}
  .catalog-total,.readiness{width:100%;min-width:0;text-align:left}
  .rule-top{align-items:flex-start;flex-wrap:wrap}
  .mode{margin-left:0;max-width:100%;overflow-wrap:anywhere}
  .pagination{display:grid;grid-template-columns:1fr;gap:8px;text-align:center}
  .pagination .btn{width:100%}
  .brand-lock{min-width:0}
  .brand-lock span{overflow-wrap:anywhere}
  .mail-delivery-config{padding:14px}
  .mail-delivery-config .form-grid{grid-template-columns:1fr}
  .mail-delivery-title,.mail-settings-heading{display:grid;grid-template-columns:1fr;gap:8px}
  .mail-delivery-title .owner-badge{justify-self:start}
  .mail-settings-heading span{text-align:left}
  .report-delivery-panel:before{width:160px;height:160px;right:-85px;top:-75px}
  .delivery-history .btn.danger{width:100%;min-height:44px}

  .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom));padding:0 max(3px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(3px,env(safe-area-inset-left));box-shadow:0 -10px 28px rgba(7,28,52,.17)}
  .mobile-nav a,.mobile-nav button{min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#91a0ad;gap:3px;padding:4px 2px}
  .mobile-nav a.active,.mobile-nav button.active{color:var(--brand-blue);background:rgba(67,183,232,.07)}
  .mobile-nav span{font-size:1rem;line-height:1}
  .mobile-nav small{display:block;max-width:100%;font-size:.55rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .table-panel{overflow:visible;border:0;background:transparent;box-shadow:none}
  .table-panel>.panel-head{padding:14px;background:#fff;border:1px solid var(--line);margin-bottom:10px}
  .table-scroll{overflow:visible;max-width:none;background:transparent}
  .table-scroll:after{display:none}
  .table-scroll table{display:block;min-width:0!important;width:100%;font-size:.75rem;background:transparent}
  .table-scroll thead{display:none}
  .table-scroll tbody{display:grid;gap:10px;width:100%}
  .table-scroll tbody tr{display:block;width:100%;border:1px solid var(--line);border-left:3px solid var(--brand-blue);background:#fff;box-shadow:0 7px 20px rgba(7,28,52,.045)}
  .table-scroll tbody tr:hover,.table-scroll tbody tr:nth-child(even){background:#fff}
  .table-scroll tbody td{display:grid;grid-template-columns:minmax(94px,34%) minmax(0,1fr);gap:10px;align-items:start;width:100%;min-width:0;padding:10px 11px;border-bottom:1px solid #e7edf2;text-align:left!important;white-space:normal}
  .table-scroll tbody td:last-child{border-bottom:0}
  .table-scroll tbody td:before{content:attr(data-label);color:var(--muted);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em;line-height:1.45}
  .table-scroll tbody td[colspan]{display:block;padding:22px 12px}
  .table-scroll tbody td[colspan]:before{display:none}
  .table-scroll td b,.table-scroll td small,.table-scroll td a{min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  .table-scroll tbody td>.status,.table-scroll tbody td .status{justify-self:start;min-width:0;max-width:100%;white-space:normal;line-height:1.35;text-align:left;overflow-wrap:anywhere}
  .table-scroll .table-action{display:inline-flex;min-height:44px;align-items:center;color:var(--brand-blue-dark)}
  .table-scroll form{min-width:0;max-width:100%}
  .table-scroll form select,.table-scroll form input,.table-scroll form button{width:100%;max-width:100%;min-height:44px;margin:0 0 7px;font-size:16px}

  .history-control,.comparison-preference{grid-template-columns:1fr;align-items:stretch;gap:12px}
  .history-control form,.comparison-preference form{display:grid;grid-template-columns:1fr;justify-content:stretch;gap:8px}
  .history-control form .btn,.comparison-preference form .btn{width:100%}
  .comparison-preference .assurance-chip{width:100%;text-align:left}
  .switch-row,.switch-row.compact{width:100%;min-height:46px;padding:5px 0}
  .comparison-workspace{grid-template-columns:1fr;gap:0}
  .comparison-picker{grid-template-columns:1fr}
  .comparison-picker .span-2{grid-column:1}
  .scan-toggle-list form{grid-template-columns:1fr;align-items:stretch;padding:12px 0}
  .scan-toggle-list form .btn{width:100%}
  .delta-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .delta-risk{grid-template-columns:1fr auto;gap:6px 10px}
  .delta-risk span{grid-column:1/-1}
  .comparison-result .panel-head{display:grid;grid-template-columns:1fr}
  .comparison-result .panel-head .btn{width:100%}
  .comparison-result .report-actions{display:grid;grid-template-columns:1fr;width:100%}
  .report-actions{white-space:normal}
  .finding-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.risk-dual{width:100%;text-align:left}.risk-dual .score{margin-right:8px}
  .taxonomy-kpis{grid-template-columns:1fr}.taxonomy-details{grid-template-columns:1fr}.taxonomy-details>div.full{grid-column:1}.formal-retest .panel-head{display:grid;grid-template-columns:1fr}.formal-retest .status{justify-self:start}
  .table-scroll .report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;max-width:100%;gap:7px}
  .table-scroll .report-actions .table-action{justify-content:center;min-width:0;min-height:44px;padding:8px;border:1px solid #c8d8e3;background:#f7fafc;text-align:center;line-height:1.25}
  .table-scroll .report-actions .download{padding-left:8px;border-left:1px solid #c8d8e3}
  .table-scroll .report-actions>.status{grid-column:1/-1;width:100%;justify-content:flex-start}
  .report-register .table-scroll tbody td:last-child{grid-template-columns:1fr;padding-top:9px}
  .report-register .table-scroll tbody td:last-child:before{margin-bottom:2px}

  .auth-page{min-height:100svh;padding:0;background:#fff}
  .auth-shell{width:100%;min-height:100svh;box-shadow:none}
  .auth-card,.register-shell .auth-card{min-height:100svh;padding:calc(26px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));justify-content:flex-start}
  .auth-card h2{font-size:1.55rem}
  .auth-card .btn{min-height:48px}
}

@media(max-width:380px){
  .content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .kpi-grid,.scan-metrics,.engine-grid{grid-template-columns:1fr}
  .table-scroll tbody td{grid-template-columns:82px minmax(0,1fr);padding:9px}
  .top-actions .user-menu{display:none}
  .head-actions{grid-template-columns:1fr}
}

@media(max-height:520px) and (orientation:landscape) and (max-width:900px){
  body{padding-bottom:0}
  .topbar{position:relative;height:54px;padding-top:0}
  .content{padding-top:12px}
  .mobile-nav{height:52px;padding-bottom:0}
  body{padding-bottom:52px}
  .sidebar{padding-top:10px;padding-bottom:10px}
  .logo{padding-bottom:10px}
  .sidebar nav{padding-top:8px}
  .sidebar nav a{min-height:38px;padding-top:7px;padding-bottom:7px}
  .auth-card,.register-shell .auth-card{min-height:auto;padding-top:24px;padding-bottom:24px}
}

@media(min-width:641px) and (max-width:1100px){
  .content{padding:22px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .engine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filters form{grid-template-columns:minmax(0,1fr) minmax(160px,.6fr)}
  .filters form .btn{grid-column:1/-1}
}

@media(display-mode:standalone){
  html{background:var(--brand-navy)}
  .topbar{background:rgba(255,255,255,.98)}
}

.pwa-standalone .topbar{box-shadow:0 5px 20px rgba(7,28,52,.08)}
.pwa-standalone .mobile-nav{background:#071c34}

/* Enterprise Assessment Program */
.assessment-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.assessment-intro article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-top:4px solid var(--brand-blue);background:#fff;box-shadow:0 8px 25px rgba(7,28,52,.05)}
.assessment-intro article>span{display:grid;place-items:center;width:48px;height:48px;background:var(--brand-navy);color:#fff;font-size:1.35rem;font-weight:600}.assessment-intro b,.assessment-intro small{display:block}.assessment-intro b{color:var(--brand-navy);font-size:.84rem}.assessment-intro small{margin-top:4px;color:var(--muted);font-size:.67rem;line-height:1.4}
.service-stack{display:flex;flex-direction:column;gap:0}.service-stack>div{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #e8edf1}.service-stack>div:last-child{border-bottom:0}.service-stack i{width:8px;height:8px;margin-top:4px;border:2px solid var(--brand-blue);border-radius:0}.service-stack b,.service-stack small{display:block}.service-stack b{color:var(--brand-navy);font-size:.74rem}.service-stack small{margin-top:3px;color:var(--muted);font-size:.63rem;line-height:1.35}
.mini-progress{height:6px;min-width:110px;margin:0 0 5px;background:#e5ebf0;overflow:hidden}.mini-progress i{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,var(--brand-blue-dark),var(--brand-blue))}
.assessment-head{align-items:center}.program-score{min-width:142px;padding:14px 16px;border:1px solid #a9dced;border-top:4px solid var(--brand-blue);background:#fff;text-align:right}.program-score strong,.program-score span{display:block}.program-score strong{color:var(--brand-navy);font-size:1.85rem;line-height:1}.program-score span{margin-top:6px;color:var(--muted);font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.program-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-left:4px solid var(--brand-blue)}.program-command>div{min-width:0}.program-command p{margin:8px 0 5px;font-size:.78rem}.program-command small{color:var(--muted);font-size:.66rem}.program-command form{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px}.program-command select{min-height:44px;max-width:240px}
.scan-program-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border-left:4px solid var(--brand-blue)}.scan-program-link h2{margin:5px 0 0}.scan-program-link p{margin:6px 0 0;font-size:.72rem}.scan-program-link>div:last-child{display:flex;align-items:center;gap:10px}.scan-program-link>div:last-child>b{color:var(--brand-navy);font-size:1.1rem}
.workstream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.workstream-card{min-width:0;padding:18px;border:1px solid var(--line);border-top:4px solid #a5b3bf;background:#fff;box-shadow:0 9px 26px rgba(7,28,52,.05)}.workstream-card.card-surface-link:hover{border-top-color:var(--brand-blue)}.workstream-card.status-completed{border-top-color:var(--green)}.workstream-card.status-partial,.workstream-card.status-in_progress{border-top-color:var(--medium)}.workstream-card.status-not_applicable{opacity:.78}.workstream-card header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start}.workstream-card header>span{display:grid;place-items:center;width:38px;height:38px;background:var(--brand-navy);color:var(--brand-blue);font-size:.71rem;font-weight:600}.workstream-card h2{margin:3px 0 0;color:var(--brand-navy);font-size:1rem;line-height:1.25}.workstream-kicker{color:var(--brand-blue-dark);font-size:.55rem;font-weight:850;line-height:1.3;text-transform:uppercase;letter-spacing:.05em}.workstream-card>p{min-height:40px;margin:14px 0;color:#435466;font-size:.72rem;line-height:1.55}.workstream-deliverable{padding:10px 12px;border-left:3px solid var(--brand-blue);background:var(--brand-blue-soft)}.workstream-deliverable b,.workstream-deliverable span{display:block}.workstream-deliverable b{color:var(--brand-blue-dark);font-size:.56rem;text-transform:uppercase}.workstream-deliverable span{margin-top:4px;color:var(--brand-navy);font-size:.68rem;line-height:1.45}.workstream-links,.workstream-evidence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}.workstream-links>b,.workstream-evidence>b{width:100%;color:var(--muted);font-size:.56rem;text-transform:uppercase}.workstream-links a,.workstream-evidence>span{padding:6px 8px;border:1px solid var(--line);background:#f8fafb;color:var(--brand-navy);font-size:.63rem;font-weight:750;text-decoration:none}.workstream-evidence>span small{display:block;margin-top:3px;color:var(--muted);font-size:.54rem}.scope-control{margin-top:13px;border-top:1px solid var(--line);padding-top:10px}.scope-control summary{cursor:pointer;color:var(--brand-blue-dark);font-size:.65rem;font-weight:600}.compact-form{margin-top:10px}.compact-form textarea{min-height:70px}
.workstream-plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}.workstream-plan-summary>span{min-width:0;padding:9px;background:#f2f6f9;border:1px solid var(--line)}.workstream-plan-summary b,.workstream-plan-summary small{display:block}.workstream-plan-summary b{font-size:.86rem;color:var(--brand-navy);overflow-wrap:anywhere}.workstream-plan-summary small{margin-top:3px;font-size:.53rem;color:var(--muted);text-transform:uppercase}.workstream-configure{width:100%;margin:0 0 11px}.plan-run-summary{max-width:250px}.plan-run-summary b,.plan-run-summary span{display:block}.plan-run-summary b{font-size:1.25rem;color:var(--brand-navy)}.plan-run-summary span{font-size:.6rem;line-height:1.35;color:var(--muted)}
.test-plan-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.test-plan-kpis article{padding:14px;border:1px solid var(--line);border-top:3px solid #aab7c2;background:#fff;box-shadow:var(--shadow)}.test-plan-kpis article.accent{border-top-color:var(--brand-blue)}.test-plan-kpis span,.test-plan-kpis b,.test-plan-kpis small{display:block}.test-plan-kpis span{font-size:.57rem;color:var(--muted);text-transform:uppercase;font-weight:850}.test-plan-kpis b{margin:8px 0 3px;color:var(--brand-navy);font-size:1.45rem}.test-plan-kpis small{font-size:.59rem;color:var(--muted);line-height:1.35}.test-plan-settings{align-items:start}.option-fieldset{min-width:0;margin:0;padding:11px;border:1px solid var(--line)}.option-fieldset legend{padding:0 6px;color:var(--brand-navy);font-size:.66rem;font-weight:850}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.option-grid .check-row{padding:9px;border:1px solid #dbe3e9;background:#fff}.option-grid b,.option-grid small{display:block}.option-grid small{margin-top:3px;color:var(--muted);font-size:.55rem}.test-plan-context .lead{font-size:.86rem;line-height:1.6}.engine-selection{margin-bottom:16px}.test-engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.test-engine-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-left:4px solid var(--brand-blue);background:#fff}.test-engine-grid article.disabled{border-left-color:#9aa8b4;background:#f2f5f7;opacity:.82}.test-engine-grid span,.test-engine-grid b,.test-engine-grid small{display:block}.test-engine-grid span{font-size:.7rem;font-weight:600;color:var(--brand-navy)}.test-engine-grid b{margin-top:5px;font-size:.86rem}.test-engine-grid small{margin-top:4px;font-size:.53rem;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}.test-rule-filters form{grid-template-columns:minmax(180px,1fr) repeat(4,minmax(130px,.55fr)) auto}.bulk-plan-actions{display:flex;gap:7px;flex-wrap:wrap}.bulk-plan-actions form{display:inline-flex}.select-page{margin:0 0 10px;padding:10px;border:1px solid #abdced;background:var(--brand-blue-soft)}.test-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.test-rule-list article{min-width:0;border:1px solid var(--line);border-left:4px solid var(--brand-blue);background:#fff}.test-rule-list article.excluded{border-left-color:#9aa8b4;background:#f4f6f8;opacity:.82}.test-rule-list article>label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px;cursor:pointer}.test-rule-list article>label>input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand-blue-dark)}.test-rule-list label>span{min-width:0}.rule-identity{display:flex;align-items:center;gap:7px}.rule-identity b{font-size:.62rem}.rule-identity i{font-style:normal;margin-left:auto}.test-rule-list strong,.test-rule-list small,.test-rule-list p,.test-rule-list em{display:block}.test-rule-list strong{margin:8px 0 4px;color:var(--brand-navy);font-size:.78rem;line-height:1.35}.test-rule-list small{font-size:.56rem;color:var(--brand-blue-dark);font-weight:600}.test-rule-list p{margin:8px 0;color:#4d5d6d;font-size:.65rem;line-height:1.45}.test-rule-list em{font-style:normal;font-size:.54rem;color:var(--muted);line-height:1.4}.test-rule-registry .form-actions{margin-top:12px}.scenario-suite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.scenario-suite-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border:1px solid var(--line);background:#fff}.scenario-suite-grid article>span{display:grid;place-items:center;width:38px;height:38px;background:var(--brand-navy);color:var(--brand-blue);font-size:.65rem;font-weight:600}.scenario-suite-grid b,.scenario-suite-grid small{display:block}.scenario-suite-grid b{font-size:.72rem;color:var(--brand-navy)}.scenario-suite-grid small{margin-top:4px;font-size:.57rem;color:var(--muted)}
.assessment-actions{align-items:start}.workstream-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.workstream-checks .check-row{padding:9px;border:1px solid var(--line);background:#fff}.workstream-checks .featured{grid-column:1/-1;border-color:#a9dced;background:var(--brand-blue-soft)}.workstream-checks b,.workstream-checks small{display:block}.workstream-checks small{margin-top:3px;color:var(--muted);font-size:.61rem}.evidence-form-panel{border-top:4px solid var(--brand-blue)}.evidence-metrics{padding:12px;border:1px solid var(--line);background:#f6f9fb}.evidence-metrics>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.evidence-metrics>div[hidden]{display:none}.evidence-metrics label{min-width:0}.phishing-guard{border-left-color:#2c76a4}
.scope-badge{display:inline-flex;max-width:100%;margin-top:9px;padding:6px 9px;border:1px solid #a9dced;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:.62rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}.custom-scope{min-width:0;padding:12px;border:1px solid var(--line);background:#f7fafc}.custom-scope[hidden]{display:none}.custom-scope summary,.program-lifecycle>details>summary{cursor:pointer;color:var(--brand-blue-dark);font-size:.72rem;font-weight:850}.custom-scope>p{margin:8px 0;color:var(--muted);font-size:.65rem}.workstream-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.workstream-choice-grid .check-row{min-width:0;padding:10px;border:1px solid var(--line);background:#fff}.workstream-choice-grid b,.workstream-choice-grid small{display:block}.workstream-choice-grid small{margin-top:4px;color:var(--muted);font-size:.57rem;line-height:1.4}.program-lifecycle{border-top:4px solid var(--brand-blue)}.program-lifecycle>details{border:1px solid var(--line);background:#f8fafc;padding:13px}.program-lifecycle>details[open]>summary{margin-bottom:14px}.program-edit-form{padding:15px;border:1px solid var(--line);background:#fff}.lifecycle-actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,.8fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.lifecycle-actions form{min-width:0}.cancel-program-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.cancel-program-form label{min-width:0}.cancel-program-form textarea{min-height:76px}.scope-visibility{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:13px 15px;border:1px solid #b9dcea;background:#eef8fc;color:var(--brand-navy);font-size:.7rem;line-height:1.45}.scope-visibility span{min-width:0}.scope-visibility b{font-size:.95rem}.record-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:190px}.record-actions form{display:flex;flex-wrap:wrap;gap:6px;margin:0}.record-actions .btn{min-height:34px;padding:7px 9px;font-size:.62rem}
.agent-deployment-panel{border-top:4px solid var(--brand-blue)}.deployment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.deployment-grid>article,.deployment-grid>div{min-width:0;padding:13px;border:1px solid var(--line);background:#f7fafc}.deployment-grid b,.deployment-grid p,.deployment-grid span{display:block}.deployment-grid b{color:var(--brand-navy);font-size:.73rem}.deployment-grid p,.deployment-grid span{margin:5px 0 0;color:var(--muted);font-size:.64rem;line-height:1.45;overflow-wrap:anywhere}
.test-plan-run-card{border-top:4px solid var(--brand-blue);overflow:hidden}.test-plan-run-card .panel-head{align-items:center}.test-plan-run-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.test-plan-run-metrics article{min-width:0;padding:12px;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f1f8fb)}.test-plan-run-metrics span,.test-plan-run-metrics b{display:block}.test-plan-run-metrics span{color:var(--muted);font-size:.58rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.test-plan-run-metrics b{margin-top:7px;color:var(--brand-navy);font-size:1rem;overflow-wrap:anywhere}.plan-engine-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.plan-engine-chips span{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:7px 9px;border:1px solid #b9ddec;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:.62rem}.plan-engine-chips b{color:var(--brand-navy);overflow-wrap:anywhere}.snapshot-hash{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:12px;padding:9px 11px;background:var(--brand-navy);color:#d9e8f1}.snapshot-hash span{color:#9fc4d5;font-size:.57rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.snapshot-hash code{min-width:0;color:#fff;font-size:.61rem;overflow-wrap:anywhere;word-break:break-all}

@media(max-width:900px){.workstream-grid{grid-template-columns:1fr}.deployment-grid{grid-template-columns:1fr 1fr}.dashboard-grid.unequal.assessment-actions{grid-template-columns:1fr}.test-plan-kpis{grid-template-columns:1fr 1fr}.test-engine-grid{grid-template-columns:1fr 1fr}.test-rule-list{grid-template-columns:1fr}.test-rule-filters form{grid-template-columns:1fr 1fr}.test-rule-filters form .btn{grid-column:1/-1}.scenario-suite-grid{grid-template-columns:1fr}.test-plan-run-metrics{grid-template-columns:1fr 1fr}}

@media(max-width:640px) and (orientation:portrait){
  .pwa-standalone .topbar{position:fixed;top:0;left:0;right:0;height:calc(60px + max(env(safe-area-inset-top),24px));padding-top:max(env(safe-area-inset-top),24px)}
  .pwa-standalone .content{padding-top:calc(75px + max(env(safe-area-inset-top),24px))}
}

@media(max-width:640px){
  .assessment-intro{grid-template-columns:1fr}.assessment-intro article{padding:14px}.assessment-head{align-items:stretch}.program-score{width:100%;text-align:left}.program-command,.scan-program-link{grid-template-columns:1fr;align-items:stretch}.program-command form{grid-template-columns:1fr}.program-command select{width:100%;max-width:none;font-size:16px}.scan-program-link>div:last-child{display:grid;grid-template-columns:1fr 1fr}.scan-program-link>div:last-child .btn{grid-column:1/-1;width:100%}.workstream-grid{gap:11px}.workstream-card{padding:14px}.workstream-card header{grid-template-columns:34px minmax(0,1fr);gap:9px}.workstream-card header>span{width:34px;height:34px}.workstream-card header>.status{grid-column:2;justify-self:start}.workstream-card>p{min-height:0}.workstream-checks{grid-template-columns:1fr}.workstream-checks .featured{grid-column:1}.evidence-metrics>div{grid-template-columns:1fr}.deployment-grid{grid-template-columns:1fr}.mini-progress{min-width:0;width:100%}
  .test-plan-kpis{grid-template-columns:1fr 1fr}.test-plan-kpis article{padding:12px}.test-plan-settings{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr}.test-engine-grid{grid-template-columns:1fr}.test-rule-filters form{grid-template-columns:1fr}.bulk-plan-actions{width:100%}.bulk-plan-actions form,.bulk-plan-actions .btn{width:100%}.test-rule-list article>label{padding:11px}.pagination{align-items:stretch}.pagination>div{width:100%}.pagination>div .btn{width:auto}.plan-run-summary{max-width:none}.workstream-plan-summary{grid-template-columns:1fr 1fr 1fr}.test-plan-run-card .panel-head{display:grid;grid-template-columns:1fr;align-items:start}.test-plan-run-card .status{justify-self:start}.test-plan-run-metrics{grid-template-columns:1fr 1fr}.snapshot-hash{grid-template-columns:1fr}.plan-engine-chips span{flex:1 1 calc(50% - 7px);justify-content:space-between}
  .workstream-choice-grid,.lifecycle-actions,.cancel-program-form{grid-template-columns:1fr}.scope-visibility{align-items:stretch;flex-direction:column}.scope-visibility .btn,.lifecycle-actions .btn{width:100%}.program-lifecycle>details,.program-edit-form{padding:11px}.record-actions{min-width:0;width:100%}.record-actions form,.record-actions .btn{width:100%}.record-actions .btn{min-height:44px}
}

@media(max-width:380px){.test-plan-run-metrics{grid-template-columns:1fr}.plan-engine-chips span{flex-basis:100%}.workstream-plan-summary{grid-template-columns:1fr 1fr}}

/* 2.2 — ovlašćene phishing simulacije */
.phishing-overview article:last-child b{color:#20815a}.phishing-domain-grid{grid-template-columns:1.25fr .75fr}
.phishing-control-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.phishing-control-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;padding:12px;border:1px solid var(--line);background:#f7fafc}.phishing-control-list li:before{content:"✓";grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-weight:600}.phishing-control-list b,.phishing-control-list span{grid-column:2}.phishing-control-list span{font-size:.68rem;line-height:1.5;color:var(--muted)}
.wrap-token{display:block;overflow-wrap:anywhere;word-break:break-all;white-space:normal}.owner-domain-approval{border-top:5px solid var(--brand-navy)}.phishing-campaign-form{border-top:5px solid var(--brand-blue)}
.update-lane-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.update-lane-grid article{min-width:0;padding:14px;border:1px solid var(--line);background:#f7fafc}.update-lane-grid article:first-child{border-top:4px solid #28795d}.update-lane-grid article:last-child{border-top:4px solid var(--brand-navy)}.update-lane-grid span{display:block;color:var(--brand-blue-dark);font-size:.54rem;font-weight:600;letter-spacing:.07em}.update-lane-grid b{display:block;margin-top:5px;color:var(--brand-navy);font-size:.76rem}.update-lane-grid p{margin:6px 0 0;color:var(--muted);font-size:.62rem;line-height:1.55}
.phishing-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;overflow:hidden}.phishing-readiness-step{display:flex;align-items:center;gap:10px;min-width:0;padding:15px;border-right:1px solid var(--line);background:#f5f8fa;color:var(--muted)}.phishing-readiness-step:last-child{border-right:0}.phishing-readiness-step>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #b9c7d1;border-radius:0;background:#fff;font-size:.7rem;font-weight:600}.phishing-readiness-step div{display:grid;gap:2px;min-width:0}.phishing-readiness-step b{color:var(--brand-navy);font-size:.7rem}.phishing-readiness-step small{overflow-wrap:anywhere;font-size:.58rem;line-height:1.35}.phishing-readiness-step.complete{background:#edf7f3}.phishing-readiness-step.complete>span{border-color:#5aa183;background:#28795d;color:#fff}.phishing-readiness-step.current{background:#eef7fb;box-shadow:inset 0 4px 0 var(--brand-blue)}.phishing-readiness-step.current>span{border-color:var(--brand-blue);background:var(--brand-blue);color:#fff}.phishing-quick-program{border-top:5px solid #5a7b91}.phishing-template-gallery{min-width:0;border:1px solid var(--line);background:#f5f8fa;padding:15px}.template-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.template-gallery-heading h3{margin:3px 0 0;color:var(--brand-navy);font-size:.95rem}.template-gallery-heading>small{max-width:320px;color:var(--muted);font-size:.6rem;text-align:right}.phishing-template-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.phishing-template-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:145px;padding:12px;border:1px solid #c8d4dc;border-radius:0;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.phishing-template-card:hover,.phishing-template-card:focus-visible{border-color:var(--brand-blue);box-shadow:0 5px 16px rgba(18,52,90,.12);outline:0;transform:translateY(-1px)}.phishing-template-card.selected{border:2px solid var(--brand-blue);box-shadow:inset 0 0 0 2px #d9eff8,0 5px 16px rgba(18,52,90,.1);padding:11px}.phishing-template-card>span{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.phishing-template-card>span b{color:var(--brand-blue-dark);font-size:.54rem;letter-spacing:.025em;text-transform:uppercase}.phishing-template-card>span em{flex:0 0 auto;padding:2px 5px;background:#edf2f5;color:#566b7b;font-size:.5rem;font-style:normal;font-weight:600;text-transform:uppercase}.phishing-template-card>strong{margin-top:10px;color:var(--brand-navy);font-size:.73rem;line-height:1.35;overflow-wrap:anywhere}.phishing-template-card>small{margin:5px 0 10px;color:#5b6e7d;font-size:.58rem;line-height:1.45;overflow-wrap:anywhere}.phishing-template-card>i{margin-top:auto;color:var(--brand-blue-dark);font-size:.55rem;font-style:normal;font-weight:600;text-transform:uppercase}.phishing-template-card.selected>i::before{content:'✓ ';color:#28795d}.phishing-submit-blocker{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-left:4px solid #c98616;background:#fff7e8;color:#6d4e14}.phishing-submit-blocker b{flex:0 0 auto;font-size:.68rem}.phishing-submit-blocker span{font-size:.64rem;line-height:1.45}
.phishing-scoreboard{display:grid;grid-template-columns:2fr repeat(5,minmax(105px,1fr));gap:10px;margin-bottom:14px}.phishing-scoreboard>article{min-width:0;padding:16px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(7,28,52,.05)}.phishing-scoreboard>article>span,.phishing-scoreboard>article>small{display:block;color:var(--muted);font-size:.62rem}.phishing-scoreboard>article>b{display:block;margin:8px 0 4px;color:var(--brand-navy);font-size:1.35rem}.phishing-scoreboard>article.risk{border-top:4px solid #a51d36}.phishing-scoreboard>article.positive{border-top:4px solid #20815a}.phishing-scoreboard .human-defense{display:flex;align-items:center;gap:16px;border-top:4px solid var(--score-color)}.human-defense h2{margin:5px 0;color:var(--brand-navy);font-size:1.15rem}.human-defense p{margin:0;color:var(--muted);font-size:.63rem;line-height:1.5}.score-ring{--ring-track:#dce7ee;flex:0 0 92px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--score-color) calc(var(--score)*3.6deg),var(--ring-track) 0);position:relative}.score-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.score-ring span{position:relative;text-align:center}.score-ring b,.score-ring small{display:block}.score-ring b{font-size:1rem;color:var(--brand-navy)}.score-ring small{margin-top:2px;font-size:.5rem;color:var(--muted)}
.campaign-actions{display:flex;flex-wrap:wrap;gap:8px}.campaign-actions form{margin:0}.phishing-funnel>div:last-child{display:flex;align-items:stretch;gap:5px;min-height:128px}.phishing-funnel>div:last-child>span{flex:0 0 var(--funnel);max-width:24%;min-width:70px;align-self:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:13px 10px;background:linear-gradient(180deg,#e9f7fc,#c9eaf7);border-top:4px solid #167ead;color:var(--brand-navy)}.phishing-funnel>div:last-child>span.risk{background:#fae9ed;border-color:#a51d36}.phishing-funnel>div:last-child>span.positive{background:#eaf7f1;border-color:#20815a}.phishing-funnel b{font-size:1.15rem}.phishing-funnel small{margin-top:5px;color:var(--muted);font-size:.58rem}.phishing-detail-grid{grid-template-columns:1.2fr .8fr}

@media(max-width:1180px){.phishing-scoreboard{grid-template-columns:2fr repeat(3,1fr)}.phishing-scoreboard .human-defense{grid-row:span 2}}
@media(max-width:900px){.phishing-domain-grid,.phishing-detail-grid{grid-template-columns:1fr}.phishing-scoreboard{grid-template-columns:1fr 1fr 1fr}.phishing-scoreboard .human-defense{grid-column:1/-1;grid-row:auto}}
@media(max-width:640px){.phishing-scoreboard{grid-template-columns:1fr 1fr}.phishing-scoreboard .human-defense{grid-column:1/-1;align-items:flex-start}.phishing-scoreboard>article{padding:13px}.phishing-funnel>div:last-child{display:grid;grid-template-columns:1fr 1fr;min-height:0}.phishing-funnel>div:last-child>span{max-width:none;min-width:0;width:100%!important;min-height:78px}.campaign-actions,.campaign-actions form,.campaign-actions .btn{width:100%}}
@media(max-width:380px){.phishing-scoreboard{grid-template-columns:1fr}.phishing-scoreboard .human-defense{display:grid;grid-template-columns:auto 1fr}.phishing-funnel>div:last-child{grid-template-columns:1fr}}

/* 2.4 — objedinjeni izbor i pokretanje testiranja */
.scan-launch-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:start}
.unified-scan-launch{position:relative;border-top:5px solid var(--brand-blue);overflow:hidden}
.unified-scan-launch:after{content:"";position:absolute;right:-95px;top:-105px;width:220px;height:220px;border:38px solid rgba(67,183,232,.07);border-radius:0;pointer-events:none}
.unified-scan-launch>.panel-head,.unified-scan-launch>form{position:relative;z-index:1}
.launch-outcome{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 15px;border:1px solid #a9dced;border-left:5px solid var(--brand-blue);background:linear-gradient(135deg,#f3fbfe,#e9f5fa)}
.launch-outcome b{color:var(--brand-navy);font-size:.72rem;white-space:nowrap}
.launch-outcome span{color:#405365;font-size:.7rem;line-height:1.55}
.launch-button{min-height:50px;font-size:.78rem;letter-spacing:.02em}
.scan-routing-card{border-top:5px solid var(--brand-navy)}
.launch-routing-list{counter-reset:launch-route;margin:0 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.launch-routing-list li{counter-increment:launch-route;display:grid;grid-template-columns:30px minmax(0,1fr);gap:3px 10px;padding:11px;border:1px solid var(--line);background:#f7fafc}
.launch-routing-list li:before{content:counter(launch-route);grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;background:var(--brand-navy);color:var(--brand-blue);font-size:.68rem;font-weight:600}
.launch-routing-list b,.launch-routing-list span{grid-column:2;min-width:0}
.launch-routing-list b{color:var(--brand-navy);font-size:.7rem}
.launch-routing-list span{color:var(--muted);font-size:.62rem;line-height:1.48}
[data-launch-profile][hidden]{display:none!important}

@media(max-width:1050px){.scan-launch-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .scan-launch-grid{gap:0}
  .unified-scan-launch:after{width:150px;height:150px;right:-85px;top:-80px;border-width:28px}
  .unified-scan-launch .panel-head{display:grid;grid-template-columns:1fr;align-items:start}
  .unified-scan-launch .owner-badge{justify-self:start}
  .launch-outcome{grid-template-columns:1fr;gap:6px;padding:12px}
  .launch-outcome b{white-space:normal}
  .launch-button{width:100%;min-height:50px}
  .launch-routing-list li{padding:10px}
}

/* 2.7.2 — dokazno zaključan eksterni black-box tok bez testnih naloga */
.test-goal-step{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-top:3px}
.test-goal-step b{color:var(--brand-navy);font-size:.78rem}.test-goal-step span{color:var(--muted);font-size:.66rem;line-height:1.45;text-align:right}
.test-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.test-goal-grid button{min-width:0;min-height:70px;padding:12px 13px;border:1px solid #cbd5dd;border-left:4px solid #aebbc6;background:#fff;color:var(--ink);text-align:left;transition:border-color .16s,background .16s,box-shadow .16s}
.test-goal-grid button:hover,.test-goal-grid button:focus-visible{border-color:var(--brand-blue-dark);outline:0;box-shadow:0 0 0 3px rgba(67,183,232,.16)}
.test-goal-grid button.active{border-color:#83cce9;border-left-color:var(--brand-blue-dark);background:var(--brand-blue-soft)}
.test-goal-grid b,.test-goal-grid span{display:block;overflow-wrap:anywhere}.test-goal-grid b{color:var(--brand-navy);font-size:.72rem;line-height:1.35}.test-goal-grid span{margin-top:5px;color:var(--muted);font-size:.61rem;line-height:1.4}
.service-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-module-choice{position:relative;display:block;min-width:0;min-height:118px;padding:13px 14px 12px 46px;border:1px solid #cbd5dd;border-left:4px solid #aebbc6;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.service-module-choice:hover,.service-module-choice:focus-within{border-color:var(--brand-blue-dark);box-shadow:0 0 0 3px rgba(67,183,232,.16)}.service-module-choice.active{border-color:#83cce9;border-left-color:var(--brand-blue-dark);background:var(--brand-blue-soft)}.service-module-choice>input{position:absolute;left:15px;top:17px;width:18px;height:18px;accent-color:var(--brand-blue-dark)}.service-module-choice>span{margin:0}.service-module-choice em,.service-module-choice b,.service-module-choice small,.service-module-choice i{display:block}.service-module-choice em{margin-bottom:5px;color:#557082;font-size:.5rem;font-style:normal;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.service-module-choice b{font-size:.75rem}.service-module-choice small{margin-top:5px;font-size:.62rem;line-height:1.45}.service-module-choice i{margin-top:8px;color:var(--brand-blue-dark);font-size:.56rem;font-style:normal;font-weight:600;letter-spacing:.08em}.module-result{padding:11px 13px;border:1px solid #d8e2e8;background:#f7fafc}.module-result strong,.module-result small{display:block}.module-result strong{color:var(--brand-navy);font-size:.78rem}.module-result small{margin-top:4px}
.service-module-choice>span,.service-module-choice b,.service-module-choice small,.service-module-facts dt,.service-module-facts dd{overflow-wrap:break-word;word-break:normal;hyphens:none}.service-module-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0 0}.service-module-facts>div{min-width:0;margin:0;padding:8px 9px;border:1px solid #dbe5eb;background:rgba(248,250,252,.86)}.service-module-facts>div.claim{grid-column:1/-1;border-left:3px solid #b87508;background:#fff8e8}.service-module-facts dt{margin:0;color:#557082;font-size:.49rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.service-module-facts dd{margin:4px 0 0;color:#3f5264;font-size:.58rem;line-height:1.45}.service-module-choice.active .service-module-facts>div:not(.claim){background:#fff}
.launch-guidance{border:1px solid #c6d5e1;border-top:4px solid var(--brand-navy);background:#f8fafc;padding:15px}
.launch-guidance-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.launch-guidance-head b{color:var(--brand-navy);font-size:.8rem}.launch-guidance-head span{color:var(--muted);font-size:.63rem;text-align:right}
.launch-guidance-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.launch-guidance-grid article{min-width:0;padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.launch-guidance-grid span{display:block;color:var(--brand-blue-dark);font-size:.56rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.launch-guidance-grid p{margin:5px 0 0;color:#3f5264;font-size:.66rem;line-height:1.5}
.launch-guidance-limit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;margin-top:10px;padding:10px 11px;border-left:3px solid #b87508;background:#fff8e8}.launch-guidance-limit b{color:#77510a;font-size:.62rem}.launch-guidance-limit span{color:#665b43;font-size:.63rem;line-height:1.45}.launch-guidance>small{display:block;margin-top:9px;color:var(--muted);font-size:.59rem;line-height:1.45}

.progress-prominent{height:13px;border:1px solid #cfdae2;background:#e5edf2}.progress-prominent i{min-width:0;background:linear-gradient(90deg,var(--brand-blue-dark),var(--brand-blue),#8ed7f3)}
.scan-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 11px}
.scan-live-grid article{min-width:0;padding:13px;border:1px solid var(--line);border-top:3px solid #8b98a3;background:#fff}.scan-live-grid article.accent{border-top-color:var(--brand-blue-dark);background:var(--brand-blue-soft)}
.scan-live-grid span,.scan-live-grid b,.scan-live-grid small{display:block;overflow-wrap:anywhere}.scan-live-grid span{color:var(--muted);font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.045em}.scan-live-grid b{margin:7px 0 4px;color:var(--brand-navy);font-size:clamp(.82rem,1.4vw,1.05rem);line-height:1.25}.scan-live-grid small{color:var(--muted);font-size:.57rem;line-height:1.4}
.scan-eta-note{margin:0 0 15px;padding:9px 11px;border-left:3px solid var(--brand-blue);background:#f1f7fa;color:#516779;font-size:.66rem;line-height:1.5}
.scan-work-plan{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 10px}.scan-work-plan>div{padding:11px 13px;border:1px solid var(--line);background:#f8fafb}.scan-work-plan span,.scan-work-plan b{display:block}.scan-work-plan span{color:var(--muted);font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.045em}.scan-work-plan b{margin-top:5px;color:var(--brand-navy);font-size:.69rem;line-height:1.45;overflow-wrap:anywhere}

.phishing-template-preview{border:1px solid #c9d5de;border-top:4px solid var(--brand-blue-dark);background:linear-gradient(145deg,#fff,#f4f8fa);padding:16px}
.template-preview-head{display:flex;flex-wrap:wrap;gap:6px}.template-preview-head span{padding:4px 7px;background:var(--brand-navy);color:#fff;font-size:.55rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.template-preview-head span+span{background:var(--brand-blue-soft);color:var(--brand-blue-dark);border:1px solid #a9dced}
.phishing-template-preview h3{margin:12px 0 4px;color:var(--brand-navy);font-size:.95rem}.phishing-template-preview>p{margin:0 0 13px;color:#425669;font-size:.72rem;font-weight:600}.phishing-template-preview dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.phishing-template-preview dl>div{padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.phishing-template-preview dl>.full{grid-column:1/-1}.phishing-template-preview dt{color:var(--muted);font-size:.55rem;font-weight:600;text-transform:uppercase}.phishing-template-preview dd{margin:4px 0 0;color:#32485b;font-size:.65rem;line-height:1.45;overflow-wrap:anywhere}.phishing-template-preview>small{display:block;margin-top:10px;color:var(--muted);font-size:.59rem;line-height:1.5}
.phishing-decision{border-top:5px solid var(--brand-blue-dark)}.phishing-decision.tone-critical,.phishing-decision.tone-high{border-top-color:#a51d36}.phishing-decision.tone-medium{border-top-color:#b87508}.phishing-decision.tone-positive{border-top-color:#20815a}
.decision-priority{display:grid;place-items:center;min-width:52px;height:42px;padding:0 10px;background:var(--brand-navy);color:#fff;font-size:.8rem;font-weight:600}
.phishing-interpretation-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phishing-interpretation-grid article{min-width:0;padding:12px;border:1px solid var(--line);background:#f8fafb}.phishing-interpretation-grid span{display:block;color:var(--brand-blue-dark);font-size:.57rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.phishing-interpretation-grid p{margin:6px 0 0;color:#3e5264;font-size:.69rem;line-height:1.55}
.decision-actions{margin-top:11px;padding:13px 14px;background:var(--brand-navy);color:#fff}.decision-actions>b{font-size:.69rem}.decision-actions ol{margin:8px 0 0;padding-left:19px;color:#d8e4ec;font-size:.66rem;line-height:1.55}.decision-actions li+li{margin-top:5px}
.phishing-evidence{overflow:hidden}.phishing-evidence-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.phishing-evidence-grid article{min-width:0;padding:13px;border:1px solid var(--line);border-top:4px solid var(--brand-blue-dark);background:#fff}.phishing-evidence-grid article.risk{border-top-color:#a51d36}.phishing-evidence-grid article.positive{border-top-color:#20815a}
.phishing-evidence-grid article>div{display:flex;align-items:flex-start;gap:7px;min-height:31px}.phishing-evidence-grid article>div span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;background:var(--brand-navy);color:#fff;font-size:.52rem;font-weight:600}.phishing-evidence-grid article>div b{min-width:0;color:var(--brand-navy);font-size:.64rem;line-height:1.35;overflow-wrap:anywhere}
.phishing-evidence-grid strong,.phishing-evidence-grid small{display:block}.phishing-evidence-grid strong{margin:9px 0 4px;color:var(--brand-navy);font-size:1.55rem}.phishing-evidence-grid small{min-height:28px;color:var(--muted);font-size:.57rem;line-height:1.4}.phishing-evidence-grid i{display:block;height:6px;margin-top:9px;background:#e4eaee;overflow:hidden}.phishing-evidence-grid i b{display:block;width:var(--stage);height:100%;background:var(--brand-blue-dark)}.phishing-evidence-grid .risk i b{background:#a51d36}.phishing-evidence-grid .positive i b{background:#20815a}.evidence-overlap-note{margin:13px 0 0;padding:10px 12px;border-left:3px solid var(--brand-blue);background:#f1f7fa;color:#516779;font-size:.63rem;line-height:1.5}

@media(max-width:1180px){.phishing-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.scan-live-grid,.phishing-evidence-grid{grid-template-columns:1fr 1fr}.phishing-interpretation-grid{grid-template-columns:1fr}.launch-guidance-grid{grid-template-columns:1fr}}
@media(max-width:920px){.phishing-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.phishing-readiness-step:nth-child(2){border-right:0}.phishing-readiness-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.phishing-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.test-goal-step,.launch-guidance-head{display:grid;grid-template-columns:1fr}.test-goal-step span,.launch-guidance-head span{text-align:left}.test-goal-grid{grid-template-columns:1fr}.test-goal-grid button{min-height:68px}.launch-guidance-limit{grid-template-columns:1fr}.update-lane-grid{grid-template-columns:1fr}.phishing-readiness{grid-template-columns:1fr}.phishing-readiness-step,.phishing-readiness-step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.phishing-readiness-step:last-child{border-bottom:0}.template-gallery-heading{display:grid;align-items:start}.template-gallery-heading>small{text-align:left}.phishing-template-cards{grid-template-columns:1fr}.phishing-template-card{min-height:122px}.phishing-submit-blocker{display:grid}.phishing-template-preview dl{grid-template-columns:1fr}.phishing-template-preview dl>.full{grid-column:1}.phishing-decision .panel-head{display:grid;grid-template-columns:1fr}.decision-priority{justify-self:start}.scan-live-grid article,.phishing-evidence-grid article{padding:11px}.phishing-evidence-grid small{min-height:0}.scan-work-plan{grid-template-columns:1fr}}
@media(max-width:380px){.scan-live-grid,.phishing-evidence-grid{grid-template-columns:1fr}.scan-live-grid article{display:block}.scan-live-grid article b{margin:6px 0 3px;text-align:left}.scan-live-grid article small{display:block}}
.phishing-branding{border:1px solid #c9d5de;background:#f7fafc;padding:16px}.phishing-brand-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.phishing-brand-heading h3{margin:2px 0 5px;color:var(--brand-navy);font-size:.95rem}.phishing-brand-heading p{max-width:720px;margin:0;font-size:.67rem}.phishing-brand-swatch{display:flex;align-items:center;gap:9px;min-width:210px;padding:9px 11px;border:1px solid #cdd7df;background:#fff;border-top:4px solid var(--campaign-accent)}.phishing-brand-swatch i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:0;background:var(--campaign-accent);color:#fff;font-size:.85rem;font-style:normal;font-weight:600}.phishing-brand-swatch span{min-width:0}.phishing-brand-swatch b,.phishing-brand-swatch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phishing-brand-swatch b{color:var(--brand-navy);font-size:.68rem}.phishing-brand-swatch small{margin-top:3px;color:var(--muted);font-size:.55rem}.phishing-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.phishing-brand-grid>.full{grid-column:1/-1}.phishing-custom-content{min-width:0;margin:0;padding:14px;border:1px solid #bfcbd4;background:#fff}.phishing-custom-content[hidden]{display:none}.phishing-custom-content legend{padding:0 7px;color:var(--brand-navy);font-size:.67rem;font-weight:850}.phishing-custom-content>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.phishing-custom-content .full{grid-column:1/-1}.phishing-custom-content>small{display:block;margin-top:12px;padding:10px;border-left:4px solid #c98616;background:#fff7e8;color:#6d4e14;font-size:.59rem;line-height:1.5}
@media(max-width:640px){.phishing-brand-heading{display:grid}.phishing-brand-swatch{min-width:0;width:100%}.phishing-brand-grid,.phishing-custom-content>div{grid-template-columns:1fr}.phishing-brand-grid>.full,.phishing-custom-content .full{grid-column:1}}

/* Svaki phishing scenario ima vlastiti vizuelni potpis u biblioteci i pregledu. */
.phishing-template-card::before{display:block;width:max-content;max-width:100%;margin:0 0 9px;padding:4px 7px;background:var(--template-accent,#245d87);color:#fff;font-size:.49rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.phishing-template-card[data-phishing-template-choice="security_notice"]{border-top:5px solid #245d87;background:linear-gradient(180deg,#edf5fa 0 36px,#fff 36px)}.phishing-template-card[data-phishing-template-choice="security_notice"]::before{content:'!  Bezbjednosni status';border-radius:0}
.phishing-template-card[data-phishing-template-choice="policy_update"]{border-left:6px solid #376b52;background:#fffef9;font-family:Georgia,serif}.phishing-template-card[data-phishing-template-choice="policy_update"]::before{content:'§  Formalni memorandum';border:1px solid #376b52;background:transparent;color:#376b52}.phishing-template-card[data-phishing-template-choice="policy_update"]>span,.phishing-template-card[data-phishing-template-choice="policy_update"]>small,.phishing-template-card[data-phishing-template-choice="policy_update"]>i{font-family:"Open Sans",Arial,sans-serif}
.phishing-template-card[data-phishing-template-choice="shared_document"]{border-radius:0;background:#f7f9fc;box-shadow:inset 0 35px 0 #fff}.phishing-template-card[data-phishing-template-choice="shared_document"]::before{content:'DOC  Dijeljeni dokument';border-radius:0}
.phishing-template-card[data-phishing-template-choice="remote_access"]{border-color:#26354a;background:#101827}.phishing-template-card[data-phishing-template-choice="remote_access"]::before{content:'●  Tehnički servisni panel';background:#26354a;color:#83f0c5;font-family:monospace}.phishing-template-card[data-phishing-template-choice="remote_access"]>strong{color:#fff}.phishing-template-card[data-phishing-template-choice="remote_access"]>small{color:#adbed0}.phishing-template-card[data-phishing-template-choice="remote_access"]>span b,.phishing-template-card[data-phishing-template-choice="remote_access"]>i{color:#83f0c5}.phishing-template-card[data-phishing-template-choice="remote_access"]>span em{background:#26354a;color:#c7d4e3}
.phishing-template-card[data-phishing-template-choice="account_review"]{border-left:8px solid #3e6671;background:repeating-linear-gradient(0deg,#fff 0 27px,#eef3f3 28px)}.phishing-template-card[data-phishing-template-choice="account_review"]::before{content:'ID  Registar pristupa';border-radius:0}
.phishing-template-card[data-phishing-template-choice="invoice_review"]{border-color:#d9ccb5;background:#fffdf8}.phishing-template-card[data-phishing-template-choice="invoice_review"]::before{content:'INV  Finansijski dokument';border-radius:0;background:#8a5a22}.phishing-template-card[data-phishing-template-choice="invoice_review"]>strong{font-size:.78rem}.phishing-template-card[data-phishing-template-choice="invoice_review"]>i{color:#8a5a22}
.phishing-template-card[data-phishing-template-choice="hr_document"]{border-color:#d8bdcc;border-radius:0;background:#fbf5f8;text-align:center}.phishing-template-card[data-phishing-template-choice="hr_document"]::before{content:'HR  Povjerljivi dosije';margin-left:auto;margin-right:auto;border-radius:0;background:#7a3f63}.phishing-template-card[data-phishing-template-choice="hr_document"]>span b,.phishing-template-card[data-phishing-template-choice="hr_document"]>i{color:#7a3f63}
.phishing-template-card[data-phishing-template-choice="collaboration_invite"]{border-color:#b9cecf;border-radius:0;background:radial-gradient(circle at 21px 25px,#316d70 0 4px,transparent 5px),linear-gradient(90deg,#e8eeee 43px,#fff 43px)}.phishing-template-card[data-phishing-template-choice="collaboration_invite"]::before{content:'TEAM  Projektna aktivnost';margin-left:34px;border-radius:0;background:#316d70}.phishing-template-card[data-phishing-template-choice="collaboration_invite"]>*:not(:first-child){margin-left:34px}
.phishing-template-card.selected{box-shadow:inset 0 0 0 2px rgba(67,183,232,.32),0 6px 18px rgba(18,52,90,.14)}
.phishing-template-card>u{display:block;margin-top:6px;color:var(--template-accent,var(--brand-blue-dark));font-size:.53rem;font-weight:850;line-height:1.35;text-decoration:none;text-transform:uppercase;letter-spacing:.035em}.phishing-template-card[data-phishing-template-choice="remote_access"]>u{color:#83f0c5}.phishing-template-card[data-phishing-template-choice="hr_document"]>u{color:#7a3f63}
.phishing-template-preview{border-top-color:var(--template-accent,var(--brand-blue-dark))}.phishing-template-preview[data-design="policy_memo"]{background:#fffef9}.phishing-template-preview[data-design="document_share"]{border-radius:0;background:#f7f9fc}.phishing-template-preview[data-design="remote_console"]{border-color:#26354a;background:#101827}.phishing-template-preview[data-design="remote_console"] h3,.phishing-template-preview[data-design="remote_console"] dd{color:#fff}.phishing-template-preview[data-design="remote_console"]>p,.phishing-template-preview[data-design="remote_console"] dt,.phishing-template-preview[data-design="remote_console"]>small{color:#adbed0}.phishing-template-preview[data-design="remote_console"] dl{border-color:#31425a}.phishing-template-preview[data-design="invoice_sheet"]{background:#fffdf8}.phishing-template-preview[data-design="private_record"]{border-radius:0;background:#fbf5f8}.phishing-template-preview[data-design="project_feed"]{border-radius:0;background:#f3f6f7}
.phishing-theme-open{overflow:hidden}.phishing-theme-modal[hidden]{display:none}.phishing-theme-modal{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:22px}.phishing-theme-backdrop{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:rgba(5,18,34,.78);cursor:default}.phishing-theme-dialog{position:relative;display:grid;grid-template-rows:auto minmax(280px,1fr) auto;width:min(1040px,100%);height:min(850px,calc(100vh - 44px));overflow:hidden;border:1px solid #aebfca;border-top:6px solid var(--brand-blue);border-radius:0;background:#eef2f4;box-shadow:0 30px 90px rgba(1,10,22,.45)}.phishing-theme-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 19px;border-bottom:1px solid #ccd7de;background:#fff}.phishing-theme-dialog>header h2{margin:3px 0 2px;color:var(--brand-navy);font-size:1rem}.phishing-theme-dialog>header p{margin:0;color:var(--muted);font-size:.61rem}.phishing-theme-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;border:1px solid #bdcbd4;border-radius:0;background:#f5f8fa;color:var(--brand-navy);font-size:1.45rem;line-height:1;cursor:pointer}.phishing-theme-close:hover,.phishing-theme-close:focus-visible{border-color:var(--brand-blue-dark);outline:3px solid rgba(67,183,232,.22)}.phishing-theme-frame-shell{min-height:0;padding:12px;background:#dfe5e9}.phishing-theme-frame-shell iframe{display:block;width:100%;height:100%;border:1px solid #c4d0d8;background:#eef1f3}.phishing-theme-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 19px;border-top:1px solid #c8d4dc;background:#fff}.phishing-theme-dialog>footer small{max-width:650px;color:var(--muted);font-size:.58rem;line-height:1.45}.phishing-theme-dialog>footer .btn{flex:0 0 auto;min-width:190px}
@media(max-width:640px){.phishing-theme-modal{padding:0}.phishing-theme-dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;grid-template-rows:auto minmax(220px,1fr) auto}.phishing-theme-dialog>header{padding:12px 14px}.phishing-theme-dialog>header p{max-width:260px}.phishing-theme-frame-shell{padding:0}.phishing-theme-dialog>footer{display:grid;gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.phishing-theme-dialog>footer .btn{width:100%;min-width:0}.phishing-theme-close{flex-basis:42px;width:42px;height:42px}}
@media(max-width:640px){.phishing-template-card[data-phishing-template-choice="collaboration_invite"]>*:not(:first-child){margin-left:28px}}

/* MatrixScan 2.9 premium PWA experience */
:root{
  --radius-xs:6px;--radius-sm:9px;--radius-md:14px;--radius-lg:20px;
  --surface-elevated:#fff;--surface-muted:#f7f9fb;--line-strong:#c7d1da;
  --shadow-sm:0 2px 8px rgba(11,31,58,.055);--shadow-md:0 12px 34px rgba(11,31,58,.085);--shadow-lg:0 24px 70px rgba(6,25,47,.14);
  --focus-ring:0 0 0 3px rgba(67,183,232,.24);--ease:cubic-bezier(.2,.75,.25,1);--sidebar:264px;
}
[hidden]{display:none!important}
body{background:radial-gradient(circle at 82% -10%,rgba(67,183,232,.09),transparent 26rem),linear-gradient(180deg,#f4f7f9 0,var(--bg) 45%);letter-spacing:-.006em}
.ui-icon{display:block;width:1.15em;height:1.15em;flex:0 0 auto}
.btn .ui-icon{width:17px;height:17px;margin-right:7px}.icon-btn .ui-icon{width:19px;height:19px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring)}
.sidebar{padding:18px 13px 16px;background:linear-gradient(180deg,#081a31 0,#0b1f3a 58%,#07182d 100%);border-right:1px solid rgba(122,177,207,.14);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#29435b transparent}
.logo{margin:0 3px;padding:4px 8px 20px;border-bottom-color:rgba(255,255,255,.08)}
.logo-icon{width:42px;height:42px}.logo b{font-size:1.02rem;font-weight:600}.logo small{color:#8fa5b7;font-size:.65rem}
.sidebar nav{gap:3px;padding-top:15px}.sidebar nav a{position:relative;min-height:40px;padding:9px 11px;border:0;border-radius:0;color:#a9b8c5;font-size:.76rem;font-weight:650;transition:background .17s var(--ease),color .17s var(--ease),transform .17s var(--ease)}
.sidebar nav a:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0;background:transparent}.sidebar nav a span{display:grid;place-items:center;width:22px;color:#7f97aa}.sidebar nav a em{min-width:0;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav a:hover{background:rgba(255,255,255,.055);transform:translateX(1px)}.sidebar nav a:hover span{color:#b8e6f8}.sidebar nav a.active{background:linear-gradient(90deg,rgba(67,183,232,.18),rgba(67,183,232,.07));color:#fff}.sidebar nav a.active:before{background:var(--brand-blue)}.sidebar nav a.active span{color:#73d0f5}
.sidebar-foot{padding-top:15px}.license{border-color:rgba(143,196,222,.16);border-radius:0;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.topbar{height:72px;padding:0 28px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(150%);border-bottom-color:rgba(166,181,193,.55);box-shadow:0 1px 12px rgba(11,31,58,.025)}
.top-title span{font-size:.88rem;font-weight:780}.top-title small{font-size:.64rem}.top-actions{gap:8px}
.icon-btn{width:40px;height:40px;border-color:var(--line);border-radius:0;background:rgba(255,255,255,.82);color:#526476;transition:border-color .17s var(--ease),background .17s var(--ease),color .17s var(--ease),transform .17s var(--ease)}
.icon-btn:hover{border-color:#a4cfe1;background:var(--brand-blue-soft);color:var(--brand-blue-dark);transform:translateY(-1px)}
.theme-picker{position:relative}.theme-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:112px;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:0;background:rgba(255,255,255,.82);color:#526476;font:inherit;cursor:pointer;transition:border-color .17s var(--ease),background .17s var(--ease),color .17s var(--ease)}.theme-toggle:hover{border-color:#a4cfe1;background:var(--brand-blue-soft);color:var(--brand-blue-dark)}.theme-toggle .ui-icon{width:18px;height:18px}.theme-toggle b{font-size:.62rem;font-weight:780}.theme-toggle .theme-icon-dark{display:none}.theme-toggle>span{line-height:0}[data-theme="dark"] .theme-toggle .theme-icon-light{display:none}[data-theme="dark"] .theme-toggle .theme-icon-dark{display:block}.theme-menu{position:absolute;z-index:110;right:0;top:calc(100% + 8px);width:228px;padding:7px;border:1px solid var(--line-strong);border-radius:0;background:var(--surface-elevated);box-shadow:0 20px 52px rgba(6,24,43,.2)}.theme-menu[hidden]{display:none}.theme-menu button{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.theme-menu button:hover,.theme-menu button:focus-visible{background:var(--brand-blue-soft)}.theme-menu button.active{background:var(--brand-blue-soft);box-shadow:inset 3px 0 var(--brand-blue)}.theme-menu button>span{grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:0;color:var(--brand-blue-dark);font-size:.7rem}.theme-menu b,.theme-menu small{display:block}.theme-menu b{font-size:.67rem}.theme-menu small{margin-top:2px;color:var(--muted);font-size:.55rem}
.user-menu{border-left-color:var(--line);padding-left:13px}.user-menu>span{border-radius:0;background:linear-gradient(145deg,#e8f3f8,#dce9ef);color:var(--brand-navy)}
.content{padding:28px clamp(20px,2.2vw,38px) 48px;max-width:1760px}.page-head{margin:4px 0 23px}.page-head h1{font-weight:790}.page-head p{max-width:880px;font-size:.82rem}.eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.105em}
.btn{min-height:42px;padding:0 16px;border-color:var(--line-strong);border-radius:0;background:var(--surface-elevated);font-size:.74rem;font-weight:760;box-shadow:0 1px 2px rgba(11,31,58,.025);transition:transform .17s var(--ease),border-color .17s var(--ease),background .17s var(--ease),box-shadow .17s var(--ease)}
.btn:hover{border-color:#96adbd;background:#fafdff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#167ead,#0f638b);border-color:#126f9b;color:#fff;box-shadow:0 7px 17px rgba(22,126,173,.18)}.btn.primary:hover{background:linear-gradient(135deg,#126f9b,#0b577c);box-shadow:0 10px 22px rgba(22,126,173,.24)}.btn.subtle{background:var(--surface-muted)}
.panel{border-color:rgba(190,201,210,.78);border-radius:0;background:var(--surface-elevated);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:19px}.panel-head h2{font-size:1rem;font-weight:780}.panel-head p{font-size:.7rem}.panel-head>a:not(.btn){display:inline-flex;align-items:center;min-height:34px}
.table-panel{border:1px solid rgba(190,201,210,.78);border-radius:0;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.table-panel>.panel-head{padding:20px 20px 0}
th{padding:11px 13px;background:#f4f7f9;color:#627281;font-size:.58rem;font-weight:820;letter-spacing:.055em;border-color:#dbe3e9}td{padding:12px 13px;border-color:#e7edf1}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f8fbfd}
.table-action{display:inline-flex;align-items:center;min-height:32px;color:#147da9;font-size:.7rem}.report-actions{gap:8px;flex-wrap:wrap}.report-actions .table-action{padding:5px 8px;border:1px solid #d1e1e9;border-radius:0;background:#f8fbfc}.report-actions .download{padding-left:8px;border-left:1px solid #d1e1e9}
.status{padding:5px 8px;border-radius:0;font-size:.56rem;letter-spacing:.025em}.severity-pill{border-radius:0;padding:5px 7px;font-size:.56rem}.score{border-radius:0}
.form-grid{gap:15px}.form-grid label{gap:7px;color:#3f4e5b;font-size:.66rem}.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{min-height:44px;border-color:#c7d2da;border-radius:0;background:var(--surface-elevated);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover{border-color:#aebec9}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filters input:focus,.filters select:focus{border-color:#48abd5;box-shadow:var(--focus-ring)}
.alert{position:relative;padding:13px 15px 13px 44px;border:1px solid #b8d8e7;border-left:4px solid #3381b3;border-radius:0;background:#edf7fb;font-size:.75rem;box-shadow:var(--shadow-sm)}.alert:before{content:"i";position:absolute;left:15px;top:12px;display:grid;place-items:center;width:20px;height:20px;border:1px solid currentColor;border-radius:0;font-size:.65rem;font-weight:600}.alert.success{border-color:#b8dece;border-left-color:var(--green)}.alert.success:before{content:"✓"}.alert.error{border-color:#e6bcc2;border-left-color:var(--red)}.alert.error:before{content:"!"}
.notice{border-radius:0;background:#edf8fd}.empty-cell,.empty-state{padding:42px 22px;color:#738391}.empty-cell:before,.empty-state:before{content:"";display:block;width:36px;height:4px;margin:0 auto 13px;border-radius:0;background:linear-gradient(90deg,#9fadb7,#43b7e8)}

/* Dashboard */
.dashboard-hero{padding:8px 2px 0}.product-onboarding{margin:0 0 18px;padding:18px;border:1px solid #b9d6e3;border-radius:0;background:linear-gradient(125deg,#fff 0,#f5fbfe 64%,#e9f7fd 100%);box-shadow:var(--shadow-sm)}
.product-onboarding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.product-onboarding-head h2{margin:2px 0 0;color:var(--brand-navy);font-size:1rem}.product-onboarding-head .eyebrow{margin-bottom:5px}.product-onboarding-head .icon-btn{width:34px;height:34px;background:transparent}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.onboarding-steps a{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #d5e2e9;border-radius:0;background:rgba(255,255,255,.82);transition:transform .17s var(--ease),border-color .17s var(--ease),box-shadow .17s var(--ease)}.onboarding-steps a:hover{transform:translateY(-2px);border-color:#8ccce7;box-shadow:var(--shadow-sm)}.onboarding-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:0;background:#0b1f3a;color:#fff;font-size:.7rem;font-style:normal;font-weight:850}.onboarding-steps span,.onboarding-steps b,.onboarding-steps small{display:block;min-width:0}.onboarding-steps b{color:#1a2b3b;font-size:.69rem}.onboarding-steps small{margin-top:4px;color:var(--muted);font-size:.58rem;line-height:1.35}.onboarding-steps>.ui-icon{color:var(--brand-blue-dark)}
.dashboard-grid>*,.detail-grid>*{min-width:0}.kpi-grid{gap:14px}.kpi-grid .dashboard-kpi-card{min-height:146px;padding:18px;border-radius:0;border-color:rgba(190,201,210,.8);box-shadow:var(--shadow-sm);overflow:hidden}.kpi-grid .dashboard-kpi-card:before{left:0;top:0;bottom:auto;width:100%;height:3px;border-radius:0}.dashboard-kpi-card:after{display:none}.dashboard-kpi-card>i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:13px;border-radius:0;background:#edf3f6;color:#637b8e;font-style:normal}.dashboard-kpi-card>i .ui-icon{width:18px;height:18px}.dashboard-kpi-card>em{position:absolute;right:16px;bottom:16px;color:#9aabb8;font-style:normal}.dashboard-kpi-card>em .ui-icon{width:16px;height:16px}.dashboard-kpi-card>span{padding:0;font-size:.66rem}.kpi-grid b{margin:7px 0 4px;font-size:1.9rem}.dashboard-kpi-card.accent>i{background:#e2f5fd;color:#167ead}.dashboard-kpi-card:hover{background:#fff;box-shadow:var(--shadow-md)}
.executive-snapshot{display:grid;grid-template-columns:1.1fr repeat(4,minmax(0,1fr));margin:0 0 19px;border:1px solid #c7d5df;border-radius:0;background:linear-gradient(105deg,#0b1f3a 0,#12345a 23%,#fff 23.1%);box-shadow:var(--shadow-sm);overflow:hidden}.snapshot-heading{display:flex;align-items:center;gap:11px;padding:17px;color:#fff}.snapshot-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:0;background:rgba(67,183,232,.12);color:#79d3f5}.snapshot-heading b,.snapshot-heading small{display:block}.snapshot-heading b{font-size:.72rem}.snapshot-heading small{margin-top:4px;color:#9db6c9;font-size:.56rem;line-height:1.35}.executive-snapshot article{min-width:0;padding:16px;border-left:1px solid #e0e7eb}.executive-snapshot article span,.executive-snapshot article b,.executive-snapshot article small{display:block}.executive-snapshot article span{color:var(--muted);font-size:.56rem;font-weight:600;text-transform:uppercase;letter-spacing:.045em}.executive-snapshot article b{margin:7px 0 4px;color:var(--brand-navy);font-size:1.1rem}.executive-snapshot article b.positive{color:#147353}.executive-snapshot article b.negative{color:#a22336}.executive-snapshot article small{color:#778793;font-size:.55rem;line-height:1.35}

/* Launch wizard and live execution */
.scan-wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 4px;padding:0;list-style:none}.scan-wizard-progress li{position:relative;display:flex;align-items:center;gap:8px;min-width:0;color:#8794a0;font-size:.6rem;font-weight:750}.scan-wizard-progress li:not(:last-child):after{content:"";position:absolute;z-index:0;left:31px;right:8px;top:14px;height:2px;background:#d7e0e6}.scan-wizard-progress i{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border:2px solid #cfd9df;border-radius:0;background:#fff;font-style:normal;font-size:.6rem}.scan-wizard-progress li.current{color:#0f6f98}.scan-wizard-progress li.current i{border-color:#43b7e8;background:#e8f7fd;color:#0f6f98;box-shadow:0 0 0 4px rgba(67,183,232,.1)}.scan-wizard-progress li.complete{color:#176f53}.scan-wizard-progress li.complete i{border-color:#20815a;background:#20815a;color:#fff}.scan-wizard-progress li.complete:not(:last-child):after{background:#84c9ad}.scan-wizard-progress li.ready i{box-shadow:0 0 0 4px rgba(32,129,90,.1)}
.service-module-choice,.launch-guidance,.module-result,.scan-live-grid article,.scan-work-plan>div{border-radius:0}.launch-button{min-height:50px;font-size:.8rem}
.scan-phase-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 18px;padding:2px 0 0;list-style:none}.scan-phase-rail li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:#82909b;font-size:.57rem;font-weight:760;text-align:center}.scan-phase-rail li:not(:last-child):after{content:"";position:absolute;z-index:0;left:calc(50% + 17px);right:calc(-50% + 17px);top:14px;height:2px;background:#d8e1e6}.scan-phase-rail i{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;border:2px solid #ced9df;border-radius:0;background:#fff;font-style:normal;font-size:.58rem}.scan-phase-rail i .ui-icon{width:14px;height:14px}.scan-phase-rail .complete{color:#176f53}.scan-phase-rail .complete i{border-color:#20815a;background:#20815a;color:#fff}.scan-phase-rail .complete:not(:last-child):after{background:#70c19e}.scan-phase-rail .current{color:#116f99}.scan-phase-rail .current i{border-color:#43b7e8;background:#eaf8fd;color:#116f99;box-shadow:0 0 0 5px rgba(67,183,232,.11)}
.progress-prominent{height:11px;margin-bottom:17px;border:0;border-radius:0;background:#e3ebef}.progress-prominent i{border-radius:0;transition:width .45s var(--ease)}.scan-live-grid{gap:10px}.scan-live-grid article{border-color:#d5dfe5;border-top-width:3px;box-shadow:0 2px 7px rgba(11,31,58,.035)}.scan-work-plan>div{background:#f7f9fb}

/* Reporting views */
.report-view-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px;padding:12px 14px;border:1px solid #ccd8e0;border-radius:0;background:#fff;box-shadow:var(--shadow-sm)}.report-view-switch>div:first-child{display:flex;align-items:center;gap:10px}.report-view-switch>div:first-child>span{display:grid;place-items:center;width:35px;height:35px;border-radius:0;background:#e9f6fb;color:#167ead}.report-view-switch p,.report-view-switch b,.report-view-switch small{display:block;margin:0}.report-view-switch b{font-size:.68rem}.report-view-switch small{margin-top:3px;color:var(--muted);font-size:.57rem}.report-view-switch>div:last-child{display:flex;padding:3px;border-radius:0;background:#edf2f5}.report-view-switch button{min-height:34px;padding:0 13px;border:0;border-radius:0;background:transparent;color:#667786;font-size:.64rem;font-weight:750}.report-view-switch button.active{background:#fff;color:#0c6085;box-shadow:0 2px 7px rgba(11,31,58,.11)}
.report-cards{gap:14px}.report-cards>a{border-radius:0;border-color:rgba(190,201,210,.8);box-shadow:var(--shadow-sm)}.report-cards>a:after{display:grid;place-items:center;width:26px;height:26px;right:14px;top:14px;border-radius:0;background:#e8f5fa}.report-cards>a:hover,.report-cards>a:focus-visible{box-shadow:var(--shadow-md)}

/* Navigation feedback and empty states */
.navigation-skeleton{position:fixed;z-index:19;left:var(--sidebar);right:0;top:72px;bottom:0;padding:30px clamp(20px,2.2vw,38px);background:rgba(244,247,249,.94);backdrop-filter:blur(5px)}.skeleton-head,.skeleton-grid i,.skeleton-panel{position:relative;overflow:hidden;border-radius:0;background:#e4eaee}.skeleton-head{width:min(620px,70%);height:70px;margin-bottom:20px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skeleton-grid i{height:132px}.skeleton-panel{height:300px;margin-top:18px}.skeleton-head:after,.skeleton-grid i:after,.skeleton-panel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:matrix-shimmer 1.2s infinite}.premium-empty-state{max-width:660px;margin:8vh auto;padding:54px;text-align:center}.premium-empty-state>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 19px;border-radius:0;background:#e9f6fb;color:#167ead}.premium-empty-state>span .ui-icon{width:30px;height:30px}.premium-empty-state h1{font-size:1.55rem}.premium-empty-state p{max-width:460px;margin:0 auto 22px}.premium-empty-state .btn .ui-icon{transform:rotate(180deg)}

/* Premium authentication */
.auth-page{background:radial-gradient(circle at 15% 10%,rgba(67,183,232,.18),transparent 28rem),linear-gradient(135deg,#061426,#0d2948 60%,#12345a)}.auth-shell{border:1px solid rgba(141,199,225,.18);border-radius:0;box-shadow:0 36px 100px rgba(0,8,20,.5);overflow:hidden}.auth-brand{background:linear-gradient(145deg,#081a31,#0b1f3a 62%,#12345a);padding:52px}.auth-brand h1{font-weight:790}.auth-card{padding:52px;background:linear-gradient(155deg,#fff,#f8fbfd)}.auth-card h2{font-weight:790}.auth-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:20px 0}.auth-trust-grid>span{min-width:0;padding:11px;border:1px solid rgba(156,203,224,.16);border-radius:0;background:rgba(255,255,255,.035)}.auth-trust-grid .ui-icon{width:17px;height:17px;margin-bottom:8px;color:#76d1f4}.auth-trust-grid b,.auth-trust-grid small{display:block}.auth-trust-grid b{font-size:.58rem}.auth-trust-grid small{margin-top:4px;color:#8fa7ba;font-size:.5rem;line-height:1.4}.auth-install{width:100%;margin-top:10px}.auth-version{margin-top:18px;padding-top:14px;border-top:1px solid #e2e8ec;color:#86939e;font-size:.56rem;text-align:center}

/* Dark theme */
[data-theme="dark"]{--brand-navy:#d9edf7;--brand-navy-2:#173a5b;--brand-blue:#48bce9;--brand-blue-dark:#65c9ef;--brand-blue-soft:#0d2b40;--bg:#071321;--surface:#0d1d2d;--surface-2:#102234;--surface-elevated:#0d1d2d;--surface-muted:#102436;--ink:#e8f0f5;--muted:#94a7b6;--line:#263a4b;--line-strong:#385064;--nav:#061426;--nav-2:#102f4c;--shadow:0 10px 32px rgba(0,0,0,.26);background:#071321;color-scheme:dark}
[data-theme="dark"] body{background:radial-gradient(circle at 82% -10%,rgba(67,183,232,.1),transparent 25rem),linear-gradient(180deg,#071321,#091827);color:var(--ink)}
[data-theme="dark"] .topbar{background:rgba(8,23,37,.88);border-bottom-color:#23384a}[data-theme="dark"] .icon-btn{background:#102233;border-color:#2c4254;color:#9db2c2}[data-theme="dark"] .icon-btn:hover{background:#12334a;color:#6fd0f2}
[data-theme="dark"] .user-menu>span{background:linear-gradient(145deg,#173149,#102437);color:#c6e7f4}[data-theme="dark"] .panel,[data-theme="dark"] .table-panel,[data-theme="dark"] .report-view-switch,[data-theme="dark"] .report-cards>a,[data-theme="dark"] .kpi-grid .dashboard-kpi-card,[data-theme="dark"] .product-onboarding{background:#0d1d2d;border-color:#263a4b;box-shadow:0 8px 24px rgba(0,0,0,.16)}
[data-theme="dark"] .product-onboarding{background:linear-gradient(125deg,#0d1d2d,#0b2335)}[data-theme="dark"] .product-onboarding-head h2,[data-theme="dark"] .onboarding-steps b{color:#e5f0f5}[data-theme="dark"] .onboarding-steps a{background:#102334;border-color:#294052}[data-theme="dark"] .onboarding-steps i{background:#1b4c69}
[data-theme="dark"] .dashboard-kpi-card>i{background:#14293a;color:#9ab2c2}[data-theme="dark"] .dashboard-kpi-card.accent>i,[data-theme="dark"] .premium-empty-state>span{background:#10334a;color:#68caee}[data-theme="dark"] .dashboard-kpi-card:hover{background:#102233}
[data-theme="dark"] .executive-snapshot{border-color:#2a4152;background:linear-gradient(105deg,#061426 0,#0f2e49 23%,#0d1d2d 23.1%)}[data-theme="dark"] .executive-snapshot article{border-left-color:#263a4b}[data-theme="dark"] .executive-snapshot article b{color:#e8f0f5}
[data-theme="dark"] th{background:#102436;color:#9eafbb;border-color:#2b4051}[data-theme="dark"] td{border-color:#213544}[data-theme="dark"] tbody tr:hover,[data-theme="dark"] .table-row-card:hover,[data-theme="dark"] .table-row-card:focus-visible{background:#102536}
[data-theme="dark"] .form-grid label{color:#b5c4ce}[data-theme="dark"] .form-grid input,[data-theme="dark"] .form-grid select,[data-theme="dark"] .form-grid textarea,[data-theme="dark"] .filters input,[data-theme="dark"] .filters select{background:#0a1826;border-color:#32495b;color:#e8f0f5}[data-theme="dark"] .btn{background:#102334;border-color:#385064;color:#dce8ee}[data-theme="dark"] .btn:hover{background:#153149;border-color:#4c6a7f}[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#219dce,#136f99);border-color:#2b9cc8;color:#fff}
[data-theme="dark"] .report-actions .table-action{border-color:#2d4a5e;background:#102536;color:#6bcef2}[data-theme="dark"] .report-view-switch>div:first-child>span{background:#10334a;color:#65caef}[data-theme="dark"] .report-view-switch>div:last-child{background:#081724}[data-theme="dark"] .report-view-switch button{color:#9aabba}[data-theme="dark"] .report-view-switch button.active{background:#173149;color:#78d1f2}
[data-theme="dark"] .scan-wizard-progress i,[data-theme="dark"] .scan-phase-rail i{background:#0d1d2d;border-color:#3a5264}[data-theme="dark"] .scan-wizard-progress li:not(:last-child):after,[data-theme="dark"] .scan-phase-rail li:not(:last-child):after{background:#2a4051}[data-theme="dark"] .scan-wizard-progress li.current i,[data-theme="dark"] .scan-phase-rail .current i{background:#10334a}[data-theme="dark"] .service-module-choice,[data-theme="dark"] .launch-guidance-grid article,[data-theme="dark"] .module-result,[data-theme="dark"] .scan-live-grid article,[data-theme="dark"] .scan-work-plan>div{background:#102334;border-color:#2c4254}[data-theme="dark"] .service-module-choice.active{background:#103047;border-color:#3c7695}[data-theme="dark"] .service-module-facts>div,[data-theme="dark"] .service-module-choice.active .service-module-facts>div:not(.claim){background:#0d1d2d;border-color:#2d4354}[data-theme="dark"] .service-module-facts>div.claim{background:#2d2618;border-color:#705922}[data-theme="dark"] .service-module-facts dd{color:#b9c8d4}[data-theme="dark"] .launch-guidance,[data-theme="dark"] .phishing-branding{background:#0d1d2d;border-color:#2d4354}
[data-theme="dark"] .notice,[data-theme="dark"] .scan-eta-note{background:#0e2b3e;color:#93d5ee}[data-theme="dark"] .notice span{color:#a9c9d7}[data-theme="dark"] .alert{background:#102c3e;border-color:#2d586d;color:#a9d9eb}[data-theme="dark"] .alert.success{background:#0e2d25;border-color:#285a49;color:#8cd1b5}[data-theme="dark"] .alert.error{background:#321921;border-color:#66303c;color:#efa7b2}
[data-theme="dark"] .details div,.compact-list>a,.compact-list>.compact-static{border-color:#213544}[data-theme="dark"] .risk-bars i,.progress-prominent{background:#1b3040}[data-theme="dark"] .navigation-skeleton{background:rgba(7,19,33,.94)}[data-theme="dark"] .skeleton-head,[data-theme="dark"] .skeleton-grid i,[data-theme="dark"] .skeleton-panel{background:#152b3c}[data-theme="dark"] .auth-card{background:linear-gradient(155deg,#0d1d2d,#102334);color:#e8f0f5}[data-theme="dark"] .auth-card-brand b{color:#e8f0f5}[data-theme="dark"] .auth-version{border-color:#253a4a}
[data-theme="dark"] .phishing-template-preview,[data-theme="dark"] .phishing-evidence-grid article,[data-theme="dark"] .phishing-interpretation-grid article,[data-theme="dark"] .phishing-brand-swatch,[data-theme="dark"] .phishing-custom-content{background:#102334;border-color:#2c4254}[data-theme="dark"] .phishing-template-preview h3,[data-theme="dark"] .phishing-template-preview dd,[data-theme="dark"] .phishing-evidence-grid article>div b,[data-theme="dark"] .phishing-evidence-grid strong,[data-theme="dark"] .phishing-interpretation-grid p,[data-theme="dark"] .phishing-brand-heading h3,[data-theme="dark"] .phishing-brand-swatch b,[data-theme="dark"] .phishing-custom-content legend{color:#e3edf3}

/* 2.11.2 — kompletan kontrastni sloj za sve operativne PWA prikaze. */
[data-theme="dark"] ::selection{background:#1f7398;color:#fff}[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#8297a7;opacity:1}[data-theme="dark"] select option{background:#0a1826;color:#e8f0f5}[data-theme="dark"] code{color:#c6e8f5}
[data-theme="dark"] .theme-toggle{background:#102233;border-color:#324b5e;color:#c9dce7}[data-theme="dark"] .theme-toggle:hover{background:#143149;border-color:#4c7188;color:#7bd5f4}[data-theme="dark"] .theme-menu{background:#0d1d2d;border-color:#385064;box-shadow:0 22px 58px rgba(0,0,0,.5)}[data-theme="dark"] .theme-menu button{color:#e8f0f5}[data-theme="dark"] .theme-menu button:hover,[data-theme="dark"] .theme-menu button:focus-visible,[data-theme="dark"] .theme-menu button.active{background:#123047}[data-theme="dark"] .theme-menu button>span{border-color:#3b566a;color:#79d2f1}
[data-theme="dark"] .pwa-update-banner,[data-theme="dark"] .engine-grid a,[data-theme="dark"] .rule-list article,[data-theme="dark"] .pagination>div>a,[data-theme="dark"] .pagination>div>strong,[data-theme="dark"] .compliance-grid article,[data-theme="dark"] .guide-steps article,[data-theme="dark"] .guide-jump,[data-theme="dark"] .guide-accordion details,[data-theme="dark"] .guide-status-grid article,[data-theme="dark"] .guide-report-grid article,[data-theme="dark"] .guide-install-grid article,[data-theme="dark"] .risk-dual,[data-theme="dark"] .assessment-intro article,[data-theme="dark"] .program-score,[data-theme="dark"] .workstream-card,[data-theme="dark"] .test-plan-kpis article,[data-theme="dark"] .option-grid .check-row,[data-theme="dark"] .test-engine-grid article,[data-theme="dark"] .test-rule-list article,[data-theme="dark"] .scenario-suite-grid article,[data-theme="dark"] .workstream-checks .check-row,[data-theme="dark"] .evidence-metrics,[data-theme="dark"] .custom-scope,[data-theme="dark"] .workstream-choice-grid .check-row,[data-theme="dark"] .program-lifecycle>details,[data-theme="dark"] .program-edit-form,[data-theme="dark"] .deployment-grid>article,[data-theme="dark"] .deployment-grid>div,[data-theme="dark"] .phishing-control-list li,[data-theme="dark"] .update-lane-grid article,[data-theme="dark"] .phishing-readiness-step,[data-theme="dark"] .phishing-template-gallery,[data-theme="dark"] .phishing-scoreboard>article,[data-theme="dark"] .launch-routing-list li,[data-theme="dark"] .test-goal-grid button,[data-theme="dark"] .launch-guidance-limit,[data-theme="dark"] .test-plan-run-metrics article,[data-theme="dark"] .taxonomy-kpis article{background:#0d1d2d;border-color:#2b4152;box-shadow:0 8px 24px rgba(0,0,0,.13)}
[data-theme="dark"] .form-section-title,[data-theme="dark"] .mode,[data-theme="dark"] .workstream-links a,[data-theme="dark"] .workstream-evidence>span,[data-theme="dark"] .workstream-plan-summary>span,[data-theme="dark"] .select-page,[data-theme="dark"] .scope-visibility,[data-theme="dark"] .scan-toggle-list form,[data-theme="dark"] .launch-outcome,[data-theme="dark"] .evidence-overlap-note,[data-theme="dark"] .phishing-readiness-step>span,[data-theme="dark"] .score-ring:before,[data-theme="dark"] .donut:before{background:#102334;border-color:#30495c;color:#dce8ee}
[data-theme="dark"] .guide-jump a,[data-theme="dark"] .guide-accordion summary:after{background:#123047;color:#79d2f1}[data-theme="dark"] .guide-jump a:hover{background:#1c6383;color:#fff}[data-theme="dark"] .guide-accordion summary,[data-theme="dark"] .guide-definition-grid b,[data-theme="dark"] .guide-status-grid b,[data-theme="dark"] .guide-report-grid h3{color:#e8f0f5}[data-theme="dark"] .guide-definition-grid>div,[data-theme="dark"] .scan-toggle-list form,[data-theme="dark"] .service-stack>div{border-color:#263b4b}
[data-theme="dark"] .assessment-intro article>span,[data-theme="dark"] .workstream-card header>span,[data-theme="dark"] .scenario-suite-grid article>span,[data-theme="dark"] .launch-routing-list li:before,[data-theme="dark"] .snapshot-hash,[data-theme="dark"] .decision-actions,[data-theme="dark"] .delta-risk{background:#061426;color:#e8f0f5}[data-theme="dark"] .assessment-intro article>span{color:#fff}[data-theme="dark"] .workstream-card header>span,[data-theme="dark"] .scenario-suite-grid article>span,[data-theme="dark"] .launch-routing-list li:before{color:#68caee}
[data-theme="dark"] .workstream-card>p,[data-theme="dark"] .test-rule-list p,[data-theme="dark"] .launch-outcome span,[data-theme="dark"] .phishing-interpretation-grid p,[data-theme="dark"] .evidence-overlap-note,[data-theme="dark"] .lead,[data-theme="dark"] .remediation-steps,[data-theme="dark"] .mapping-list span,[data-theme="dark"] .switch-row{color:#b5c5d0}[data-theme="dark"] .workstream-deliverable span,[data-theme="dark"] .scope-visibility,[data-theme="dark"] .launch-outcome b{color:#e8f0f5}
[data-theme="dark"] .delta-kpis article{background:#102334;border-color:#314859}[data-theme="dark"] .delta-kpis article.new{background:#2c171d;border-left-color:#ef7182}[data-theme="dark"] .delta-kpis article.resolved{background:#102a22;border-left-color:#5ec49b}[data-theme="dark"] .delta-kpis article.changed{background:#2c2414;border-left-color:#d9a852}[data-theme="dark"] .delta-risk strong.positive{background:#153c30;color:#9ce0c3}[data-theme="dark"] .delta-risk strong.negative{background:#431f29;color:#f3a9b5}
[data-theme="dark"] .phishing-readiness-step.complete{background:#102a22}[data-theme="dark"] .phishing-readiness-step.current{background:#102b3e}[data-theme="dark"] .phishing-submit-blocker,[data-theme="dark"] .phishing-custom-content>small{background:#2c2414;border-color:#b47a20;color:#f1ce8d}[data-theme="dark"] .score-ring{--ring-track:#263c4c}
[data-theme="dark"] .mini-progress,[data-theme="dark"] .phishing-evidence-grid i{background:#263c4c}[data-theme="dark"] .donut{background:conic-gradient(var(--brand-blue) calc(var(--value)*1%),#263c4c 0)}[data-theme="dark"] .progress,[data-theme="dark"] .risk-bars i{background:#1b3040}[data-theme="dark"] .timeline>div:not(:last-child):before{background:#304657}
[data-theme="dark"] .license-form select,[data-theme="dark"] .license-form input{background:#0a1826;border-color:#32495b;color:#e8f0f5}[data-theme="dark"] input:-webkit-autofill,[data-theme="dark"] input:-webkit-autofill:hover,[data-theme="dark"] input:-webkit-autofill:focus{-webkit-text-fill-color:#e8f0f5;box-shadow:0 0 0 1000px #0a1826 inset;caret-color:#e8f0f5}
[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#167ead,#0f638b);border-color:#318eb5;color:#fff}[data-theme="dark"] .btn.primary:hover{background:linear-gradient(135deg,#126f9b,#0b577c);border-color:#52b4da}[data-theme="dark"] .btn.danger{background:#29161b;border-color:#743744;color:#f3a5b0}

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

@media(max-width:1180px){.executive-snapshot{grid-template-columns:1fr 1fr 1fr;background:#fff}.snapshot-heading{grid-column:1/-1;background:linear-gradient(120deg,#0b1f3a,#12345a)}[data-theme="dark"] .executive-snapshot{background:#0d1d2d}.executive-snapshot article:nth-of-type(1){border-left:0}}
@media(max-width:900px){.navigation-skeleton{left:0}.onboarding-steps{grid-template-columns:1fr}.onboarding-steps a{min-height:62px}.sidebar nav a{min-height:44px}.topbar{height:68px}}
@media(max-width:640px){
  body{background:#f4f7f9;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.content{padding-top:17px;padding-bottom:26px}.topbar{height:calc(62px + env(safe-area-inset-top));border-bottom-color:#d9e2e8}.mobile-brand{width:38px;height:38px}.top-actions .theme-toggle{display:grid!important;min-width:40px;width:40px;padding:0}.top-actions .theme-toggle b{display:none}.theme-menu{position:fixed;top:calc(60px + env(safe-area-inset-top));right:11px;width:min(260px,calc(100vw - 22px))}.top-actions>a[aria-label="Uputstvo"]{display:none}
  .service-module-grid{grid-template-columns:1fr}.service-module-choice{min-height:0}.service-module-facts{grid-template-columns:1fr}.service-module-facts>div.claim{grid-column:auto}.worker-token-once .form-actions{display:grid;grid-template-columns:1fr}.worker-token-once .btn{width:100%}
  .page-head{margin-bottom:17px}.page-head p{font-size:.76rem}.dashboard-hero{padding-top:2px}.head-actions{grid-template-columns:1fr 1fr}.head-actions .btn.primary:last-child{grid-column:1/-1}.btn{min-height:46px;padding:0 13px}.btn .ui-icon{width:16px;height:16px}
  .product-onboarding{padding:14px}.product-onboarding-head h2{font-size:.88rem}.onboarding-steps{gap:7px}.onboarding-steps a{grid-template-columns:31px minmax(0,1fr) 17px;padding:10px}.onboarding-steps i{width:31px;height:31px}
  .kpi-grid{gap:9px}.kpi-grid .dashboard-kpi-card{min-height:137px;padding:14px}.dashboard-kpi-card>i{width:31px;height:31px;margin-bottom:10px}.kpi-grid b{font-size:1.55rem}.dashboard-kpi-card>em{right:13px;bottom:13px}
  .executive-snapshot{grid-template-columns:1fr 1fr;border-radius:0}.snapshot-heading{padding:14px}.executive-snapshot article{padding:13px}.executive-snapshot article:nth-of-type(odd){border-left:0}.executive-snapshot article b{font-size:.96rem}
  .dashboard-grid,.detail-grid,.panel,.form-grid,.form-grid>*{min-width:0;max-width:100%}.panel{width:100%;border-radius:0;padding:14px}.table-panel{border:0;background:transparent;box-shadow:none}.table-panel>.panel-head{border-radius:0;padding:14px;background:#fff}.table-scroll tbody tr{border-radius:0;border-left-width:4px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .mobile-nav{height:calc(70px + env(safe-area-inset-bottom));border-top-color:#20364a;border-radius:0;background:rgba(7,28,52,.98);backdrop-filter:blur(18px);box-shadow:0 -14px 34px rgba(4,17,31,.18)}.mobile-nav a,.mobile-nav button{position:relative;gap:5px;border-radius:0}.mobile-nav a.active,.mobile-nav button.active{background:linear-gradient(180deg,rgba(67,183,232,.14),rgba(67,183,232,.035))}.mobile-nav a.active:before,.mobile-nav button.active:before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0;background:#43b7e8}.mobile-nav span .ui-icon{width:20px;height:20px}.mobile-nav small{font-size:.56rem;font-weight:650}
  .scan-wizard-progress{overflow:hidden}.scan-wizard-progress li{display:grid;justify-items:center;gap:5px;text-align:center;font-size:.52rem}.scan-wizard-progress li:not(:last-child):after{left:calc(50% + 15px);right:calc(-50% + 15px);top:14px}.scan-wizard-progress li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.scan-wizard-progress i{width:28px;height:28px}
  .scan-phase-rail{margin-bottom:15px}.scan-phase-rail li{font-size:.49rem}.scan-phase-rail i{width:27px;height:27px}.scan-phase-rail li:not(:last-child):after{left:calc(50% + 15px);right:calc(-50% + 15px);top:13px}.scan-phase-rail li span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .report-view-switch{display:grid;gap:11px;padding:12px}.report-view-switch>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.report-view-switch button{min-width:0;padding:0 7px}.report-cards>a{padding:16px 42px 16px 16px}
  .report-register .table-scroll tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.report-register .table-scroll tbody td{display:block;padding:10px;border-right:1px solid #e7edf2}.report-register .table-scroll tbody td:nth-child(even){border-right:0}.report-register .table-scroll tbody td:before{display:block;margin-bottom:6px}.report-register .table-scroll tbody td:first-child,.report-register .table-scroll tbody td:last-child{grid-column:1/-1;border-right:0}.report-register .table-scroll tbody td:last-child{display:block}.report-register .table-scroll tbody td:last-child:before{margin-bottom:7px}.report-register .report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.report-register .report-actions .table-action{width:100%;justify-content:center}.report-register .table-scroll td small{font-size:.6rem}
  .premium-empty-state{margin:5vh auto;padding:38px 22px}.navigation-skeleton{top:calc(62px + env(safe-area-inset-top));padding:18px 13px}.skeleton-head{width:85%;height:64px}.skeleton-grid{grid-template-columns:1fr 1fr;gap:9px}.skeleton-grid i{height:108px}.skeleton-panel{height:260px;margin-top:12px}
  .auth-page{padding:0;background:#fff}.auth-shell{border:0;border-radius:0}.auth-card{background:linear-gradient(165deg,#fff,#f5f9fb)}.auth-version{margin-top:auto;padding-top:18px}
  [data-theme="dark"] body{background:#071321}[data-theme="dark"] .table-panel>.panel-head,[data-theme="dark"] .table-scroll tbody tr{background:#0d1d2d}[data-theme="dark"] .table-scroll tbody tr:hover,[data-theme="dark"] .table-scroll tbody tr:nth-child(even){background:#0d1d2d}[data-theme="dark"] .table-scroll tbody td,[data-theme="dark"] .report-register .table-scroll tbody td{border-color:#213544}[data-theme="dark"] .auth-page{background:#071321}[data-theme="dark"] .auth-card{background:linear-gradient(165deg,#0d1d2d,#0a1928)}
}
@media(max-width:380px){.head-actions{grid-template-columns:1fr}.head-actions .btn.primary:last-child{grid-column:auto}.executive-snapshot{grid-template-columns:1fr}.executive-snapshot article{border-left:0;border-top:1px solid #e0e7eb}.report-register .table-scroll tbody tr{grid-template-columns:1fr}.report-register .table-scroll tbody td{grid-column:1!important;border-right:0}.report-register .report-actions{grid-template-columns:1fr}}

/* MatrixScan 2.11.2 — enterprise PWA, potpuni responsivni i kontrastni sloj. */
:root{
  --navy-solid:#0b1f3a;
  --navy-solid-2:#12345a;
  --surface-input:#fff;
  --surface-soft:#f4f7fa;
  --surface-tint:#edf7fb;
  --text-strong:#16202a;
  --text-secondary:#667381;
  --success-surface:#e2f4ec;
  --success-text:#147353;
  --warning-surface:#fff2d9;
  --warning-text:#805400;
  --danger-surface:#f9e3e6;
  --danger-text:#942132;
  --info-surface:#e4f1fa;
  --info-text:#1c6287;
}

/* Jednake granice prikaza na telefonu, tabletu, desktopu i u standalone PWA režimu. */
html,body,.app-shell,.main{width:100%;max-width:100%;min-width:0}
body{overflow-x:hidden}
@media(min-width:901px){.main{width:calc(100% - var(--sidebar));max-width:calc(100% - var(--sidebar))}}
:where(.content,.page-head,.page-head>div,.head-actions,.panel,.panel-head,.panel-head>div,.dashboard-grid,.detail-grid,.kpi-grid,.form-grid,.form-grid>*,.filters,.filters form,.filters form>*,.table-panel,.table-scroll,.report-actions,.phishing-template-gallery,.phishing-template-cards,.phishing-template-card,.phishing-branding,.phishing-brand-grid,.phishing-custom-content,.phishing-scoreboard,.phishing-evidence-grid){min-width:0;max-width:100%}
:where(img,svg,video,canvas){max-width:100%;height:auto}
iframe{max-width:100%}
:where(h1,h2,h3,p,li,dt,dd,label,small,strong,b,span,a,button){overflow-wrap:anywhere}
.top-title{min-width:0;overflow:hidden}.top-title span,.top-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{flex:0 0 auto;min-width:0}
.page-head,.panel-head{flex-wrap:wrap}.head-actions{flex-wrap:wrap;justify-content:flex-end}.head-actions .btn,.panel-head .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.3}
.status,.owner-badge{max-width:100%;white-space:normal;text-align:left;line-height:1.35;overflow-wrap:anywhere}
.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select{min-width:0;max-width:100%;background:var(--surface-input)}
.form-grid textarea{overflow-wrap:anywhere;word-break:break-word}
.form-grid input[type="color"]{height:48px;padding:5px;cursor:pointer}
.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{cursor:not-allowed;opacity:.7}
.table-scroll{width:100%;overscroll-behavior-x:contain;scrollbar-gutter:stable}
.table-scroll td{max-width:min(520px,58vw);overflow-wrap:anywhere;word-break:break-word}
.table-scroll td .mono,.table-scroll td.mono{word-break:break-all}
.card-surface-link,.table-row-card{isolation:isolate}

/* Phishing upravljački ekran: jasna hijerarhija, veliki ciljevi dodira i stabilne kartice. */
.phishing-overview article{border-radius:0;box-shadow:var(--shadow-sm);overflow:hidden}
.phishing-overview article:nth-child(1):before{background:#5f7384}.phishing-overview article:nth-child(2):before{background:#20815a}.phishing-overview article:nth-child(3):before{background:#167ead}.phishing-overview article:nth-child(4):before{background:#43b7e8}
.phishing-domain-grid>*{min-width:0}.phishing-campaign-form{overflow:hidden}.phishing-campaign-form>.panel-head{align-items:center}
.phishing-readiness{border-radius:0;box-shadow:var(--shadow-sm)}
.phishing-template-gallery{border-radius:0;background:var(--surface-soft)}
.phishing-template-cards{align-items:stretch}
.phishing-template-card{position:relative;min-height:174px;border-radius:0;padding:14px;box-shadow:0 2px 8px rgba(11,31,58,.045);overflow:hidden}
.phishing-template-card:hover,.phishing-template-card:focus-visible{box-shadow:0 12px 28px rgba(11,31,58,.13);transform:translateY(-2px)}
.phishing-template-card.selected{padding:13px;border-width:2px;border-radius:0;box-shadow:inset 0 0 0 2px rgba(67,183,232,.24),0 12px 28px rgba(11,31,58,.12)}
.phishing-template-card>span em{border-radius:0;padding:3px 7px}.phishing-template-card>strong{font-size:.76rem}.phishing-template-card>small{font-size:.61rem}.phishing-template-card>i{display:flex;align-items:center;min-height:28px;padding-top:6px;border-top:1px solid rgba(112,133,148,.2)}
.phishing-template-preview,.phishing-branding,.phishing-custom-content{border-radius:0}.phishing-template-preview dl{border-radius:0;overflow:hidden}.phishing-brand-swatch{border-radius:0}.phishing-submit-blocker{border-radius:0}
.phishing-scoreboard>article,.phishing-evidence-grid article,.phishing-interpretation-grid article{border-radius:0;box-shadow:var(--shadow-sm)}
.phishing-scoreboard>article>b,.phishing-evidence-grid strong{font-variant-numeric:tabular-nums}
.campaign-actions .btn{min-height:42px}.phishing-funnel>div:last-child>span{border-radius:0}
.phishing-theme-dialog{height:min(850px,calc(100dvh - 44px));border-radius:0}.phishing-theme-dialog>header,.phishing-theme-dialog>footer{min-width:0}.phishing-theme-frame-shell{overflow:auto}.phishing-theme-frame-shell iframe{min-height:100%;border-radius:0}

/* Tamna tema koristi semantičke površine; stvarni e-mail u iframe pregledu ostaje vjeran kampanji. */
[data-theme="dark"]{
  --surface-input:#091827;
  --surface-soft:#102334;
  --surface-tint:#0e2b3e;
  --text-strong:#edf4f7;
  --text-secondary:#a5b6c2;
  --success-surface:#123a2f;
  --success-text:#9fe0c5;
  --warning-surface:#3a2d14;
  --warning-text:#f2cf84;
  --danger-surface:#421f29;
  --danger-text:#f3acb7;
  --info-surface:#123449;
  --info-text:#9bdcf4;
}
[data-theme="dark"] body{color:var(--text-strong)}
[data-theme="dark"] :where(.mail-delivery-config,.phishing-branding,.phishing-template-gallery,.phishing-custom-content,.phishing-theme-dialog,.phishing-theme-dialog>header,.phishing-theme-dialog>footer,.phishing-scoreboard>article,.phishing-evidence-grid article,.phishing-interpretation-grid article,.phishing-funnel>div:last-child>span,.program-score,.assessment-intro article,.risk-dual){background:#0d1d2d;border-color:#2b4152;color:#e8f0f5;box-shadow:0 8px 24px rgba(0,0,0,.14)}
[data-theme="dark"] .mail-delivery-config{background:linear-gradient(145deg,#0d1d2d,#102a3d);box-shadow:inset 0 1px #203a4d}
[data-theme="dark"] .mail-delivery-title b,[data-theme="dark"] .mail-settings-heading b,[data-theme="dark"] .phishing-readiness-step b,[data-theme="dark"] .template-gallery-heading h3,[data-theme="dark"] .phishing-scoreboard>article>b,[data-theme="dark"] .human-defense h2,[data-theme="dark"] .phishing-evidence-grid strong,[data-theme="dark"] .phishing-evidence-grid article>div b{color:#edf4f7}
[data-theme="dark"] .owner-badge,[data-theme="dark"] .decision-priority,[data-theme="dark"] .decision-actions,[data-theme="dark"] .snapshot-hash,[data-theme="dark"] .launch-routing-list li:before,[data-theme="dark"] .assessment-intro article>span,[data-theme="dark"] .workstream-card header>span,[data-theme="dark"] .scenario-suite-grid article>span,[data-theme="dark"] .phishing-evidence-grid article>div span,[data-theme="dark"] .template-preview-head span:first-child{background:var(--navy-solid);color:#eaf4f8}
[data-theme="dark"] .brand-lock i.navy{background:var(--navy-solid)}
[data-theme="dark"] .pagination>div>strong{background:#43b7e8;color:#071321}
[data-theme="dark"] .pagination>div>a{background:#102334;border-color:#385064;color:#dce8ee}
[data-theme="dark"] .status.authorized,[data-theme="dark"] .status.completed,[data-theme="dark"] .status.resolved,[data-theme="dark"] .status.approved{background:var(--success-surface);color:var(--success-text)}
[data-theme="dark"] .status.pending,[data-theme="dark"] .status.queued,[data-theme="dark"] .status.submitted,[data-theme="dark"] .status.draft{background:var(--warning-surface);color:var(--warning-text)}
[data-theme="dark"] .status.running,[data-theme="dark"] .status.in_progress{background:var(--info-surface);color:var(--info-text)}
[data-theme="dark"] .status.failed,[data-theme="dark"] .status.cancelled,[data-theme="dark"] .status.blocked,[data-theme="dark"] .status.rejected,[data-theme="dark"] .status.suspended,[data-theme="dark"] .status.expired{background:var(--danger-surface);color:var(--danger-text)}
[data-theme="dark"] .status.risk_accepted{background:#2d2644;color:#d2c3f5}[data-theme="dark"] .status.false_positive{background:#243440;color:#c5d0d8}
[data-theme="dark"] .form-grid input:disabled,[data-theme="dark"] .form-grid select:disabled,[data-theme="dark"] .form-grid textarea:disabled,[data-theme="dark"] .form-grid input[readonly]{background:#132536;border-color:#2c4151;color:#9fb1bd;opacity:1}
[data-theme="dark"] .form-grid input[type="color"]{background:#102334;border-color:#385064}
[data-theme="dark"] .phishing-overview article:last-child b{color:#72d7ad}
[data-theme="dark"] .phishing-readiness-step{background:#0d1d2d;border-color:#2b4152;color:#a5b6c2}
[data-theme="dark"] .phishing-readiness-step>span{background:#102334;border-color:#3a5264;color:#dce8ee}
[data-theme="dark"] .phishing-readiness-step.complete{background:#102a22}[data-theme="dark"] .phishing-readiness-step.complete>span{background:#247454;border-color:#58aa87;color:#fff}
[data-theme="dark"] .phishing-readiness-step.current{background:#102b3e}[data-theme="dark"] .phishing-readiness-step.current>span{background:#167ead;border-color:#65c9ef;color:#fff}
[data-theme="dark"] .phishing-template-card{background:#102334;border-color:#334b5d;color:#e8f0f5;box-shadow:0 3px 10px rgba(0,0,0,.18)}
[data-theme="dark"] .phishing-template-card:hover,[data-theme="dark"] .phishing-template-card:focus-visible{background:#132a3d;border-color:#65c9ef;box-shadow:0 14px 32px rgba(0,0,0,.3)}
[data-theme="dark"] .phishing-template-card.selected{border-color:#65c9ef;box-shadow:inset 0 0 0 2px rgba(101,201,239,.2),0 14px 32px rgba(0,0,0,.28)}
[data-theme="dark"] .phishing-template-card>strong{color:#edf4f7}[data-theme="dark"] .phishing-template-card>small{color:#b2c1cb}[data-theme="dark"] .phishing-template-card>span em{background:#203647;color:#d0dce3}[data-theme="dark"] .phishing-template-card>i{border-top-color:#2d4557;color:#79d2f1}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="security_notice"]{background:linear-gradient(180deg,#14344b 0 36px,#102334 36px)}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="policy_update"]{background:#17271f;border-color:#568b6d}[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="policy_update"]::before{color:#9bd4b3;border-color:#568b6d}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="shared_document"]{background:#101f35;box-shadow:inset 0 35px #142a40}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="remote_access"]{background:#0a1220;border-color:#40536c}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="account_review"]{background:repeating-linear-gradient(0deg,#102334 0 27px,#162b3b 28px);border-color:#4e7882}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="invoice_review"]{background:#2a2418;border-color:#806a44}[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="invoice_review"]>i{color:#e1b36f}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="hr_document"]{background:#2a1b25;border-color:#865c73}[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="hr_document"]>span b,[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="hr_document"]>i{color:#e4aeca}
[data-theme="dark"] .phishing-template-card[data-phishing-template-choice="collaboration_invite"]{background:radial-gradient(circle at 21px 25px,#4f9295 0 4px,transparent 5px),linear-gradient(90deg,#1a3338 43px,#102334 43px);border-color:#4e7a7c}
[data-theme="dark"] .phishing-template-preview{background:linear-gradient(145deg,#102334,#0d1d2d);border-color:#385064}
[data-theme="dark"] .phishing-template-preview h3,[data-theme="dark"] .phishing-template-preview dd{color:#edf4f7}[data-theme="dark"] .phishing-template-preview>p{color:#c1d0d9}[data-theme="dark"] .phishing-template-preview dl,[data-theme="dark"] .phishing-template-preview dl>div{border-color:#304859}
[data-theme="dark"] .phishing-template-preview[data-design="policy_memo"]{background:#17271f}[data-theme="dark"] .phishing-template-preview[data-design="document_share"]{background:#101f35}[data-theme="dark"] .phishing-template-preview[data-design="remote_console"]{background:#0a1220}[data-theme="dark"] .phishing-template-preview[data-design="access_ledger"]{background:#13272d}[data-theme="dark"] .phishing-template-preview[data-design="invoice_sheet"]{background:#2a2418}[data-theme="dark"] .phishing-template-preview[data-design="private_record"]{background:#2a1b25}[data-theme="dark"] .phishing-template-preview[data-design="project_feed"]{background:#12282a}
[data-theme="dark"] .phishing-brand-swatch,[data-theme="dark"] .phishing-custom-content{background:#102334;border-color:#385064}[data-theme="dark"] .phishing-brand-swatch b,[data-theme="dark"] .phishing-custom-content legend{color:#edf4f7}
[data-theme="dark"] .phishing-submit-blocker,[data-theme="dark"] .phishing-custom-content>small{background:#3a2d14;border-color:#b47a20;color:#f2cf84}
[data-theme="dark"] .score-ring:before{background:#0d1d2d}[data-theme="dark"] .score-ring b{color:#edf4f7}
[data-theme="dark"] .phishing-funnel>div:last-child>span{background:linear-gradient(180deg,#12384d,#102334);color:#edf4f7}[data-theme="dark"] .phishing-funnel>div:last-child>span.risk{background:#3a1d26}[data-theme="dark"] .phishing-funnel>div:last-child>span.positive{background:#12352b}
[data-theme="dark"] .phishing-theme-dialog{background:#081724;border-color:#385064}[data-theme="dark"] .phishing-theme-dialog>header,[data-theme="dark"] .phishing-theme-dialog>footer{background:#0d1d2d;border-color:#2b4152}[data-theme="dark"] .phishing-theme-dialog>header h2{color:#edf4f7}[data-theme="dark"] .phishing-theme-close{background:#102334;border-color:#385064;color:#e8f0f5}[data-theme="dark"] .phishing-theme-close:hover{background:#143149;color:#79d2f1}[data-theme="dark"] .phishing-theme-frame-shell{background:#071321}[data-theme="dark"] .phishing-theme-frame-shell iframe{border-color:#385064;background:#eef1f3;color-scheme:light}
[data-theme="dark"] .pwa-update-banner{background:#0d1d2d;border-color:#385064}[data-theme="dark"] .pwa-update-banner b{color:#edf4f7}

@media(max-width:900px){
  .head-actions{justify-content:flex-start}
  .phishing-theme-dialog{height:min(850px,calc(100dvh - 28px))}
}
@media(max-width:720px){
  .form-grid,.auth-card .form-grid{grid-template-columns:minmax(0,1fr)}
  .span-2{grid-column:1}
  .phishing-domain-grid,.phishing-detail-grid{grid-template-columns:minmax(0,1fr)}
  .phishing-template-cards{grid-template-columns:minmax(0,1fr)}
  .phishing-template-card{min-height:136px}
}
@media(max-width:640px){
  body{padding-left:0;padding-right:0}
  .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .page-head{grid-template-columns:minmax(0,1fr)}
  .page-head h1{hyphens:auto}
  .head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.head-actions>*{min-width:0}.head-actions .btn{width:100%}
  .panel-head>.status,.panel-head>.owner-badge{justify-self:start}
  .pwa-update-banner{left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;grid-template-columns:38px minmax(0,1fr);gap:10px}.pwa-update-banner>img{width:38px;height:38px}.pwa-update-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.pwa-update-actions .btn{width:100%;min-height:44px}
  .phishing-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .phishing-overview article{min-height:128px}
  .phishing-campaign-form>.panel-head{display:grid;grid-template-columns:minmax(0,1fr)}
  .phishing-template-gallery,.phishing-branding{padding:12px}
  .phishing-template-card{min-height:128px;padding:13px}.phishing-template-card.selected{padding:12px}
  .phishing-brand-heading,.phishing-brand-grid,.phishing-custom-content>div{grid-template-columns:minmax(0,1fr)}
  .phishing-theme-modal{padding:0}.phishing-theme-dialog{height:100dvh;border-radius:0}.phishing-theme-dialog>header h2{font-size:.9rem}.phishing-theme-dialog>header p{font-size:.58rem}.phishing-theme-frame-shell iframe{border-radius:0}.phishing-theme-dialog>footer small{font-size:.56rem}
  .campaign-actions{display:grid;grid-template-columns:minmax(0,1fr)}.campaign-actions form,.campaign-actions .btn{width:100%}
  .table-scroll tbody td{max-width:none;grid-template-columns:minmax(88px,34%) minmax(0,1fr)}
}
@media(max-width:380px){
  .head-actions,.phishing-overview{grid-template-columns:minmax(0,1fr)}
  .phishing-scoreboard .human-defense{grid-template-columns:minmax(0,1fr);justify-items:start}
  .score-ring{width:82px;height:82px;flex-basis:82px}
  .table-scroll tbody td{grid-template-columns:minmax(0,1fr);gap:5px}.table-scroll tbody td:before{margin-bottom:2px}
}
@media(max-height:520px) and (orientation:landscape) and (max-width:900px){
  .phishing-theme-dialog{height:100dvh;width:100%;max-width:none;border-radius:0;grid-template-rows:auto minmax(180px,1fr) auto}.phishing-theme-dialog>header{padding:9px 12px}.phishing-theme-dialog>footer{padding:8px 12px}.phishing-theme-close{width:40px;height:40px;flex-basis:40px}
}
@media(display-mode:standalone){
  [data-theme="dark"]{background:#061426}
  [data-theme="dark"] .topbar{background:rgba(8,23,37,.97)}
}

/* MatrixScan 2.12.3 · verzija, live pretraga i nativni PWA sloj */
.sidebar-version{display:inline-flex;margin-left:4px;padding:1px 5px;border:1px solid rgba(115,208,245,.28);border-radius:0;background:rgba(67,183,232,.1);color:#83d6f7;font-size:.54rem;font-style:normal;font-weight:600;letter-spacing:.035em;vertical-align:1px}
.top-search-trigger{min-width:190px;height:40px;display:flex;align-items:center;gap:8px;border:1px solid #cbd8e1;border-radius:0;background:#f7fafc;padding:0 9px 0 11px;color:#496273;font:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.top-search-trigger:hover,.top-search-trigger:focus-visible{border-color:#65c9ef;background:#fff;box-shadow:0 0 0 3px rgba(67,183,232,.12);outline:0}.top-search-trigger .ui-icon{width:18px;height:18px;color:#167ead}.top-search-trigger span{font-size:.72rem;font-weight:750}.top-search-trigger kbd{margin-left:auto;border:1px solid #d4dee5;border-bottom-width:2px;border-radius:0;background:#fff;padding:2px 5px;color:#748592;font:650 .55rem/1.25 "Open Sans",Arial,sans-serif}
.release-badge{height:40px;display:grid;align-content:center;gap:1px;border:1px solid #cbd8e1;border-radius:0;background:#fff;padding:0 10px;color:#607184;line-height:1}.release-badge span{font-size:.5rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.release-badge b{color:#0b1f3a;font-size:.67rem;font-weight:850}
.global-search-layer{position:fixed;inset:0;z-index:180;display:grid;place-items:start center;padding:clamp(54px,9vh,96px) 18px 18px}.global-search-layer[hidden]{display:none!important}.global-search-backdrop{position:absolute;inset:0;border:0;background:rgba(4,17,31,.66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:default}.global-search-dialog{position:relative;width:min(760px,100%);max-height:min(780px,calc(100dvh - 110px));display:grid;grid-template-rows:auto auto auto minmax(120px,1fr) auto;overflow:hidden;border:1px solid rgba(159,190,207,.55);border-radius:0;background:#fff;box-shadow:0 32px 90px rgba(3,18,32,.32)}
.global-search-head{min-height:69px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e0e8ed;padding:11px 15px}.global-search-mark{width:42px;height:42px;flex:0 0 42px}.global-search-mark img{width:100%;height:100%;display:block}.global-search-head>div{min-width:0;display:grid;gap:3px}.global-search-head b{color:#0b1f3a;font-size:.92rem}.global-search-head small{color:#718492;font-size:.61rem;font-weight:600}.global-search-head>.icon-btn{margin-left:auto;flex:0 0 42px}
.global-search-field{position:relative;display:flex;align-items:center;margin:14px 15px 4px;border:1px solid #b9cad5;border-radius:0;background:#f8fbfd;box-shadow:inset 0 1px 2px rgba(7,28,52,.025)}.global-search-field:focus-within{border-color:#43b7e8;background:#fff;box-shadow:0 0 0 4px rgba(67,183,232,.13)}.global-search-field>.ui-icon{width:21px;height:21px;flex:0 0 21px;margin-left:14px;color:#167ead}.global-search-field input{width:100%;height:52px;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:0 10px!important;color:#16202a;font:650 .9rem/1.3 "Open Sans",Arial,sans-serif;box-shadow:none!important}.global-search-field input::-webkit-search-cancel-button{display:none}.global-search-field button{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;margin-right:5px;border:0;border-radius:0;background:transparent;color:#607184;cursor:pointer}.global-search-field button:hover{background:#eaf2f7;color:#0b1f3a}.global-search-field button .ui-icon{width:17px;height:17px}
.global-search-status{min-height:28px;padding:5px 18px 8px;color:#667d8e;font-size:.63rem}.global-search-layer.is-loading .global-search-status:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border:2px solid #a9dff3;border-top-color:#167ead;border-radius:0;animation:global-search-spin .65s linear infinite}@keyframes global-search-spin{to{transform:rotate(360deg)}}
.global-search-results{min-height:0;overflow:auto;overscroll-behavior:contain;padding:5px 15px 16px;scrollbar-width:thin;scrollbar-color:#9db3c1 transparent}.global-search-results h3{margin:7px 2px 8px;color:#6b7e8c;font-size:.58rem;font-weight:850;letter-spacing:.085em;text-transform:uppercase}.global-search-default>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.global-search-default a{min-width:0;min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr) 15px;align-items:center;gap:8px;border:1px solid #e0e7ec;border-radius:0;background:#fafcfd;padding:8px 9px;color:#233648}.global-search-default a:hover,.global-search-default a:focus-visible{border-color:#71caec;background:#f0f9fd;outline:0}.global-search-default a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:0;background:#e8f5fb;color:#167ead}.global-search-default a>span .ui-icon{width:17px;height:17px}.global-search-default a>b{min-width:0;overflow:hidden;color:#203244;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.global-search-default a>.ui-icon{width:14px;height:14px;color:#8ba0ae}
.global-search-records>div{display:grid;gap:5px}.global-search-result{min-height:64px;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid transparent;border-radius:0;padding:8px;color:#213446}.global-search-result:hover,.global-search-result:focus-visible{border-color:#b7dcea;background:#f1f8fb;outline:0}.global-search-result-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:0;background:#e8f3f8;color:#1c7197;font-size:.72rem;font-weight:600}.global-search-result-mark.tone-positive{background:#e6f5ef;color:#197552}.global-search-result-mark.tone-negative{background:#fcebee;color:#a3293d}.global-search-result-mark.tone-info{background:#e5f4fb;color:#176f99}.global-search-result>span:nth-child(2){min-width:0;display:grid;gap:3px}.global-search-result b{overflow:hidden;color:#182a3b;font-size:.71rem;text-overflow:ellipsis;white-space:nowrap}.global-search-result small{overflow:hidden;color:#718492;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.global-search-result em{max-width:140px;border-radius:0;background:#edf2f5;padding:4px 7px;color:#526b7c;font-size:.52rem;font-style:normal;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-empty{min-height:180px;display:grid;place-content:center;justify-items:center;gap:6px;padding:30px;text-align:center}.global-search-empty b{color:#233648;font-size:.88rem}.global-search-empty span{max-width:420px;color:#748694;font-size:.67rem;line-height:1.55}.global-search-foot{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e0e8ed;background:#f7fafc;padding:8px 17px;color:#6e8290;font-size:.57rem}.global-search-foot b{color:#167ead}
.global-search-open{overflow:hidden}.global-search-open body{overflow:hidden}
.global-search-head small,.global-search-status,.global-search-result small,.global-search-foot,.live-filter-toolbar>small{color:#607184}
.live-filter-toolbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px}.live-filter-toolbar label{min-width:240px;max-width:460px;flex:1;display:flex;align-items:center;border:1px solid #cbd8e1;border-radius:0;background:#fff;overflow:hidden}.live-filter-toolbar label>span{padding-left:11px;color:#60798a;font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.live-filter-toolbar input{width:100%;height:42px;min-width:0;border:0!important;background:transparent!important;padding:0 9px!important;color:#172a3a;font:650 .72rem/1.3 "Open Sans",Arial,sans-serif;outline:0!important;box-shadow:none!important}.live-filter-toolbar label:focus-within{border-color:#43b7e8;box-shadow:0 0 0 3px rgba(67,183,232,.12)}.live-filter-toolbar button{height:34px;margin-right:4px;border:0;border-radius:0;background:#edf3f7;padding:0 9px;color:#456173;font:750 .58rem "Open Sans",Arial,sans-serif;cursor:pointer}.live-filter-toolbar>small{flex:0 0 auto;color:#718492;font-size:.59rem;font-weight:600}.live-filter-empty{margin:8px 0;border:1px dashed #cbd8e1;border-radius:0;background:#f8fafb;padding:22px;color:#607184;font-size:.7rem;text-align:center}
.table-scroll tbody tr[hidden],.compact-list>[hidden],.phishing-template-cards>[hidden],.workstream-grid>[hidden],.scenario-suite-grid>[hidden],.test-engine-grid>[hidden],.test-rule-list>[hidden]{display:none!important}
[data-theme="dark"] .top-search-trigger,[data-theme="dark"] .release-badge,[data-theme="dark"] .global-search-dialog,[data-theme="dark"] .live-filter-toolbar label{border-color:#31495b;background:#0d1d2d;color:#b6c5cf}[data-theme="dark"] .top-search-trigger:hover,[data-theme="dark"] .top-search-trigger:focus-visible{border-color:#65c9ef;background:#10283a}[data-theme="dark"] .top-search-trigger kbd{border-color:#3b5364;background:#102334;color:#b8c6cf}[data-theme="dark"] .release-badge b,[data-theme="dark"] .global-search-head b,[data-theme="dark"] .global-search-field input,[data-theme="dark"] .global-search-default a>b,[data-theme="dark"] .global-search-result b,[data-theme="dark"] .global-search-empty b,[data-theme="dark"] .live-filter-toolbar input{color:#edf4f7}[data-theme="dark"] .global-search-head,[data-theme="dark"] .global-search-foot{border-color:#263b4c}[data-theme="dark"] .global-search-foot,[data-theme="dark"] .global-search-field,[data-theme="dark"] .global-search-default a{background:#102334;border-color:#304657}[data-theme="dark"] .global-search-field:focus-within{border-color:#65c9ef;background:#102334}[data-theme="dark"] .global-search-default a:hover,[data-theme="dark"] .global-search-default a:focus-visible,[data-theme="dark"] .global-search-result:hover,[data-theme="dark"] .global-search-result:focus-visible{border-color:#4c829b;background:#123047}[data-theme="dark"] .global-search-default a>span,[data-theme="dark"] .global-search-result-mark{background:#17364a;color:#7bd2f1}[data-theme="dark"] .global-search-result small,[data-theme="dark"] .global-search-status,[data-theme="dark"] .global-search-head small,[data-theme="dark"] .global-search-foot,[data-theme="dark"] .live-filter-toolbar>small{color:#9fb0bc}[data-theme="dark"] .global-search-result em,[data-theme="dark"] .live-filter-toolbar button{background:#203647;color:#d6e0e6}[data-theme="dark"] .live-filter-empty{border-color:#334a5b;background:#0d1d2d;color:#aabac5}

@media(max-width:1180px){.top-search-trigger{min-width:42px;width:42px;padding:0;justify-content:center}.top-search-trigger span,.top-search-trigger kbd,.release-badge span{display:none}.release-badge{padding:0 8px}}
@media(max-width:900px){
  .top-search-trigger{display:none}.release-badge{height:38px;min-width:48px;padding:0 7px;text-align:center}.release-badge b{font-size:.6rem}.global-search-layer{padding-top:max(34px,calc(env(safe-area-inset-top) + 18px))}
  .mobile-nav .mobile-search-button{align-self:start;transform:translateY(-11px);overflow:visible;background:transparent!important}.mobile-nav .mobile-search-button:before{display:none!important}.mobile-nav .mobile-search-button>span{width:50px;height:50px;display:grid;place-items:center;border:4px solid #eef3f6;border-radius:0;background:linear-gradient(145deg,#43b7e8,#1886b7);color:#fff;box-shadow:0 8px 22px rgba(13,120,166,.36)}.mobile-nav .mobile-search-button>span .ui-icon{width:22px;height:22px}.mobile-nav .mobile-search-button>small{margin-top:2px;color:#8fdcf8;font-weight:600}
  [data-theme="dark"] .mobile-nav .mobile-search-button>span{border-color:#071321}.pwa-standalone .mobile-nav .mobile-search-button>span{border-color:#071c34}
  .live-filter-toolbar{align-items:stretch}.live-filter-toolbar label{min-width:0;max-width:none}.live-filter-toolbar label>span{display:none}.live-filter-toolbar>small{display:grid;place-items:center;min-width:72px}
}
@media(max-width:640px){
  .global-search-layer{display:block;padding:0}.global-search-dialog{width:100%;max-height:none;height:100dvh;border:0;border-radius:0;grid-template-rows:auto auto auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.global-search-head{min-height:62px;padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}.global-search-mark{width:37px;height:37px;flex-basis:37px}.global-search-field{margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right))}.global-search-field input{height:50px;font-size:16px}.global-search-results{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.global-search-default>div{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search-default a{min-height:58px}.global-search-result{grid-template-columns:39px minmax(0,1fr);padding:8px 5px}.global-search-result em{grid-column:2;justify-self:start}.global-search-foot{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right))}
  .live-filter-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto}.live-filter-toolbar label{width:100%}.live-filter-toolbar input{height:44px;font-size:16px}.live-filter-toolbar>small{min-width:64px}
  body{overscroll-behavior-y:none}.touch-ui :where(button,.btn,a.table-action,input,select,textarea){touch-action:manipulation}.touch-ui :where(button,.btn,a.table-action){min-height:44px}
}
@media(max-width:360px){.global-search-default>div{grid-template-columns:minmax(0,1fr)}.top-title{display:none}.release-badge{display:grid;min-width:44px}.global-search-result small{white-space:normal;line-height:1.35}}
@media(max-height:520px) and (orientation:landscape) and (max-width:900px){.global-search-layer{padding:0}.global-search-dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.global-search-head{min-height:52px}.global-search-field{margin-top:7px}.global-search-field input{height:42px}.global-search-status{padding-bottom:4px}.mobile-nav .mobile-search-button{transform:none}.mobile-nav .mobile-search-button>span{width:38px;height:38px;border-width:2px;border-radius:0}}
@media(prefers-reduced-motion:reduce){.global-search-layer *, .mobile-search-button>span{animation:none!important;transition:none!important}}

/* MatrixScan 2.12.4 · završna zaštita od sudaranja i odsijecanja sadržaja. */
:where(.app-shell,.main,.content,.page-head,.page-head>div,.panel,.panel-head,.panel-head>div,.panel-body,.card,.dashboard-grid,.detail-grid,.kpi-grid,.workflow-hero,.workflow-kpis,.form-grid,.filters,.table-panel,.table-scroll,.report-cards,.report-actions,.compact-list,.workstream-grid,.scenario-suite-grid,.test-engine-grid,.test-rule-list,.notice,.alert,.empty-state,.premium-empty-state,.modal,.dialog,.global-search-dialog)>*{min-width:0}
:where(.page-head,.panel-head,.workflow-hero,.notice,.alert,.offline-banner,.pwa-update-banner,.global-search-head,.global-search-foot){overflow-wrap:anywhere;word-break:normal}
:where(.btn,.table-action,.campaign-actions button,.campaign-actions a,.pwa-update-actions button,.offline-banner button){max-width:100%;height:auto;min-height:44px;white-space:normal;line-height:1.3;text-align:center;overflow-wrap:anywhere}
:where(input,select,textarea,button){max-width:100%}
:where(fieldset,legend,form,label){min-width:0;max-width:100%}
:where(code,kbd,pre,.technical-value,.hash-value){max-width:100%;overflow-wrap:anywhere;word-break:break-word}
pre{overflow:auto;white-space:pre-wrap}
.details>div,.details dt,.details dd{min-width:0;max-width:100%;overflow-wrap:anywhere}
.scan-wizard-progress li,.scan-phase-rail li{min-width:0}
.scan-wizard-progress li span,.scan-phase-rail li span{display:block;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.global-search-head b,.global-search-head small,.global-search-foot span{min-width:0;white-space:normal;overflow-wrap:anywhere}
.global-search-result b,.global-search-result small{min-width:0;white-space:normal;line-height:1.35;overflow-wrap:anywhere}

@media(max-width:900px){
  .workflow-hero{grid-template-columns:minmax(0,1fr)}
  .page-head,.panel-head{align-items:flex-start}
  .panel-head>div,.page-head>div{width:auto;max-width:100%}
}
@media(max-width:640px){
  :where(.panel,.table-panel,.workflow-hero,.notice,.alert){max-width:100%;overflow-x:hidden}
  .workflow-kpis{grid-template-columns:minmax(0,1fr)}
  .global-search-foot{align-items:flex-start;flex-wrap:wrap;gap:5px 12px}
  .global-search-result{align-items:start}
  .scan-wizard-progress li span,.scan-phase-rail li span{font-size:max(.5rem,10px)}
}
@media(max-width:320px){
  .content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .panel,.workflow-hero{padding-left:12px;padding-right:12px}
  .head-actions,.pwa-update-actions{grid-template-columns:minmax(0,1fr)}
  .global-search-result{grid-template-columns:34px minmax(0,1fr);gap:8px}
  .global-search-result-mark{width:34px;height:34px}
}

/* Mrežni čvorovi i završni sloj profesionalnog prikaza. */
[hidden]{display:none!important}
:where(button,.btn,a,input,select,textarea,summary):focus-visible{outline:3px solid rgba(67,183,232,.34);outline-offset:2px}
.workflow-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:center;margin-bottom:16px;padding:25px;border:1px solid #cbd9e2;border-left:5px solid var(--brand-blue);border-radius:0;background:linear-gradient(135deg,#fff 0,#f4f9fc 100%);box-shadow:var(--shadow-sm)}
.workflow-hero h2{margin:7px 0 8px;color:var(--nav);font-size:1.28rem}.workflow-hero p{max-width:760px;margin:0;font-size:.76rem;line-height:1.65}.workflow-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.workflow-kpis article{min-width:0;padding:13px;border:1px solid #d7e2e9;border-radius:0;background:rgba(255,255,255,.82)}.workflow-kpis span,.workflow-kpis b{display:block}.workflow-kpis span{min-height:2.5em;color:var(--muted);font-size:.56rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.workflow-kpis b{margin-top:6px;color:var(--nav);font-size:1.08rem;overflow-wrap:anywhere}
.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.process-steps article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;align-items:start;min-width:0;padding:15px;border:1px solid var(--line);border-radius:0;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.process-steps article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:0;background:var(--nav);color:#fff;font-size:.72rem;font-weight:600}.process-steps b,.process-steps p{display:block}.process-steps b{color:var(--nav);font-size:.7rem}.process-steps p{margin:5px 0 0;font-size:.62rem;line-height:1.52}
.worker-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.worker-asset-grid>.premium-empty-state{grid-column:1/-1;width:100%}.worker-asset-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:0;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.worker-asset-card header,.worker-asset-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.worker-asset-card h2{margin:5px 0 7px;font-size:1rem}.worker-asset-card code{display:block;color:var(--brand-blue-dark);font-size:.65rem;overflow-wrap:anywhere;word-break:break-all}.worker-asset-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:16px 0}.worker-asset-card dl>div{min-width:0;padding:10px;border:1px solid var(--line);border-right:0}.worker-asset-card dl>div:first-child{border-radius:0}.worker-asset-card dl>div:last-child{border-right:1px solid var(--line);border-radius:0}.worker-asset-card dt,.worker-asset-card dd{margin:0}.worker-asset-card dt{color:var(--muted);font-size:.53rem;text-transform:uppercase;font-weight:600}.worker-asset-card dd{margin-top:5px;color:var(--nav);font-size:.68rem;font-weight:600;overflow-wrap:anywhere}.worker-asset-card footer{align-items:center}.worker-asset-card footer>span{max-width:65%;color:var(--muted);font-size:.62rem;line-height:1.5}
.worker-asset-card dl>div.full{grid-column:1/-1;border-right:1px solid var(--line);border-radius:0}.worker-asset-card footer>form:first-child{min-width:0;flex:1}.network-worker-hero .workflow-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sensor-range-panel{border-left:5px solid var(--brand-blue)}.sensor-range-request{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label.check-card{display:flex;flex-direction:row;align-items:flex-start;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:0;background:var(--surface-muted)}.form-grid label.check-card input{flex:0 0 auto;width:18px;height:18px;min-height:0;margin:2px 0 0}.form-grid label.check-card span{display:grid;gap:4px;min-width:0}.form-grid label.check-card small{color:var(--muted);font-weight:500;line-height:1.5}.sensor-range-register td small{max-width:340px}.sensor-range-register .report-actions{align-items:flex-start}
.network-worker-panel .worker-install code{white-space:pre-wrap;word-break:break-all}.network-worker-panel .panel-head>.head-actions{align-items:center}.form-grid>.notice{min-width:0}.notice span,.alert,.empty-cell{line-height:1.55}
.range-live-state{display:grid;justify-items:start;gap:6px;min-width:180px}.range-live-state .status{width:max-content}.range-live-state small{display:block;margin-top:0}
[data-theme="dark"] .workflow-hero{border-color:#2a4254;border-left-color:var(--brand-blue);background:linear-gradient(135deg,#0d1d2d,#0e2a3e)}[data-theme="dark"] .workflow-kpis article,[data-theme="dark"] .process-steps article,[data-theme="dark"] .worker-asset-card{border-color:#2a4051;background:#102334}[data-theme="dark"] .workflow-hero h2,[data-theme="dark"] .workflow-kpis b,[data-theme="dark"] .process-steps b,[data-theme="dark"] .worker-asset-card h2,[data-theme="dark"] .worker-asset-card dd{color:#edf4f7}
@media(max-width:1100px){.workflow-hero{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-asset-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-asset-card dl>div{border-right:1px solid var(--line)}.worker-asset-card dl>div:first-child{border-radius:0}.worker-asset-card dl>div:nth-child(2){border-radius:0}.worker-asset-card dl>div:nth-child(3){border-radius:0}.worker-asset-card dl>div:last-child{border-radius:0}.worker-asset-card dl>div.full{grid-column:1/-1;border-radius:0}}
@media(max-width:760px){.worker-asset-grid{grid-template-columns:1fr}.workflow-hero{padding:19px}.worker-asset-card header,.worker-asset-card footer{display:grid;grid-template-columns:minmax(0,1fr)}.worker-asset-card footer>span{max-width:none}.worker-asset-card footer .btn{width:100%}.panel-head>.head-actions{width:100%;justify-content:flex-start}}
@media(max-width:520px){.workflow-kpis,.process-steps,.sensor-range-request{grid-template-columns:1fr}.workflow-kpis span{min-height:0}.process-steps article{padding:13px}.worker-asset-card{padding:14px}.worker-asset-card dl{grid-template-columns:1fr}.worker-asset-card dl>div,.worker-asset-card dl>div:first-child,.worker-asset-card dl>div:nth-child(2),.worker-asset-card dl>div:nth-child(3),.worker-asset-card dl>div:last-child,.worker-asset-card dl>div.full{grid-column:1;border-radius:0}.worker-asset-card dl>div:first-child{border-radius:0}.worker-asset-card dl>div:last-child,.worker-asset-card dl>div.full{border-radius:0}}
@media(pointer:coarse){:where(button,.btn,a.table-action,summary){min-height:44px}}

/* 2.12.3 — stabilna tipografija i razmak bez preklapanja teksta i kontrola. */
html{line-height:1.5;text-size-adjust:100%;-webkit-text-size-adjust:100%}
:where(.content,.auth-card,.global-search-dialog){word-spacing:normal;letter-spacing:normal}
:where(.content,.auth-card) :where(h1,h2,h3,p,li,dt,dd,legend,label,small,b,strong,span,em,a,button){max-width:100%;line-height:1.5}
.page-head{gap:22px}.page-head h1{line-height:1.18;margin-bottom:10px}.page-head p{line-height:1.65}.eyebrow{line-height:1.45;margin-bottom:9px}
.panel{overflow-wrap:anywhere}.panel-head{gap:18px;margin-bottom:20px}.panel-head>div{flex:1 1 280px}.panel-head h2{line-height:1.35;margin-bottom:5px}.panel-head p{line-height:1.62;margin-top:0}
.form-grid{column-gap:18px;row-gap:20px;align-items:start}.form-grid>*,.filters form>*{min-inline-size:0}
.form-grid label{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;line-height:1.45;font-size:.74rem}
.form-grid label>small{display:block;margin:0;font-size:.68rem;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.form-grid :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea),.filters :where(input,select){display:block;width:100%;min-width:0;min-height:46px;height:auto;padding:11px 13px;border-radius:0;line-height:1.4}
.form-grid select,.filters select{padding-right:36px;white-space:normal;text-overflow:ellipsis}
.form-grid textarea{min-height:112px;line-height:1.58}
.form-grid :where(input,textarea)::placeholder{color:#7a8792;opacity:1}
.form-section-title{display:grid;gap:5px;padding:15px 16px;border-radius:0}.form-section-title b{line-height:1.4}.form-section-title span{margin:0;line-height:1.6}
.check-row{display:grid!important;grid-template-columns:21px minmax(0,1fr)!important;align-items:start!important;align-content:start;gap:11px!important;min-height:44px;padding:6px 0;line-height:1.55!important}
.check-row input[type="checkbox"],.check-row input[type="radio"]{grid-column:1;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:1px 0 0!important;padding:0!important}
.check-row>span,.check-row>b,.check-row>small{grid-column:2;min-width:0;margin:0;line-height:1.55;overflow-wrap:anywhere}.check-row>small{margin-top:-5px}
.form-actions{align-items:stretch;gap:10px;margin-top:2px;flex-wrap:wrap}.btn{min-height:44px;height:auto;padding:10px 15px;border-radius:0;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.icon-btn{flex:0 0 auto;border-radius:0}
.notice,.alert{gap:7px;padding:14px 16px;border-radius:0;line-height:1.6;overflow-wrap:anywhere}.notice b,.notice span,.alert b,.alert span{display:block;line-height:1.6}.notice span{margin:0}
.details{column-gap:20px}.details div{min-width:0;padding:12px 0}.details dt{line-height:1.45}.details dd{line-height:1.6;overflow-wrap:anywhere;word-break:break-word}
.details dd>small{display:block;margin-top:3px;line-height:1.5}
.details dd>span+small{margin-top:5px}
table{line-height:1.5}th{padding:12px 13px;line-height:1.45;white-space:normal}td{padding:13px;line-height:1.55}td b{line-height:1.45}td small{max-width:100%;margin-top:5px;line-height:1.55;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}
.report-actions{flex-wrap:wrap;white-space:normal}.status,.severity-pill{max-width:100%;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.status:before{flex:0 0 6px}
.compact-list>a,.compact-list>.compact-static{min-width:0;gap:12px;padding:13px 0}.compact-list b{line-height:1.45}.compact-list small{margin-top:5px;line-height:1.55;white-space:normal}
.guide-accordion summary{gap:14px;line-height:1.5;white-space:normal}.guide-accordion summary:after{flex:0 0 26px}.worker-install code,.evidence,.mono{overflow-wrap:anywhere;word-break:break-word}
.global-search-default a>b,.global-search-result b,.global-search-result small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}.global-search-result{align-items:start;padding-top:11px;padding-bottom:11px}.global-search-result em{align-self:start}.global-search-foot{flex-wrap:wrap;line-height:1.45}
.live-filter-toolbar{flex-wrap:wrap}.live-filter-toolbar>small{line-height:1.45}.live-filter-toolbar label{min-height:46px}.live-filter-toolbar input{height:auto;min-height:44px;line-height:1.4}
.test-engine-grid small,.test-rule-list small,.test-rule-list em,.test-rule-list p,.workstream-kicker,.workstream-card>p,.workstream-deliverable span,.process-steps p,.guide-steps p,.guide-definition-grid p,.guide-status-grid p,.guide-report-grid p{font-size:max(.62rem,10px);line-height:1.55}
.scan-wizard-progress li,.scan-phase-rail li{line-height:1.3}.scan-wizard-progress li span,.scan-phase-rail li span{max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3}
.sidebar nav a{min-width:0;line-height:1.35}.sidebar nav a>*{min-width:0}.mobile-nav small{line-height:1.2}
@media(max-width:900px){.form-grid{row-gap:18px}.filters form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.test-rule-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-wizard-progress,.scan-phase-rail{align-items:start}.scan-wizard-progress li,.scan-phase-rail li{font-size:.58rem}.scan-wizard-progress li span,.scan-phase-rail li span{min-height:2.6em}}
@media(max-width:640px){.content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.page-head{gap:14px}.panel{padding:16px}.panel-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:17px}.panel-head>div{width:100%}.form-grid{column-gap:0;row-gap:17px}.form-grid label{font-size:.76rem}.form-grid label>small{font-size:.69rem}.form-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.form-actions>*{width:100%;min-width:0}.filters form,.test-rule-filters form{grid-template-columns:minmax(0,1fr)}.details{grid-template-columns:minmax(0,1fr)}.details div,.details div:nth-child(odd){padding:11px 0}.details .full{grid-column:1}.risk-bars>div{grid-template-columns:9px minmax(0,1fr);gap:7px 9px}.risk-bars>div>i{grid-column:2}.global-search-result{grid-template-columns:39px minmax(0,1fr)}.global-search-result em{grid-column:2;max-width:100%;white-space:normal}.global-search-foot{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.mobile-nav{height:calc(76px + env(safe-area-inset-bottom))}.mobile-nav small{font-size:.61rem;white-space:normal;overflow:visible;text-overflow:clip}.scan-wizard-progress li,.scan-phase-rail li{font-size:.55rem}.scan-wizard-progress li span,.scan-phase-rail li span{min-height:3.9em}.pwa-update-banner{grid-template-columns:38px minmax(0,1fr)}.pwa-update-actions{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.scan-wizard-progress li,.scan-phase-rail li{font-size:.51rem}.panel{padding:14px}.btn{padding-left:12px;padding-right:12px}}

/* 2.12.4 mora ostati posljednji sloj: najuzim ekranima sadržaj ima prednost nad dekoracijom. */
@media(max-width:900px){.workflow-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.workflow-kpis{grid-template-columns:minmax(0,1fr)}.global-search-foot{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 12px}}
@media(max-width:320px){.content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}.panel,.workflow-hero{padding-left:12px;padding-right:12px}.head-actions,.pwa-update-actions{grid-template-columns:minmax(0,1fr)}.global-search-result{grid-template-columns:34px minmax(0,1fr);gap:8px}.global-search-result-mark{width:34px;height:34px}}

/* 2.12.5 · integritet riječi: red se mijenja samo između riječi. */
:where(h1,h2,h3,h4,p,li,dt,dd,legend,label,small,strong,b,span,em,a,button,th,td,summary){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
:where(.status,.severity-pill,.owner-badge,.table-action,th){white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}
.table-scroll{overflow-x:auto!important;overflow-y:hidden}
.table-scroll table{min-width:900px;table-layout:auto}
.table-scroll td{min-width:96px}
.table-scroll td:first-child{min-width:96px}
.table-scroll td small{overflow:visible;text-overflow:clip;white-space:normal;word-break:normal!important;overflow-wrap:normal!important}
:where(.mono,code,kbd,pre,.technical-value,.hash-value){max-width:100%;white-space:nowrap!important;overflow-x:auto;overflow-y:hidden;word-break:normal!important;overflow-wrap:normal!important}
.status:before{flex:0 0 6px}
.report-actions{flex-wrap:wrap;white-space:normal}.report-actions .table-action{flex:0 0 auto}
.live-filter-toolbar label{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.live-filter-toolbar label>span{min-width:max-content;white-space:nowrap!important;overflow-wrap:normal!important}.live-filter-toolbar input{min-width:0}
.scan-wizard-progress,.scan-phase-rail{align-items:start;overflow:visible}
.scan-wizard-progress li,.scan-phase-rail li{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;text-align:center}
.scan-wizard-progress li:not(:last-child):after,.scan-phase-rail li:not(:last-child):after{left:calc(50% + 15px);right:calc(-50% + 15px)}
.scan-wizard-progress li span,.scan-phase-rail li span{position:relative;z-index:1;min-height:0;white-space:nowrap!important;overflow:visible;text-overflow:clip;word-break:keep-all!important;overflow-wrap:normal!important}
.form-grid label.check{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;align-content:start;gap:11px!important;min-height:44px;padding:6px 0;line-height:1.55!important}.form-grid label.check input[type="checkbox"],.form-grid label.check input[type="radio"]{grid-column:1;display:block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;margin:2px 0 0!important;padding:0!important}.form-grid label.check{white-space:normal}.form-grid label.check input+*{grid-column:2}
.score-ring span{display:grid;place-items:center}.score-ring b{white-space:nowrap!important}.score-ring small{display:none!important}
.phishing-scoreboard .human-defense>div:last-child{min-width:0}.human-defense h2,.human-defense p{overflow-wrap:normal!important;word-break:normal!important}

@media(max-width:1180px){.table-scroll table{min-width:1050px}}
@media(max-width:640px){.table-scroll table{min-width:0}.table-scroll tbody td{min-width:0}.table-scroll tbody td:first-child{min-width:0}.table-scroll tbody td>*{min-width:0}.table-scroll tbody td>.status,.table-scroll tbody td .status{white-space:nowrap!important;width:max-content;max-width:100%}.table-scroll tbody td .table-action{white-space:nowrap!important;width:max-content;max-width:100%}.scan-wizard-progress li span,.scan-phase-rail li span{font-size:10px}.phishing-scoreboard .human-defense{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center}.form-grid label.check{width:100%}}
@media(max-width:380px){.phishing-scoreboard .human-defense{grid-template-columns:minmax(0,1fr);justify-items:start}.scan-wizard-progress li span,.scan-phase-rail li span{font-size:9px}}

/* 2.12.6 · tabele bez bočnog skrola i stabilna navigaciona površina. */
html,body,.app-shell,.main,.content{overflow-x:hidden}
.table-panel{overflow:hidden}
.table-scroll{width:100%;max-width:100%;overflow:visible!important}
.table-scroll table{width:100%;min-width:0!important;table-layout:auto}
.table-scroll th,.table-scroll td{min-width:0!important;max-width:none;white-space:normal;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.table-scroll th{white-space:normal!important}
.table-scroll .status,.table-scroll .owner-badge,.table-scroll .table-action{max-width:100%;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
.table-scroll :where(.mono,code,.technical-value,.hash-value){display:block;max-width:100%;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;text-overflow:ellipsis}
.table-scroll .report-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px}
.table-scroll .mini-progress{min-width:76px}
.form-grid label.check{border:1px solid var(--line);border-radius:0;background:var(--surface-soft);padding:12px}
.alert{position:relative;min-height:50px;padding:15px 17px 15px 48px;overflow:hidden}.alert:before{left:16px;top:16px;flex:0 0 auto}
.sidebar{scroll-behavior:auto;overflow-x:hidden;overflow-anchor:none}.sidebar nav a.active{scroll-margin-block:18px}

@media(max-width:1180px){
  .table-panel{border:0;background:transparent;box-shadow:none}
  .table-panel>.panel-head{padding:15px;border:1px solid var(--line);border-radius:0;background:var(--surface-elevated)}
  .table-scroll table{display:block;width:100%;font-size:.75rem;background:transparent}
  .table-scroll thead{display:none}
  .table-scroll tbody{display:grid;gap:12px;width:100%}
  .table-scroll tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:hidden;border:1px solid var(--line);border-left:4px solid var(--brand-blue);border-radius:0;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}
  .table-scroll tbody td{display:grid;grid-template-columns:minmax(105px,34%) minmax(0,1fr);align-items:start;gap:8px;width:100%;padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left!important}
  .table-scroll tbody td:nth-child(even){border-right:0}
  .table-scroll tbody td:first-child,.table-scroll tbody td:last-child{grid-column:1/-1;border-right:0}
  .table-scroll tbody td:before{content:attr(data-label);min-width:0;color:var(--muted);font-size:.58rem;font-weight:850;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
  .table-scroll tbody td[colspan]{display:block;grid-column:1/-1;padding:24px 14px}
  .table-scroll tbody td[colspan]:before{display:none}
  .table-scroll tbody td>.status,.table-scroll tbody td .status,.table-scroll tbody td .table-action{justify-self:start;width:auto}
  .table-scroll .report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.table-scroll .report-actions>*{min-width:0}.table-scroll .report-actions .status{grid-column:1/-1}.table-scroll .report-actions .table-action{display:flex;justify-content:center;width:100%;min-height:44px;padding:9px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft)}
}
@media(max-width:700px){
  .table-scroll tbody tr{grid-template-columns:minmax(0,1fr)}
  .table-scroll tbody td,.table-scroll tbody td:first-child,.table-scroll tbody td:last-child{grid-column:1;border-right:0}
}
@media(max-width:420px){
  .table-scroll tbody td{grid-template-columns:minmax(0,1fr);gap:5px}.table-scroll tbody td:before{margin-bottom:2px}
  .table-scroll .report-actions{grid-template-columns:minmax(0,1fr)}.table-scroll .report-actions .status{grid-column:1}
}

/* 2.14.0 · operativni phishing monitor. */
.phishing-click-monitor{border-top:4px solid var(--brand-blue)}
.recent-click-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.recent-click-card{display:grid;gap:5px;min-width:0;min-height:112px;padding:15px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft);color:var(--text);text-align:left;cursor:pointer}
.recent-click-card:hover,.recent-click-card:focus-visible{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(67,183,232,.16)}
.recent-click-card span{color:var(--danger);font-size:.68rem;font-weight:850}.recent-click-card b{font-size:.9rem}.recent-click-card small{color:var(--muted);line-height:1.45}
.recipient-toolbar{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto auto;align-items:end;gap:11px;margin:0 0 18px}
.recipient-toolbar label{display:grid;gap:6px;color:var(--muted);font-size:.69rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.recipient-toolbar select{width:100%;min-height:46px}
.recipient-clicked{box-shadow:inset 4px 0 0 var(--danger)}.recipient-detail-button{border:1px solid var(--line);border-radius:0;background:var(--surface-soft);padding:8px 11px;cursor:pointer}
.recipient-detail-dialog{width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line);border-radius:0;background:var(--surface-elevated);color:var(--text);box-shadow:0 24px 80px rgba(5,20,38,.28)}
.recipient-detail-dialog::backdrop{background:rgba(4,17,31,.68);backdrop-filter:blur(3px)}
.recipient-detail-head{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.recipient-detail-head span{color:var(--brand-blue-dark);font-size:.65rem;font-weight:600;letter-spacing:.06em}.recipient-detail-head h2{margin:5px 0 2px}.recipient-detail-head p{margin:0;color:var(--muted)}
.recipient-detail-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:8px 22px 20px}.recipient-detail-dialog dl div{padding:14px 0;border-bottom:1px solid var(--line)}.recipient-detail-dialog dl div:nth-child(odd){padding-right:18px}.recipient-detail-dialog dt{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.recipient-detail-dialog dd{margin:5px 0 0;font-weight:600}.recipient-detail-dialog .recipient-click-event dd{color:var(--danger)}.recipient-detail-dialog .dialog-actions{display:flex;justify-content:flex-end;padding:0 22px 22px}
@media(max-width:1000px){.recent-click-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipient-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.recipient-toolbar .btn{width:100%}}
@media(max-width:600px){.recent-click-grid,.recipient-toolbar,.recipient-detail-dialog dl{grid-template-columns:minmax(0,1fr)}.recipient-detail-dialog dl div:nth-child(odd){padding-right:0}.recipient-detail-head{padding:18px}.recipient-detail-dialog dl{padding-left:18px;padding-right:18px}}

/* 2.14.2 · profesionalni tok kreiranja i preuzimanja Matrix Agenta. */
.agent-create-panel{overflow:hidden;padding:0}.agent-create-head{margin:0;padding:24px 26px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--surface-elevated),var(--surface-soft))}.agent-create-head p{max-width:720px}
.agent-package-ready{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:17px 18px;margin:22px 26px 0;padding:20px;border:1px solid #9ed9c0;border-radius:0;background:linear-gradient(135deg,#f1fbf7,#edf8fc);box-shadow:0 12px 28px rgba(20,77,66,.08)}
.agent-ready-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:0;background:#21865f;color:#fff;font-size:1.25rem;font-weight:600;box-shadow:0 0 0 6px rgba(33,134,95,.1)}
.agent-ready-copy{min-width:0}.agent-ready-copy>span{color:#237354;font-size:.64rem;font-weight:600;letter-spacing:.07em}.agent-ready-copy h3{margin:4px 0 5px;font-size:1.05rem}.agent-ready-copy p{margin:0;color:var(--muted);line-height:1.55}
.agent-ready-actions{display:grid;align-content:center;justify-items:stretch;gap:7px;min-width:230px}.agent-ready-actions .btn{justify-content:center}.agent-ready-actions small{color:var(--muted);font-size:.62rem;text-align:center}
.agent-install-steps{grid-column:2/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.agent-install-steps li{display:grid;gap:4px;padding:11px 13px;border:1px solid rgba(35,115,84,.17);border-radius:0;background:rgba(255,255,255,.68)}.agent-install-steps b{color:var(--brand-navy);font-size:.7rem}.agent-install-steps span{color:var(--muted);font-size:.66rem;line-height:1.5}
.agent-create-separator{display:flex;align-items:center;gap:12px;margin:24px 26px 0;color:var(--muted);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.agent-create-separator:before,.agent-create-separator:after{content:"";height:1px;flex:1;background:var(--line)}
.agent-create-form{padding:24px 26px 26px}.agent-create-form label>small{display:block;margin:3px 0 7px;color:var(--muted);font-size:.64rem;font-weight:500;line-height:1.45;text-transform:none;letter-spacing:0}.agent-create-form label>select,.agent-create-form label>input{margin-top:0}
.agent-posture-options{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;margin:0;padding:0;border:0}.agent-posture-options legend{margin-bottom:5px;color:var(--text);font-size:.76rem;font-weight:600}.agent-posture-options .check{height:auto;margin:0}.agent-posture-options .check span{display:grid;gap:2px;min-width:0}.agent-posture-options .check b{font-size:.73rem}.agent-posture-options .check small{color:var(--muted);font-size:.62rem;font-weight:500;line-height:1.4}
.agent-package-assurance{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:14px;border-left:4px solid var(--brand-blue);border-radius:0;background:var(--brand-blue-soft)}.agent-package-assurance>span{display:grid;place-items:center;width:32px;height:32px;border-radius:0;background:var(--brand-navy);color:var(--brand-blue)}.agent-package-assurance b{display:block;margin-bottom:3px}.agent-package-assurance p{margin:0;color:var(--muted);font-size:.69rem;line-height:1.55}.agent-create-submit{min-height:50px;justify-content:center}
[data-theme="dark"] .agent-package-ready{border-color:#235c4b;background:linear-gradient(135deg,#0e2a24,#0d2633)}[data-theme="dark"] .agent-install-steps li{border-color:#27443d;background:rgba(7,21,34,.5)}[data-theme="dark"] .agent-install-steps b{color:#e8f0f5}
@media(max-width:760px){.agent-package-ready{grid-template-columns:48px minmax(0,1fr)}.agent-ready-actions,.agent-install-steps{grid-column:1/-1}.agent-ready-actions{min-width:0}.agent-install-steps{grid-template-columns:minmax(0,1fr)}.agent-posture-options{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.agent-create-head,.agent-create-form{padding-left:17px;padding-right:17px}.agent-package-ready{grid-template-columns:minmax(0,1fr);margin-left:17px;margin-right:17px;padding:17px}.agent-ready-mark{width:44px;height:44px}.agent-create-separator{margin-left:17px;margin-right:17px}.agent-ready-copy,.agent-ready-actions,.agent-install-steps{grid-column:1}.agent-package-assurance{grid-template-columns:minmax(0,1fr)}}

/* 2.15.0 · jasne i kontrolisane destruktivne radnje. */
.record-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.record-actions form{margin:0}
.destructive-zone{display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:rgba(183,34,53,.28);background:linear-gradient(135deg,var(--surface-elevated),rgba(183,34,53,.035))}.destructive-zone h2{margin:0 0 5px;font-size:1rem}.destructive-zone p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}.section-anchor{display:block;position:relative;top:-90px;visibility:hidden}
@media(max-width:700px){.destructive-zone{display:grid;grid-template-columns:minmax(0,1fr)}.destructive-zone form,.destructive-zone .btn{width:100%}}

/* 2.15.1 · paneli se prilagođavaju vlastitoj širini, ne samo viewportu. */
.panel{container-type:inline-size;container-name:matrix-panel}
:where(.panel,.panel-head,.head-actions,.form-grid,.form-grid>*,fieldset,label,.notice,.alert,.status,.btn,.record-actions,.details,.details>div,.kpi-grid>*,.dashboard-grid>*,.deployment-grid>*){min-width:0}
:where(.panel-head,.head-actions,.form-actions,.record-actions){max-width:100%;flex-wrap:wrap}
:where(.btn,button,.status,.owner-badge,.table-action){max-width:100%;line-height:1.35;text-align:center}
:where(input,select,textarea){max-width:100%}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
@container matrix-panel (max-width:620px){
  .form-grid,.details,.agent-posture-options,.deployment-grid,.recent-click-grid,.recipient-toolbar{grid-template-columns:minmax(0,1fr)!important}
  .form-grid>.span-2,.details>.full{grid-column:1!important}
  .panel-head,.destructive-zone{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
  .panel-head>.head-actions,.head-actions,.form-actions,.record-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .head-actions>*,.form-actions>*,.record-actions>*,.head-actions form,.record-actions form,.head-actions .btn,.form-actions .btn,.record-actions .btn{width:100%;min-width:0}
  .agent-package-ready{grid-template-columns:minmax(0,1fr)}
  .agent-ready-copy,.agent-ready-actions,.agent-install-steps{grid-column:1}
  .agent-install-steps{grid-template-columns:minmax(0,1fr)}
}
@container matrix-panel (max-width:390px){
  .panel-head{gap:10px}.btn{padding-left:11px;padding-right:11px}
  .agent-package-ready,.agent-create-form{padding-left:14px;padding-right:14px}
  .status,.owner-badge{white-space:normal!important}
}

/* 2.15.2 · profesionalna isporuka i pokretanje Network Worker paketa. */
.worker-package-ready{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(230px,auto);gap:16px 18px;margin:22px 0;padding:20px;border:1px solid #9ed9c0;border-radius:0;background:linear-gradient(135deg,#f2fbf7,#eef8fc);box-shadow:0 12px 30px rgba(11,31,58,.07)}
.worker-ready-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:0;background:#21865f;color:#fff;font-size:1.2rem;font-weight:600;box-shadow:0 0 0 6px rgba(33,134,95,.1)}
.worker-ready-copy{min-width:0}.worker-ready-copy>span{display:block;color:#237354;font-size:.63rem;font-weight:600;letter-spacing:.065em}.worker-ready-copy h3{margin:4px 0 5px;font-size:1.02rem}.worker-ready-copy p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}
.worker-ready-action{display:grid;align-content:center;gap:7px}.worker-ready-action .btn{justify-content:center}.worker-ready-action small{color:var(--muted);font-size:.62rem;text-align:center}
.worker-advanced{grid-column:2/-1;border-top:1px solid rgba(35,115,84,.18);padding-top:12px}.worker-advanced summary{width:max-content;max-width:100%;color:var(--brand-blue-dark);font-size:.7rem;font-weight:600;cursor:pointer}.worker-advanced>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px}.worker-advanced p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.5}
.worker-create-form{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft)}.worker-create-form label>small{display:block;margin:4px 0 8px;color:var(--muted);font-size:.65rem;font-weight:500;line-height:1.45}.worker-create-form>.btn{justify-content:center}
.worker-install{display:grid;gap:16px;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft)}.worker-install>div:first-child p{margin:5px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}
.worker-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.worker-platform-grid article{display:grid;gap:5px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:0;background:var(--surface-elevated)}.worker-platform-grid span{color:var(--brand-blue-dark);font-size:.62rem;font-weight:600;letter-spacing:.06em}.worker-platform-grid b{font-family:"Open Sans",sans-serif;font-size:.72rem;line-height:1.45}.worker-platform-grid small{color:var(--muted);font-size:.65rem;line-height:1.5}
.worker-checkpoint-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px;border-left:4px solid var(--brand-blue);border-radius:0;background:var(--brand-blue-soft)}.worker-checkpoint-note b{font-size:.7rem}.worker-checkpoint-note span{color:var(--muted);font-size:.67rem;line-height:1.5}
[data-theme="dark"] .worker-package-ready{border-color:#235c4b;background:linear-gradient(135deg,#0e2a24,#0d2633)}
@container matrix-panel (max-width:720px){.worker-package-ready{grid-template-columns:48px minmax(0,1fr)}.worker-ready-action,.worker-advanced{grid-column:1/-1}.worker-platform-grid{grid-template-columns:minmax(0,1fr)}.worker-advanced>div{display:grid;grid-template-columns:minmax(0,1fr)}.worker-advanced .btn{width:100%}.worker-checkpoint-note{grid-template-columns:minmax(0,1fr)}}
@container matrix-panel (max-width:430px){.worker-package-ready{grid-template-columns:minmax(0,1fr);padding:16px}.worker-ready-copy,.worker-ready-action,.worker-advanced{grid-column:1}.worker-ready-icon{width:42px;height:42px}.worker-install,.worker-create-form{padding:15px}.worker-platform-grid article{padding:13px}}

/* 2.16.0 · jedinstvena tipografska skala za cijeli PWA. */
:root{
  --type-page-title:clamp(1.8rem,3vw,2.35rem);
  --type-section-title:1.125rem;
  --type-card-title:.875rem;
  --type-body:.875rem;
  --type-control:.875rem;
  --type-label:.8125rem;
  --type-meta:.75rem;
  --type-caption:.6875rem;
  --type-metric:1.75rem;
  --line-body:1.55;
  --line-compact:1.4;
}
body{font-size:var(--type-body);line-height:var(--line-body)}
h1,.page-head h1{font-size:var(--type-page-title)!important;line-height:1.12}
h2,.panel-head h2,.destructive-zone h2{font-size:var(--type-section-title)!important;line-height:1.3}
h3,.rule-list h3,.agent-ready-copy h3,.worker-ready-copy h3{font-size:var(--type-card-title)!important;line-height:1.4}
p,li,dd,td,.lead,.alert,.notice,.assurance-note,.launch-outcome{font-size:var(--type-body)!important;line-height:var(--line-body)}
.btn,button,input,select,textarea,.table-action,.pagination>div>a,.pagination>div>strong{font-size:var(--type-control)!important;line-height:var(--line-compact)}
.form-grid label,.filters label,fieldset legend,.recipient-toolbar label,th,.details dt,.eyebrow,.top-title span,.sidebar nav a{font-size:var(--type-label)!important;line-height:var(--line-compact)}
small,.form-grid label>small,.form-help,.panel-head p,td small,.compact-list small,.timeline small,.details small,.worker-create-form label>small,.agent-create-form label>small{font-size:var(--type-meta)!important;line-height:var(--line-compact)}
.status,.severity-pill,.owner-badge,.mode,.license span,.catalog-total span,.readiness span,.service-module-choice em,.service-module-choice i,.service-module-facts dt,.mobile-nav small{font-size:var(--type-caption)!important;line-height:var(--line-compact)}
td b,.compact-list b,.rule-list b,.service-module-choice b,.worker-platform-grid b,.agent-install-steps b,.scan-work-plan b,.recent-click-card b{font-size:var(--type-card-title)!important;line-height:var(--line-compact)}
.kpi-grid b,.delta-kpis b,.catalog-total strong,.readiness b{font-size:var(--type-metric)!important;line-height:1.15}
.service-module-choice small,.service-module-facts dd{font-size:var(--type-meta)!important;line-height:var(--line-body)}
.service-module-choice i{margin-top:10px}
.table-scroll tbody td:before{font-size:var(--type-caption)!important;line-height:var(--line-compact)}
.scan-wizard-progress li span,.scan-phase-rail li span{font-size:var(--type-caption)!important}
.top-title small,.user-menu small,.license small{font-size:var(--type-meta)!important}
.logo b{font-size:1rem!important}.logo small{font-size:var(--type-meta)!important}

@media(max-width:640px){
  :root{--type-page-title:clamp(1.65rem,8vw,2rem);--type-section-title:1.0625rem;--type-body:.875rem;--type-control:1rem;--type-label:.8125rem;--type-meta:.75rem;--type-caption:.6875rem}
  input,select,textarea{font-size:1rem!important}
  .scan-wizard-progress li span,.scan-phase-rail li span{font-size:var(--type-caption)!important}
}

/* 2.16.2 · navigacija samo po uspravnoj osi i tabele prema stvarnoj širini panela. */
.sidebar{
  max-width:100vw;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}
.sidebar>*,.sidebar nav,.sidebar nav a,.sidebar-foot,.sidebar .logo,.sidebar .license{
  min-width:0;
  max-width:100%;
}
.sidebar nav,.sidebar-foot,.sidebar .logo,.sidebar .license{width:100%;overflow-x:hidden}
.sidebar nav a{width:100%}
.sidebar .logo>span:last-child{min-width:0;overflow:hidden}
.sidebar .logo small,.sidebar .license b,.sidebar .license small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sidebar::-webkit-scrollbar{width:8px;height:0}

body[data-page="phishing"] .table-scroll table{table-layout:fixed}
body[data-page="phishing"] .table-scroll td small{display:block;max-width:100%}
body[data-page="phishing"] .table-scroll td:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@container matrix-panel (max-width:1120px){
  .table-scroll{overflow:hidden!important}
  .table-scroll table{display:block;width:100%;font-size:.75rem;background:transparent}
  .table-scroll thead{display:none}
  .table-scroll tbody{display:grid;gap:12px;width:100%}
  .table-scroll tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:hidden;border:1px solid var(--line);border-left:4px solid var(--brand-blue);border-radius:0;background:var(--surface-elevated);box-shadow:var(--shadow-sm)}
  .table-scroll tbody td{display:grid;grid-template-columns:minmax(105px,34%) minmax(0,1fr);align-items:start;gap:8px;width:100%;padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left!important}
  .table-scroll tbody td:nth-child(even){border-right:0}
  .table-scroll tbody td:first-child,.table-scroll tbody td:last-child{grid-column:1/-1;border-right:0}
  .table-scroll tbody td:before{content:attr(data-label);min-width:0;color:var(--muted);font-size:var(--type-caption)!important;font-weight:850;line-height:var(--line-compact);text-transform:uppercase;letter-spacing:.04em}
  .table-scroll tbody td[colspan]{display:block;grid-column:1/-1;padding:24px 14px}
  .table-scroll tbody td[colspan]:before{display:none}
  .table-scroll tbody td>.status,.table-scroll tbody td .status,.table-scroll tbody td .table-action{justify-self:start;width:auto}
  .table-scroll .report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .table-scroll .report-actions>*{min-width:0}
  .table-scroll .report-actions .status{grid-column:1/-1}
  .table-scroll .report-actions .table-action{display:flex;justify-content:center;width:100%;min-height:44px;padding:9px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft)}
  body[data-page="phishing"] .table-scroll td:first-child small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere!important;word-break:break-word!important}
}
@container matrix-panel (max-width:700px){
  .table-scroll tbody tr{grid-template-columns:minmax(0,1fr)}
  .table-scroll tbody td,.table-scroll tbody td:first-child,.table-scroll tbody td:last-child{grid-column:1;border-right:0}
  .table-scroll .report-actions{grid-template-columns:minmax(0,1fr)}
  .table-scroll .report-actions .status{grid-column:1}
}
@container matrix-panel (max-width:420px){
  .table-scroll tbody td{grid-template-columns:minmax(0,1fr);gap:5px}
  .table-scroll tbody td:before{margin-bottom:2px}
}

/* 2.16.3 · kompaktna enterprise skala uz minimalnu čitljivost od 11 px. */
:root{
  --type-page-title:clamp(1.625rem,2.5vw,2.1rem);
  --type-section-title:1rem;
  --type-card-title:.8125rem;
  --type-body:.8125rem;
  --type-control:.8125rem;
  --type-label:.75rem;
  --type-meta:.71875rem;
  --type-caption:.6875rem;
  --type-table:.75rem;
  --type-table-heading:.6875rem;
  --type-metric:1.5rem;
  --line-body:1.5;
  --line-compact:1.35;
}
.panel-head{gap:14px;margin-bottom:16px}
.page-head{gap:18px;margin-bottom:18px}
.table-scroll th{
  padding:8px 10px;
  font-size:var(--type-table-heading)!important;
  line-height:1.35;
}
.table-scroll td{
  padding:9px 10px;
  font-size:var(--type-table)!important;
  line-height:1.45;
}
.table-scroll td b{font-size:var(--type-card-title)!important;line-height:1.35}
.table-scroll td small{margin-top:3px;font-size:var(--type-meta)!important;line-height:1.4}
.table-scroll .status,.table-scroll .severity-pill,.table-scroll .owner-badge{font-size:var(--type-caption)!important;line-height:1.3}
.table-scroll .table-action{font-size:var(--type-control)!important}

@media(min-width:901px){
  .content{padding:22px}
  .panel:not(.table-panel){padding:16px}
}
@media(max-width:640px){
  :root{
    --type-page-title:clamp(1.5rem,7vw,1.8rem);
    --type-section-title:1rem;
    --type-card-title:.8125rem;
    --type-body:.8125rem;
    --type-control:.875rem;
    --type-label:.75rem;
    --type-meta:.71875rem;
    --type-caption:.6875rem;
    --type-table:.8125rem;
    --type-table-heading:.6875rem;
    --type-metric:1.4rem;
  }
  input,select,textarea{font-size:1rem!important}
  .table-scroll tbody td{font-size:var(--type-table)!important}
  .table-scroll .table-action,.table-scroll button,.table-scroll a[role="button"]{min-height:44px}
}
@container matrix-panel (max-width:1120px){
  .table-scroll tbody{gap:10px}
  .table-scroll tbody td{padding:9px 10px;font-size:.8125rem!important;line-height:1.45}
}
@container matrix-panel (max-width:420px){
  .table-scroll tbody{gap:8px}
  .table-scroll tbody tr{border-radius:0}
  .table-scroll tbody td{padding:8px 9px}
}

/* 2.16.4 · kompaktan prikaz bez teksta ispod provjerljive granice čitljivosti. */
:root{
  --type-floor:.6875rem;
  --density-space-1:6px;
  --density-space-2:10px;
  --density-space-3:14px;
}

/* Raniji specijalizovani moduli imali su lokalne oznake od 8–10 px. Njihova
   hijerarhija ostaje kompaktna, ali nijedan sadržajni tekst više nije ispod
   11 px. Operativni tekst ostaje 12–13 px, a mobilna polja 16 px. */
:where(
  .pwa-update-banner span,
  .owner-line,
  .trial-copy,
  .mail-settings-heading span,
  .scan-metrics span,
  .mapping-list span,
  .engine-grid span,
  .rule-top .mono,
  .compliance-grid article>span,
  .donut span,
  .report-cards span,
  .guide-overview li span,
  .assurance-chip span,
  .scan-toggle-list span,
  .delta-kpis span,
  .risk-dual span,
  .taxonomy-kpis span,
  .program-score span,
  .workstream-kicker,
  .workstream-deliverable b,
  .workstream-links>b,
  .workstream-evidence>b,
  .workstream-links a,
  .workstream-evidence>span,
  .plan-run-summary span,
  .test-plan-kpis span,
  .rule-identity b,
  .test-rule-list em,
  .scenario-suite-grid article>span,
  .scope-badge,
  .deployment-grid span,
  .test-plan-run-metrics span,
  .plan-engine-chips span,
  .snapshot-hash span,
  .snapshot-hash code,
  .update-lane-grid span,
  .phishing-template-card>span b,
  .phishing-template-card>span em,
  .phishing-template-card>i,
  .phishing-submit-blocker span,
  .phishing-scoreboard>article>span,
  .launch-routing-list span,
  .test-goal-step span,
  .test-goal-grid span,
  .launch-guidance-head span,
  .launch-guidance-grid span,
  .launch-guidance-limit b,
  .launch-guidance-limit span,
  .scan-live-grid span,
  .scan-work-plan span,
  .template-preview-head span,
  .phishing-interpretation-grid span,
  .decision-actions ol,
  .phishing-evidence-grid article>div span,
  .phishing-evidence-grid article>div b,
  .recipient-detail-head span,
  .agent-ready-copy>span,
  .agent-install-steps span,
  .agent-create-separator,
  .worker-ready-copy>span,
  .worker-platform-grid span,
  .worker-checkpoint-note span,
  .workflow-kpis span,
  .worker-asset-card dt,
  .worker-asset-card footer>span,
  .dashboard-kpi-card>span,
  .executive-snapshot article span,
  .report-view-switch b,
  .auth-trust-grid b,
  .auth-version,
  .sidebar-version,
  .release-badge span,
  .global-search-status,
  .global-search-results h3,
  .global-search-default a>b,
  .global-search-result em,
  .global-search-foot,
  .live-filter-toolbar label>span
){font-size:var(--type-floor)!important;line-height:var(--line-compact)}

.table-scroll:after{display:none!important;content:none!important}
.scan-wizard-progress i,.scan-phase-rail i,.launch-routing-list li:before,.alert:before{font-size:var(--type-floor)!important}
.phishing-template-card::before,.phishing-template-card>u{font-size:var(--type-floor)!important;line-height:var(--line-compact)}

/* Kompaktnost se dobija razmakom i promjenom strukture, ne nečitljivim tekstom. */
@media(min-width:901px){
  .content{padding:20px}
  .panel:not(.table-panel){padding:15px}
  .kpi-grid,.dashboard-grid,.detail-grid{gap:14px}
  .form-grid{column-gap:16px;row-gap:17px}
}
@media(max-width:640px){
  .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .panel{padding:14px}
  .page-head h1{max-width:100%;text-wrap:balance}
  .table-scroll tbody td{min-height:44px}
}
@media(max-width:320px){
  .content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .panel,.workflow-hero{padding-left:11px;padding-right:11px}
  .table-scroll tbody td{padding:8px}
}
@media(prefers-contrast:more){
  :where(.panel,.btn,input,select,textarea,.table-scroll tbody tr,.status){border-color:currentColor}
  :where(a,.table-action){text-decoration-thickness:2px;text-underline-offset:3px}
}
@media(forced-colors:active){
  :where(.btn,.icon-btn,.panel,.table-scroll tbody tr,.status,input,select,textarea){border:1px solid CanvasText}
  :where(.btn,.status,.severity-pill){forced-color-adjust:auto}
}

/* 2.16.4 · jedinstveni enterprise design-system za sve operativne ekrane. */
:root{
  --component-card-radius:12px;
  --component-control-radius:8px;
  --component-dialog-radius:16px;
  --component-card-padding:14px;
  --component-panel-padding:15px;
  --component-gap:14px;
  --component-border:1px solid var(--line);
  --component-card-shadow:var(--shadow-sm);
  --weight-heading:780;
  --weight-label:750;
}

:where(.app-shell,.auth-shell,.global-search-dialog,dialog,button,input,select,textarea){font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif}
:where(h1,h2,h3,.panel-head h2,.page-head h1){font-weight:var(--weight-heading)}
:where(.form-grid label,.filters label,fieldset legend,th,.status,.eyebrow){font-weight:var(--weight-label)}
.worker-platform-grid b{font-family:inherit}

:where(.panel,.table-panel){border-radius:0;box-shadow:var(--component-card-shadow)}
.panel:not(.table-panel):not(.agent-create-panel){padding:var(--component-panel-padding)}
:where(
  .kpi-grid .dashboard-kpi-card,
  .product-onboarding,
  .report-cards>a,
  .compliance-grid article,
  .guide-steps article,
  .guide-status-grid article,
  .guide-report-grid article,
  .guide-install-grid article,
  .engine-grid a,
  .rule-list article,
  .risk-dual,
  .assessment-intro article,
  .workstream-card,
  .test-plan-kpis article,
  .test-engine-grid article,
  .test-rule-list article,
  .scenario-suite-grid article,
  .deployment-grid>article,
  .deployment-grid>div,
  .taxonomy-kpis article,
  .recent-click-card,
  .worker-asset-card,
  .process-steps article,
  .worker-platform-grid article,
  .scan-live-grid article,
  .phishing-evidence-grid article,
  .phishing-interpretation-grid article,
  .phishing-scoreboard>article
){border-radius:0;box-shadow:var(--component-card-shadow)}

:where(.btn,.icon-btn,input,select,textarea,.filters input,.filters select,.table-action,.recipient-detail-button,.theme-toggle){border-radius:0}
:where(.recipient-detail-dialog,.global-search-dialog,.theme-menu,.phishing-theme-dialog){border-radius:0}
:where(.status,.owner-badge){border-radius:0}
:where(.alert,.notice,.form-section-title,.worker-checkpoint-note,.agent-package-assurance){border-radius:0}

:where(.kpi-grid,.dashboard-grid,.detail-grid,.report-cards,.engine-grid,.compliance-grid,.recent-click-grid,.worker-asset-grid,.process-steps,.worker-platform-grid,.scan-live-grid){gap:var(--component-gap)}
.panel-head{gap:var(--component-gap);margin-bottom:16px}
.form-grid{column-gap:16px;row-gap:17px}
.table-panel>.panel-head{padding:var(--component-panel-padding) var(--component-panel-padding) 0}
.report-cards>a{padding:var(--component-card-padding) 42px var(--component-card-padding) var(--component-card-padding)}

@container matrix-panel (max-width:1120px){
  .table-scroll tbody tr{border-radius:0;box-shadow:var(--component-card-shadow)}
}
@media(max-width:640px){
  :root{--component-panel-padding:14px;--component-card-padding:13px;--component-gap:10px}
  :where(.panel,.table-panel,.kpi-grid .dashboard-kpi-card,.report-cards>a,.table-scroll tbody tr){border-radius:0}
}

/* 2.18.0 · adaptivni enterprise PWA shell za telefon, tablet i desktop. */
:root{
  --app-viewport-height:100dvh;
  --app-topbar-height:68px;
  --app-mobile-nav-height:70px;
  --app-keyboard-inset:0px;
  --app-content-max:1800px;
}
html{
  width:100%;
  max-width:100%;
  scroll-padding-top:calc(var(--app-topbar-height) + 18px);
  scroll-padding-bottom:calc(var(--app-mobile-nav-height) + env(safe-area-inset-bottom) + 18px);
}
body{
  width:100%;
  max-width:100%;
  min-height:var(--app-viewport-height,100dvh);
  overflow-x:hidden;
  overflow-x:clip;
}
.app-shell,.main{min-height:var(--app-viewport-height,100dvh)}
.main,.content,.topbar,.top-actions,.top-title,.page-head,.page-head>div,.panel,.panel-head,.panel-head>div,.table-panel,.table-scroll{min-width:0;max-width:100%}
.content{width:100%;max-width:var(--app-content-max);container-type:inline-size;container-name:matrix-content}
.topbar>*{min-width:0}
.top-title{min-width:0;overflow:hidden}
.top-title span,.top-title small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions{min-width:0;flex:0 0 auto}
:where(.content,.auth-card,.global-search-dialog,.recipient-detail-dialog,.phishing-theme-dialog) :where(h1,h2,h3,h4,p,li,dt,dd,label,legend,span,strong,b,small,a,button,th,td){
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}
:where(code,pre,kbd,.mono,.technical-value,.hash-value,.break-anywhere,[data-technical-value]){
  max-width:100%;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
:where(input,select,textarea,[contenteditable="true"],.btn,.table-action,summary){
  min-width:0;
  max-width:100%;
  scroll-margin-block:calc(var(--app-topbar-height) + 18px) calc(var(--app-mobile-nav-height) + 24px);
}
:where(input,select,textarea){text-overflow:ellipsis}
textarea{overflow-wrap:anywhere;white-space:pre-wrap}
.pwa-update-banner{bottom:max(18px,calc(var(--app-keyboard-inset) + env(safe-area-inset-bottom) + 10px))}
.global-search-dialog{max-height:min(780px,calc(var(--app-viewport-height,100dvh) - 42px))}
:where(.recipient-detail-dialog,.phishing-theme-dialog,dialog){max-height:calc(var(--app-viewport-height,100dvh) - 28px)}
.menu-open body{overflow:hidden;overscroll-behavior:none}
.keyboard-open .pwa-update-banner{visibility:hidden;pointer-events:none}

/* Tablet i manji laptop koriste pristupačnu drawer navigaciju umjesto stalnog
   menija koji sužava radni prostor. */
@media(max-width:1080px){
  :root{--sidebar:286px}
  .navigation-skeleton{left:0!important}
  .sidebar{
    width:min(300px,88vw);
    max-width:88vw;
    padding-top:max(18px,env(safe-area-inset-top));
    padding-bottom:max(18px,env(safe-area-inset-bottom));
    transform:translate3d(-105%,0,0);
    visibility:hidden;
    transition:transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s linear .22s,box-shadow .22s ease;
    will-change:transform;
  }
  .menu-open .sidebar{
    transform:translate3d(0,0,0);
    visibility:visible;
    transition-delay:0s;
    box-shadow:18px 0 48px rgba(4,18,33,.32);
  }
  .main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
  }
  .mobile-menu{display:grid}
  .mobile-brand{display:block;flex:0 0 auto}
  .sidebar-backdrop{inset:0;z-index:29}
  .menu-open .sidebar-backdrop{display:block}
  .sidebar nav a{min-height:44px}
  .topbar{
    height:var(--app-topbar-height);
    justify-content:flex-start;
    gap:10px;
    padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
  .top-title{display:block;flex:1 1 auto}
  .top-actions{margin-left:auto}
  .top-search-trigger{
    display:grid;
    place-items:center;
    width:42px;
    min-width:42px;
    padding:0;
  }
  .top-search-trigger span,.top-search-trigger kbd{display:none}
  .content{
    width:100%;
    padding-left:max(20px,env(safe-area-inset-left));
    padding-right:max(20px,env(safe-area-inset-right));
  }
  .page-head{grid-template-columns:minmax(0,1fr)}
  .mobile-menu,.top-search-trigger,.top-actions>.icon-btn,.top-actions .theme-toggle,.release-badge{min-height:44px;height:44px}
  .mobile-menu,.top-actions>.icon-btn{width:44px}
  .btn,.btn.subtle,.topbar .btn,.head-actions .btn{min-height:44px}
}

@media(max-width:900px){
  .top-actions .theme-toggle{display:grid!important;width:42px;min-width:42px;padding:0}
  .top-actions .theme-toggle b,.user-menu div{display:none}
  .user-menu{padding-left:5px}
  .top-actions>a[aria-label="Uputstvo"]{display:none}
}

@media(max-width:720px){
  .top-title small{display:none}
  .release-badge{min-width:44px;padding-inline:6px}
}

/* Telefon koristi donju nativnu navigaciju. Kada je tastatura otvorena,
   navigacija se povlači da ne prekriva polja i sistemske prijedloge. */
@media(max-width:640px){
  :root{--app-topbar-height:calc(62px + env(safe-area-inset-top));--app-mobile-nav-height:70px}
  body{padding-bottom:calc(var(--app-mobile-nav-height) + env(safe-area-inset-bottom))!important}
  .top-title{display:none!important}
  .top-search-trigger{display:none!important}
  .content{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
    padding-bottom:max(24px,env(safe-area-inset-bottom));
  }
  .mobile-nav{
    height:calc(var(--app-mobile-nav-height) + env(safe-area-inset-bottom));
    transition:transform .2s ease,opacity .16s ease;
  }
  .keyboard-open body{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
  .keyboard-open .mobile-nav{transform:translate3d(0,120%,0);opacity:0;pointer-events:none}
  .global-search-dialog{
    height:var(--app-viewport-height,100dvh);
    max-height:var(--app-viewport-height,100dvh);
  }
  .pwa-update-banner{
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:calc(var(--app-mobile-nav-height) + env(safe-area-inset-bottom) + 10px);
    width:auto;
  }
}

@media(max-width:360px){
  .mobile-brand{width:34px;height:34px}
  .release-badge{display:none}
  .topbar{gap:7px}
  .top-actions{gap:5px}
}

/* Vodoravni telefon zadržava kompletan sadržaj preko gornjeg menija i ne
   troši ograničenu visinu na skrivenu donju navigaciju. */
@media(max-height:520px) and (orientation:landscape) and (max-width:1080px){
  :root{--app-topbar-height:54px;--app-mobile-nav-height:0px}
  body{padding-bottom:0!important}
  .topbar{position:sticky!important;height:54px!important;padding-top:0!important}
  .content{padding-top:12px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .mobile-nav{display:none!important}
  .global-search-layer{padding:0}
  .global-search-dialog{
    width:100%;
    height:var(--app-viewport-height,100dvh);
    max-height:var(--app-viewport-height,100dvh);
    border:0;
    border-radius:0;
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
}

/* Na desktop uređajima sa preciznim pokazivačem normalna tabela ostaje tabela.
   Kartični prikaz se zadržava kada je panel stvarno uzak ili je uređaj dodirni. */
@media(min-width:1081px) and (hover:hover) and (pointer:fine){
  @container matrix-panel (min-width:54rem){
    .table-panel{overflow:hidden}
    .table-scroll{
      width:100%;
      max-width:100%;
      overflow-x:auto!important;
      overflow-y:hidden!important;
      overscroll-behavior-x:contain;
      scrollbar-gutter:stable;
    }
    .table-scroll table{
      display:table!important;
      width:100%!important;
      min-width:0!important;
      table-layout:fixed;
      border-collapse:collapse;
      background:var(--surface-elevated);
    }
    .table-scroll thead{display:table-header-group!important}
    .table-scroll tbody{display:table-row-group!important;width:auto!important}
    .table-scroll tbody tr{
      display:table-row!important;
      width:auto!important;
      overflow:visible!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }
    .table-scroll tbody tr:hover{background:var(--surface-soft)!important}
    .table-scroll tbody td{
      display:table-cell!important;
      grid-column:auto!important;
      grid-template-columns:none!important;
      width:auto!important;
      min-width:0;
      padding:10px 11px;
      border-right:0!important;
      border-bottom:1px solid var(--line)!important;
      vertical-align:top;
      text-align:left!important;
      white-space:normal;
      overflow-wrap:break-word;
    }
    .table-scroll tbody td:first-child,.table-scroll tbody td:last-child{grid-column:auto!important;border-right:0!important}
    .table-scroll tbody td:before{display:none!important;content:none!important}
    .table-scroll tbody td[colspan]{display:table-cell!important;padding:24px 14px}
    .table-scroll .report-actions{
      display:flex!important;
      width:auto!important;
      align-items:center;
      flex-wrap:wrap;
      gap:7px;
    }
    .table-scroll .report-actions>*{min-width:0}
    .table-scroll .report-actions .status{width:auto;grid-column:auto}
    .table-scroll .report-actions .table-action{
      display:inline-flex;
      width:auto;
      min-height:36px;
      padding:7px 9px;
      border:1px solid var(--line);
      background:var(--surface-soft);
    }
    body[data-page="phishing"] .table-scroll table{table-layout:fixed}
  }
}

@media(min-width:1600px){
  .content{padding-left:24px;padding-right:24px}
}

@media(prefers-reduced-motion:reduce){
  .sidebar,.mobile-nav{transition:none!important}
}



/* ===== 2.18.0-r5 Enterprise responsive cleanup ===== */
:root{
  --shadow:none;
  --shadow-sm:none;
  --shadow-lg:none;
  --radius-md:12px;
}
html,body,button,input,select,textarea,table,th,td{
  font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif;
}
.panel,
.table-panel,
.dashboard-kpi-card,
.card-surface-link,
.workstream-card,
.scenario-suite-grid article,
.report-cards>a,
.recent-click-card,
.phishing-template-card,
.table-scroll tbody tr,
.guide-jump,
.guide-accordion details,
.guide-status-grid article,
.guide-report-grid article,
.guide-install-grid article,
.workflow-hero,
.process-steps article,
.worker-asset-card,
.assessment-intro article,
.test-engine-grid article,
.test-rule-list article,
.evidence-metrics,
.custom-scope,
.program-edit-form,
.deployment-grid>article,
.deployment-grid>div{
  box-shadow:none!important;
}
.panel,
.table-panel,
.dashboard-kpi-card,
.card-surface-link,
.workstream-card,
.phishing-template-card,
.table-scroll tbody tr,
.process-steps article,
.worker-asset-card,
.assessment-intro article,
.scenario-suite-grid article,
.test-engine-grid article,
.test-rule-list article,
.evidence-metrics,
.custom-scope,
.program-edit-form{
  border-radius:0!important;
}
.dashboard-kpi-card:hover,
.card-surface-link:hover,
.workstream-card:hover,
.phishing-template-card:hover,
.report-cards>a:hover,
.table-scroll tbody tr:hover,
.dashboard-kpi-card:focus-visible,
.card-surface-link:focus-visible,
.workstream-card:focus-visible,
.phishing-template-card:focus-visible,
.report-cards>a:focus-visible{
  transform:none!important;
  box-shadow:none!important;
}
.table-scroll{
  width:100%;
  max-width:100%;
  overflow:hidden!important;
}
.table-scroll table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:separate;
  border-spacing:0;
}
.table-scroll thead th{
  white-space:normal!important;
  line-height:1.35;
}
.table-scroll th,
.table-scroll td{
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  vertical-align:top;
}
.table-scroll td b,
.table-scroll td strong,
.table-scroll td small,
.table-scroll td span,
.table-scroll td a,
.table-scroll td code{
  min-width:0;
  max-width:100%;
}
.table-scroll td small,
.table-scroll td code,
.table-scroll td .technical-value,
.table-scroll td .hash-value,
.table-scroll td .mono{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
}
.table-scroll td .status,
.table-scroll td .owner-badge,
.table-scroll td .table-action,
.table-scroll td .btn,
.table-scroll td .severity-pill{
  white-space:nowrap!important;
}
.table-scroll .record-actions,
.table-scroll .inline-actions,
.table-scroll .report-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:flex-start;
}
.table-scroll .record-actions > *,
.table-scroll .inline-actions > *,
.table-scroll .report-actions > *{
  min-width:0;
}
.table-scroll[data-table-mode="cards-2"],
.table-scroll[data-table-mode="cards-1"]{
  overflow:visible!important;
}
.table-scroll[data-table-mode="cards-2"] table,
.table-scroll[data-table-mode="cards-1"] table{
  display:block;
  background:transparent;
}
.table-scroll[data-table-mode="cards-2"] thead,
.table-scroll[data-table-mode="cards-1"] thead{
  display:none;
}
.table-scroll[data-table-mode="cards-2"] tbody,
.table-scroll[data-table-mode="cards-1"] tbody{
  display:grid;
  gap:12px;
  width:100%;
}
.table-scroll[data-table-mode="cards-2"] tbody tr,
.table-scroll[data-table-mode="cards-1"] tbody tr{
  display:grid;
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-left:4px solid var(--brand-blue);
  background:var(--surface);
}
.table-scroll[data-table-mode="cards-2"] tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));}
.table-scroll[data-table-mode="cards-1"] tbody tr{grid-template-columns:minmax(0,1fr);}
.table-scroll[data-table-mode="cards-2"] tbody td,
.table-scroll[data-table-mode="cards-1"] tbody td{
  display:grid;
  align-items:start;
  width:100%;
  text-align:left!important;
}
.table-scroll[data-table-mode="cards-2"] tbody td{
  grid-template-columns:minmax(108px,34%) minmax(0,1fr);
  gap:8px;
  padding:11px 12px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.table-scroll[data-table-mode="cards-2"] tbody td:nth-child(even){border-right:0;}
.table-scroll[data-table-mode="cards-2"] tbody td:first-child,
.table-scroll[data-table-mode="cards-2"] tbody td:last-child{
  grid-column:1/-1;
  border-right:0;
}
.table-scroll[data-table-mode="cards-1"] tbody td{
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
}
.table-scroll[data-table-mode="cards-2"] tbody td:last-child,
.table-scroll[data-table-mode="cards-1"] tbody td:last-child{border-bottom:0;}
.table-scroll[data-table-mode="cards-2"] tbody td:before,
.table-scroll[data-table-mode="cards-1"] tbody td:before{
  content:attr(data-label);
  color:var(--muted);
  font-size:.58rem;
  font-weight:850;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.table-scroll[data-table-mode="cards-1"] tbody td:before{margin-bottom:2px;}
.table-scroll[data-table-mode="cards-2"] tbody td[colspan],
.table-scroll[data-table-mode="cards-1"] tbody td[colspan]{
  display:block;
  grid-column:1/-1;
  padding:24px 14px;
}
.table-scroll[data-table-mode="cards-2"] tbody td[colspan]:before,
.table-scroll[data-table-mode="cards-1"] tbody td[colspan]:before{display:none;}
.table-scroll[data-table-mode="cards-2"] .record-actions,
.table-scroll[data-table-mode="cards-2"] .inline-actions,
.table-scroll[data-table-mode="cards-2"] .report-actions,
.table-scroll[data-table-mode="cards-1"] .record-actions,
.table-scroll[data-table-mode="cards-1"] .inline-actions,
.table-scroll[data-table-mode="cards-1"] .report-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
}
.table-scroll[data-table-mode="cards-1"] .record-actions,
.table-scroll[data-table-mode="cards-1"] .inline-actions,
.table-scroll[data-table-mode="cards-1"] .report-actions{
  grid-template-columns:minmax(0,1fr);
}
.table-scroll[data-table-mode="cards-2"] .record-actions > .status,
.table-scroll[data-table-mode="cards-2"] .inline-actions > .status,
.table-scroll[data-table-mode="cards-2"] .report-actions > .status,
.table-scroll[data-table-mode="cards-1"] .record-actions > .status,
.table-scroll[data-table-mode="cards-1"] .inline-actions > .status,
.table-scroll[data-table-mode="cards-1"] .report-actions > .status{grid-column:1/-1;}
.table-scroll[data-table-mode="cards-2"] .record-actions > *,
.table-scroll[data-table-mode="cards-2"] .inline-actions > *,
.table-scroll[data-table-mode="cards-2"] .report-actions > *,
.table-scroll[data-table-mode="cards-1"] .record-actions > *,
.table-scroll[data-table-mode="cards-1"] .inline-actions > *,
.table-scroll[data-table-mode="cards-1"] .report-actions > *{
  width:100%;
}
.table-scroll[data-table-mode="cards-2"] .table-action,
.table-scroll[data-table-mode="cards-2"] .btn,
.table-scroll[data-table-mode="cards-1"] .table-action,
.table-scroll[data-table-mode="cards-1"] .btn{
  display:flex;
  justify-content:center;
  min-height:44px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--surface-2);
}
.phishing-template-gallery,
.phishing-branding,
.phishing-custom-content,
.phishing-template-preview{
  border-radius:0!important;
}
.phishing-template-cards{
  align-items:stretch;
}
.phishing-template-card,
.phishing-template-card::before,
.phishing-template-card > span b,
.phishing-template-card > span em,
.phishing-template-card > strong,
.phishing-template-card > small,
.phishing-template-card > i{
  font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif!important;
  font-style:normal!important;
}
.phishing-template-card{
  min-height:176px;
  border-width:1px!important;
  text-align:left!important;
}
.phishing-template-card::before{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.phishing-template-card[data-phishing-template-choice="policy_update"],
.phishing-template-card[data-phishing-template-choice="remote_access"]{
  font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif!important;
}
.phishing-template-card[data-phishing-template-choice="policy_update"]{background:#fefefa!important;}
.phishing-template-card[data-phishing-template-choice="remote_access"]::before{font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif!important;letter-spacing:.045em;}
.phishing-template-card.selected{
  border-color:var(--brand-blue)!important;
  box-shadow:none!important;
}
.template-gallery-heading,
.panel-head,
.page-head,
.head-actions,
.form-grid,
.filters,
.detail-grid,
.kpi-grid,
.dashboard-grid,
.workstream-grid,
.scenario-suite-grid,
.report-cards,
.report-actions,
.compact-list,
.phishing-template-gallery,
.phishing-template-cards,
.phishing-branding,
.phishing-brand-grid,
.phishing-template-preview,
.notice,
.alert{
  min-width:0;
}
@media (max-width: 1420px){
  .content{padding:22px;}
  .page-head,.panel-head,.template-gallery-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;}
  .head-actions{flex-wrap:wrap;}
}
@media (max-width: 980px){
  .content{padding:16px;}
  .phishing-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width: 640px){
  .content{padding:12px;}
  .panel{padding:14px;}
  .phishing-template-cards{grid-template-columns:minmax(0,1fr)!important;}
  .phishing-template-card{min-height:138px;}
}

/* ========================================================================== 
   2.18.1-r7 · završno enterprise poliranje svih PWA ekrana
   Stabilne tabele bez obojenih pozadina oznaka, ujednačen razmak, čitljivost,
   PWA safe-area i responzivni prikaz bez horizontalnog pomjeranja.
   ========================================================================== */
:root{
  --ui-content-max:1840px;
  --ui-page-gutter:clamp(14px,1.55vw,28px);
  --ui-section-gap:18px;
  --ui-card-radius:12px;
  --ui-control-radius:8px;
  --ui-dialog-radius:16px;
  --ui-control-height:44px;
  --ui-row-line:#dce3e9;
  --ui-row-hover:#f7fafc;
  --ui-table-head:#f2f5f7;
  --ui-focus:0 0 0 3px rgba(67,183,232,.22);
  --component-card-shadow:none;
  --shadow:none;
  --shadow-sm:none;
  --shadow-lg:none;
}

html,body,.app-shell,.main,.content{overflow-x:hidden}
html{background:var(--bg);text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink)}
:where(.app-shell,.auth-shell,.global-search-dialog,dialog,button,input,select,textarea,table){
  font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif;
  font-variant-numeric:tabular-nums;
}
:where(.content,.panel,.table-panel,.page-head,.panel-head,.head-actions,.form-grid,.filters,.details,.dashboard-grid,.detail-grid,.kpi-grid,.report-actions,.record-actions,.inline-actions)>*{
  min-width:0;
}
:where(.content,.panel,.table-panel,.auth-card,.global-search-dialog,.recipient-detail-dialog,.phishing-theme-dialog) :where(h1,h2,h3,h4,p,li,dt,dd,label,legend,span,strong,b,small,a,button,th,td){
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
:where(.mono,code,kbd,pre,.technical-value,.hash-value,.break-anywhere,[data-technical-value],a[href^="http"]){
  max-width:100%;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* Shell i navigacija */
.sidebar{
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  border-right:1px solid rgba(255,255,255,.075);
  box-shadow:none!important;
}
.sidebar::-webkit-scrollbar{width:8px;height:0}
.sidebar::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:0;background:rgba(157,188,213,.28);background-clip:padding-box}
.logo{min-width:0;padding-inline:8px;box-shadow:none!important}
.logo-icon,.brand-mark{filter:none!important;flex:0 0 auto}
.logo>span:last-child{min-width:0}
.logo b,.logo small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav{min-width:0;gap:4px}
.sidebar nav a{
  min-width:0;
  min-height:44px;
  padding:9px 11px;
  border-left-width:3px;
  border-radius:0;
  line-height:1.35;
  white-space:normal;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.sidebar nav a>span{flex:0 0 24px;width:24px}
.sidebar nav a.active{box-shadow:none!important}
.license{border-radius:0;box-shadow:none!important;overflow:hidden}

.main{width:auto;max-width:none}
.topbar{
  min-height:68px;
  height:auto;
  gap:12px;
  padding-inline:var(--ui-page-gutter);
  box-shadow:none!important;
}
.top-title{flex:1 1 auto}
.top-title span{font-size:.875rem;line-height:1.35}
.top-title small{font-size:.6875rem;line-height:1.35}
.top-actions{gap:8px;justify-content:flex-end}
.top-actions>*{flex:0 0 auto}
.content{
  width:100%;
  max-width:var(--ui-content-max);
  margin-inline:auto;
  padding:var(--ui-page-gutter);
}

/* Naslovi, paneli i kartice */
.page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin:2px 0 20px;
}
.page-head>div:first-child{max-width:min(920px,100%)}
.page-head h1{margin-bottom:8px;letter-spacing:-.032em;text-wrap:balance}
.page-head p{max-width:850px;margin-bottom:0;line-height:1.55}
.eyebrow{margin-bottom:7px;letter-spacing:.105em}
.head-actions,.form-actions,.record-actions,.inline-actions,.report-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.head-actions{justify-content:flex-end}
.panel,.table-panel{
  border:1px solid var(--line);
  border-radius:0!important;
  background:var(--surface-elevated,var(--surface));
  box-shadow:none!important;
}
.panel{margin-bottom:var(--ui-section-gap)}
.panel:not(.table-panel):not(.agent-create-panel){padding:18px}
.panel-head{align-items:flex-start;margin-bottom:15px}
.panel-head h2{margin:0;font-size:1rem;line-height:1.35}
.panel-head p{margin:4px 0 0;line-height:1.5}
.table-panel{overflow:hidden}
.table-panel>.panel-head{padding:18px 18px 0}
:where(
  .dashboard-kpi-card,.product-onboarding,.report-cards>a,.workstream-card,
  .test-plan-kpis article,.test-engine-grid article,.test-rule-list article,
  .scenario-suite-grid article,.deployment-grid>article,.deployment-grid>div,
  .recent-click-card,.worker-asset-card,.process-steps article,.scan-live-grid article,
  .phishing-evidence-grid article,.phishing-interpretation-grid article,
  .phishing-scoreboard>article,.guide-jump,.guide-accordion details,
  .guide-status-grid article,.guide-report-grid article,.guide-install-grid article
){
  border-radius:0!important;
  box-shadow:none!important;
}
:where(
  .dashboard-kpi-card,.card-surface-link,.workstream-card,.phishing-template-card,
  .report-cards>a,.table-row-card
):where(:hover,:focus-visible){
  transform:none!important;
  box-shadow:none!important;
}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:var(--ui-section-gap)}
.kpi-grid article,.kpi-grid .dashboard-kpi-card{min-width:0;min-height:108px;padding:16px 17px}
.kpi-grid b{font-size:clamp(1.45rem,2vw,1.8rem);line-height:1.1}
.dashboard-grid,.detail-grid{gap:var(--ui-section-gap)}
.compact-list>a,.compact-list>.compact-static{min-width:0;padding:11px 0}
.compact-list>a>*,.compact-list>.compact-static>*{min-width:0}
.compact-list b,.compact-list small{white-space:normal;overflow:visible;text-overflow:clip}

/* Kontrole i formulari */
.btn,.icon-btn,.top-search-trigger,.release-badge,.theme-toggle,.table-action,
input,select,textarea,summary,.recipient-detail-button{
  border-radius:0!important;
  box-shadow:none!important;
}
.btn{
  min-height:var(--ui-control-height);
  height:auto;
  padding:9px 14px;
  line-height:1.3;
  text-align:center;
  white-space:normal;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.btn.primary{border-color:var(--brand-blue-dark);background:var(--brand-blue-dark);color:#fff}
.btn.primary:hover{background:#0f638b;border-color:#0f638b}
.btn.subtle{background:var(--surface-2)}
:where(.btn,.icon-btn,.top-search-trigger,.theme-toggle,.table-action,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--brand-blue-dark);
  outline-offset:2px;
  box-shadow:var(--ui-focus)!important;
}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:18px;align-items:start}
.form-grid label,.filters label{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:7px;
  min-width:0;
  max-width:100%;
  line-height:1.4;
}
.form-grid input,.form-grid select,.form-grid textarea,.filters input,.filters select,
.worker-create-form input,.worker-create-form select,.worker-create-form textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:46px;
  height:auto;
  padding:11px 13px;
  border:1px solid #c5d0d8;
  background:var(--surface-elevated,var(--surface));
  color:var(--ink);
  text-overflow:ellipsis;
}
.form-grid textarea{min-height:112px;line-height:1.58;resize:vertical;text-overflow:clip}
.form-grid label>small{display:block;margin:0;line-height:1.6;white-space:normal}
.form-grid :where(input,select,textarea):hover,.filters :where(input,select):hover{border-color:#9fb0bd}
.form-grid :where(input,select,textarea):focus,.filters :where(input,select):focus{
  border-color:var(--brand-blue-dark);
  outline:0;
  box-shadow:var(--ui-focus)!important;
}
.form-grid :where(input,select,textarea):user-invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(180,35,53,.12)!important}
.form-grid label.check,.check-row{
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
}
.form-grid label.check input[type="checkbox"],.form-grid label.check input[type="radio"],
.check-row input[type="checkbox"],.check-row input[type="radio"]{
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:1px 0 0;
}
.form-actions{justify-content:flex-end}
.filters{padding:14px 15px!important}
.filters form,.test-rule-filters form{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(160px,220px) minmax(160px,220px) auto;
  align-items:end;
  gap:10px;
}
.notice,.alert{
  gap:7px;
  padding:14px 16px;
  line-height:1.55;
  box-shadow:none!important;
  overflow-wrap:normal!important;
}
.alert{position:relative;min-height:50px;padding:15px 17px 15px 48px;overflow:hidden}
.alert:before{left:16px;top:16px}

/* Semantička tabela na širokom panelu */
.table-scroll{
  width:100%;
  max-width:100%;
  overflow:visible!important;
  border-radius:0;
}
.table-scroll table{
  width:100%!important;
  min-width:0!important;
  table-layout:auto!important;
  border-collapse:collapse;
  background:var(--surface-elevated,var(--surface));
}
.table-scroll[data-table-mode="table"]{overflow:hidden!important}
.table-scroll[data-table-mode="table"] table{display:table!important;width:100%!important;min-width:0!important}
.table-scroll[data-table-mode="table"] table:is([data-column-count="8"],[data-column-count="9"],[data-column-count="10"],[data-column-count="11"],[data-column-count="12"]){table-layout:fixed!important}
.table-scroll[data-table-mode="table"] thead{display:table-header-group!important}
.table-scroll[data-table-mode="table"] tbody{display:table-row-group!important}
.table-scroll[data-table-mode="table"] tbody tr{display:table-row!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.table-scroll[data-table-mode="table"] tbody td{display:table-cell!important;grid-column:auto!important;grid-template-columns:none!important;width:auto!important}
.table-scroll[data-table-mode="table"] tbody td:before{display:none!important;content:none!important}
.table-scroll thead tr{background:var(--ui-table-head)}
.table-scroll th{
  min-width:0!important;
  max-width:none!important;
  padding:10px 11px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:transparent;
  color:#607080;
  font-size:.6875rem!important;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.045em;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  vertical-align:middle;
}
.table-scroll td{
  min-width:0!important;
  max-width:none!important;
  padding:11px;
  border-bottom:1px solid var(--ui-row-line);
  color:var(--ink);
  font-size:.8125rem!important;
  line-height:1.45;
  vertical-align:middle;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.table-scroll tbody tr:last-child td{border-bottom:0}
.table-scroll[data-table-mode="table"] tbody tr:hover td{background:var(--ui-row-hover)}
.table-scroll td b,.table-scroll td strong{display:block;max-width:100%;font-size:.8125rem!important;line-height:1.4;white-space:normal}
.table-scroll td small{
  display:block;
  max-width:100%;
  margin-top:3px;
  color:var(--muted);
  font-size:.71875rem!important;
  line-height:1.45;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.table-scroll td :where(.mono,code,.technical-value,.hash-value,[data-technical-value]){
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
}
.table-scroll td time{font-variant-numeric:tabular-nums;white-space:normal}
.table-scroll tbody td .table-action{white-space:nowrap!important}
.table-scroll .table-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 11px;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--brand-blue-dark);
  font-size:.75rem!important;
  font-weight:600;
}
.table-scroll .record-actions,.table-scroll .inline-actions,.table-scroll .report-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
}

/* U tabelama se namjerno uklanja ispunjena pozadina svih statusnih oznaka.
   Ostaju jasna boja teksta i mala tačka, pa pozadina nikada ne završava usred
   riječi niti ulazi u susjednu kolonu. */
.table-scroll td :where(.status,.owner-badge){
  display:inline-grid!important;
  grid-template-columns:7px minmax(0,1fr);
  align-items:center;
  gap:7px;
  width:auto!important;
  max-width:100%;
  min-height:0;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#56616c;
  font-size:.71875rem!important;
  font-weight:600;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.01em;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.table-scroll td :where(.status,.owner-badge):before{
  content:"";
  display:block;
  width:7px;
  height:7px;
  min-width:7px;
  border-radius:0;
  background:currentColor;
}
.table-scroll td .status:where(.authorized,.completed,.resolved,.approved){color:#147353}
.table-scroll td .status:where(.pending,.queued,.submitted,.draft){color:#885900}
.table-scroll td .status:where(.running,.in_progress){color:#22698f}
.table-scroll td .status:where(.failed,.cancelled,.blocked,.rejected,.suspended,.expired){color:#9d2231}
.table-scroll td .status.risk_accepted{color:#654894}
.table-scroll td .status.false_positive{color:#5b6771}
.table-scroll td .severity-pill{
  display:inline-grid!important;
  grid-template-columns:7px minmax(0,1fr);
  align-items:center;
  gap:7px;
  width:auto!important;
  max-width:100%;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#5b6771;
  font-size:.71875rem!important;
  font-weight:600;
  line-height:1.35;
  text-transform:uppercase;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.table-scroll td .severity-pill:before{content:"";display:block;width:7px;height:7px;border-radius:0;background:currentColor}
.table-scroll td .severity-pill.critical{color:#8f1324}
.table-scroll td .severity-pill.high{color:#b33723}
.table-scroll td .severity-pill.medium{color:#8a5600}
.table-scroll td .severity-pill.low{color:#286d9d}
.table-scroll td .severity-pill.info{color:#596a76}
.table-scroll td .severity-pill.pending{color:#596a76}

/* Najširi operativni registri dobijaju predvidljiv odnos kolona. */
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(1){width:5%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(2){width:11%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(3){width:22%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(4){width:9%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(5){width:13%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(6){width:12%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(7){width:10%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(8){width:11%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] th:nth-child(9){width:7%}

/* Kartični prikaz tabele prema stvarnoj širini panela. */
.table-scroll[data-table-mode="cards-2"],.table-scroll[data-table-mode="cards-1"]{overflow:visible!important;background:transparent}
.table-scroll[data-table-mode="cards-2"] table,.table-scroll[data-table-mode="cards-1"] table{display:block!important;width:100%!important;background:transparent}
.table-scroll[data-table-mode="cards-2"] thead,.table-scroll[data-table-mode="cards-1"] thead{display:none!important}
.table-scroll[data-table-mode="cards-2"] tbody,.table-scroll[data-table-mode="cards-1"] tbody{
  display:grid!important;
  width:100%!important;
  gap:12px;
  padding:0;
}
.table-scroll[data-table-mode="cards-2"] tbody tr,.table-scroll[data-table-mode="cards-1"] tbody tr{
  display:grid!important;
  width:100%!important;
  min-width:0;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-left:3px solid var(--brand-blue)!important;
  border-radius:0!important;
  background:var(--surface-elevated,var(--surface))!important;
  box-shadow:none!important;
}
.table-scroll[data-table-mode="cards-2"] tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
.table-scroll[data-table-mode="cards-1"] tbody tr{grid-template-columns:minmax(0,1fr)}
.table-scroll[data-table-mode="cards-2"] tbody td,.table-scroll[data-table-mode="cards-1"] tbody td{
  display:grid!important;
  grid-template-columns:minmax(100px,32%) minmax(0,1fr)!important;
  align-items:start;
  gap:9px;
  width:100%!important;
  min-width:0!important;
  padding:10px 12px!important;
  border-right:0!important;
  border-bottom:1px solid var(--line)!important;
  background:transparent!important;
  text-align:left!important;
}
.table-scroll[data-table-mode="cards-2"] tbody td{border-right:1px solid var(--line)!important}
.table-scroll[data-table-mode="cards-2"] tbody td:nth-child(even){border-right:0!important}
.table-scroll[data-table-mode="cards-2"] tbody td:first-child,
.table-scroll[data-table-mode="cards-2"] tbody td:last-child{grid-column:1/-1;border-right:0!important}
.table-scroll[data-table-mode="cards-1"] tbody td:first-child,
.table-scroll[data-table-mode="cards-1"] tbody td:last-child{grid-column:1}
.table-scroll[data-table-mode="cards-2"] tbody td:first-child,
.table-scroll[data-table-mode="cards-1"] tbody td:first-child{background:var(--surface-2)!important}
.table-scroll[data-table-mode="cards-2"] tbody td:last-child,
.table-scroll[data-table-mode="cards-1"] tbody td:last-child{border-bottom:0!important}
.table-scroll[data-table-mode="cards-2"] tbody td:before,.table-scroll[data-table-mode="cards-1"] tbody td:before{
  content:attr(data-label)!important;
  display:block!important;
  min-width:0;
  margin:0;
  color:var(--muted);
  font-size:.6875rem!important;
  font-weight:600;
  line-height:1.4;
  text-transform:uppercase;
  letter-spacing:.035em;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
}
.table-scroll[data-table-mode="cards-2"] tbody td[colspan],.table-scroll[data-table-mode="cards-1"] tbody td[colspan]{display:block!important;grid-column:1/-1;padding:24px 14px!important}
.table-scroll[data-table-mode="cards-2"] tbody td[colspan]:before,.table-scroll[data-table-mode="cards-1"] tbody td[colspan]:before{display:none!important}
.table-scroll[data-table-mode="cards-2"] td small,.table-scroll[data-table-mode="cards-1"] td small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.table-scroll[data-table-mode="cards-2"] .record-actions,.table-scroll[data-table-mode="cards-2"] .inline-actions,.table-scroll[data-table-mode="cards-2"] .report-actions,
.table-scroll[data-table-mode="cards-1"] .record-actions,.table-scroll[data-table-mode="cards-1"] .inline-actions,.table-scroll[data-table-mode="cards-1"] .report-actions{
  display:flex!important;
  flex-wrap:wrap;
  width:100%;
  gap:7px;
}
.table-scroll[data-table-mode="cards-2"] .table-action,.table-scroll[data-table-mode="cards-1"] .table-action{
  width:auto!important;
  min-width:96px;
  min-height:40px;
  padding:8px 12px;
}
.table-scroll[data-table-mode="cards-2"] tbody tr:hover,.table-scroll[data-table-mode="cards-1"] tbody tr:hover{border-color:#a6c8d9!important;background:var(--surface-elevated,var(--surface))!important}

/* Detalji, dijalozi, pretraga i auth ekrani */
.details{grid-template-columns:repeat(2,minmax(0,1fr))}
.details div{min-width:0}
.details dd{overflow-wrap:normal;word-break:normal}
.global-search-layer,.recipient-detail-dialog,.phishing-theme-dialog,dialog{max-width:100%}
.global-search-dialog{
  width:min(920px,calc(100vw - 28px));
  max-height:min(780px,calc(var(--app-viewport-height,100dvh) - 28px));
  overflow:hidden;
  box-shadow:none!important;
}
.global-search-result,.global-search-default a{min-width:0}
.global-search-default a>b,.global-search-result b,.global-search-result small{white-space:normal;overflow:visible;text-overflow:clip}
:where(.recipient-detail-dialog,.phishing-theme-dialog,dialog){
  width:min(760px,calc(100vw - 28px));
  max-height:calc(var(--app-viewport-height,100dvh) - 28px);
  overflow:auto;
  box-shadow:none!important;
}
.auth-page{min-width:0;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.auth-shell{width:min(1120px,100%);min-width:0}
.auth-card{min-width:0;max-width:100%;border-radius:0!important;box-shadow:none!important}
.auth-card :where(input,select,textarea,.btn){width:100%;max-width:100%}
.phishing-template-card,.phishing-template-card::before,.phishing-template-card>*{font-family:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif!important}

/* Širinski pragovi */
@media(max-width:1420px){
  .content{padding:22px}
  .page-head{margin-top:0}
}
@media(max-width:1240px){
  .page-head,.panel-head,.template-gallery-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
  .head-actions{justify-content:flex-start}
  .dashboard-grid.unequal{grid-template-columns:minmax(0,1fr)}
  .filters form,.test-rule-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters form>.btn,.test-rule-filters form>.btn{width:100%}
}
@media(max-width:1080px){
  .content{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .sidebar{box-shadow:none!important}
  .menu-open .sidebar{box-shadow:18px 0 48px rgba(4,18,33,.26)!important}
}
@media(max-width:980px){
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid,.detail-grid,.worker-asset-grid,.phishing-brand-grid{grid-template-columns:minmax(0,1fr)}
  .process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workstream-grid,.scenario-suite-grid,.service-module-grid,.test-goal-grid,.test-engine-grid,.deployment-grid,.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .form-grid .span-2,.details .full{grid-column:1}
  .details{grid-template-columns:minmax(0,1fr)}
  .details div:nth-child(odd){padding-right:0}
  .filters form,.test-rule-filters form{grid-template-columns:minmax(0,1fr)}
  .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .form-actions>*{width:100%}
  .table-scroll[data-table-mode="cards-2"] tbody tr{grid-template-columns:minmax(0,1fr)}
  .table-scroll[data-table-mode="cards-2"] tbody td,.table-scroll[data-table-mode="cards-2"] tbody td:first-child,.table-scroll[data-table-mode="cards-2"] tbody td:last-child{grid-column:1;border-right:0!important}
}
@media(max-width:640px){
  :root{--ui-page-gutter:12px;--ui-section-gap:12px;--component-panel-padding:14px;--component-card-padding:13px;--component-gap:10px}
  .content{padding:12px max(12px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .topbar{min-height:62px}
  .page-head{gap:13px;margin-bottom:14px}
  .page-head h1{font-size:clamp(1.4rem,7.2vw,1.72rem)!important;line-height:1.14}
  .page-head p{font-size:.8125rem;line-height:1.5}
  .head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .head-actions>*{width:100%}
  .panel:not(.table-panel):not(.agent-create-panel){padding:14px}
  .table-panel>.panel-head{padding:14px 14px 0}
  .panel-head{margin-bottom:12px}
  .kpi-grid{gap:9px;margin-bottom:12px}
  .kpi-grid article,.kpi-grid .dashboard-kpi-card{min-height:94px;padding:12px}
  .kpi-grid b{font-size:1.35rem}
  .filters{padding:12px!important}
  input,select,textarea{font-size:1rem!important}
  .form-grid{row-gap:15px}
  .form-actions{grid-template-columns:minmax(0,1fr)}
  .notice,.alert{font-size:.8125rem}
  .table-scroll[data-table-mode="cards-1"] tbody{gap:9px}
  .table-scroll[data-table-mode="cards-1"] tbody tr{border-radius:0!important}
  .table-scroll[data-table-mode="cards-1"] tbody td{
    grid-template-columns:minmax(92px,31%) minmax(0,1fr)!important;
    gap:8px;
    min-height:0;
    padding:9px 10px!important;
    font-size:.8125rem!important;
  }
  .table-scroll[data-table-mode="cards-1"] tbody td:before{font-size:.6875rem!important}
  .table-scroll[data-table-mode="cards-1"] tbody td:last-child{grid-template-columns:minmax(92px,31%) minmax(0,1fr)!important}
  .table-scroll[data-table-mode="cards-1"] .table-action{min-width:0;width:max-content!important;max-width:100%}
  .workstream-grid,.scenario-suite-grid,.service-module-grid,.test-goal-grid,.test-engine-grid,.deployment-grid,.report-cards,.process-steps{grid-template-columns:minmax(0,1fr)!important}
  .global-search-layer{padding:0}
  .global-search-dialog{width:100%;height:var(--app-viewport-height,100dvh);max-height:var(--app-viewport-height,100dvh);border:0;border-radius:0!important}
  :where(.recipient-detail-dialog,.phishing-theme-dialog,dialog){width:calc(100vw - 16px);max-height:calc(var(--app-viewport-height,100dvh) - 16px)}
}
@media(max-width:420px){
  .top-actions{gap:5px}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpi-grid article,.kpi-grid .dashboard-kpi-card{padding:10px;min-height:89px}
  .kpi-grid span,.kpi-grid small{font-size:.6875rem!important}
  .table-scroll[data-table-mode="cards-1"] tbody td{grid-template-columns:minmax(84px,30%) minmax(0,1fr)!important;padding:8px 9px!important}
  .table-scroll[data-table-mode="cards-1"] tbody td:last-child{grid-template-columns:minmax(84px,30%) minmax(0,1fr)!important}
  .compact-list>a,.compact-list>.compact-static{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
}
@media(max-width:380px){
  .content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .panel:not(.table-panel):not(.agent-create-panel){padding:12px}
  .head-actions,.pwa-update-actions{grid-template-columns:minmax(0,1fr)}
  .table-scroll[data-table-mode="cards-1"] tbody td,.table-scroll[data-table-mode="cards-1"] tbody td:last-child{grid-template-columns:minmax(0,1fr)!important;gap:4px}
  .table-scroll[data-table-mode="cards-1"] tbody td:before{margin-bottom:1px}
  .table-scroll[data-table-mode="cards-1"] .table-action{width:100%!important}
}
@media(max-width:320px){
  .content{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .kpi-grid{gap:7px}
  .kpi-grid article,.kpi-grid .dashboard-kpi-card{padding:9px}
}

/* Tamna tema zadržava istu strukturu bez obojenih statusnih pozadina u tabeli. */
[data-theme="dark"]{
  --ui-row-line:#213544;
  --ui-row-hover:#102536;
  --ui-table-head:#102436;
}
[data-theme="dark"] body{background:var(--bg)}
[data-theme="dark"] .panel,[data-theme="dark"] .table-panel,[data-theme="dark"] .dashboard-kpi-card,[data-theme="dark"] .card-surface-link,[data-theme="dark"] .table-scroll tbody tr{box-shadow:none!important}
[data-theme="dark"] .table-scroll thead tr{background:var(--ui-table-head)}
[data-theme="dark"] .table-scroll th{color:#9eafbb}
[data-theme="dark"] .table-scroll[data-table-mode="table"] tbody tr:hover td{background:var(--ui-row-hover)}
[data-theme="dark"] .table-scroll[data-table-mode="cards-2"] tbody td:first-child,[data-theme="dark"] .table-scroll[data-table-mode="cards-1"] tbody td:first-child{background:#102334!important}
[data-theme="dark"] .table-scroll td :where(.status,.owner-badge,.severity-pill){background:transparent!important;border:0!important;box-shadow:none!important}
[data-theme="dark"] .table-scroll td .status:where(.authorized,.completed,.resolved,.approved){color:#9fe0c5}
[data-theme="dark"] .table-scroll td .status:where(.pending,.queued,.submitted,.draft){color:#f2cf84}
[data-theme="dark"] .table-scroll td .status:where(.running,.in_progress){color:#9bdcf4}
[data-theme="dark"] .table-scroll td .status:where(.failed,.cancelled,.blocked,.rejected,.suspended,.expired){color:#f3acb7}
[data-theme="dark"] .table-scroll td .status.risk_accepted{color:#cfb9ef}
[data-theme="dark"] .table-scroll td .status.false_positive{color:#bdc8cf}
[data-theme="dark"] .table-scroll td .severity-pill.critical{color:#f3a7b3}
[data-theme="dark"] .table-scroll td .severity-pill.high{color:#f0aa9d}
[data-theme="dark"] .table-scroll td .severity-pill.medium{color:#f2cf84}
[data-theme="dark"] .table-scroll td .severity-pill.low{color:#9bd5f2}
[data-theme="dark"] .table-scroll td .severity-pill.info,[data-theme="dark"] .table-scroll td .severity-pill.pending{color:#bdc8cf}
[data-theme="dark"] .btn.primary{background:#167ead;border-color:#43b7e8}

@media(prefers-reduced-motion:reduce){
  :where(*,*:before,*:after){scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(prefers-contrast:more){
  .table-scroll td :where(.status,.owner-badge,.severity-pill):before{outline:1px solid currentColor;outline-offset:1px}
}
@media(forced-colors:active){
  .table-scroll td :where(.status,.owner-badge,.severity-pill){forced-color-adjust:auto}
}
@media print{
  .sidebar,.topbar,.mobile-nav,.sidebar-backdrop,.offline-banner,.pwa-update-banner,.head-actions,.table-action{display:none!important}
  .main{margin:0!important;width:100%!important}
  .content{max-width:none!important;padding:0!important}
  .panel,.table-panel{break-inside:avoid;border-color:#b7c0c7!important}
  .table-scroll{overflow:visible!important}
  .table-scroll table{display:table!important;table-layout:auto!important}
  .table-scroll thead{display:table-header-group!important}
  .table-scroll tbody{display:table-row-group!important}
  .table-scroll tbody tr{display:table-row!important;border:0!important}
  .table-scroll tbody td{display:table-cell!important}
  .table-scroll tbody td:before{display:none!important}
}

/* 2.18.2-r8 · Enterprise UI stabilization — compact, readable, collision-free across all viewports. */
:root{
  --ui-font-body:13px;
  --ui-font-small:12px;
  --ui-font-label:12px;
  --ui-font-table:12.5px;
  --ui-font-button:12.5px;
  --ui-control-height-compact:40px;
  --ui-panel-gap-compact:14px;
}
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-size:var(--ui-font-body);line-height:1.48}
.content{max-width:1760px;padding:20px 22px 28px}
.page-head{gap:16px;margin-bottom:16px}
.page-head h1{font-size:clamp(1.45rem,1.8vw,1.92rem)!important;line-height:1.16;letter-spacing:-.018em}
.page-head p{max-width:880px;margin-top:5px;font-size:12.5px!important;line-height:1.55}
.eyebrow{font-size:10.5px!important;line-height:1.35;letter-spacing:.08em}
.panel{margin-bottom:14px}
.panel:not(.table-panel):not(.agent-create-panel){padding:16px}
.panel-head{gap:14px;margin-bottom:14px}
.panel-head h2{font-size:1.02rem!important;line-height:1.28}
.panel-head p{font-size:12px!important;line-height:1.52}
small,.form-grid label>small,.form-help,.compact-list small,.details small,.worker-create-form label>small,.agent-create-form label>small{font-size:11.5px!important;line-height:1.5!important}

/* Controls: smaller on desktop but still comfortable and readable. */
.btn,.table-action,.recipient-detail-button{min-height:40px!important;padding:8px 12px!important;font-size:var(--ui-font-button)!important;line-height:1.3!important}
.icon-btn,.top-search-trigger,.theme-toggle{min-width:40px;min-height:40px}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:13px!important;line-height:1.35!important}
.form-grid input,.form-grid select,.filters input,.filters select,.worker-create-form input,.worker-create-form select{min-height:42px!important;padding:9px 11px!important}
.form-grid textarea,.worker-create-form textarea{min-height:96px!important;padding:9px 11px!important}
.form-grid{column-gap:14px;row-gap:14px}
.form-grid label,.filters label{gap:5px;font-size:12px!important;line-height:1.35!important}
.form-actions,.head-actions,.record-actions,.inline-actions,.report-actions{gap:7px!important}

/* All words and controls must stay inside their own component. */
:where(.content,.panel,.card,.notice,.alert,.page-head,.panel-head,.details,.form-grid,.filters,.table-scroll,dialog) :where(h1,h2,h3,h4,p,li,dt,dd,label,legend,b,strong,span,small,a,button){
  min-width:0;max-width:100%;word-break:normal;overflow-wrap:break-word;
}
:where(.btn,.table-action,button){white-space:normal!important;text-overflow:clip!important}
:where(code,.mono,.hash,.url,.target,.token){overflow-wrap:anywhere;word-break:break-word}

/* Checkboxes / radio controls — fixed two-column geometry, never overlap text. */
.form-grid label.check,.check-row,.agent-posture-options .check{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  align-content:start!important;
  column-gap:9px!important;
  row-gap:2px!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}
.form-grid label.check input[type="checkbox"],.form-grid label.check input[type="radio"],
.check-row input[type="checkbox"],.check-row input[type="radio"],
.agent-posture-options .check input[type="checkbox"],.agent-posture-options .check input[type="radio"]{
  grid-column:1!important;grid-row:1!important;
  width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;min-height:17px!important;
  margin:1px 0 0!important;padding:0!important;align-self:start!important;
}
.form-grid label.check>span,.check-row>span,.agent-posture-options .check>span{
  grid-column:2!important;grid-row:1!important;display:grid!important;gap:2px!important;min-width:0!important;width:100%!important;
}
.form-grid label.check>span>b,.check-row>span>b,.agent-posture-options .check>span>b{display:block;font-size:12px!important;line-height:1.32!important}
.form-grid label.check>span>small,.check-row>span>small,.agent-posture-options .check>span>small{display:block;margin:0!important;font-size:11px!important;line-height:1.4!important}

/* Matrix Agent form: never keep two columns when either column would become cramped. */
.agent-create-head{padding:18px 20px 16px}
.agent-create-form{padding:18px 20px 20px;column-gap:16px;row-gap:14px}
.agent-create-form .span-2{grid-column:1/-1}
.agent-posture-options{align-self:start;gap:6px!important}
.agent-posture-options legend{margin:0 0 5px;padding:0;font-size:12px!important;line-height:1.35}
.agent-package-assurance{padding:12px;gap:9px}
.agent-package-assurance p{font-size:11.5px!important;line-height:1.5}
.agent-create-submit{min-height:44px!important}
@container matrix-panel (max-width:900px){
  .agent-create-form{grid-template-columns:minmax(0,1fr)!important}
  .agent-create-form>*{grid-column:1!important}
  .agent-posture-options{grid-column:1!important;width:100%!important}
}

/* General two-column forms collapse before labels and controls become cramped. */
@container matrix-panel (max-width:760px){
  .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .form-grid>.span-2{grid-column:1!important}
  .details{grid-template-columns:minmax(0,1fr)!important}
}

/* Tables: dense enterprise desktop grid, controlled reflow only when necessary. */
.table-panel{overflow:hidden}
.table-panel>.panel-head{padding:15px 15px 0;margin-bottom:12px}
.table-scroll table{font-size:var(--ui-font-table)!important;line-height:1.34!important}
.table-scroll th{padding:10px 10px!important;font-size:10.8px!important;line-height:1.3!important;letter-spacing:.025em!important;vertical-align:bottom!important}
.table-scroll td{padding:10px 10px!important;font-size:12.5px!important;line-height:1.38!important;vertical-align:top!important}
.table-scroll td small{display:block;margin-top:3px;font-size:11px!important;line-height:1.35!important}
.table-scroll td,.table-scroll th{word-break:normal!important;overflow-wrap:break-word!important}
.table-scroll td :where(.status,.owner-badge,.severity-pill){display:inline-flex!important;align-items:flex-start!important;max-width:100%!important;white-space:normal!important;line-height:1.3!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.table-scroll td :where(.status,.owner-badge,.severity-pill):before{flex:0 0 auto;margin-top:.4em}
.table-scroll .table-action{min-width:0!important;width:auto!important;max-width:100%!important;padding:7px 10px!important}
.table-scroll[data-table-mode="cards-2"] tbody,.table-scroll[data-table-mode="cards-1"] tbody{gap:10px!important;padding:10px!important}
.table-scroll[data-table-mode="cards-2"] tbody tr,.table-scroll[data-table-mode="cards-1"] tbody tr{overflow:hidden!important;border-radius:0!important}
.table-scroll[data-table-mode="cards-2"] tbody td,.table-scroll[data-table-mode="cards-1"] tbody td{min-width:0!important;padding:9px 10px!important;line-height:1.4!important;overflow:hidden!important}
.table-scroll[data-table-mode="cards-2"] tbody td:before,.table-scroll[data-table-mode="cards-1"] tbody td:before{font-size:10.5px!important;line-height:1.3!important}

/* Navigation and top bar use compact enterprise density without losing touch support. */
@media(min-width:901px){
  :root{--sidebar:232px}
  .sidebar{padding:14px 11px}
  .sidebar nav{gap:2px;padding-top:12px}
  .sidebar nav a{min-height:38px;padding:8px 9px;gap:10px;font-size:12.5px;line-height:1.28}
  .sidebar nav a span{width:21px;font-size:.92rem}
  .topbar{min-height:58px}
}

/* Tablet: clear single/dual-column cards, no crowded action rows. */
@media(max-width:1100px){
  .content{padding:16px 16px 24px}
  .page-head,.panel-head{gap:12px}
  .head-actions{justify-content:flex-start}
  .filters form,.test-rule-filters form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .filters form>.btn,.test-rule-filters form>.btn{width:100%}
  .workstream-grid,.scenario-suite-grid,.service-module-grid,.test-goal-grid,.test-engine-grid,.deployment-grid,.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile: readable, no overlapping, full-width actions and 44 px touch targets. */
@media(max-width:760px){
  .content{padding:12px max(12px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .page-head h1{font-size:1.38rem!important}
  .page-head p{font-size:12px!important}
  .panel:not(.table-panel):not(.agent-create-panel){padding:13px}
  .panel-head h2{font-size:.98rem!important}
  .form-grid,.filters form,.test-rule-filters form{grid-template-columns:minmax(0,1fr)!important}
  .form-grid input,.form-grid select,.filters input,.filters select,.worker-create-form input,.worker-create-form select{min-height:44px!important;font-size:16px!important}
  .form-grid textarea,.worker-create-form textarea{font-size:16px!important}
  .btn,.table-action,.recipient-detail-button,.icon-btn,.top-search-trigger,.theme-toggle{min-height:44px!important}
  .head-actions,.form-actions,.record-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .head-actions>*,.head-actions form,.head-actions .btn,.form-actions>*,.form-actions .btn,.record-actions>*,.record-actions form,.record-actions .btn{width:100%!important;min-width:0!important}
  .workstream-grid,.scenario-suite-grid,.service-module-grid,.test-goal-grid,.test-engine-grid,.deployment-grid,.report-cards,.process-steps{grid-template-columns:minmax(0,1fr)!important}
  .table-scroll[data-table-mode="cards-1"] tbody td,.table-scroll[data-table-mode="cards-2"] tbody td{grid-template-columns:minmax(88px,31%) minmax(0,1fr)!important;gap:8px!important}
  .table-scroll[data-table-mode="cards-1"] .table-action,.table-scroll[data-table-mode="cards-2"] .table-action{width:100%!important;justify-content:center!important}
}
@media(max-width:420px){
  .content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .panel:not(.table-panel):not(.agent-create-panel){padding:11px}
  .agent-create-head,.agent-create-form{padding-left:12px;padding-right:12px}
  .table-scroll[data-table-mode="cards-1"] tbody td,.table-scroll[data-table-mode="cards-2"] tbody td{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}
  .table-scroll[data-table-mode="cards-1"] tbody td:before,.table-scroll[data-table-mode="cards-2"] tbody td:before{margin-bottom:2px!important}
}


/* R8.8 — controlled destructive operations; isolated from the r8 layout system. */
.scan-purge-inline{display:inline-flex;min-width:0;max-width:100%;margin:0}
.report-actions .scan-purge-inline{width:100%}
.table-action.danger-action{border:1px solid color-mix(in srgb,var(--danger,#b4232f) 42%,transparent)!important;background:transparent!important;color:var(--danger,#a61f2d)!important;white-space:normal!important;text-align:center!important}
.table-action.danger-action:hover{background:color-mix(in srgb,var(--danger,#b4232f) 8%,transparent)!important}
.scan-purge-zone{align-items:center;gap:18px}
.scan-purge-zone>div{min-width:0;flex:1 1 480px}
.scan-purge-detail{flex:0 1 280px;min-width:0}
.scan-purge-detail .btn{width:100%;white-space:normal}
.scan-purge-dialog{width:min(640px,calc(100vw - 32px));max-width:640px;max-height:min(780px,calc(100dvh - 32px));margin:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink,#172536);overflow:visible}
.scan-purge-dialog::backdrop{background:rgba(6,18,35,.72);backdrop-filter:blur(3px)}
.scan-purge-dialog-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(780px,calc(100dvh - 32px));overflow:hidden;border:1px solid var(--line,#cfdae4);border-radius:0;background:var(--surface,#fff);box-shadow:0 28px 80px rgba(4,18,37,.28)}
.scan-purge-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--line,#d4dfe8)}
.scan-purge-dialog-card h2{margin:4px 0 0;font-size:1.22rem;line-height:1.3}
.scan-purge-dialog-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--line,#cbd8e2);border-radius:0;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.scan-purge-dialog-body{min-width:0;overflow:auto;padding:20px 22px;overscroll-behavior:contain}
.scan-purge-dialog-body>.alert{margin:0 0 16px}
.scan-purge-summary{display:grid;gap:10px;margin:0 0 18px}
.scan-purge-summary>div{display:grid;grid-template-columns:minmax(120px,34%) minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line,#d7e1e9)}
.scan-purge-summary dt{color:var(--muted,#637386);font-size:11px;font-weight:600;letter-spacing:.045em;text-transform:uppercase}
.scan-purge-summary dd{min-width:0;margin:0;font-weight:600;overflow-wrap:anywhere}
.scan-purge-summary code{display:inline-block;max-width:100%;padding:5px 8px;border:1px solid var(--line,#ccd8e2);border-radius:0;background:var(--surface-soft,#f2f6f9);color:var(--danger,#a61f2d);font-size:.9rem;overflow-wrap:anywhere;user-select:all}
.scan-purge-dialog-body label{display:grid;gap:8px;font-weight:600}
.scan-purge-dialog-body input{width:100%;min-height:48px;box-sizing:border-box;font-size:16px;font-weight:750;letter-spacing:.025em}
.scan-purge-dialog-body input[aria-invalid="true"]{border-color:var(--danger,#b4232f);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger,#b4232f) 14%,transparent)}
.scan-purge-dialog-card>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line,#d4dfe8);background:var(--surface-soft,#f5f8fa)}
.scan-purge-dialog-card>footer .btn{width:100%;min-width:0;white-space:normal}
.scan-purge-dialog-card>footer .btn:disabled{opacity:.52;cursor:not-allowed}
[data-theme="dark"] .scan-purge-dialog{color:#e8f0f7}
[data-theme="dark"] .scan-purge-dialog-card{border-color:#334a62;background:#12263e}
[data-theme="dark"] .scan-purge-dialog-card>header,[data-theme="dark"] .scan-purge-dialog-card>footer{border-color:#334a62}
[data-theme="dark"] .scan-purge-dialog-card>footer,[data-theme="dark"] .scan-purge-summary code{background:#0e2035}
[data-theme="dark"] .scan-purge-summary>div{border-color:#334a62}
[data-theme="dark"] .scan-purge-dialog-close{border-color:#486079}
@media(max-width:600px){
  .scan-purge-zone{align-items:stretch;flex-direction:column}
  .scan-purge-detail{width:100%;flex-basis:auto}
  .scan-purge-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
  .scan-purge-dialog-card{max-height:calc(100dvh - 20px)}
  .scan-purge-dialog-card>header,.scan-purge-dialog-body,.scan-purge-dialog-card>footer{padding-left:16px;padding-right:16px}
  .scan-purge-dialog-card>footer{grid-template-columns:minmax(0,1fr)}
  .scan-purge-summary>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .scan-purge-inline,.scan-purge-inline .table-action{width:100%!important}
}
@media(max-width:320px){
  .scan-purge-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
  .scan-purge-dialog-card{max-height:calc(100dvh - 12px);border-radius:0}
  .scan-purge-dialog-card>header,.scan-purge-dialog-body,.scan-purge-dialog-card>footer{padding-left:12px;padding-right:12px}
}

/* R8.8 — hard limit for service selectors: native controls never inherit field width. */
.service-module-choice{overflow:hidden!important}
.service-module-choice>input[type="checkbox"],.service-module-choice>input[type="radio"]{
  appearance:auto!important;-webkit-appearance:auto!important;
  position:absolute!important;left:15px!important;top:17px!important;
  display:block!important;inline-size:18px!important;block-size:18px!important;
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;
  transform:none!important;zoom:1!important;accent-color:var(--brand-blue-dark)!important;
}
.service-module-choice>span{display:block!important;min-width:0!important;max-width:100%!important}
@container matrix-panel (max-width:700px){
  .service-module-grid{grid-template-columns:minmax(0,1fr)!important}
  .service-module-choice{min-height:0!important}
  .service-module-facts{grid-template-columns:minmax(0,1fr)!important}
  .service-module-facts>div.claim{grid-column:1!important}
}

/* ========================================================================
   MatrixScan Enterprise UI r8.12 — FRONTEND-ONLY refinement layer
   Scope: presentation, responsive layout, accessibility and PWA surfaces.
   No scan, report, authentication, database or worker logic is changed.
   ======================================================================== */

:root{
  --ui-font:"Inter Variable","Open Sans",Arial,"Segoe UI",sans-serif;
  --ui-bg:#edf2f6;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f6f8fa;
  --ui-surface-muted:#eef3f6;
  --ui-ink:#14202d;
  --ui-muted:#607184;
  --ui-muted-strong:#46586b;
  --ui-line:#d3dde6;
  --ui-line-strong:#b9c8d4;
  --ui-accent:#1688b9;
  --ui-accent-strong:#0c6f9c;
  --ui-accent-soft:#e8f5fb;
  --ui-navy:#0a1e36;
  --ui-navy-2:#102d4d;
  --ui-positive:#147a58;
  --ui-warning:#936100;
  --ui-danger:#a52a38;
  --ui-info:#246f9b;
  --ui-radius-xs:6px;
  --ui-radius-sm:8px;
  --ui-radius-md:12px;
  --ui-radius-lg:16px;
  --ui-control-height:44px;
  --ui-control-height-compact:40px;
  --ui-page-gutter:clamp(16px,2vw,30px);
  --ui-panel-padding:clamp(16px,1.55vw,22px);
  --ui-gap-xs:6px;
  --ui-gap-sm:10px;
  --ui-gap-md:14px;
  --ui-gap-lg:18px;
  --ui-gap-xl:24px;
  --ui-shadow-panel:0 1px 2px rgba(11,31,58,.045);
  --ui-shadow-float:0 20px 54px rgba(6,24,43,.22);
  --ui-focus:0 0 0 3px rgba(22,136,185,.22);
  --sidebar:244px;
}

[data-theme="dark"]{
  --ui-bg:#071421;
  --ui-surface:#0d1d2c;
  --ui-surface-soft:#102334;
  --ui-surface-muted:#14283a;
  --ui-ink:#edf4f8;
  --ui-muted:#9bafbd;
  --ui-muted-strong:#bdcbd4;
  --ui-line:#2a4051;
  --ui-line-strong:#3b576a;
  --ui-accent:#58c2eb;
  --ui-accent-strong:#78d2f2;
  --ui-accent-soft:#0f3044;
  --ui-navy:#061425;
  --ui-navy-2:#10314f;
  --ui-positive:#9fe0c5;
  --ui-warning:#f2cf84;
  --ui-danger:#f3acb7;
  --ui-info:#9bdcf4;
  --ui-shadow-panel:none;
  --ui-shadow-float:0 24px 64px rgba(0,0,0,.48);
  --ui-focus:0 0 0 3px rgba(88,194,235,.28);
}

html{
  font-family:var(--ui-font);
  background:var(--ui-bg);
  color:var(--ui-ink);
  font-size:16px;
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-padding-top:84px;
}
body{
  min-width:0;
  overflow-x:hidden;
  background:var(--ui-bg);
  color:var(--ui-ink);
  font-family:var(--ui-font);
  font-size:.875rem;
  line-height:1.52;
}
html,body,.app-shell,.main,.content{width:100%;max-width:100%;min-width:0}
:where(main,section,article,aside,header,footer,nav,form,fieldset,div,dl,ol,ul,li,label){min-width:0}
:where(h1,h2,h3,h4,h5,h6,p,small,span,b,strong,em,dt,dd,td,th,a,button,label,legend){overflow-wrap:break-word;word-break:normal;hyphens:none}
:where(code,.mono,.wrap-token,[data-wrap-token]){overflow-wrap:anywhere;word-break:break-word}
::selection{background:rgba(22,136,185,.22);color:inherit}

/* Typography */
h1,h2,h3,h4{color:var(--ui-ink);font-family:var(--ui-font);font-weight:760;letter-spacing:-.018em}
h1{font-size:clamp(1.65rem,2.25vw,2.15rem);line-height:1.14;margin-bottom:.5rem}
h2{font-size:1.0625rem;line-height:1.3}
h3{font-size:.9375rem;line-height:1.36}
p{color:var(--ui-muted);line-height:1.58}
small{line-height:1.45}
.eyebrow{color:var(--ui-accent-strong);font-size:.6875rem;line-height:1.35;font-weight:820;letter-spacing:.095em}
.page-head p,.panel-head p{max-width:78ch;color:var(--ui-muted)}
.panel-head h2{margin:0;font-size:1.0625rem;line-height:1.3}
.panel-head p{margin:.22rem 0 0;font-size:.75rem;line-height:1.5}

/* Application shell */
.app-shell{min-height:100dvh;background:var(--ui-bg)}
.sidebar{
  width:var(--sidebar);
  padding:16px 12px max(14px,env(safe-area-inset-bottom));
  overflow-x:hidden;
  background:linear-gradient(180deg,var(--ui-navy) 0%,#081a30 100%);
  border-right:1px solid rgba(255,255,255,.055);
  box-shadow:none;
}
.logo{min-height:58px;padding:3px 8px 16px;gap:11px;border-bottom-color:rgba(255,255,255,.1)}
.logo-icon,.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:0;filter:none}
.logo b{font-size:.95rem;line-height:1.3;letter-spacing:0}
.logo small{font-size:.6875rem;line-height:1.35;color:#90a4b5}
.sidebar nav{gap:3px;padding-top:14px}
.sidebar nav a{
  min-height:42px;
  padding:9px 10px;
  gap:10px;
  border:1px solid transparent;
  border-left:3px solid transparent;
  border-radius:0;
  color:#aab8c6;
  font-size:.78125rem;
  line-height:1.3;
  font-weight:650;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.sidebar nav a span{width:22px;flex:0 0 22px;font-size:.96rem;line-height:1}
.sidebar nav a:hover,.sidebar nav a:focus-visible{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.06);color:#fff}
.sidebar nav a.active{
  background:linear-gradient(90deg,rgba(32,105,158,.34),rgba(29,75,119,.28));
  border-color:rgba(85,194,235,.12);
  border-left-color:#55c2eb;
  color:#fff;
}
.sidebar-foot{padding:12px 2px 0}
.license{border-color:rgba(255,255,255,.14);border-radius:0;background:rgba(255,255,255,.035);padding:13px}
.license span{color:#8ed9f6;font-size:.625rem;line-height:1.35}
.license b{font-size:.8125rem}
.license small{font-size:.6875rem}

.main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100dvh}
.topbar{
  min-height:64px;
  height:auto;
  padding:8px var(--ui-page-gutter);
  gap:14px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--ui-line);
  box-shadow:none;
  backdrop-filter:saturate(160%) blur(14px);
}
[data-theme="dark"] .topbar{background:rgba(8,22,35,.96);border-bottom-color:var(--ui-line)}
.top-title{min-width:0;flex:1 1 auto}
.top-title span{display:block;font-size:.8125rem;line-height:1.35;font-weight:760;color:var(--ui-ink)}
.top-title small{font-size:.6875rem;line-height:1.35;color:var(--ui-muted);white-space:normal}
.top-actions{min-width:0;gap:8px}
.top-search-trigger,.theme-toggle,.release-badge,.icon-btn{
  min-height:40px;
  height:40px;
  border:1px solid var(--ui-line);
  border-radius:0;
  background:var(--ui-surface);
  color:var(--ui-muted-strong);
  box-shadow:none;
}
.top-search-trigger:hover,.theme-toggle:hover,.release-badge:hover,.icon-btn:hover{border-color:var(--ui-line-strong);background:var(--ui-surface-soft);color:var(--ui-ink)}
.user-menu{min-width:0;padding-left:11px;border-left-color:var(--ui-line)}
.user-menu>span{width:36px;height:36px;flex:0 0 36px;border-radius:0;background:var(--ui-surface-muted);color:var(--ui-ink)}
.user-menu b{font-size:.75rem;line-height:1.3}
.user-menu small{font-size:.625rem;line-height:1.3;color:var(--ui-muted)}

.content{max-width:1720px;margin:0 auto;padding:var(--ui-page-gutter)}
.page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ui-gap-xl);
  margin:2px 0 20px;
}
.page-head>div:first-child{min-width:0;max-width:980px}
.page-head p{margin-bottom:0;font-size:.8125rem}
.head-actions,.record-actions,.inline-actions,.report-actions,.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.head-actions{justify-content:flex-end}
.head-actions form,.record-actions form,.report-actions form{min-width:0;margin:0}

/* Surfaces, cards and grids */
.panel,.table-panel,.dashboard-kpi-card,.workstream-card,.scenario-suite-card,.test-engine-card,.service-module-choice,.deployment-card,.report-card,.worker-asset-card,.guide-section,.premium-empty-state{
  border-color:var(--ui-line);
  border-radius:0;
  background:var(--ui-surface);
  box-shadow:var(--ui-shadow-panel);
}
.panel{padding:var(--ui-panel-padding);margin-bottom:var(--ui-gap-lg)}
.table-panel{padding:0;overflow:hidden}
.table-panel>.panel-head{padding:var(--ui-panel-padding) var(--ui-panel-padding) 14px;margin:0}
.panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--ui-gap-md);
  margin-bottom:14px;
}
.panel-head>div:first-child{min-width:0}
.dashboard-grid,.kpi-grid,.detail-grid,.workstream-grid,.scenario-suite-grid,.test-engine-grid,.service-module-grid,.deployment-grid,.report-cards,.worker-asset-grid,.process-steps{
  gap:var(--ui-gap-md);
}
.kpi-grid{margin-bottom:var(--ui-gap-lg)}
.dashboard-kpi-card,.kpi-grid article{
  min-height:112px;
  padding:16px 17px;
  border-top:3px solid var(--ui-line-strong);
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}
.dashboard-kpi-card:hover,.dashboard-kpi-card:focus-visible{border-top-color:var(--ui-accent);background:var(--ui-surface-soft);transform:translateY(-1px)}
.dashboard-kpi-card.accent,.kpi-grid article.accent{border-top-color:var(--ui-accent)}
.dashboard-kpi-card span,.kpi-grid article span{color:var(--ui-muted-strong);font-size:.72rem;line-height:1.35;font-weight:600}
.dashboard-kpi-card b,.kpi-grid article b{margin:.28rem 0 .15rem;font-size:1.55rem;line-height:1.1;color:var(--ui-ink)}
.dashboard-kpi-card small,.kpi-grid article small{color:var(--ui-muted);font-size:.6875rem;line-height:1.4}
.card-surface-link,.table-row-card{outline:none}
.card-surface-link:focus-visible,.table-row-card:focus-visible{box-shadow:var(--ui-focus);border-color:var(--ui-accent)!important}

.notice,.alert{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:4px;
  min-width:0;
  padding:13px 15px;
  border:1px solid color-mix(in srgb,var(--ui-accent) 26%,var(--ui-line));
  border-left:4px solid var(--ui-accent);
  border-radius:0;
  background:var(--ui-accent-soft);
  color:var(--ui-muted-strong);
  font-size:.8125rem;
  line-height:1.52;
}
.notice b,.alert b{color:var(--ui-ink);font-size:.8125rem;line-height:1.4}
.alert.error,.notice.error{border-color:color-mix(in srgb,var(--ui-danger) 36%,var(--ui-line));border-left-color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface));color:var(--ui-danger)}
.alert.success,.notice.success{border-color:color-mix(in srgb,var(--ui-positive) 32%,var(--ui-line));border-left-color:var(--ui-positive);background:color-mix(in srgb,var(--ui-positive) 8%,var(--ui-surface))}

/* Buttons and interactive controls */
.btn,.table-action,.recipient-detail-button{
  min-width:0;
  min-height:var(--ui-control-height-compact);
  height:auto;
  padding:9px 14px;
  gap:7px;
  border:1px solid var(--ui-line-strong);
  border-radius:0;
  background:var(--ui-surface);
  color:var(--ui-ink);
  box-shadow:none;
  font-family:var(--ui-font);
  font-size:.78125rem;
  line-height:1.32;
  font-weight:720;
  white-space:normal;
  text-align:center;
  overflow-wrap:break-word;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.btn:hover,.table-action:hover,.recipient-detail-button:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent-strong)}
.btn:active,.table-action:active{transform:translateY(1px)}
.btn.primary{border-color:var(--ui-accent-strong);background:var(--ui-accent);color:#fff}
.btn.primary:hover{border-color:var(--ui-accent-strong);background:var(--ui-accent-strong);color:#fff}
.btn.subtle{border-color:var(--ui-line);background:var(--ui-surface-soft)}
.btn.danger,.table-action.danger-action{border-color:color-mix(in srgb,var(--ui-danger) 38%,var(--ui-line));background:transparent;color:var(--ui-danger)}
.btn.danger:hover,.table-action.danger-action:hover{background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface));border-color:var(--ui-danger)}
.btn:disabled,.btn.disabled,.table-action:disabled{opacity:.48;filter:saturate(.65);cursor:not-allowed}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:0;box-shadow:var(--ui-focus);border-color:var(--ui-accent)!important}

/* Forms */
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:17px}
.form-grid>*,.filters form>*,.worker-create-form>*,fieldset>*,label>*{min-width:0;max-width:100%}
.form-grid label,.filters label,.worker-create-form label,.option-grid label{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:6px;
  min-width:0;
  color:var(--ui-muted-strong);
  font-size:.75rem;
  line-height:1.4;
  font-weight:720;
}
.form-grid label>span,.filters label>span{display:block;min-width:0}
.form-grid small,.filters small,label small,.form-help{color:var(--ui-muted);font-size:.6875rem;line-height:1.48;font-weight:520}
input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea{
  width:100%;
  max-width:100%;
  min-height:var(--ui-control-height);
  padding:10px 12px;
  border:1px solid var(--ui-line-strong);
  border-radius:0;
  background:var(--ui-surface);
  color:var(--ui-ink);
  font-family:var(--ui-font);
  font-size:.8125rem;
  line-height:1.42;
  box-shadow:none;
}
textarea{min-height:112px;resize:vertical}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--ui-muted) 82%,transparent);opacity:1}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--ui-accent) 46%,var(--ui-line-strong))}
input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--ui-surface-muted);color:var(--ui-muted);opacity:1}
fieldset{min-width:0;margin:0;padding:0;border:0}
legend{max-width:100%;color:var(--ui-ink);font-weight:760}

.check-row,.switch-row,.service-combine-control{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
}
:where(input[type="checkbox"],input[type="radio"]){
  appearance:auto!important;
  -webkit-appearance:auto!important;
  box-sizing:border-box!important;
  inline-size:18px!important;
  block-size:18px!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:2px 0 0!important;
  padding:0!important;
  transform:none!important;
  zoom:1!important;
  accent-color:var(--ui-accent)!important;
  justify-self:start!important;
  align-self:start!important;
}
.check-row>span,.switch-row>span,.service-combine-control>span{display:block!important;min-width:0!important;max-width:100%!important;color:var(--ui-muted-strong);font-size:.78125rem;line-height:1.52;font-weight:600}
.check-row>span small,.switch-row>span small{display:block;margin-top:3px}

.filters{padding:14px 15px!important}
.filters form,.test-rule-filters form{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(160px,1fr)) auto;align-items:end;gap:10px}
.filters .btn,.test-rule-filters .btn{min-height:var(--ui-control-height)}
.live-filter-toolbar{border-color:var(--ui-line);border-radius:0;background:var(--ui-surface-soft)}

/* Tables */
.table-scroll{width:100%;max-width:100%;min-width:0;overflow:hidden;background:var(--ui-surface)}
.table-scroll table{width:100%;max-width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:auto;background:transparent;font-size:.8125rem}
.table-scroll thead tr{background:var(--ui-surface-muted)}
.table-scroll th{
  padding:11px 12px;
  border-top:1px solid var(--ui-line);
  border-bottom:1px solid var(--ui-line);
  color:var(--ui-muted-strong);
  font-size:.6875rem;
  line-height:1.35;
  font-weight:820;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:normal;
  vertical-align:bottom;
}
.table-scroll th:first-child{padding-left:14px}
.table-scroll th:last-child{padding-right:14px}
.table-scroll td{
  min-width:0;
  max-width:420px;
  padding:11px 12px;
  border-bottom:1px solid var(--ui-line);
  color:var(--ui-ink);
  font-size:.8125rem;
  line-height:1.45;
  vertical-align:top;
  white-space:normal;
}
.table-scroll td:first-child{padding-left:14px}
.table-scroll td:last-child{padding-right:14px}
.table-scroll td b{display:block;color:var(--ui-ink);font-size:.8125rem;line-height:1.38;font-weight:730}
.table-scroll td small{display:block;margin-top:2px;color:var(--ui-muted);font-size:.6875rem;line-height:1.42}
.table-scroll[data-table-mode="table"] tbody tr:hover td{background:color-mix(in srgb,var(--ui-accent) 4%,var(--ui-surface))}
.table-scroll td :where(.status,.owner-badge,.severity-pill){
  max-width:100%;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:normal!important;
  text-align:left;
  line-height:1.35;
}
.table-scroll td .status{display:inline-flex;align-items:flex-start;gap:6px;font-size:.6875rem;font-weight:820}
.table-scroll td .status:before{flex:0 0 7px;width:7px;height:7px;margin-top:.28em;border-radius:0;background:currentColor}
.table-scroll td .status:where(.authorized,.completed,.resolved,.approved){color:var(--ui-positive)}
.table-scroll td .status:where(.pending,.queued,.submitted,.draft){color:var(--ui-warning)}
.table-scroll td .status:where(.running,.in_progress){color:var(--ui-info)}
.table-scroll td .status:where(.failed,.cancelled,.blocked,.rejected,.suspended,.expired){color:var(--ui-danger)}
.table-scroll .table-action{display:inline-flex;justify-content:center;min-height:38px;padding:8px 11px;color:var(--ui-accent-strong)}
.table-scroll .report-actions{display:flex;flex-wrap:wrap;gap:6px}

.table-scroll[data-table-mode="cards-2"],.table-scroll[data-table-mode="cards-1"]{padding:0 10px 10px;background:transparent}
.table-scroll[data-table-mode="cards-2"] table,.table-scroll[data-table-mode="cards-1"] table{display:block;width:100%;font-size:.8125rem}
.table-scroll[data-table-mode="cards-2"] thead,.table-scroll[data-table-mode="cards-1"] thead{display:none}
.table-scroll[data-table-mode="cards-2"] tbody,.table-scroll[data-table-mode="cards-1"] tbody{display:grid;gap:10px;width:100%;padding:0}
.table-scroll[data-table-mode="cards-2"] tbody{grid-template-columns:repeat(2,minmax(0,1fr))}
.table-scroll[data-table-mode="cards-1"] tbody{grid-template-columns:minmax(0,1fr)}
.table-scroll[data-table-mode="cards-2"] tbody tr,.table-scroll[data-table-mode="cards-1"] tbody tr{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--ui-line);
  border-left:3px solid var(--ui-accent);
  border-radius:0!important;
  background:var(--ui-surface);
  box-shadow:none!important;
}
.table-scroll[data-table-mode="cards-2"] tbody td,.table-scroll[data-table-mode="cards-1"] tbody td{
  display:grid;
  grid-template-columns:minmax(112px,31%) minmax(0,1fr);
  align-items:start;
  gap:10px;
  width:100%;
  max-width:none;
  min-height:0;
  padding:9px 11px!important;
  border:0;
  border-bottom:1px solid var(--ui-line)!important;
  background:transparent!important;
  font-size:.8125rem!important;
  line-height:1.45!important;
  text-align:left!important;
  overflow:visible!important;
}
.table-scroll[data-table-mode="cards-2"] tbody td:last-child,.table-scroll[data-table-mode="cards-1"] tbody td:last-child{border-bottom:0!important}
.table-scroll[data-table-mode="cards-2"] tbody td:before,.table-scroll[data-table-mode="cards-1"] tbody td:before{
  content:attr(data-label);
  min-width:0;
  color:var(--ui-muted);
  font-size:.65625rem!important;
  line-height:1.38!important;
  font-weight:820;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.table-scroll[data-table-mode="cards-2"] tbody td>.table-action,.table-scroll[data-table-mode="cards-1"] tbody td>.table-action{width:max-content;max-width:100%;min-width:88px}

/* Statuses outside tables keep a restrained semantic surface. */
:where(.status,.owner-badge,.severity-pill){border-radius:0;font-size:.6875rem;line-height:1.35;font-weight:810}
.page-head>.status,.panel-head>.status,.head-actions>.status{max-width:100%;white-space:normal}

/* Service cards and workflow selections */
.service-module-grid{align-items:stretch}
.service-module-choice{
  position:relative;
  display:block;
  min-height:100%;
  padding:19px 18px 18px 50px!important;
  overflow:hidden!important;
  border:1px solid var(--ui-line)!important;
  border-left:4px solid var(--ui-line-strong)!important;
  background:var(--ui-surface)!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease;
}
.service-module-choice:hover,.service-module-choice:focus-within{border-color:var(--ui-accent)!important;border-left-color:var(--ui-accent)!important;background:var(--ui-surface-soft)!important}
.service-module-choice:has(>input:checked){border-color:color-mix(in srgb,var(--ui-accent) 72%,var(--ui-line))!important;border-left-color:var(--ui-accent)!important;background:var(--ui-accent-soft)!important}
.service-module-choice>input[type="checkbox"],.service-module-choice>input[type="radio"]{
  position:absolute!important;
  top:20px!important;
  left:18px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:0!important;
}
.service-module-choice>span{display:block!important;min-width:0!important;max-width:100%!important}
.service-module-choice h2,.service-module-choice h3{margin:0 0 8px;color:var(--ui-ink);font-size:1rem;line-height:1.34}
.service-module-choice p{margin:0 0 13px;color:var(--ui-muted);font-size:.8125rem;line-height:1.55}
.service-module-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.service-module-facts>div{min-width:0;padding:11px;border:1px solid var(--ui-line);border-radius:0;background:var(--ui-surface)}
.service-module-facts b,.service-module-facts strong{font-size:.6875rem;line-height:1.35;letter-spacing:.035em;text-transform:uppercase;color:var(--ui-muted-strong)}
.service-module-facts span,.service-module-facts p{font-size:.75rem;line-height:1.48;color:var(--ui-muted)}
.service-module-facts>div.claim{grid-column:1/-1}

.workflow-hero,.network-worker-hero,.dashboard-hero,.engagement-panel,.authorization-panel,.network-worker-panel{
  border-radius:0;
  border-color:var(--ui-line);
  box-shadow:none;
}
.process-steps>*,.onboarding-steps>*{min-width:0}

/* Network discovery UI */
.network-discovery-panel{border-radius:0!important;border-color:var(--ui-line)!important;background:var(--ui-surface-soft)!important}
.network-discovery-intro{gap:12px}
.network-discovery-grid{gap:14px!important}
.network-discovery-grid label{min-width:0}
.network-contract-badge{max-width:100%;white-space:normal;text-align:center}

/* Lists and detail blocks */
.compact-list>a,.compact-list>.compact-static{min-width:0;border-bottom-color:var(--ui-line);padding:11px 0;gap:10px}
.compact-list>a:last-child,.compact-list>.compact-static:last-child{border-bottom:0}
.compact-list b{color:var(--ui-ink);font-size:.78125rem;line-height:1.42}
.compact-list small{color:var(--ui-muted);font-size:.6875rem;line-height:1.42}
.details,.detail-grid{min-width:0}
.details>div,.detail-grid>div{min-width:0}

/* Dialogs and overlays */
:where(dialog,.recipient-detail-dialog,.phishing-theme-dialog,.scan-purge-dialog){max-width:calc(100vw - 24px);max-height:calc(var(--app-viewport-height,100dvh) - 24px);border-radius:0;color:var(--ui-ink)}
:where(dialog,.recipient-detail-dialog,.phishing-theme-dialog,.scan-purge-dialog)::backdrop{background:rgba(4,18,32,.68);backdrop-filter:blur(3px)}
.scan-purge-dialog-card,.recipient-detail-card,.phishing-theme-dialog{border-color:var(--ui-line);border-radius:0;background:var(--ui-surface);box-shadow:var(--ui-shadow-float)}
.scan-purge-dialog-card>header,.scan-purge-dialog-card>footer{border-color:var(--ui-line);background:var(--ui-surface-soft)}
.scan-purge-dialog-close,.phishing-theme-close{border-radius:0;border-color:var(--ui-line);background:var(--ui-surface)}
.global-search-dialog{border:1px solid var(--ui-line);border-radius:0;background:var(--ui-surface);box-shadow:var(--ui-shadow-float)}
.global-search-head,.global-search-foot{border-color:var(--ui-line)}
.global-search-result,.global-search-default a{border-radius:0}

/* Authentication and setup */
.auth-page{background:linear-gradient(145deg,var(--ui-bg),color-mix(in srgb,var(--ui-accent-soft) 58%,var(--ui-bg)))}
.auth-shell{gap:clamp(18px,3vw,36px)}
.auth-card{border:1px solid var(--ui-line);border-radius:0!important;background:var(--ui-surface);box-shadow:0 18px 54px rgba(8,28,48,.12)!important}
[data-theme="dark"] .auth-card{box-shadow:0 24px 64px rgba(0,0,0,.36)!important}
.auth-card .btn{min-height:var(--ui-control-height)}
.auth-brand p,.auth-card p{color:var(--ui-muted)}

/* PWA states */
.pwa-update-banner{border-radius:0;border-color:var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow-float)}
.offline-banner{font-size:.75rem;line-height:1.4}
.navigation-skeleton{background:var(--ui-bg)}
@media(display-mode:standalone){
  body{overscroll-behavior-y:none}
  .topbar{padding-top:max(8px,env(safe-area-inset-top))}
  .sidebar{padding-top:max(16px,env(safe-area-inset-top))}
}

/* Dark theme finishing */
[data-theme="dark"] body,[data-theme="dark"] .app-shell,[data-theme="dark"] .main{background:var(--ui-bg)}
[data-theme="dark"] .panel,[data-theme="dark"] .table-panel,[data-theme="dark"] .dashboard-kpi-card,[data-theme="dark"] .workstream-card,[data-theme="dark"] .scenario-suite-card,[data-theme="dark"] .test-engine-card,[data-theme="dark"] .service-module-choice,[data-theme="dark"] .report-card,[data-theme="dark"] .guide-section{background:var(--ui-surface);border-color:var(--ui-line)}
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),[data-theme="dark"] select,[data-theme="dark"] textarea{background:#0c1d2c;border-color:var(--ui-line-strong);color:var(--ui-ink)}
[data-theme="dark"] input:disabled,[data-theme="dark"] select:disabled,[data-theme="dark"] textarea:disabled,[data-theme="dark"] input[readonly]{background:var(--ui-surface-muted);color:var(--ui-muted)}
[data-theme="dark"] .table-scroll,[data-theme="dark"] .table-scroll[data-table-mode="cards-2"] tbody tr,[data-theme="dark"] .table-scroll[data-table-mode="cards-1"] tbody tr{background:var(--ui-surface)}
[data-theme="dark"] .table-scroll thead tr{background:var(--ui-surface-muted)}
[data-theme="dark"] .table-scroll th,[data-theme="dark"] .table-scroll td{border-color:var(--ui-line)}
[data-theme="dark"] .notice,[data-theme="dark"] .alert{background:var(--ui-accent-soft);border-color:var(--ui-line);border-left-color:var(--ui-accent)}
[data-theme="dark"] .service-module-choice:has(>input:checked){background:var(--ui-accent-soft)!important}

/* Responsive layout: desktop density, tablet reflow, mobile-first controls. */
@media(max-width:1280px){
  :root{--sidebar:224px;--ui-page-gutter:18px}
  .sidebar{padding-left:10px;padding-right:10px}
  .sidebar nav a{font-size:.75rem}
  .content{padding:18px}
  .filters form,.test-rule-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters form>.btn,.test-rule-filters form>.btn{width:100%}
  .page-head,.panel-head{gap:14px}
}

@media(max-width:1080px){
  :root{--sidebar:286px}
  .main{margin-left:0;width:100%}
  .sidebar{
    width:min(286px,88vw);
    transform:translateX(-105%);
    transition:transform .2s ease;
    box-shadow:none;
  }
  .menu-open .sidebar{transform:translateX(0);box-shadow:18px 0 48px rgba(4,18,33,.3)}
  .mobile-menu,.mobile-brand{display:grid}
  .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .top-title{display:none}
  .page-head{display:grid;grid-template-columns:minmax(0,1fr)}
  .head-actions{justify-content:flex-start}
  .dashboard-grid,.dashboard-grid.unequal,.detail-grid,.worker-asset-grid,.phishing-brand-grid{grid-template-columns:minmax(0,1fr)!important}
  .workstream-grid,.scenario-suite-grid,.service-module-grid,.test-goal-grid,.test-engine-grid,.deployment-grid,.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  :root{--ui-page-gutter:12px;--ui-panel-padding:14px;--ui-gap-md:12px;--ui-gap-lg:14px}
  body{font-size:.875rem;padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .content{padding:12px max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .topbar{min-height:58px;padding-top:max(7px,env(safe-area-inset-top));padding-bottom:7px}
  .top-actions{gap:6px}
  .top-search-trigger,.theme-toggle,.release-badge,.icon-btn{min-width:40px;width:40px;height:40px;padding:0;justify-content:center}
  .top-search-trigger span,.top-search-trigger kbd,.theme-toggle b,.release-badge span,.user-menu>div{display:none!important}
  .user-menu{padding-left:0;border-left:0}
  .user-menu>span{width:40px;height:40px;flex-basis:40px}
  .page-head{gap:12px;margin-bottom:14px}
  .page-head h1{font-size:clamp(1.45rem,7vw,1.78rem)!important;line-height:1.14}
  .page-head p{font-size:.8125rem!important;line-height:1.52}
  .head-actions,.form-actions,.record-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .head-actions>*,.head-actions form,.head-actions .btn,.form-actions>*,.form-actions form,.form-actions .btn,.record-actions>*,.record-actions form,.record-actions .btn{width:100%!important;min-width:0!important}
  .panel{padding:14px;margin-bottom:12px}
  .table-panel{padding:0}
  .table-panel>.panel-head{padding:14px 14px 12px}
  .panel-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:12px}
  .panel-head h2{font-size:1rem}
  .panel-head p{font-size:.75rem}
  .form-grid,.filters form,.test-rule-filters form,.worker-create-form{grid-template-columns:minmax(0,1fr)!important}
  .span-2,.details .full{grid-column:1!important}
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea{min-height:46px;font-size:1rem!important}
  .btn,.table-action,.recipient-detail-button{min-height:44px;font-size:.8125rem}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
  .dashboard-kpi-card,.kpi-grid article{min-height:94px;padding:11px 12px}
  .dashboard-kpi-card b,.kpi-grid article b{font-size:1.35rem}
  .dashboard-kpi-card span,.kpi-grid article span,.dashboard-kpi-card small,.kpi-grid article small{font-size:.6875rem}
  .workstream-grid,.scenario-suite-grid,.service-module-grid,.test-goal-grid,.test-engine-grid,.deployment-grid,.report-cards,.process-steps{grid-template-columns:minmax(0,1fr)!important}
  .service-module-choice{padding:17px 15px 16px 47px!important}
  .service-module-choice>input[type="checkbox"],.service-module-choice>input[type="radio"]{top:18px!important;left:16px!important}
  .service-module-facts{grid-template-columns:minmax(0,1fr)}
  .service-module-facts>div.claim{grid-column:1}
  .table-scroll[data-table-mode="cards-2"],.table-scroll[data-table-mode="cards-1"]{padding:0 9px 9px}
  .table-scroll[data-table-mode="cards-2"] tbody{grid-template-columns:minmax(0,1fr)}
  .table-scroll[data-table-mode="cards-2"] tbody td,.table-scroll[data-table-mode="cards-1"] tbody td{grid-template-columns:minmax(98px,31%) minmax(0,1fr);gap:8px;padding:9px 10px!important}
  .table-scroll[data-table-mode="cards-2"] tbody td>.table-action,.table-scroll[data-table-mode="cards-1"] tbody td>.table-action{width:100%;max-width:100%}
  .mobile-nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    height:calc(68px + env(safe-area-inset-bottom));
    padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));
    border-top:1px solid rgba(255,255,255,.12);
    background:rgba(6,22,40,.98);
    box-shadow:0 -8px 24px rgba(4,18,33,.18);
    backdrop-filter:blur(14px);
  }
  .mobile-nav a,.mobile-nav button{position:relative;min-width:0;min-height:58px;padding:5px 2px;border:0;border-radius:0;background:transparent;color:#9aabba;gap:4px}
  .mobile-nav a.active,.mobile-nav button.active{background:rgba(88,194,235,.1);color:#75d4f4}
  .mobile-nav span{font-size:1rem;line-height:1}
  .mobile-nav small{max-width:100%;font-size:.625rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .global-search-dialog{width:100%;height:var(--app-viewport-height,100dvh);max-height:var(--app-viewport-height,100dvh);border:0;border-radius:0}
  :where(dialog,.recipient-detail-dialog,.phishing-theme-dialog,.scan-purge-dialog){max-width:calc(100vw - 14px);max-height:calc(var(--app-viewport-height,100dvh) - 14px)}
}

@media(max-width:420px){
  :root{--ui-page-gutter:10px;--ui-panel-padding:12px}
  .content{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .topbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .top-actions{gap:4px}
  .top-search-trigger,.theme-toggle,.release-badge,.icon-btn,.user-menu>span{width:38px;min-width:38px;height:38px}
  .page-head h1{font-size:1.45rem!important}
  .panel{padding:12px}
  .table-panel{padding:0}
  .table-panel>.panel-head{padding:12px 12px 10px}
  .kpi-grid{gap:7px}
  .dashboard-kpi-card,.kpi-grid article{min-height:90px;padding:10px}
  .table-scroll[data-table-mode="cards-2"],.table-scroll[data-table-mode="cards-1"]{padding:0 7px 8px}
  .table-scroll[data-table-mode="cards-2"] tbody td,.table-scroll[data-table-mode="cards-1"] tbody td{grid-template-columns:minmax(0,1fr);gap:3px;padding:9px!important}
  .table-scroll[data-table-mode="cards-2"] tbody td:before,.table-scroll[data-table-mode="cards-1"] tbody td:before{margin-bottom:1px;font-size:.625rem!important}
  .table-scroll[data-table-mode="cards-2"] tbody td>.table-action,.table-scroll[data-table-mode="cards-1"] tbody td>.table-action{width:100%!important}
  .compact-list>a,.compact-list>.compact-static{grid-template-columns:minmax(0,1fr);gap:6px}
  .compact-list>a>strong,.compact-list>.compact-static>strong{justify-self:start}
  .scan-purge-dialog-card>header,.scan-purge-dialog-body,.scan-purge-dialog-card>footer{padding-left:13px;padding-right:13px}
}

@media(max-width:320px){
  :root{--ui-page-gutter:8px;--ui-panel-padding:11px}
  .content{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .page-head h1{font-size:1.36rem!important}
  .page-head p{font-size:.78125rem!important}
  .kpi-grid{gap:6px}
  .dashboard-kpi-card,.kpi-grid article{min-height:86px;padding:9px}
  .service-module-choice{padding-left:44px!important}
}

@media(max-height:520px) and (orientation:landscape) and (max-width:1080px){
  body{padding-bottom:54px}
  .topbar{position:relative;min-height:52px;padding-top:5px;padding-bottom:5px}
  .mobile-nav{height:52px;padding-bottom:0}
  .mobile-nav a,.mobile-nav button{min-height:46px;flex-direction:row;gap:5px}
  .mobile-nav small{font-size:.625rem}
}

@media(prefers-reduced-motion:reduce){
  .dashboard-kpi-card,.sidebar nav a,.btn,.table-action,.service-module-choice{transition:none!important;transform:none!important}
}

@media(forced-colors:active){
  .sidebar nav a.active,.service-module-choice:has(>input:checked),.mobile-nav a.active{outline:2px solid Highlight;outline-offset:-2px}
  .table-scroll tbody tr{border-color:CanvasText!important}
}

@media print{
  body{font-size:11pt;background:#fff!important;color:#000!important}
  .panel,.table-panel{box-shadow:none!important;border-radius:0!important}
}

/* r8.12 final readability guard: every visible interface label is at least 11 px. */
.eyebrow,.top-search-trigger kbd,.release-badge b,.theme-toggle b,.sidebar-version{font-size:.6875rem!important}
.logo{overflow:hidden}
.logo>span:last-child{min-width:0;overflow:hidden}
.logo small{max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word}
.mobile-nav small{font-size:.6875rem!important;letter-spacing:-.025em;white-space:nowrap;overflow:visible;text-overflow:clip}
@media(max-width:320px){.mobile-nav small{letter-spacing:-.045em}}
.table-scroll th{font-size:.6875rem!important}
.sidebar{overflow-x:clip!important}

/* r8.12 smallest-screen touch target correction. */
@media(min-width:361px) and (max-width:420px){
  .release-badge,.user-menu>span{width:42px!important;min-width:42px!important;height:42px!important}
}
/* r8.12 auth readability guard. */
.auth-divider,.auth-divider>span{font-size:.6875rem!important}
/* r8.12 alert icon owns a reserved column and can never cover the first word. */
.alert{position:relative!important;padding-left:48px!important}
.alert::before{
  left:15px!important;
  top:14px!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  transform:none!important;
}

/* 2.20.0-r14 · CRUD + mandatory discovery-first frontend integration */
.worker-crud-actions{display:grid!important;grid-template-columns:minmax(0,1fr);gap:7px!important;justify-items:stretch!important}
.worker-crud-actions form{display:flex;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}
.worker-crud-actions .inline-edit-form label{flex:1 1 170px;min-width:0}
.worker-crud-actions input{min-height:40px!important;padding:7px 9px!important;font-size:.75rem!important}
.worker-crud-actions .btn{flex:0 1 auto;min-height:40px!important}
.report-registry-filter{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.report-registry-filter .btn.active{border-color:var(--ui-accent-strong);background:var(--ui-accent-soft);color:var(--ui-accent-strong)}
.report-crud-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.report-crud-actions form{display:inline-flex;max-width:100%}
.network-discovery-panel .notice{margin:0}
@media(max-width:640px){
  .worker-crud-actions form,.worker-crud-actions .btn,.report-crud-actions,.report-crud-actions form,.report-crud-actions .btn{width:100%}
  .worker-crud-actions .inline-edit-form label{flex-basis:100%}
}

/* 2.20.0-r14.2 · final PWA no-clipping and all-device layout guard */
.logo,
.logo-icon,
.brand-mark,
.mobile-brand{overflow:visible!important}
.logo-icon,
.brand-mark,
.mobile-brand{flex-shrink:0!important;border-radius:0!important}
.logo-icon>img,
.brand-mark>img,
.mobile-brand>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.mobile-nav .mobile-home-mark{
  display:grid!important;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  overflow:visible!important;
}
.mobile-nav .mobile-home-mark>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.logo>span:last-child,
.logo b,
.logo small,
.sidebar nav a em,
.top-title,
.top-title span,
.top-title small{
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}
.sidebar nav a{align-items:flex-start}
.sidebar nav a span{flex-shrink:0}
.sidebar nav a em{display:block;line-height:1.35}

.phishing-brand-swatch{min-width:0!important;max-width:100%}
.phishing-brand-swatch span{min-width:0;max-width:100%}
.phishing-brand-swatch b,
.phishing-brand-swatch small,
.phishing-template-card::before{
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

.table-scroll td :where(.mono,code,.technical-value,.hash-value,[data-technical-value]){
  display:block;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.table-scroll td,.table-scroll td>*{max-width:100%;overflow:visible;text-overflow:clip}

.scan-wizard-progress li span,
.scan-phase-rail li span{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.28!important;
}

@media(max-width:760px){
  .topbar #installButton:not([hidden]){
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px!important;
    min-width:40px!important;
    height:40px;
    padding:0!important;
    overflow:hidden;
    font-size:0!important;
  }
  .topbar #installButton .ui-icon{width:19px;height:19px;margin:0}
  .topbar #installButton [data-install-label]{display:none}
  .mobile-nav{height:calc(74px + env(safe-area-inset-bottom))}
  .mobile-nav a,.mobile-nav button{align-content:center;justify-items:center;min-height:64px}
  .mobile-nav small{
    display:block;
    max-width:100%!important;
    min-height:2.3em;
    font-size:.6875rem!important;
    line-height:1.12!important;
    letter-spacing:-.025em;
    text-align:center;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .scan-wizard-progress li span,.scan-phase-rail li span{min-height:2.6em!important}
}

@media(max-width:460px){
  .topbar{gap:6px}
  .top-actions{gap:4px}
  .top-actions>.release-badge,
  .top-actions>.user-menu{display:none!important}
  .phishing-brand-heading{display:grid;grid-template-columns:minmax(0,1fr)}
  .phishing-brand-swatch{width:100%}
}

@media(max-width:320px){
  .topbar{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));gap:4px}
  .top-actions{gap:3px}
  .mobile-menu,.mobile-brand{width:34px!important;min-width:34px!important;height:34px!important}
  .top-actions>.icon-btn,.top-actions .theme-toggle,.topbar #installButton:not([hidden]){width:36px!important;min-width:36px!important;height:36px!important;flex-basis:36px}
  .mobile-nav{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}
  .mobile-nav a,.mobile-nav button{padding-left:1px;padding-right:1px}
  .mobile-nav small{font-size:.65625rem!important;letter-spacing:-.04em}
  .mobile-nav .mobile-home-mark{width:20px;height:20px;flex-basis:20px}
}

/* 2.20.0-r14 · unified responsive product experience */
.nav-section-label{display:block;margin:14px 10px 4px;color:#6f879d;font-size:.59rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;white-space:normal}
.connection-indicator{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border:1px solid #cbe7dc;border-radius:0;background:#effaf5;color:#197451;font-size:.65rem;font-weight:600;white-space:nowrap}
.connection-indicator i{width:7px;height:7px;border-radius:0;background:#1aa474;box-shadow:0 0 0 3px rgba(26,164,116,.12)}
.connection-indicator.offline{border-color:#e7c0c5;background:#fff3f4;color:#9e2738}.connection-indicator.offline i{background:#b42335}
.scan-entry-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.scan-entry-modes button{min-width:0;min-height:116px;padding:14px;text-align:left;border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--ink)}
.scan-entry-modes button:hover,.scan-entry-modes button.active{border-color:var(--brand-blue-dark);box-shadow:0 0 0 3px rgba(67,183,232,.13);background:var(--brand-blue-soft)}
.scan-entry-modes button span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:10px;border-radius:0;background:#e8f5fb;color:var(--brand-blue-dark)}
.scan-entry-modes button b,.scan-entry-modes button small{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word}.scan-entry-modes button b{font-size:.78rem}.scan-entry-modes button small{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.35}
.worker-health-meter{margin:2px 0 14px}.worker-health-meter>span{display:flex;justify-content:space-between;gap:12px;font-size:.68rem}.worker-health-meter em{font-style:normal;font-weight:850;color:var(--brand-blue-dark)}
.worker-health-meter>i{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:0;background:#e7edf1}.worker-health-meter>i>b{display:block;width:var(--worker-health);height:100%;background:linear-gradient(90deg,#43b7e8,#138a62)}
.worker-health-card dl .full{grid-column:1/-1}.capability-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.capability-chips span{max-width:100%;padding:5px 8px;border:1px solid #cfdae1;border-radius:0;background:#f5f8fa;color:#405261;font-size:.61rem;font-weight:750;overflow-wrap:anywhere}
.finding-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:4px 0 22px;padding:0;list-style:none}.finding-lifecycle li{position:relative;display:grid;justify-items:center;gap:7px;min-width:0;text-align:center;color:var(--muted);font-size:.68rem}.finding-lifecycle li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 17px);right:calc(-50% + 17px);top:15px;height:2px;background:#dce4e9}.finding-lifecycle li span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:2px solid #cbd6dd;border-radius:0;background:var(--surface);font-weight:850}.finding-lifecycle li.complete span,.finding-lifecycle li.current span{border-color:#1b8dbb;background:#e8f7fc;color:#116b91}.finding-lifecycle li.complete:not(:last-child):after{background:#43b7e8}.finding-lifecycle li b{max-width:100%;white-space:normal;overflow-wrap:break-word}
.dashboard-operations{scroll-margin-top:88px}.notification-list{display:grid;gap:8px}.notification-list article{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:0;background:var(--surface-2)}.notification-list p{margin:3px 0;font-size:.72rem}.notification-list small{color:var(--muted);font-size:.62rem}
.alert{position:relative;padding-right:42px;overflow-wrap:anywhere}.alert-dismiss{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:0;background:transparent;color:currentColor;font-size:1.25rem;line-height:1}
[aria-invalid="true"]{border-color:#b42335!important;box-shadow:0 0 0 3px rgba(180,35,53,.12)!important}.form-validation-summary{display:block;grid-column:1/-1;margin-bottom:8px;padding:9px 11px;border-left:4px solid #b42335;background:#fff1f2;color:#8d1f2f;font-size:.72rem;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.field-error-copy{color:#a62b37!important;font-weight:750}
.saved-filter-tools{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1}.saved-filter-tools .btn{min-height:32px;padding:0 10px;font-size:.64rem}
.table-column-picker{position:relative;width:max-content;max-width:100%;margin:0 0 9px auto}.table-column-picker>summary{cursor:pointer;list-style:none;padding:7px 11px;border:1px solid var(--line);border-radius:0;background:var(--surface);font-size:.68rem;font-weight:600}.table-column-picker>div{position:absolute;z-index:12;right:0;top:calc(100% + 5px);display:grid;min-width:220px;max-width:min(320px,90vw);padding:10px;border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:0 16px 40px rgba(11,31,58,.16)}.table-column-picker label{display:flex;align-items:flex-start;gap:8px;padding:7px;font-size:.7rem}.table-column-picker input{margin-top:2px}
.table-scroll th[hidden],.table-scroll td[hidden]{display:none!important}.copyable-value{position:relative;padding-right:25px!important;cursor:pointer;border-radius:0}.copyable-value:after{content:"⧉";position:absolute;right:5px;top:2px;color:var(--brand-blue-dark);opacity:.55}.copyable-value:hover:after,.copyable-value:focus:after{opacity:1}.copyable-value.copied:after{content:"✓";color:#138a62}
.danger-zone{border-color:#e3b8be;background:linear-gradient(180deg,#fff,#fff8f9)}.phishing-delete-zone{margin-top:18px}.phishing-delete-zone form{max-width:720px}
@media(max-width:1180px){.nav-section-label{margin-top:18px}.connection-indicator b{display:none}.connection-indicator{width:32px;padding:0;justify-content:center}}
@media(max-width:900px){.scan-entry-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.table-column-picker{display:none}.finding-lifecycle{overflow-x:auto;grid-template-columns:repeat(5,minmax(92px,1fr));padding-bottom:5px}.dashboard-operations .panel-head{align-items:stretch}}
@media(max-width:560px){.scan-entry-modes{grid-template-columns:1fr}.scan-entry-modes button{min-height:88px;display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:10px;align-items:center}.scan-entry-modes button span{grid-row:1/3;margin:0}.scan-entry-modes button small{grid-column:2}.worker-health-card dl{grid-template-columns:1fr}.worker-health-card dl .full{grid-column:auto}.notification-list article{grid-template-columns:1fr}.assignment-form{grid-template-columns:1fr!important}.assignment-form>*{grid-column:auto!important}}
@media(max-width:360px){.content{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}.scan-entry-modes button{padding:11px}.finding-lifecycle{grid-template-columns:repeat(5,88px)}}
[data-theme="dark"] .scan-entry-modes button.active,[data-theme="dark"] .scan-entry-modes button:hover{background:#102f48}[data-theme="dark"] .capability-chips span,[data-theme="dark"] .notification-list article{background:#10273a;border-color:#2b465d}[data-theme="dark"] .danger-zone{background:#2a171c;border-color:#70414a}[data-theme="dark"] .table-column-picker>div{background:#10273a}
@media(prefers-reduced-motion:reduce){.worker-health-meter>i>b{transition:none!important}.scan-entry-modes button{scroll-behavior:auto}}
@media(forced-colors:active){.scan-entry-modes button.active{outline:3px solid Highlight}.connection-indicator i{background:CanvasText}}

/* 2.20.0-r14 · screenshot regression: template labels and registry tools */
.phishing-template-card{
  contain:layout paint;
}
.phishing-template-card::before{
  box-sizing:border-box!important;
  width:fit-content!important;
  max-width:100%!important;
  line-height:1.28!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.phishing-template-card>span{
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
  row-gap:5px;
}
.phishing-template-card>span b{
  min-width:0;
  flex:1 1 130px;
  white-space:normal!important;
}
.phishing-template-card>span em{
  max-width:100%;
  white-space:normal!important;
}
.phishing-template-card[data-phishing-template-choice="collaboration_invite"]::before{
  width:calc(100% - 34px)!important;
  max-width:calc(100% - 34px)!important;
  margin-left:34px!important;
}
.phishing-template-card[data-phishing-template-choice="collaboration_invite"]>strong,
.phishing-template-card[data-phishing-template-choice="collaboration_invite"]>small,
.phishing-template-card[data-phishing-template-choice="collaboration_invite"]>i{
  width:calc(100% - 34px);
  max-width:calc(100% - 34px)!important;
}
.live-filter-toolbar.has-table-tools{
  display:grid;
  grid-template-columns:minmax(260px,460px) minmax(72px,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-width:0;
  margin:0 0 12px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--surface-2);
}
.live-filter-toolbar.has-table-tools>label{
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
}
.live-filter-toolbar.has-table-tools>small{
  justify-self:end;
  min-width:0;
  white-space:nowrap!important;
}
.live-filter-toolbar.has-table-tools>.table-column-picker{
  display:block;
  align-self:center;
  justify-self:end;
  width:max-content;
  max-width:100%;
  margin:0;
}
.live-filter-toolbar.has-table-tools>.table-column-picker>summary{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:7px 12px;
}
@media(max-width:900px){
  .live-filter-toolbar.has-table-tools{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .live-filter-toolbar.has-table-tools>.table-column-picker{display:none}
}
@media(max-width:640px){
  .live-filter-toolbar.has-table-tools{padding:7px}
  .phishing-template-card[data-phishing-template-choice="collaboration_invite"]::before{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-left:28px!important;
  }
  .phishing-template-card[data-phishing-template-choice="collaboration_invite"]>strong,
  .phishing-template-card[data-phishing-template-choice="collaboration_invite"]>small,
  .phishing-template-card[data-phishing-template-choice="collaboration_invite"]>i{
    width:calc(100% - 28px);
    max-width:calc(100% - 28px)!important;
    margin-left:28px;
  }
}
@media(max-width:360px){
  .live-filter-toolbar.has-table-tools{
    grid-template-columns:minmax(0,1fr);
  }
  .live-filter-toolbar.has-table-tools>small{justify-self:start;padding-left:3px}
}
[data-theme="dark"] .live-filter-toolbar.has-table-tools{
  border-color:#31495b;
  background:#0d1d2d;
}

/* 2.20.0-r14 · scoped multi-device regression repair
   Komponente zadržavaju vlastiti raspored; nema globalnog prepisivanja grid kolona. */
html,body,.app-shell,.main,.content{min-width:0;max-width:100%}
body{overflow-x:hidden}
:where(.content,.panel,.panel-head,.page-head,.head-actions,.form-grid,.dashboard-grid,.detail-grid,.kpi-grid,.table-scroll,.phishing-template-gallery,.phishing-template-cards)>*{min-width:0;max-width:100%}
:where(img,svg,video,canvas,iframe){max-width:100%;height:auto}

/* Dvokolonski formular ostaje dvokolonski samo na desktopu; puna polja ostaju puna. */
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid>.span-2,.form-grid>.full,.form-grid>[data-full]{grid-column:1/-1}

/* Phishing biblioteka je zaseban modul, uvijek zauzima cijeli red formulara. */
.phishing-campaign-form{overflow:visible}
.phishing-template-gallery.span-2{grid-column:1/-1;width:100%;min-width:0;container-type:inline-size;container-name:phishing-gallery}
.phishing-template-cards{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}
.phishing-template-card{width:100%;min-width:0;max-width:100%;overflow:hidden}
.phishing-template-card :where(strong,small,b,em,i){max-width:100%;white-space:normal!important;text-overflow:clip!important;overflow-wrap:break-word;word-break:normal}
@container phishing-gallery (max-width:1000px){.phishing-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container phishing-gallery (max-width:520px){.phishing-template-cards{grid-template-columns:minmax(0,1fr)}}

/* Kartični registri nikada ne dobijaju unutrašnji horizontalni skrol. */
.table-scroll[data-table-mode="cards-2"],.table-scroll[data-table-mode="cards-1"]{overflow:visible!important;max-width:100%}
.table-scroll[data-table-mode="cards-2"] table,.table-scroll[data-table-mode="cards-1"] table{min-width:0!important;max-width:100%!important}
.table-scroll[data-table-mode="cards-2"] :where(td,td>*),.table-scroll[data-table-mode="cards-1"] :where(td,td>*){min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:break-word}
.table-scroll :where(.mono,code,.technical-value,.hash-value,[data-technical-value]){white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}

/* Laptop: kompaktna enterprise gustina bez mijenjanja vlasništva komponentnih gridova. */
@media(min-width:901px) and (max-width:1440px){
  .content{padding-left:clamp(16px,1.7vw,24px);padding-right:clamp(16px,1.7vw,24px)}
  .page-head,.panel-head{gap:12px}
  .table-scroll :where(th,td){padding-left:10px;padding-right:10px}
}

/* Tablet: dvije kolone gdje sadržaj to podržava, jedna za složene forme i registre. */
@media(max-width:900px){
  .phishing-template-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-head,.panel-head{align-items:start}
  .head-actions{flex-wrap:wrap}
}
@media(max-width:760px){
  .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .form-grid>.span-2,.form-grid>.full,.form-grid>[data-full]{grid-column:1!important}
  .filters form,.test-rule-filters form{grid-template-columns:minmax(0,1fr)!important}
  .head-actions,.form-actions{width:100%}
  .head-actions>:where(.btn,button,a),.form-actions>:where(.btn,button,a){min-width:0;max-width:100%}
}

/* Telefon: jedan prirodan tok stranice, bez skrola unutar panela i bez odsijecanja. */
@media(max-width:640px){
  .content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .phishing-template-cards{grid-template-columns:minmax(0,1fr)!important}
  .phishing-template-card{min-height:0;height:auto}
  :where(.panel,.card,.phishing-template-gallery,.phishing-template-card){max-width:100%}
  :where(.head-actions,.form-actions,.campaign-actions,.report-actions){display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  :where(.head-actions,.form-actions,.campaign-actions,.report-actions)>*,
  :where(.head-actions,.form-actions,.campaign-actions,.report-actions) :where(.btn,button,a.btn){width:100%;min-width:0;max-width:100%}
  .table-scroll[data-table-mode="cards-2"] tbody,.table-scroll[data-table-mode="cards-1"] tbody{grid-template-columns:minmax(0,1fr)!important}
  .table-scroll[data-table-mode="cards-2"] tbody tr,.table-scroll[data-table-mode="cards-1"] tbody tr{grid-template-columns:minmax(0,1fr)!important}
  :where(dialog,.recipient-detail-dialog,.phishing-theme-dialog,.scan-purge-dialog){max-width:100vw;max-height:100dvh}
}
@media(max-width:360px){
  .content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .panel{padding-left:12px;padding-right:12px}
  .table-scroll[data-table-mode="cards-1"] tbody td{grid-template-columns:minmax(0,1fr)!important}
  .mobile-nav small{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}
}
@media(max-height:520px) and (orientation:landscape) and (max-width:900px){
  .content{padding-top:10px}
  .global-search-dialog,.phishing-theme-dialog,.scan-purge-dialog-card{max-height:100dvh}
}

/* 2.20.0-r14 · fixed professional sidebar and finite interaction feedback */
.logo-copy{display:grid;min-width:0;gap:2px}
.logo-copy>b{display:block;color:#f1f7fb;font-size:1rem!important;line-height:1.18;letter-spacing:-.01em}
.logo-product{display:flex;align-items:center;gap:6px;min-width:0}
.logo-product>small{min-width:0;margin:0!important;color:#9eb0c0!important;font-size:.6875rem!important;line-height:1.3;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.logo-product>.sidebar-version{flex:0 0 auto;margin:0;padding:2px 6px;border-color:rgba(115,208,245,.34);background:rgba(67,183,232,.12);color:#93def9;font-size:.625rem!important;line-height:1.2;letter-spacing:.02em}
.sidebar-collapse{display:none!important}

.navigation-skeleton{display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--ui-bg,#f4f7f9) 78%,transparent);backdrop-filter:blur(5px) saturate(.9);animation:matrix-layer-in .18s ease-out both}
.navigation-skeleton[hidden]{display:none!important}
.navigation-skeleton:before,.navigation-skeleton:after{content:none!important;display:none!important}
.navigation-loader{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:15px;width:min(360px,calc(100vw - 32px));padding:18px 20px;border:1px solid var(--ui-line,#d5e0e7);border-radius:0;background:var(--ui-surface,#fff);color:var(--ui-ink,#172536);box-shadow:0 18px 50px rgba(11,31,58,.2);animation:matrix-loader-enter .2s ease-out both}
.navigation-loader>span:last-child{display:grid;min-width:0;gap:4px}.navigation-loader b{font-size:.82rem;line-height:1.3;letter-spacing:.01em}.navigation-loader small{color:var(--ui-muted,#6b7c8b);font-size:.68rem;line-height:1.4}
.navigation-spinner{display:block;width:42px;height:42px;border:3px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 22%,transparent);border-top-color:var(--brand-blue-dark,#167ead);border-right-color:var(--brand-blue,#43b7e8);border-radius:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-blue,#43b7e8) 8%,transparent);animation:matrix-navigation-spin .78s cubic-bezier(.5,.15,.5,.85) infinite}
.is-processing{pointer-events:none;cursor:progress!important;opacity:1}
.is-processing>span:last-child{min-width:0;white-space:normal}
.action-spinner{display:inline-block;width:15px!important;height:15px!important;flex:0 0 15px!important;border:2px solid color-mix(in srgb,currentColor 28%,transparent)!important;border-top-color:currentColor!important;border-right-color:currentColor!important;border-radius:0!important;background:transparent!important;animation:matrix-action-spin .72s linear infinite!important}
@keyframes matrix-action-spin{to{transform:rotate(360deg)}}
@keyframes matrix-navigation-spin{to{transform:rotate(360deg)}}
@keyframes matrix-layer-in{from{opacity:0}to{opacity:1}}
@keyframes matrix-loader-enter{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}

/* Stalni desktop meni nema kontrolu za sažimanje ni vlastiti skrol. */
@media(min-width:1081px){
  .sidebar{overflow-y:hidden!important;scrollbar-gutter:auto!important}
  .sidebar::-webkit-scrollbar{display:none!important;width:0!important}
  .sidebar nav{flex:1 1 auto;min-height:0}
  .sidebar-foot{flex:0 0 auto}
}

/* Mali laptop: sve navigacijske stavke staju u jednu urednu kolonu. */
@media(min-width:1081px) and (max-height:1000px){
  .sidebar{padding:12px 10px 10px}
  .logo{min-height:56px;margin:0 2px;padding:1px 7px 11px;gap:10px}
  .logo-icon{width:36px;height:36px;flex-basis:36px}
  .logo-copy>b{font-size:.9375rem!important}
  .logo-product>small{font-size:.625rem!important}
  .logo-product>.sidebar-version{padding:1px 5px;font-size:.5625rem!important}
  .sidebar nav{gap:1px;padding-top:7px}
  .nav-section-label{margin:7px 8px 2px;font-size:.5625rem;line-height:1.18;letter-spacing:.11em}
  .sidebar nav a{align-items:center;min-height:34px;padding:6px 8px;gap:9px;border-radius:0}
  .sidebar nav a>span{width:20px;flex-basis:20px}
  .sidebar nav a .ui-icon{width:17px;height:17px}
  .sidebar nav a em{font-size:.71875rem;line-height:1.22;white-space:nowrap}
  .sidebar-foot{padding:6px 2px 0}
  .license{padding:8px 9px;border-radius:0}
  .license span{font-size:.5625rem!important}
  .license b{margin:3px 0 1px;font-size:.71875rem}
  .license small{font-size:.625rem!important}
  .product-owner{display:none}
}

/* Vrlo nizak laptop: prioritet imaju moduli; licenca ostaje kompaktna. */
@media(min-width:1081px) and (max-height:820px){
  .sidebar{padding:8px 9px 7px}
  .logo{min-height:46px;padding:0 6px 7px}
  .logo-icon{width:32px;height:32px;flex-basis:32px}
  .logo-copy{gap:0}
  .logo-copy>b{font-size:.875rem!important}
  .logo-product>small{font-size:.5625rem!important}
  .logo-product>.sidebar-version{font-size:.5rem!important}
  .sidebar nav{gap:0;padding-top:4px}
  .nav-section-label{margin:4px 7px 1px;font-size:.5rem;line-height:1.12}
  .sidebar nav a{min-height:29px;padding:4px 7px;gap:8px}
  .sidebar nav a>span{width:19px;flex-basis:19px}
  .sidebar nav a .ui-icon{width:16px;height:16px}
  .sidebar nav a em{font-size:.6875rem;line-height:1.16}
  .sidebar-foot{padding-top:4px}
  .license{padding:6px 8px}
  .license small{display:none}
}

/* Ekstremno nizak viewport skriva samo vlasnički blok, nikad navigaciju. */
@media(min-width:1081px) and (max-height:680px){
  .sidebar-foot{display:none}
  .logo{min-height:42px;padding-bottom:5px}
  .logo-icon{width:30px;height:30px;flex-basis:30px}
  .sidebar nav{padding-top:2px}
  .nav-section-label{margin-top:3px}
  .sidebar nav a{min-height:27px;padding-block:3px}
}

[data-theme="dark"] .navigation-loader{border-color:#31495b;background:#102334;color:#e8f0f5;box-shadow:0 20px 54px rgba(0,0,0,.42)}
@media(max-width:640px){
  .navigation-skeleton{padding:16px}.navigation-loader{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px}.navigation-spinner{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .navigation-skeleton,.navigation-loader,.navigation-spinner,.action-spinner{animation:none!important}
  .navigation-spinner{border-color:var(--brand-blue-dark,#167ead)}.action-spinner{border-color:currentColor!important}
}

/* 2.20.0-r14 · brzo i jasno PWA ažuriranje na svim uređajima */
.pwa-update-banner{transition:opacity .16s ease,transform .16s ease}
.pwa-update-banner:not([hidden]){animation:pwa-update-enter .2s ease-out both}
.pwa-update-banner.is-applying .pwa-update-actions{pointer-events:none}
.pwa-update-banner.is-applying #pwaUpdateApply{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.pwa-update-banner.is-applying #pwaUpdateApply:before{content:"";width:13px;height:13px;flex:0 0 13px;border:2px solid currentColor;border-right-color:transparent;border-radius:0;animation:matrix-action-spin .65s linear infinite}
@keyframes pwa-update-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .pwa-update-banner,.pwa-update-banner:not([hidden]),.pwa-update-banner.is-applying #pwaUpdateApply:before{animation:none!important;transition:none!important}
}

/* 2.23.0-r42 · povezani planer sredstava i jedinstveni operativni pregled. */
.asset-register .report-actions{align-items:center}.asset-register .asset-plan-trigger{appearance:none;border:0;background:transparent;font:inherit;cursor:pointer}.asset-register .asset-plan-trigger:disabled{cursor:not-allowed;opacity:.46}
.asset-test-planner{max-width:100%}.asset-test-planner .form-section-title{margin-top:8px;padding-top:18px;border-top:1px solid var(--ui-line,var(--line))}
.planner-asset-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid var(--ui-line,var(--line));border-left:4px solid var(--brand-blue);border-radius:0;background:var(--ui-surface-alt,#f6f9fb)}
.planner-asset-summary>div{display:grid;min-width:0;gap:3px}.planner-asset-summary span,.planner-recommendation span{color:var(--ui-muted,var(--muted));font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.planner-asset-summary b{font-size:1rem}.planner-asset-summary small{overflow-wrap:anywhere;color:var(--ui-muted,var(--muted))}
.planner-recommendation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.planner-recommendation article{display:grid;gap:5px;min-width:0;padding:15px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:linear-gradient(145deg,var(--ui-surface,#fff),var(--ui-surface-alt,#f5f8fa))}.planner-recommendation b{color:var(--ui-ink,var(--brand-navy));line-height:1.35}.planner-recommendation small{color:var(--ui-muted,var(--muted));line-height:1.45}
.planner-test-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);gap:15px;padding:16px;border:1px solid color-mix(in srgb,var(--brand-blue) 32%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue) 5%,var(--ui-surface,#fff))}.planner-test-choice>label{display:grid;align-content:start;gap:7px;min-width:0}.planner-test-choice>.span-2{grid-column:1/-1}.planner-choice-action{display:grid;align-content:end;justify-items:start;gap:7px;min-width:0}.planner-choice-action small{color:var(--ui-muted,var(--muted));font-size:.64rem;line-height:1.45}.planner-choice-action small.is-manual{color:var(--brand-blue-dark);font-weight:600}
.planner-delivery-fields,.planner-billing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:16px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-alt,#f7f9fb)}.planner-delivery-fields[hidden],.planner-billing-fields[hidden]{display:none!important}.planner-delivery-fields label,.planner-billing-fields label{display:grid;align-content:start;gap:7px;min-width:0}.planner-delivery-fields .span-2,.planner-billing-fields .span-2{grid-column:1/-1}
.schedule-flow-chips{display:flex;flex-wrap:wrap;gap:5px}.schedule-flow-chips span{padding:5px 7px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue) 8%,var(--ui-surface,#fff));color:var(--brand-blue-dark);font-size:.62rem;font-weight:600;line-height:1.3}
.linked-flow-banner{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand-blue) 28%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue) 7%,var(--ui-surface,#fff))}.linked-flow-banner>span{display:grid;place-items:center;width:42px;height:42px;border-radius:0;background:var(--brand-navy);color:var(--brand-blue)}.linked-flow-banner>span .ui-icon{width:21px;height:21px}.linked-flow-banner>div{display:grid;min-width:0;gap:4px}.linked-flow-banner small{color:var(--ui-muted,var(--muted));line-height:1.45}
.dashboard-overview{margin-bottom:18px}.dashboard-overview-head{align-items:end}.dashboard-overview-filter{display:grid;grid-template-columns:repeat(4,minmax(116px,1fr));gap:8px;width:min(620px,100%)}.dashboard-overview-filter label{display:grid;gap:5px;color:var(--ui-muted,var(--muted));font-size:.6rem;font-weight:600;text-transform:uppercase}.dashboard-overview-filter select{min-width:0;padding:9px 28px 9px 10px;font-size:.72rem}.dashboard-overview-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.dashboard-overview-counts article{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-alt,#f7f9fb)}.dashboard-overview-counts span{color:var(--ui-muted,var(--muted));font-size:.66rem;font-weight:750}.dashboard-overview-counts b{font-size:1.15rem}.overview-kind{display:inline-flex;padding:5px 8px;border-radius:0;background:#eaf1f5;color:#345064;font-size:.6rem;font-weight:600;letter-spacing:.03em}.overview-kind.schedules{background:#eaf7fc;color:#126f97}.overview-kind.reports{background:#e9f6ef;color:#176f53}.overview-kind.billing{background:#f5eefb;color:#71508f}
.server-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.dashboard-overview-filter>.server-filter-actions{grid-column:1/-1}.server-filter-actions .btn{min-height:36px;padding:7px 11px;font-size:.64rem}.is-filtering{pointer-events:none;opacity:.72}
[data-theme="dark"] .planner-asset-summary,[data-theme="dark"] .planner-recommendation article,[data-theme="dark"] .planner-test-choice,[data-theme="dark"] .planner-delivery-fields,[data-theme="dark"] .planner-billing-fields,[data-theme="dark"] .linked-flow-banner,[data-theme="dark"] .dashboard-overview-counts article{background:#102334}
@media(max-width:900px){.dashboard-overview-filter{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dashboard-overview-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.planner-asset-summary{display:grid;grid-template-columns:minmax(0,1fr)}.planner-asset-summary>.status{justify-self:start}.planner-recommendation,.planner-test-choice,.planner-delivery-fields,.planner-billing-fields{grid-template-columns:minmax(0,1fr)}.planner-test-choice>.span-2,.planner-delivery-fields .span-2,.planner-billing-fields .span-2{grid-column:1}.planner-choice-action .btn{width:100%}.linked-flow-banner{grid-template-columns:38px minmax(0,1fr)}.linked-flow-banner>span{width:38px;height:38px}.linked-flow-banner>.btn{grid-column:1/-1;width:100%}.dashboard-overview-filter,.dashboard-overview-counts{grid-template-columns:minmax(0,1fr)}.dashboard-overview-filter select{font-size:16px}.server-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.server-filter-actions .btn{width:100%}.dashboard-overview-counts article{min-height:48px}.table-scroll[data-table-mode^="cards-"] .copyable-value{display:flex;align-items:center;min-height:44px;padding-top:9px!important;padding-bottom:9px!important}}

/* Enterprise kontrolni centar: prioriteti, izvoz i responzivni godišnji pregled. */
.dashboard-overview-head{align-items:flex-start}.dashboard-overview-controls{display:grid;justify-items:end;gap:10px;width:min(720px,100%)}.dashboard-overview-controls .dashboard-overview-filter{width:100%}.dashboard-excel-export{min-height:40px}.dashboard-overview-counts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-overview-counts article{min-width:0}.dashboard-overview-counts article.is-alert{border-color:color-mix(in srgb,#c95252 48%,var(--ui-line,var(--line)));background:color-mix(in srgb,#c95252 8%,var(--ui-surface,#fff))}.dashboard-overview-counts article.is-alert b{color:#b23d3d}.dashboard-overview-counts article.is-warning{border-color:color-mix(in srgb,#d4a72c 48%,var(--ui-line,var(--line)));background:color-mix(in srgb,#d4a72c 9%,var(--ui-surface,#fff))}.dashboard-attention{display:grid;grid-template-columns:minmax(210px,.42fr) minmax(0,1.58fr);gap:14px;margin:0 0 16px;padding:14px;border:1px solid color-mix(in srgb,#c95252 34%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,#c95252 5%,var(--ui-surface,#fff))}.dashboard-attention-title{display:flex;align-items:flex-start;gap:10px}.dashboard-attention-title>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:0;background:#ffe6e6;color:#b23d3d}.dashboard-attention-title>span .ui-icon{width:20px;height:20px}.dashboard-attention-title>div{display:grid;gap:4px}.dashboard-attention-title small,.dashboard-attention-list small{color:var(--ui-muted,var(--muted));line-height:1.4}.dashboard-attention-list{display:grid;gap:7px}.dashboard-attention-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,#fff);color:inherit;text-decoration:none}.dashboard-attention-list>a:hover{border-color:var(--brand-blue);transform:translateY(-1px)}.dashboard-attention-list>a>span:nth-child(2){display:grid;min-width:0;gap:2px}.dashboard-attention-list time{color:var(--ui-muted,var(--muted));font-size:.7rem;white-space:nowrap}.overview-priority{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:5px 8px;border-radius:0;background:#edf2f5;color:#476173;font-size:.58rem;font-weight:600;letter-spacing:.04em}.overview-priority.overdue,.overview-priority.attention{background:#ffe6e6;color:#a93434}.overview-priority.soon{background:#fff4d6;color:#86650b}.overview-priority.done{background:#e9f6ef;color:#176f53}.dashboard-overview td:last-child{min-width:220px}.dashboard-overview td:last-child>b{display:block;margin-bottom:5px;font-size:.75rem;line-height:1.4}.dashboard-overview-note{margin:12px 2px 0;color:var(--ui-muted,var(--muted));font-size:.72rem}.dashboard-overview table small{display:block;margin-top:4px;color:var(--ui-muted,var(--muted));line-height:1.35}
[data-theme="dark"] .dashboard-overview-counts article.is-alert,[data-theme="dark"] .dashboard-overview-counts article.is-warning,[data-theme="dark"] .dashboard-attention{background:#142434}[data-theme="dark"] .dashboard-attention-list>a{background:#102334}
@media(max-width:1050px){.dashboard-overview-controls{justify-items:stretch;width:100%}.dashboard-excel-export{justify-self:start}.dashboard-attention{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.dashboard-overview-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-overview-counts article{display:grid;align-content:center;justify-items:start;gap:3px;padding:10px}.dashboard-attention-list>a{grid-template-columns:auto minmax(0,1fr)}.dashboard-attention-list time{grid-column:2}.dashboard-excel-export{width:100%}}
@media(max-width:360px){.dashboard-overview-counts{grid-template-columns:minmax(0,1fr)}}

/* Laptop navigacija koristi raspoloživu visinu umjesto pretjeranog sabijanja. */
@media(min-width:1081px) and (min-height:821px) and (max-height:1000px){
  .logo{min-height:58px;padding-bottom:12px}
  .sidebar nav{gap:2px;padding-top:9px}
  .nav-section-label{margin:9px 8px 3px;font-size:.59375rem;line-height:1.2}
  .sidebar nav a{min-height:38px;padding:7px 9px;gap:10px}
  .sidebar nav a>span{width:21px;flex-basis:21px}
  .sidebar nav a .ui-icon{width:18px;height:18px}
  .sidebar nav a em{font-size:.75rem;line-height:1.24}
}
@media(min-width:1081px) and (min-height:681px) and (max-height:820px){
  .logo{min-height:49px;padding-bottom:8px}
  .sidebar nav{gap:1px;padding-top:5px}
  .nav-section-label{margin:5px 7px 2px;font-size:.53125rem;line-height:1.15}
  .sidebar nav a{min-height:32px;padding:5px 8px;gap:8px}
  .sidebar nav a em{font-size:.71875rem;line-height:1.18}
}

/* 2.20.0-r14 · završni enterprise auth shell za login, setup, MFA i trial */
.auth-page{
  min-height:100dvh;
  padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  background:radial-gradient(circle at 14% 10%,rgba(67,183,232,.14),transparent 30rem),linear-gradient(145deg,#e8eef3,#f6f9fb 58%,#e7eef3);
}
.auth-shell{
  width:min(1180px,100%);
  min-height:620px;
  max-width:100%;
  grid-template-columns:minmax(0,1.06fr) minmax(440px,.94fr);
  gap:0!important;
  overflow:hidden;
  border:1px solid rgba(116,145,168,.24);
  border-radius:0;
  background:#fff;
  box-shadow:0 24px 64px rgba(10,31,51,.16)!important;
}
.auth-brand{
  min-height:620px;
  padding:46px 48px 38px;
  overflow:hidden;
  background:linear-gradient(148deg,#091b32 0%,#0c2340 58%,#12375b 100%)!important;
  color:#f3f8fb!important;
}
.auth-brand:after{
  content:"";
  position:absolute;
  right:-105px;
  bottom:-120px;
  width:320px;
  height:320px;
  border:52px solid rgba(81,191,233,.055);
  border-radius:0;
  pointer-events:none;
}
.auth-brand .brand-mark{width:52px;height:52px;margin-bottom:42px;filter:none}
.auth-brand>div:nth-child(2){position:relative;z-index:1;min-width:0}
.auth-brand>div:nth-child(2)>span{color:#83d8f7!important;font-size:.6875rem!important;line-height:1.35;font-weight:850;letter-spacing:.15em}
.auth-brand h1{max-width:520px!important;margin:13px 0 14px!important;color:#f5f9fc!important;font-size:clamp(2rem,3.1vw,2.65rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.auth-brand p{max-width:500px!important;margin:0;color:#b5c5d2!important;font-size:.875rem!important;line-height:1.65!important}
.auth-trust-grid{position:relative;z-index:1;gap:10px;margin:26px 0 24px}
.auth-trust-grid>span{min-height:116px;padding:14px;border-color:rgba(142,200,225,.18);border-radius:0;background:rgba(255,255,255,.045)}
.auth-trust-grid .ui-icon{width:19px;height:19px;margin-bottom:11px;color:#7dd6f6}
.auth-trust-grid b{color:#f1f6f9!important;font-size:.6875rem!important;line-height:1.35!important}
.auth-trust-grid small{margin-top:5px;color:#9eb1c0!important;font-size:.625rem!important;line-height:1.48!important}
.auth-brand .catalog-badge{position:relative;z-index:1;margin-top:auto;padding:10px 0 10px 18px;border-left:4px solid #4fc0ec}
.auth-brand .catalog-badge strong{color:#fff;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.02em}
.auth-brand .catalog-badge span{display:block;margin-top:7px;color:#b5c5d2;font-size:.6875rem;line-height:1.5}
.auth-brand .owner-line{position:relative;z-index:1;margin-top:20px;color:#83a2b9;font-size:.625rem;line-height:1.45}
.auth-card{
  position:relative;
  min-height:620px;
  padding:46px 48px;
  justify-content:center;
  overflow:hidden;
  border:0!important;
  border-left:1px solid #d8e2e9!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#152536;
}
.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#43b7e8,#1688b9)}
.auth-card>*{width:100%;max-width:500px;margin-left:auto;margin-right:auto}
.auth-card .auth-card-brand{align-items:center;gap:12px;margin-bottom:28px}
.auth-card-brand img{width:44px;height:44px;flex:0 0 44px;object-fit:contain}
.auth-card-brand b{color:#0b1f3a!important;font-size:.9375rem;line-height:1.25}
.auth-card-brand small{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px;color:#64778a;font-size:.6875rem;line-height:1.35}
.auth-brand-version{display:inline-flex;padding:2px 6px;border:1px solid #b9ddec;border-radius:0;background:#edf8fc;color:#0e709a;font-size:.625rem;font-style:normal;font-weight:850;line-height:1.2}
.auth-card>.eyebrow{margin-bottom:8px;color:#147ca8;font-size:.6875rem;line-height:1.35}
.auth-card h2{margin:0 0 8px;color:#101d2b!important;font-size:1.55rem!important;line-height:1.22!important;letter-spacing:-.025em}
.auth-card>p{margin:0 auto 24px;color:#607184!important;font-size:.8125rem!important;line-height:1.58!important}
.auth-card .form-grid{gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}
.auth-card .form-grid label{color:#34495c!important;font-size:.75rem!important;font-weight:760;line-height:1.35}
.auth-card input:not([type="checkbox"]):not([type="radio"]){min-height:48px!important;padding:11px 13px!important;border:1px solid #bfcdd8!important;border-radius:0!important;background:#fff!important;color:#132334!important;font-size:1rem!important;line-height:1.3!important;box-shadow:none!important}
.auth-card input:not([type="checkbox"]):not([type="radio"]):hover{border-color:#94adbd!important}
.auth-card input:not([type="checkbox"]):not([type="radio"]):focus{border-color:#1688b9!important;box-shadow:0 0 0 3px rgba(22,136,185,.16)!important;outline:0}
.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#132334!important;box-shadow:0 0 0 1000px #fff inset!important;caret-color:#132334!important}
.auth-card .btn{min-height:48px!important;border-radius:0!important;font-size:.8125rem!important;font-weight:600}
.auth-card .btn.primary{background:linear-gradient(135deg,#1688b9,#0d6f9b);border-color:#0d719d;color:#fff;box-shadow:none}
.auth-card .btn.primary:hover{background:linear-gradient(135deg,#117aa7,#095f88);box-shadow:none;transform:none}
.auth-security-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px!important}
.auth-security-line>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex:1 1 125px;padding:7px 8px;border:1px solid #d8e3ea;border-radius:0;background:#f7fafc;color:#526779;font-size:.625rem;font-weight:750;line-height:1.35;text-align:center}
.auth-security-line .ui-icon{width:14px;height:14px;flex:0 0 14px;color:#1688b9}
.install-ios-icon{display:none!important}
#installButton.is-ios-install .install-default-icon{display:none!important}
#installButton.is-ios-install .install-ios-icon{display:block!important}
.auth-install{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%!important;min-width:0!important;height:auto!important;margin-top:10px!important;padding:10px 14px!important;overflow:visible!important;font-size:.8125rem!important;color:#126f99!important}
.auth-install .ui-icon{display:block;flex:0 0 19px;width:19px!important;height:19px!important;margin:0!important;color:currentColor}
.auth-install [data-install-label]{display:inline!important;min-width:0;font-size:inherit!important;line-height:1.3;white-space:normal}
.auth-divider{margin:18px auto 14px!important}
.trial-button{background:#eef8fc!important;border-color:#b8ddea!important;color:#0d709a!important;box-shadow:none!important}
.trial-copy{margin:8px auto 0!important;color:#708292!important;font-size:.6875rem!important;text-align:center}
.auth-version{margin-top:20px!important;padding-top:14px;border-top:1px solid #e0e7ec;color:#7b8d9b;font-size:.65625rem!important;line-height:1.4;text-align:center}
.auth-back{display:inline-flex;justify-content:center;margin-top:18px!important;color:#126f99;font-size:.75rem;font-weight:750}

[data-theme="dark"] .auth-page{background:radial-gradient(circle at 14% 10%,rgba(67,183,232,.09),transparent 28rem),linear-gradient(145deg,#06121f,#0a1928)}
[data-theme="dark"] .auth-shell{border-color:#2b4355;background:#0d1d2c;box-shadow:0 28px 72px rgba(0,0,0,.42)!important}
[data-theme="dark"] .auth-card{border-left-color:#2b4355!important;background:#0d1d2c!important;color:#edf4f8}
[data-theme="dark"] .auth-card h2,[data-theme="dark"] .auth-card-brand b{color:#edf4f8!important}
[data-theme="dark"] .auth-card>p{color:#9fb1be!important}
[data-theme="dark"] .auth-card .form-grid label{color:#c2cfd7!important}
[data-theme="dark"] .auth-card input:not([type="checkbox"]):not([type="radio"]){border-color:#3a5366!important;background:#091926!important;color:#edf4f8!important}
[data-theme="dark"] .auth-card input:-webkit-autofill,[data-theme="dark"] .auth-card input:-webkit-autofill:hover,[data-theme="dark"] .auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#edf4f8!important;box-shadow:0 0 0 1000px #091926 inset!important;caret-color:#edf4f8!important}
[data-theme="dark"] .auth-security-line>span{border-color:#2c4557;background:#102334;color:#b4c5cf}
[data-theme="dark"] .auth-brand-version{border-color:#315a70;background:#103047;color:#7dd4f3}
[data-theme="dark"] .auth-version{border-color:#263d4e;color:#8fa4b2}

@media(max-width:960px){
  .auth-page{padding:24px 18px}
  .auth-shell,.register-shell{width:min(600px,100%);min-height:0;grid-template-columns:minmax(0,1fr);border-radius:0;background:transparent;box-shadow:0 20px 52px rgba(10,31,51,.14)!important}
  .auth-brand{display:none!important}
  .auth-card,.register-shell .auth-card{min-height:0;padding:42px 40px;border:1px solid var(--ui-line)!important;border-radius:0!important}
  .auth-card-brand{display:flex!important}
}
@media(max-width:640px){
  .auth-page{display:block;min-height:100dvh;padding:0!important;background:#fff}
  .auth-shell,.register-shell{width:100%;min-height:100dvh;border:0;border-radius:0;background:transparent;box-shadow:none!important}
  .auth-card,.register-shell .auth-card{min-height:100dvh;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));justify-content:center;border:0!important;border-radius:0!important;box-shadow:none!important}
  .auth-card:before{height:3px}
  .auth-card .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .auth-card .form-grid>*{grid-column:1!important}
  .auth-card-brand{margin-bottom:24px!important}
  .auth-card h2{font-size:1.4rem!important}
  .auth-card>p{margin-bottom:20px}
  .auth-security-line>span{flex-basis:calc(50% - 4px)}
  [data-theme="dark"] .auth-page{background:#0d1d2c}
}
@media(max-width:380px){
  .auth-card,.register-shell .auth-card{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .auth-security-line{display:grid;grid-template-columns:minmax(0,1fr)}
  .auth-security-line>span{justify-content:flex-start;text-align:left}
}
@media(max-height:560px) and (orientation:landscape) and (max-width:960px){
  .auth-page{display:block;padding:10px 14px!important}
  .auth-shell,.register-shell{width:min(680px,100%);min-height:0;margin:auto}
  .auth-card,.register-shell .auth-card{min-height:0;padding:22px 28px;justify-content:flex-start}
  .auth-card-brand{margin-bottom:16px!important}
  .auth-card>.eyebrow{margin-bottom:4px}
  .auth-card>p{margin-bottom:14px}
  .auth-security-line{display:none}
  .auth-version{margin-top:12px!important;padding-top:10px}
}

/* 2.20.0-r14 · desktop meni stvarno koristi raspoloživu visinu */
@media(min-width:1081px){
  .sidebar nav{align-content:stretch}
  .sidebar nav>.nav-section-label{flex:0 0 auto}
  .sidebar nav>a{flex:1 1 42px;max-height:46px}
}
@media(min-width:1081px) and (min-height:821px) and (max-height:1000px){
  .sidebar nav>a{flex-basis:38px;max-height:44px}
}
@media(min-width:1081px) and (min-height:681px) and (max-height:820px){
  .sidebar nav>a{flex-basis:32px;max-height:38px}
}
@media(min-width:1081px) and (max-height:680px){
  .sidebar nav>a{flex-basis:27px;max-height:31px}
}

/* 2.20.0-r14 · Nessus-slična desktop gustina i vođeni testni programi.
   Vizuelni identitet ostaje IRKAsec; preuzeta je samo logika hijerarhije:
   kompaktna navigacija, puni registri na računarima i kartice samo na telefonu. */
@media(min-width:901px){
  html{font-size:16px}
  body{font-size:14px;line-height:1.45}
  :root{--sidebar:244px;--ui-control-height:40px}
  .content{width:100%;max-width:1840px;padding:22px 24px 30px}
  .sidebar{padding:15px 12px}
  .sidebar nav{gap:3px;padding-top:14px}
  .sidebar nav a{min-height:43px;padding:9px 10px;gap:11px;font-size:13.25px;line-height:1.3}
  .sidebar nav a span{width:22px}
  .topbar{min-height:60px;height:60px;padding-inline:22px}
  .page-head{margin-bottom:18px}
  .page-head h1{font-size:clamp(1.65rem,2vw,2rem)!important;line-height:1.15}
  .page-head p{max-width:980px;font-size:.875rem;line-height:1.55}
  .panel{padding:20px;margin-bottom:18px}
  .panel-head h2{font-size:1.05rem!important;line-height:1.32}
  .panel-head p{font-size:.8125rem;line-height:1.5}
  .btn{min-height:40px;padding:8px 14px;font-size:.8125rem;line-height:1.3;border-radius:0}
  table{font-size:.8125rem}
  th{padding:10px 12px;font-size:.6875rem}
  td{padding:11px 12px;line-height:1.45}
  td b{font-size:.8125rem}
  td small{font-size:.71875rem}
  .form-grid label{font-size:.75rem}
  .notice,.alert{font-size:.8125rem;line-height:1.5}
}

/* Alat za kolone pripada zaglavlju registra i ne stvara prazan red iznad tabele. */
.panel-head.has-table-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.panel-head.has-table-tools>.table-column-picker{align-self:start;justify-self:end;margin:0}
.panel-head.has-table-tools>.table-column-picker[hidden]{display:none!important}
.panel-head.has-table-tools>.table-column-picker>summary{min-height:38px;display:flex;align-items:center;padding:7px 12px}

/* Testni program: četiri jasna koraka i samo jedna primarna sljedeća radnja. */
.program-flow-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 18px;padding:0;list-style:none;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--surface);overflow:hidden}
.program-flow-overview li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:14px 16px;border-right:1px solid var(--ui-line,var(--line))}
.program-flow-overview li:last-child{border-right:0}
.program-flow-overview li>i{display:grid;place-items:center;width:34px;height:34px;border:2px solid #c7d2db;border-radius:0;background:var(--surface);color:var(--muted);font-style:normal;font-weight:850}
.program-flow-overview b,.program-flow-overview small{display:block;min-width:0;overflow-wrap:break-word}
.program-flow-overview b{font-size:.8125rem;line-height:1.3}
.program-flow-overview small{margin-top:3px;color:var(--muted);font-size:.71875rem;line-height:1.38}
.program-flow-overview li.current{background:var(--brand-blue-soft)}
.program-flow-overview li.current>i{border-color:var(--brand-blue-dark);color:var(--brand-blue-dark)}
.program-flow-overview li.complete>i{border-color:var(--green);background:var(--green);color:#fff}
.program-create-layout{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important}
.guided-service-grid .service-module-choice{min-height:0}
.program-secondary-options>label{margin-top:12px}
.program-advanced-settings>div{margin-top:14px}
.program-help-card ol{display:grid;gap:0;margin:0 0 16px;padding:0;list-style:none}
.program-help-card li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.program-help-card li>i{display:grid;place-items:center;width:28px;height:28px;border-radius:0;background:var(--brand-navy);color:#fff;font-style:normal;font-size:.75rem;font-weight:850}
.program-help-card b,.program-help-card small{display:block}.program-help-card b{font-size:.8125rem}.program-help-card small{margin-top:3px;color:var(--muted);font-size:.75rem;line-height:1.45}
.program-guided-status{padding:0;overflow:hidden;border-top:4px solid var(--brand-blue)}
.program-guided-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px}
.program-guided-head h2{margin:4px 0 5px;font-size:1.2rem}.program-guided-head p{margin:0;font-size:.8125rem}
.program-next-action{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.program-next-action form{margin:0}.program-next-action .btn{white-space:normal}
.program-guided-status .program-flow-overview{margin:0;border-width:1px 0 0;border-radius:0;background:var(--surface-2)}
.program-missing{border-top:1px solid var(--line);padding:0 20px 16px;background:var(--surface-2)}
.program-missing summary{cursor:pointer;padding:14px 0 6px;color:var(--red);font-weight:600}.program-missing ul{margin:8px 0 0;padding-left:20px}.program-missing li{margin:6px 0;color:var(--muted);font-size:.75rem;line-height:1.45}
.program-advanced-tools{margin:0 0 18px;border:1px solid var(--line);border-radius:0;background:var(--surface)}
.program-advanced-tools>summary{cursor:pointer;padding:15px 18px;color:var(--brand-blue-dark);font-weight:850}
.program-advanced-tools>p{margin:0;padding:0 18px 14px;font-size:.75rem}.program-advanced-tools>.assessment-actions{padding:0 18px 18px}

@media(max-width:1180px){.program-create-layout{grid-template-columns:minmax(0,1fr)!important}.program-help-card ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.program-flow-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.program-flow-overview li:nth-child(2){border-right:0}.program-flow-overview li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:900px){.panel-head.has-table-tools{grid-template-columns:minmax(0,1fr)}.panel-head.has-table-tools>.table-column-picker{display:none!important}.program-guided-head{grid-template-columns:minmax(0,1fr);align-items:stretch}.program-next-action{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}.program-next-action>*,.program-next-action form,.program-next-action .btn{width:100%}}
@media(max-width:640px){.program-flow-overview{grid-template-columns:minmax(0,1fr)}.program-flow-overview li{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:11px 13px}.program-flow-overview li:last-child{border-bottom:0!important}.program-help-card ol{grid-template-columns:minmax(0,1fr)}.program-guided-head{padding:16px}.program-advanced-tools>.assessment-actions{padding:0 12px 12px}.program-advanced-tools>summary{padding:14px}.program-advanced-tools>p{padding:0 14px 12px}}

/* Na nižim laptop ekranima zadržava se čitav meni bez unutrašnjeg skrola.
   Širina i čitljivost ostaju desktop, a vertikalni ritam koristi visinu prozora. */
@media(min-width:1081px) and (min-height:821px) and (max-height:1000px){.sidebar nav a{min-height:38px}}
@media(min-width:1081px) and (min-height:681px) and (max-height:820px){.sidebar nav a{min-height:32px;padding-block:6px;font-size:12.5px}}
@media(min-width:1081px) and (max-height:680px){.sidebar nav a{min-height:27px;padding-block:4px;font-size:12px}}

/* 2.20.0-r14 · završna zaštita registara i najmanjih prikaza.
   Široki registri ostaju semantičke tabele samo kada kolone stvarno stanu;
   inače JS bira dvokolonski ili jednokolonski zapis bez gubitka podataka. */
.table-scroll[data-table-mode="table"] table,
.table-scroll[data-table-mode="table"] thead,
.table-scroll[data-table-mode="table"] thead tr,
.table-scroll[data-table-mode="table"] thead th{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.table-scroll[data-table-mode="table"] thead tr{display:table-row!important}
.table-scroll[data-table-mode="table"] th{
  padding:10px 11px!important;
  vertical-align:middle!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.table-scroll[data-table-mode="table"] td{
  overflow:hidden;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.table-scroll[data-table-mode="table"] td>b,
.table-scroll[data-table-mode="table"] td>strong{overflow-wrap:normal!important;word-break:normal!important}
.table-scroll[data-table-mode="table"] td>small{overflow-wrap:anywhere!important;word-break:normal!important}
.table-scroll[data-table-mode="table"] td :where(.status,.severity-pill,.owner-badge),
.table-scroll[data-table-mode="table"] td .table-action{white-space:nowrap!important;overflow:visible!important}

/* Skeniranja koriste sedam poslovnih kolona: ID je dio identiteta sredstva,
   napredak i nalazi su objedinjeni, a sve akcije ostaju u jednoj ćeliji. */
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(1){width:18%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(2){width:22%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(3){width:10%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(4){width:12%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(5){width:14%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(6){width:12%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] th:nth-child(7){width:12%}
body[data-page="scans"] .table-scroll[data-table-mode="table"] table[data-column-count="7"] td:last-child>span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}

/* Intelligence koristi stabilne funkcionalne kolone umjesto sedam jednakih
   ćelija; rizik i CVSS više ne mogu ući jedan u drugi. */
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(1){width:30%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(2){width:12%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(3){width:18%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(4){width:9%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(5){width:12%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(6){width:12%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] th:nth-child(7){width:7%}
body[data-page="intelligence"] .table-scroll[data-table-mode="table"] td:nth-child(5)>b{white-space:nowrap}

/* Jedan robustan switch: globalni native-checkbox reset više ne ostavlja
   istovremeno i sistemski checkbox i dekorativni klizač. */
.switch-row{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  width:auto!important;
}
.switch-row input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  inline-size:40px!important;
  block-size:22px!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #9fadb8!important;
  border-radius:0!important;
  background:#dce3e8!important;
  box-shadow:none!important;
}
.switch-row input[type="checkbox"]:before{
  content:""!important;
  position:absolute!important;
  top:2px!important;
  left:2px!important;
  width:16px!important;
  height:16px!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(7,28,52,.24)!important;
  transform:none!important;
  transition:transform .16s ease!important;
}
.switch-row input[type="checkbox"]:checked{border-color:var(--brand-blue-dark)!important;background:var(--brand-blue)!important}
.switch-row input[type="checkbox"]:checked:before{transform:translateX(18px)!important}
.switch-row>span{min-width:0!important;white-space:normal!important;overflow-wrap:normal!important}

.scan-toggle-list form{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
.trend-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.trend-row-actions .btn{flex:0 0 auto}
.comparison-workspace{grid-template-columns:repeat(auto-fit,minmax(min(760px,100%),1fr))!important}
@media(max-width:760px){
  .scan-toggle-list form{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  .trend-row-actions{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch}
  .trend-row-actions .switch-row{width:100%!important;min-height:44px}
  .trend-row-actions .btn{width:100%!important}
}
@media(max-width:420px){
  .table-scroll[data-table-mode^="cards"] tbody{padding-inline:0!important}
  .table-scroll[data-table-mode^="cards"] tbody td{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
  .table-scroll[data-table-mode^="cards"] tbody td:before{margin-bottom:2px}
}

/* 2.20.0-r14 · jedinstvena, profesionalna isporuka izvještaja. */
.report-delivery-panel{overflow:hidden}
.report-delivery-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:18px 0 22px;
}
.report-delivery-flow article{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:0;
  background:linear-gradient(135deg,#f8fbfd,#eef6fa);
}
.report-delivery-flow article>span{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:0;
  background:var(--navy);
  color:#fff;
  font-weight:600;
}
.report-delivery-flow article div{display:grid;gap:2px;min-width:0}
.report-delivery-flow b{color:var(--ink);font-size:14px}
.report-delivery-flow small{color:var(--muted);font-size:12px;line-height:1.35}
.report-mailer-status{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(220px,1.1fr) minmax(280px,1.6fr);
  gap:1px;
  margin-top:18px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:0;
  background:var(--line);
}
.report-mailer-status>div{display:grid;align-content:start;gap:6px;min-width:0;padding:14px 16px;background:#f8fafc}
.report-mailer-status span{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.09em}
.report-mailer-status b,.report-mailer-status code{min-width:0;color:var(--ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.report-mailer-status code{font-family:var(--mono);font-weight:600}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] table{table-layout:fixed}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] th:nth-child(1){width:23%}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] th:nth-child(2){width:19%}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] th:nth-child(3){width:10%}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] th:nth-child(4){width:13%}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] th:nth-child(5){width:23%}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] th:nth-child(6){width:12%}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] td,
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] td>*{min-width:0;max-width:100%;overflow:hidden}
.phishing-report-delivery-history .table-scroll[data-table-mode="table"] .status{white-space:normal!important}
.phishing-report-delivery-history .table-cell-stack{display:grid;gap:3px;min-width:0;max-width:100%;overflow-wrap:anywhere}
.phishing-report-delivery-history .table-cell-stack>b,
.phishing-report-delivery-history .table-cell-stack>small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.phishing-report-delivery-history .table-scroll[data-table-mode^="cards"] tbody td>.table-cell-stack{width:100%;min-width:0}
@media(max-width:900px){
  .report-mailer-status{grid-template-columns:1fr 1fr}
  .report-mailer-status>div:last-child{grid-column:1/-1}
}
@media(max-width:640px){
  .report-delivery-flow{grid-template-columns:1fr}
  .report-mailer-status{grid-template-columns:1fr}
  .report-mailer-status>div:last-child{grid-column:auto}
}

/* 2.20.0-r14.2 · client-readable phishing score and action plan. */
.phishing-client-guidance{overflow:hidden}
.phishing-grade-scale{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:4px 0 18px;
}
.phishing-grade-scale article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:3px 11px;
  align-items:center;
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--ui-line,var(--line));
  border-top:3px solid var(--grade-color);
  border-radius:0;
  background:var(--ui-surface-soft,var(--surface-soft));
}
.phishing-grade-scale article>b{grid-row:1/3;color:var(--grade-color);font-size:26px;line-height:1}
.phishing-grade-scale article>span{min-width:0;color:var(--ui-ink,var(--ink));font-weight:600}
.phishing-grade-scale article>small{min-width:0;color:var(--ui-muted,var(--muted));line-height:1.4;overflow-wrap:anywhere}
.phishing-grade-scale article.active{
  border-color:var(--grade-color);
  background:color-mix(in srgb,var(--grade-color) 8%,var(--ui-surface,#fff));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--grade-color) 35%,transparent);
}
.phishing-client-guidance .table-scroll{margin-bottom:14px}
.phishing-client-guidance .table-scroll[data-table-mode="table"] th:nth-child(1){width:14%}
.phishing-client-guidance .table-scroll[data-table-mode="table"] th:nth-child(2){width:22%}
.phishing-client-guidance .table-scroll[data-table-mode="table"] th:nth-child(3){width:38%}
.phishing-client-guidance .table-scroll[data-table-mode="table"] th:nth-child(4){width:26%}
@media(max-width:900px){.phishing-grade-scale{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.phishing-grade-scale{grid-template-columns:minmax(0,1fr)}}

/* 2.23.17-rc17-r37 · završni komercijalni responsive i no-clipping ugovor.
   Prirodni vertikalni skrol stranice ostaje dostupan radi pristupačnosti;
   horizontalni i ugniježđeni skrol, odsječene riječi i skrivena dugmad nisu
   dozvoljeni ni na najmanjem podržanom prikazu. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body,.app-shell,.main,.content{min-inline-size:0;max-inline-size:100%;overflow-x:clip}
:where(.page-head,.head-actions,.panel,.panel-head,.panel-head>div,.form-grid,.form-grid>*,.details,.details>*,.table-panel,.table-scroll,.notice,.alert,.status,.owner-badge,.btn,.table-action,.mail-delivery-config,.mail-delivery-title,.delivery-history){min-width:0;max-width:100%}
:where(h1,h2,h3,p,label,legend,dt,dd,small,b,strong,span,code,.btn,.status,.owner-badge,.table-action){overflow-wrap:anywhere;word-break:normal}
:where(.btn,.table-action,button){white-space:normal;text-align:center;line-height:1.3}
.form-grid :where(input,select,textarea,button,.btn){min-width:0;max-width:100%}
.check-row>span,.check-row>span>b,.check-row>span>small{display:block;min-width:0;max-width:100%}
.check-row>span>small{margin-top:4px;color:var(--ui-muted,var(--muted));font-weight:500;line-height:1.45}
.table-scroll{max-width:100%;overscroll-behavior-inline:contain}
.table-scroll[data-table-mode="table"]{overflow-x:clip}
.table-scroll[data-table-mode="table"] table{width:100%;max-width:100%;table-layout:fixed}
.table-scroll[data-table-mode="table"] td,.table-scroll[data-table-mode="table"] th{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.table-scroll[data-table-mode^="cards"]{overflow:visible}
.table-scroll[data-table-mode^="cards"] tbody,.table-scroll[data-table-mode^="cards"] tr,.table-scroll[data-table-mode^="cards"] td{max-width:100%}
dialog,.dialog,.modal,.global-search-dialog{max-width:min(760px,calc(100vw - 24px));max-height:min(88dvh,920px);overscroll-behavior:contain}
.phishing-template-gallery.span-2{grid-column:1/-1!important;width:100%!important}

@media(min-width:1081px){
  :root{--sidebar:244px}
  .sidebar{overflow-y:hidden!important;padding:14px 11px 11px}
  .sidebar .logo{flex:0 0 auto;padding:3px 7px 13px;gap:10px}
  .sidebar .logo-icon{width:38px;height:38px;flex:0 0 38px}
  .sidebar .logo b{font-size:.98rem;line-height:1.2}
  .sidebar .logo small{font-size:.65rem;line-height:1.35}
  .sidebar nav{flex:1 1 auto;min-height:0;gap:3px;padding-top:11px}
  .sidebar nav a{min-height:37px;padding:7px 9px;gap:10px;border-radius:0}
  .sidebar nav a em{font-size:.75rem;line-height:1.25;white-space:normal}
  .sidebar nav a>span{width:21px;flex-basis:21px}
  .sidebar nav a .ui-icon{width:18px;height:18px}
  .sidebar .nav-section-title{margin:9px 8px 3px;font-size:.58rem;line-height:1.25}
  .sidebar-foot{flex:0 0 auto;margin-top:5px;padding-top:6px}
  .sidebar-foot .license{padding:9px 10px;border-radius:0}
  .content{padding:clamp(18px,1.6vw,27px);padding-bottom:38px}
  .panel{margin-bottom:16px}
  .topbar{min-height:64px}
}
@media(min-width:1081px) and (min-height:900px){
  .sidebar nav{gap:4px;padding-top:14px}
  .sidebar nav a{min-height:40px;padding-block:8px}
  .sidebar .nav-section-title{margin-top:12px}
}
@media(min-width:1081px) and (max-height:760px){
  .sidebar{padding-top:8px;padding-bottom:7px}
  .sidebar .logo{padding-bottom:8px}
  .sidebar .logo-icon{width:34px;height:34px;flex-basis:34px}
  .sidebar nav{gap:1px;padding-top:5px}
  .sidebar nav a{min-height:29px;padding:4px 7px}
  .sidebar nav a em{font-size:.69rem;line-height:1.15;white-space:nowrap}
  .sidebar .nav-section-title{margin:4px 7px 1px;font-size:.54rem}
  .sidebar-foot .license{padding:6px 8px}
  .sidebar-foot .license small{display:none}
}
@media(min-width:1081px) and (max-width:1366px){
  :root{--sidebar:230px}
  .content{padding:16px 17px 28px}
  .page-head{margin-bottom:18px}
  .topbar{padding-inline:18px}
  .top-actions{gap:6px}
  .dashboard-grid,.detail-grid{gap:14px}
}

@media(min-width:701px) and (max-width:1080px){
  .content{padding:18px max(18px,env(safe-area-inset-right)) 30px max(18px,env(safe-area-inset-left))}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid,.detail-grid,.program-create-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid.unequal{grid-template-columns:minmax(0,1fr)}
  .page-head{align-items:flex-start}
  .head-actions{flex-wrap:wrap;justify-content:flex-end}
}

@media(max-width:700px){
  .content{padding:13px max(12px,env(safe-area-inset-right)) max(88px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .page-head{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:16px}
  .page-head h1{font-size:clamp(1.45rem,7vw,1.85rem);line-height:1.15}
  .head-actions,.form-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px}
  .head-actions>*,.head-actions form,.head-actions .btn,.form-actions>*,.form-actions form,.form-actions .btn{width:100%;max-width:100%}
  .kpi-grid,.dashboard-grid,.dashboard-grid.unequal,.detail-grid,.form-grid,.scan-metrics,.program-create-layout,.report-delivery-flow,.report-mailer-status{grid-template-columns:minmax(0,1fr)!important}
  .span-2,.details .full{grid-column:1!important}
  .panel,.form-panel{padding:15px;border-radius:0}
  .table-panel{padding:0}
  .table-panel>.panel-head{padding:15px 15px 0}
  .panel-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .panel-head>:where(.status,.owner-badge,.btn,.table-column-picker){justify-self:start}
  .status,.owner-badge{white-space:normal}
  .notice,.alert{padding:11px 12px}
  dialog,.dialog,.modal,.global-search-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:8px}
  .phishing-grade-scale{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  .content{padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .panel,.form-panel{padding:12px}
  .table-panel{padding:0}
  .btn{padding-inline:11px}
  .topbar{padding-inline:max(7px,env(safe-area-inset-left))}
}
@media(max-height:700px) and (min-width:901px){
  .auth-page{align-items:start;overflow-y:auto}
  .auth-shell{margin-block:18px;min-height:0}
  .auth-brand,.auth-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Commercial profile semantics and scan evidence status — shared across every viewport. */
.profile-depth-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px;border:1px solid var(--line);border-radius:0;background:linear-gradient(135deg,#f8fbfd,#eef6fa)}
.profile-depth-guide article{min-width:0;padding:12px;border:1px solid #cbd9e3;border-radius:0;background:#fff}
.profile-depth-guide article b,.profile-depth-guide article span,.profile-depth-guide article small{display:block}
.profile-depth-guide article b{color:var(--navy);font-size:.84rem}
.profile-depth-guide article span{margin-top:5px;color:var(--ink);font-size:.75rem;line-height:1.38}
.profile-depth-guide article small{margin-top:7px;color:var(--muted);font-size:.66rem;line-height:1.35}
.profile-depth-guide>p{grid-column:1/-1;margin:0;padding:9px 10px;border-left:3px solid var(--brand);background:#eaf6fc;color:#31556c;font-size:.72rem;line-height:1.45}
.scan-workstream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.scan-workstream-grid article{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:0;background:#f9fbfc}
.scan-workstream-grid article>div{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}
.scan-workstream-grid article b{min-width:0;color:var(--navy);font-size:.82rem;line-height:1.35}
.scan-workstream-grid article .status{justify-self:start;max-width:100%;white-space:normal;text-align:left;justify-content:flex-start;font-size:.61rem;line-height:1.3;overflow-wrap:anywhere}
.scan-workstream-grid article p{margin:8px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}
@media(max-width:1080px){.profile-depth-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.profile-depth-guide,.scan-workstream-grid{grid-template-columns:minmax(0,1fr)}}

/* Klijentski naziv izvještaja: predlošci, vlastiti naslov i pregled izlaza. */
.report-title-config{display:grid;gap:12px;padding:16px;border:1px solid #b9d1df;border-radius:0;background:linear-gradient(145deg,#f8fbfd 0%,#edf6fa 100%)}
.report-title-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.report-title-config-head b,.report-title-config-head span{display:block}
.report-title-config-head b{color:var(--navy);font-size:.92rem}
.report-title-config-head span{margin-top:4px;color:var(--muted);font-size:.74rem;line-height:1.45}
.report-title-config-head em{flex:0 0 auto;padding:5px 8px;border:1px solid #9fc2d4;border-radius:0;background:#fff;color:#27627f;font-size:.59rem;font-style:normal;font-weight:600;letter-spacing:.07em}
.report-title-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.report-title-template{position:relative;display:block;min-width:0;cursor:pointer}
.report-title-template>input{position:absolute;opacity:0;pointer-events:none}
.report-title-template>span{display:block;height:100%;padding:12px 13px;border:1px solid #ccdbe4;border-radius:0;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.report-title-template b,.report-title-template small,.report-title-template i{display:block}
.report-title-template b{color:var(--navy);font-size:.77rem}
.report-title-template small{margin-top:5px;color:var(--ink);font-size:.72rem;font-weight:600;line-height:1.4}
.report-title-template i{margin-top:7px;color:var(--muted);font-size:.65rem;font-style:normal;line-height:1.4}
.report-title-template:hover>span{border-color:#8ebcd1;transform:translateY(-1px)}
.report-title-template.active>span{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 18%,transparent),0 8px 20px rgba(22,74,102,.08)}
.report-title-template.active b:after{content:' ✓';color:var(--brand)}
.report-title-custom-input{display:none;margin:0;padding:12px;border:1px dashed #9fbfce;border-radius:0;background:#fff;color:var(--navy);font-size:.75rem;font-weight:600}
.report-title-custom-input.active{display:block}
.report-title-custom-input input{margin-top:7px}
.report-title-custom-input small{display:block;margin-top:6px;color:var(--muted);font-weight:500;line-height:1.4}
.report-title-live-preview{display:grid;gap:4px;padding:12px 14px;border-left:4px solid var(--brand);border-radius:0;background:#102f43;color:#fff}
.report-title-live-preview span{color:#b9d9e8;font-size:.61rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.report-title-live-preview strong{font-size:.85rem;line-height:1.42}
.report-title-management{border-color:#b9d1df}
@media(max-width:700px){.report-title-config-head{display:grid}.report-title-config-head em{justify-self:start}.report-title-template-grid{grid-template-columns:minmax(0,1fr)}}

/* 2.23.17-rc17-r37 · jedinstveni modalni radni tok i jednostavnija navigacija. */
.quick-action-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--brand) 68%,#fff);border-radius:0;background:var(--brand);color:#fff;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(22,126,173,.16)}
.quick-action-trigger .ui-icon{width:17px;height:17px}
.quick-action-trigger:hover{background:var(--brand-dark,#167ead);transform:translateY(-1px)}
.app-command-dialog,.app-task-dialog,.app-confirm-dialog{margin:auto;padding:0;border:0;background:transparent;color:var(--ui-ink,var(--ink));overflow:visible}
.app-command-dialog::backdrop,.app-task-dialog::backdrop,.app-confirm-dialog::backdrop{background:rgba(4,18,32,.7);backdrop-filter:blur(4px)}
.app-command-dialog{width:min(760px,calc(100vw - 28px));max-width:760px}
.app-command-card,.app-task-dialog-card,.app-confirm-card{min-width:0;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));box-shadow:0 32px 90px rgba(3,17,32,.32)}
.app-command-card>header,.app-task-dialog-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid var(--ui-line,var(--line));background:linear-gradient(145deg,var(--ui-surface,var(--surface)),var(--ui-surface-soft,var(--surface-soft)))}
.app-command-card>header h2,.app-task-dialog-card>header h2,.app-confirm-card h2{margin:4px 0 0;color:var(--ui-navy,var(--navy));font-size:1.25rem;line-height:1.25}
.app-command-card>header p,.app-task-dialog-card>header p{margin:5px 0 0;color:var(--ui-muted,var(--muted));font-size:.76rem;line-height:1.45}
.app-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 22px 24px}
.app-command-grid>a,.app-command-grid>button{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 12px;align-items:center;min-width:0;min-height:88px;padding:14px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-soft));color:var(--ui-ink,var(--ink));text-align:left;text-decoration:none;cursor:pointer}
.app-command-grid>a:hover,.app-command-grid>button:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--ui-surface,#fff));transform:translateY(-1px)}
.app-command-grid>a>span,.app-command-grid>button>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:0;background:color-mix(in srgb,var(--brand) 13%,var(--ui-surface,#fff));color:var(--brand)}
.app-command-grid .ui-icon{width:21px;height:21px}
.app-command-grid b{align-self:end;color:var(--ui-navy,var(--navy));font-size:.84rem}
.app-command-grid small{align-self:start;color:var(--ui-muted,var(--muted));font-size:.69rem;line-height:1.35}
.app-task-dialog{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:calc(100dvh - 28px)}
.app-task-dialog[data-size="large"]{width:min(920px,calc(100vw - 28px));max-width:920px}
.app-task-dialog[data-size="wide"]{width:min(1120px,calc(100vw - 28px));max-width:1120px}
.app-task-dialog-card{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - 28px);overflow:hidden}
.app-task-dialog-body{min-width:0;max-width:100%;overflow:auto;padding:20px 22px 24px;overscroll-behavior:contain}
.app-task-dialog-body>[data-modal-panel]{display:block!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.app-task-dialog-body>[data-modal-panel]>.panel-head:first-child{margin-top:0}
.app-task-dialog-body .program-lifecycle>details{margin-top:0}
.app-task-dialog-body .program-lifecycle>details>summary{display:none}
.app-task-dialog-body .program-lifecycle>details>*:not(summary){display:block}
[data-modal-panel][hidden]{display:none!important}
.schedule-overview-grid{grid-template-columns:minmax(0,1fr)!important}
.app-confirm-dialog{width:min(520px,calc(100vw - 28px));max-width:520px}
.app-confirm-card{display:grid;gap:0;overflow:hidden}
.app-confirm-card>header{display:flex;align-items:center;gap:13px;padding:22px 22px 14px}
.app-confirm-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:0;background:color-mix(in srgb,var(--danger,#b4232f) 10%,var(--ui-surface,#fff));color:var(--danger,#b4232f)}
.app-confirm-icon .ui-icon{width:23px;height:23px}
.app-confirm-card>p{margin:0;padding:4px 22px 22px;color:var(--ui-ink,var(--ink));font-size:.83rem;line-height:1.6}
.app-confirm-card>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 22px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-line,var(--line));background:var(--ui-surface-soft,var(--surface-soft))}
.app-confirm-card>footer .btn{width:100%}
[data-theme="dark"] .app-command-card,[data-theme="dark"] .app-task-dialog-card,[data-theme="dark"] .app-confirm-card{border-color:#334a62;background:#12263e}
[data-theme="dark"] .app-command-card>header,[data-theme="dark"] .app-task-dialog-card>header,[data-theme="dark"] .app-confirm-card>footer{border-color:#334a62;background:#0e2035}

@media(max-width:1180px){.quick-action-trigger span{display:none}.quick-action-trigger{width:40px;padding:0}}
@media(max-width:700px){
  .app-command-dialog,.app-task-dialog,.app-confirm-dialog{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:var(--app-dialog-mobile-height,calc(100dvh - 12px))!important;margin:6px}
  .app-command-card,.app-task-dialog-card{max-height:var(--app-dialog-mobile-height,calc(100dvh - 12px));border-radius:0}
  .app-command-card>header,.app-task-dialog-card>header{padding:16px 16px 13px}
  .app-command-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding:13px 14px 18px;max-height:calc(100dvh - 118px);overflow:auto}
  .app-command-grid>a,.app-command-grid>button{min-height:72px;padding:11px}
  .app-task-dialog-body{padding:14px 14px calc(18px + env(safe-area-inset-bottom))}
  .keyboard-open .app-task-dialog-card>header p{display:none}
  .keyboard-open .app-task-dialog-card>header{padding-top:12px;padding-bottom:10px}
  .app-confirm-card>footer{grid-template-columns:minmax(0,1fr)}
  .top-actions .quick-action-trigger{display:inline-grid;width:40px;min-width:40px}
}

/* 2.23.17-rc17-r37 · brze akcije, sažeta navigacija i isporuka podešena pri pokretanju. */
:root{--brand:var(--brand-blue);--brand-dark:var(--brand-blue-dark)}
.quick-action-trigger{
  background:linear-gradient(145deg,var(--brand-blue),var(--brand-blue-dark))!important;
  border-color:var(--brand-blue-dark)!important;
  color:#fff!important;
}
.quick-action-trigger .ui-icon{display:block!important;color:#fff!important;stroke:currentColor!important;opacity:1!important}
.quick-action-trigger:focus-visible{outline:3px solid rgba(67,183,232,.34);outline-offset:3px}
.app-command-shortcuts{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 22px 16px;border-top:1px solid var(--line);background:var(--surface-2)}
.app-command-shortcuts a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border-radius:0;color:var(--muted);font-size:.7rem;font-weight:600}
.app-command-shortcuts a:hover{background:var(--brand-blue-soft);color:var(--brand-blue-dark)}
.app-command-shortcuts .ui-icon{width:16px;height:16px}
.sidebar-nav{gap:8px!important;overflow-y:auto;overscroll-behavior:contain}
.sidebar-primary{display:grid;gap:3px}
.sidebar-more{margin-top:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}
.sidebar-more>summary{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:9px 11px;border-left:3px solid transparent;color:#aeb9c3;font-size:.8rem;font-weight:750;cursor:pointer;list-style:none}
.sidebar-more>summary::-webkit-details-marker{display:none}
.sidebar-more>summary:hover,.sidebar-more[open]>summary{background:rgba(255,255,255,.05);color:#fff}
.sidebar-more>summary>span{display:grid;place-items:center;width:24px}.sidebar-more>summary .ui-icon{width:18px;height:18px}
.sidebar-more>summary em{font-style:normal}.sidebar-more>summary small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:0;background:rgba(255,255,255,.08);font-size:.6rem}
.sidebar-more>div{display:grid;gap:2px;padding:5px 0 2px 8px}
.scan-options-trigger{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;align-items:center;gap:11px;min-width:0;min-height:62px;padding:11px 13px;border:1px solid #bfd2de;border-radius:0;background:#f4f9fc;color:var(--ink);text-align:left}
.simple-scan-layout{grid-template-columns:minmax(0,1fr)!important;max-width:1120px;margin-inline:auto}
.scan-options-trigger:hover{border-color:var(--brand-blue-dark);background:var(--brand-blue-soft)}
.scan-options-trigger>svg:first-child{display:grid;width:36px;height:36px;padding:8px;border-radius:0;background:#dff2fa;color:var(--brand-blue-dark)}
.scan-options-trigger>svg:last-child{width:18px;height:18px;color:var(--brand-blue-dark)}
.scan-options-trigger b,.scan-options-trigger small{display:block}.scan-options-trigger b{color:var(--brand-navy);font-size:.78rem}.scan-options-trigger small{margin-top:3px;color:var(--muted);font-size:.66rem;line-height:1.35}
.scan-config-dialog{width:min(1060px,calc(100vw - 28px));max-width:1060px;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);overflow:visible}
.scan-config-dialog::backdrop{background:rgba(4,18,32,.72);backdrop-filter:blur(4px)}
.scan-config-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 28px);overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:0 32px 90px rgba(3,17,32,.34)}
.scan-config-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2))}
.scan-config-card>header>div{flex:1 1 auto;min-width:0}
.scan-config-card>header h2{margin:4px 0 0;color:var(--brand-navy);font-size:1.2rem}.scan-config-card>header p{max-width:760px;margin:5px 0 0;font-size:.74rem}
.scan-config-body{min-width:0;overflow:auto;padding:18px 20px 22px;overscroll-behavior:contain}
.scan-config-body>.report-title-config,.scan-config-body>.profile-depth-guide,.scan-config-body>.launch-guidance,.scan-config-body>.custom-scope{margin-bottom:14px}
.scan-config-body .service-combine-control{margin-bottom:14px;padding:12px;border:1px solid #bcd4df;border-radius:0;background:#edf8fc}
.scan-config-body .service-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.scan-config-card>footer{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-2)}
.launch-delivery-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #a9cfdf;border-left:4px solid var(--brand-blue-dark);border-radius:0;background:linear-gradient(145deg,#f8fcfe,#eaf7fc)}
.launch-delivery-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:0;background:var(--brand-navy);color:var(--brand-blue)}.launch-delivery-icon .ui-icon{width:22px;height:22px}
.launch-delivery-summary b,.launch-delivery-summary strong,.launch-delivery-summary small{display:block}.launch-delivery-summary b{color:var(--muted);font-size:.61rem;text-transform:uppercase;letter-spacing:.07em}.launch-delivery-summary strong{margin-top:3px;color:var(--brand-navy);font-size:.82rem}.launch-delivery-summary small{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.35;overflow-wrap:anywhere}
.delivery-timing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;border:0}.delivery-timing-options legend{grid-column:1/-1;margin-bottom:2px;color:var(--brand-navy);font-size:.72rem;font-weight:850}
.delivery-timing-options label{position:relative;min-width:0;cursor:pointer}.delivery-timing-options input{position:absolute;opacity:0;pointer-events:none}
.delivery-timing-options label>span{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 9px;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:0;background:var(--surface-2)}
.delivery-timing-options label>span>.ui-icon{grid-row:1/3;width:24px;height:24px;color:var(--brand-blue-dark)}.delivery-timing-options b{align-self:end;color:var(--brand-navy);font-size:.76rem}.delivery-timing-options small{align-self:start;color:var(--muted);font-size:.64rem;line-height:1.35}
.delivery-timing-options input:checked+span{border-color:var(--brand-blue-dark);background:var(--brand-blue-soft);box-shadow:0 0 0 3px rgba(67,183,232,.13)}
.delivery-timing-options input:focus-visible+span{outline:3px solid rgba(67,183,232,.32);outline-offset:2px}
.delivery-launch-fields[hidden],.delivery-scheduled-fields[hidden]{display:none!important}.delivery-launch-fields{padding:15px;border:1px solid var(--line);border-radius:0;background:#f8fafc}.delivery-launch-fields>.notice{margin-top:12px}
[data-theme="dark"] .app-command-shortcuts,[data-theme="dark"] .scan-config-card>header,[data-theme="dark"] .scan-config-card>footer{border-color:#334a62;background:#0e2035}
[data-theme="dark"] .scan-config-card{border-color:#334a62;background:#12263e}[data-theme="dark"] .scan-config-card>header h2,[data-theme="dark"] .launch-delivery-summary strong,[data-theme="dark"] .delivery-timing-options b{color:#edf4f7}
[data-theme="dark"] .scan-options-trigger,[data-theme="dark"] .launch-delivery-summary,[data-theme="dark"] .delivery-launch-fields,[data-theme="dark"] .delivery-timing-options label>span{border-color:#334f63;background:#102638;color:#e8f0f5}
[data-theme="dark"] .delivery-timing-options input:checked+span{border-color:#63caef;background:#10334a}
@media(max-width:900px){
  .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .mobile-menu{display:none!important}
  .top-actions>:where(.top-search-trigger,#installButton,.theme-picker,a.icon-btn,.user-menu){display:none!important}
  .top-actions .quick-action-trigger{display:grid!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border-radius:0!important;box-shadow:0 7px 18px rgba(22,126,173,.24)!important}
  .top-actions .quick-action-trigger .ui-icon{width:21px;height:21px}
  .top-actions .connection-indicator{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;justify-content:center!important}
  .top-actions .connection-indicator b{display:none!important}
  .service-module-facts{display:none}
}
@media(max-width:700px){
  .app-command-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.app-command-shortcuts a{justify-content:center;padding:5px 3px}
  .scan-config-dialog{width:calc(100vw - 10px);max-width:calc(100vw - 10px);max-height:calc(100dvh - 10px);margin:5px}
  .scan-config-card{max-height:calc(100dvh - 10px);border-radius:0}.scan-config-card>header{padding:15px 14px 12px}.scan-config-body{padding:13px 13px 16px}.scan-config-card>footer{display:grid;grid-template-columns:minmax(0,1fr);padding:11px 13px calc(11px + env(safe-area-inset-bottom))}.scan-config-card>footer .btn{width:100%}
  .scan-config-body .service-module-grid,.delivery-timing-options{grid-template-columns:minmax(0,1fr)}
  .delivery-timing-options label>span{min-height:72px}
  .launch-delivery-summary{grid-template-columns:42px minmax(0,1fr)}.launch-delivery-summary>.btn{grid-column:1/-1;width:100%}
  .scan-options-trigger{grid-template-columns:34px minmax(0,1fr) 18px}
}

/* 2.23.0-r55 · plan fakturisanja direktno iz modula Skeniranja. */
.scan-launch-billing{display:grid;gap:12px;min-width:0;margin-top:16px;padding-top:16px;border-top:1px solid var(--ui-line,var(--line))}
.scan-launch-billing .mail-settings-heading{margin:0}
.scan-launch-billing>.check-row{padding:12px 13px;border:1px solid #b9d3e3;border-radius:0;background:var(--brand-blue-soft)}
.scan-launch-billing .planner-billing-fields{margin:0}
[data-theme="dark"] .scan-launch-billing{border-color:#334f63}
[data-theme="dark"] .scan-launch-billing>.check-row{border-color:#334f63;background:#102638}
@media(max-width:640px){
  .scan-launch-billing{margin-top:12px;padding-top:12px}
  .scan-launch-billing .mail-settings-heading{padding:12px}
  .scan-launch-billing .planner-billing-fields{grid-template-columns:minmax(0,1fr)}
  .scan-launch-billing .planner-billing-fields .span-2{grid-column:auto}
}

/* 2.23.17-rc17-r37 · otporna i jasna kontrola klijentskih isporuka. */
.delivery-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.delivery-controls form{display:inline-flex;margin:0}
.delivery-controls .btn{min-height:38px;padding:8px 11px;font-size:.68rem}
@media(max-width:700px){
  .delivery-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .delivery-controls form,.delivery-controls .btn{width:100%}
}

/* 2.23.17-rc17-r37 · iOS/PWA sigurna zona i pouzdano zatvaranje svih radnih prozora. */
:root{
  --app-viewport-offset-top:0px;
  --app-dialog-safe-top:max(8px,env(safe-area-inset-top),var(--app-viewport-offset-top));
  --app-dialog-safe-bottom:max(8px,env(safe-area-inset-bottom));
  --app-dialog-mobile-height:calc(var(--app-viewport-height,100dvh) - var(--app-dialog-safe-top) - var(--app-dialog-safe-bottom));
}

:where(.app-command-card,.app-task-dialog-card,.app-confirm-card,.scan-config-card,.scan-purge-dialog-card) > header{
  position:relative;
  z-index:2;
}

:where(.app-command-card,.app-task-dialog-card,.scan-config-card,.scan-purge-dialog-card) > header > :where(.icon-btn,.scan-purge-dialog-close),
.recipient-detail-head > [data-recipient-close],
.phishing-theme-close{
  position:relative;
  z-index:5;
  flex:0 0 48px;
  width:48px;
  min-width:48px;
  height:48px;
  min-height:48px;
  padding:0;
  pointer-events:auto;
  touch-action:manipulation;
}

@media(max-width:760px), (max-height:620px) and (pointer:coarse){
  :where(.app-command-dialog,.app-task-dialog,.app-confirm-dialog,.scan-config-dialog,.scan-purge-dialog,.recipient-detail-dialog){
    box-sizing:border-box;
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    max-height:var(--app-dialog-mobile-height)!important;
    margin:var(--app-dialog-safe-top) 7px var(--app-dialog-safe-bottom)!important;
  }

  :where(.app-command-card,.app-task-dialog-card,.scan-config-card,.scan-purge-dialog-card){
    max-height:var(--app-dialog-mobile-height)!important;
  }

  .app-confirm-card{
    max-height:var(--app-dialog-mobile-height);
    overflow:auto;
  }

  :where(.app-command-card,.app-task-dialog-card,.scan-config-card,.scan-purge-dialog-card) > header{
    padding-top:14px;
  }

  :where(.app-command-card,.app-task-dialog-card,.scan-config-card,.scan-purge-dialog-card) > header > div{
    min-width:0;
  }

  .phishing-theme-modal{
    padding-top:var(--app-dialog-safe-top);
    padding-bottom:var(--app-dialog-safe-bottom);
  }

  .phishing-theme-dialog{
    height:var(--app-dialog-mobile-height);
    max-height:var(--app-dialog-mobile-height);
  }
}

/* 2.23.17-rc17-r37 · univerzalni modalni unos kroz sve poslovne module. */
.form-modal-launch{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--brand-blue) 28%,var(--line));
  border-radius:0;
  background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-blue) 5%,var(--surface-2)));
}
.form-modal-launch-mark{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:0;
  background:var(--brand-navy);
  color:var(--brand-blue);
  font-size:1.45rem;
  font-weight:500;
  line-height:1;
}
.form-modal-launch-copy{min-width:0}
.form-modal-launch-copy b,.form-modal-launch-copy small{display:block;overflow-wrap:anywhere}
.form-modal-launch-copy b{color:var(--brand-navy);font-size:.79rem;line-height:1.35}
.form-modal-launch-copy small{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.45}
.form-modal-launch .form-modal-open{min-width:126px;margin:0}
.form-modal-launch-inline{display:inline-flex;padding:0;border:0;border-radius:0;background:transparent}
.form-modal-launch-inline .form-modal-open{min-width:0;min-height:36px;padding:7px 10px;font-size:.67rem}
.auto-form-modal-panel{min-width:0}
.auto-form-modal-panel>.form-grid,.auto-form-modal-panel>form{margin:0}
.auto-form-modal-panel .form-grid{max-width:none}
.auto-form-modal-panel :where(input,select,textarea){max-width:100%}
.auto-form-modal-footer{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid var(--line);
}
.auto-form-modal-footer .btn{min-width:112px}
.contains-modal-form>.panel-head{margin-bottom:0}
.app-task-dialog-body .auto-form-modal-panel :where(.table-scroll,.report-preview,.phishing-template-preview){max-width:100%;overflow:auto}
[data-theme="dark"] .form-modal-launch{border-color:#315168;background:linear-gradient(145deg,#12263e,#102638)}
[data-theme="dark"] .form-modal-launch-copy b{color:#edf4f7}
[data-theme="dark"] .auto-form-modal-footer{border-color:#334a62}

@media(max-width:700px){
  .form-modal-launch{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px}
  .form-modal-launch-mark{width:40px;height:40px}
  .form-modal-launch .form-modal-open{grid-column:1/-1;width:100%;min-width:0}
  .form-modal-launch-inline{display:flex;padding:0}
  .form-modal-launch-inline .form-modal-open{grid-column:auto;width:100%;min-height:40px}
  .app-task-dialog-body .auto-form-modal-panel .form-grid{grid-template-columns:minmax(0,1fr)!important}
  .app-task-dialog-body .auto-form-modal-panel .form-grid>:where(.span-2,.full){grid-column:1!important}
  .auto-form-modal-footer{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:2;margin-inline:-14px;margin-bottom:calc(-18px - env(safe-area-inset-bottom));padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -8px 24px rgba(11,31,58,.08)}
  .auto-form-modal-footer .btn{width:100%}
  [data-theme="dark"] .auto-form-modal-footer{background:#12263e}
}

/* 2.23.17-rc17-r37 · jedinstveni responsive CRUD registri i modalne forme na svim ekranima. */
.table-scroll[data-crud-registry="true"]{
  --registry-accent:var(--brand-blue-dark);
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:visible!important;
  isolation:isolate;
}
.table-scroll[data-registry-kind="scheduled"]{--registry-accent:#6c58a5}
.table-scroll[data-registry-kind="tests"]{--registry-accent:#167ead}
.table-scroll[data-registry-kind="reports"]{--registry-accent:#147353}
.table-scroll[data-registry-kind="findings"]{--registry-accent:#a45123}
.table-scroll[data-crud-registry="true"] .crud-data-table{width:100%!important;max-width:100%;min-width:0!important}
.table-scroll[data-crud-registry="true"] :where(th,td){min-width:0!important;max-width:100%;word-break:normal!important;hyphens:none!important}
.table-scroll[data-crud-registry="true"] td>*{min-width:0;max-width:100%}

/* Puna CRUD tabela ostaje gusta i semantička samo kada panel ima dovoljno mjesta. */
.table-scroll[data-crud-registry="true"][data-table-mode="table"]{
  overflow:hidden!important;
  border:1px solid var(--ui-line,var(--line));
  border-radius:0;
  background:var(--ui-surface,var(--surface));
}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] table{display:table!important;table-layout:fixed!important;border-collapse:separate;border-spacing:0}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] thead{display:table-header-group!important}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] tbody{display:table-row-group!important}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] tr{display:table-row!important}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th,
.table-scroll[data-crud-registry="true"][data-table-mode="table"] td{
  display:table-cell!important;
  width:auto!important;
  padding:10px 11px!important;
  overflow-wrap:break-word!important;
  vertical-align:top;
}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th{
  background:var(--ui-table-head,var(--surface-2));
  color:var(--ui-muted-strong,var(--muted));
  font-size:.6875rem!important;
  line-height:1.35;
}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="reference"]{width:6%}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="identity"]{width:18%}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="status"]{width:11%}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="time"]{width:13%}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="action"]{width:13%}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] td:before{display:none!important;content:none!important}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] tbody tr:hover td{background:color-mix(in srgb,var(--registry-accent) 4%,var(--ui-surface,var(--surface)))}

/* Tablet i telefon: svaki zapis je kompletna kartica; ništa se ne skriva. */
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"]{padding:0!important;background:transparent!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] table{display:block!important;width:100%!important;background:transparent!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] thead{display:none!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody{
  display:grid!important;
  width:100%!important;
  min-width:0;
  gap:12px!important;
  padding:0!important;
}
.table-scroll[data-crud-registry="true"][data-table-mode="cards-2"] tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.table-scroll[data-crud-registry="true"][data-table-mode="cards-1"] tbody{grid-template-columns:minmax(0,1fr)!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody tr{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start;
  width:100%!important;
  min-width:0;
  max-width:100%;
  overflow:hidden!important;
  border:1px solid var(--ui-line,var(--line))!important;
  border-left:4px solid var(--registry-accent)!important;
  border-radius:0!important;
  background:var(--ui-surface,var(--surface))!important;
  box-shadow:0 6px 18px rgba(10,31,52,.055)!important;
}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td{
  display:grid!important;
  grid-column:1!important;
  grid-template-columns:minmax(112px,30%) minmax(0,1fr)!important;
  align-items:start;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0;
  padding:10px 12px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid var(--ui-line,var(--line))!important;
  background:transparent!important;
  font-size:.8125rem!important;
  line-height:1.45!important;
  text-align:left!important;
}
.table-scroll[data-crud-registry="true"][data-table-mode="cards-2"] tbody td{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td:last-child{border-bottom:0!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td:before{
  content:attr(data-label)!important;
  display:block!important;
  min-width:0;
  margin:0!important;
  color:var(--ui-muted,var(--muted));
  font-size:.65625rem!important;
  font-weight:850;
  line-height:1.35!important;
  letter-spacing:.04em;
  text-transform:uppercase;
  overflow-wrap:break-word;
}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[data-field-role="identity"]{
  padding-block:12px!important;
  background:color-mix(in srgb,var(--registry-accent) 6%,var(--ui-surface,var(--surface)))!important;
}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[data-field-role="identity"] :where(b,strong){color:var(--ui-navy,var(--brand-navy));font-size:.875rem!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[data-field-role="status"] :where(.status,.severity-pill,.owner-badge){justify-self:start;width:auto!important;max-width:100%}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[data-field-role="action"]{padding-block:12px!important;background:var(--ui-surface-soft,var(--surface-2))!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[colspan]{display:block!important;grid-column:1!important;padding:24px 14px!important;text-align:center!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[colspan]:before{display:none!important;content:none!important}

/* CRUD akcije ostaju dostupne i dovoljno velike za dodir. */
.table-scroll[data-crud-registry="true"] :where(.record-actions,.inline-actions,.report-actions,.delivery-controls){min-width:0;max-width:100%}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] :where(.record-actions,.inline-actions,.report-actions,.delivery-controls){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;
  width:100%!important;
}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] :where(.record-actions,.inline-actions,.report-actions,.delivery-controls)>*{width:100%!important;min-width:0!important;max-width:100%}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] :where(.record-actions,.inline-actions,.report-actions,.delivery-controls) form{display:flex;width:100%!important;margin:0}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] :where(.btn,.table-action,.form-modal-open){display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;min-height:44px;padding:9px 10px;white-space:normal!important}
.table-scroll[data-crud-registry="true"][data-table-mode^="cards"] .form-modal-launch-inline{display:flex!important;width:100%!important}

/* Jedino tehnički token smije imati lokalno pomjeranje radi tačnog kopiranja. */
.table-scroll[data-crud-registry="true"] :where(.mono,code,.technical-value,.hash-value,[data-technical-value]){
  max-width:100%;
  scrollbar-width:thin;
}
.table-scroll[data-crud-registry="true"] td[data-field-role="technical"] :where(.mono,code,.technical-value,.hash-value,[data-technical-value]),
.table-scroll[data-crud-registry="true"] td.mono{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  -webkit-overflow-scrolling:touch;
}

/* Pretraga, izbor kolona i paginacija ostaju dio registra, bez gužvanja. */
.table-panel>.live-filter-toolbar,.table-panel>.panel-head.has-table-tools{min-width:0;max-width:100%}
.live-filter-toolbar.has-table-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px}
.live-filter-toolbar.has-table-tools>label{min-width:0}
.table-column-picker{max-width:100%}

/* Modalna forma koristi raspoloživu visinu i nikada ne prekriva polja ili akcije. */
.app-task-dialog-body{max-width:100%;scroll-padding-block:18px 96px;scrollbar-gutter:stable;overscroll-behavior:contain}
.app-task-dialog-body .auto-form-modal-panel,.app-task-dialog-body .auto-form-modal-panel>form{width:100%;max-width:100%;min-width:0}
.app-task-dialog-body .auto-form-modal-panel :where(label,fieldset,.form-grid,.form-actions){min-width:0;max-width:100%}
.app-task-dialog-body .auto-form-modal-panel :where(input,select,textarea){width:100%;min-width:0;max-width:100%}
.app-task-dialog-body .auto-form-modal-panel .scan-config-card>header>.icon-btn{width:48px!important;min-width:48px!important;max-width:48px!important}
.app-task-dialog-body .auto-form-modal-panel .scan-config-card>footer>.btn{width:auto;min-width:120px;max-width:100%}

@media(max-width:700px){
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody{gap:10px!important}
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody tr{border-radius:0!important;box-shadow:none!important}
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td{grid-template-columns:minmax(104px,31%) minmax(0,1fr)!important;padding:9px 10px!important;gap:8px!important}
  .live-filter-toolbar.has-table-tools{grid-template-columns:minmax(0,1fr)}
  .live-filter-toolbar.has-table-tools>*{width:100%;min-width:0}
}
@media(max-width:520px){
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] :where(.record-actions,.inline-actions,.report-actions,.delivery-controls){grid-template-columns:minmax(0,1fr)}
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td:before{margin-bottom:2px!important}
}
@media(max-width:360px){
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td{padding:8px 9px!important}
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody tr{border-left-width:3px!important}
}
@media(max-height:650px){
  .app-task-dialog-card>header{padding-block:10px!important}
  .app-task-dialog-body{padding-top:10px;scroll-padding-bottom:82px}
  .auto-form-modal-footer{margin-top:12px;padding-top:10px}
}
[data-theme="dark"] .table-scroll[data-crud-registry="true"][data-table-mode="table"],
[data-theme="dark"] .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody tr{border-color:#2c455b!important;background:#102238!important}
[data-theme="dark"] .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td{border-color:#2c455b!important}
[data-theme="dark"] .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[data-field-role="identity"]{background:color-mix(in srgb,var(--registry-accent) 13%,#102238)!important}
[data-theme="dark"] .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] tbody td[data-field-role="action"]{background:#0d1e31!important}

/* 2.23.17-rc17-r37 · touch kartice, računarske tabele i stabilna CRUD alatna traka. */
.table-scroll[data-crud-registry="true"][data-table-mode="table"]{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] table{
  min-width:max(100%,calc(var(--crud-column-count,6) * 112px))!important;
  table-layout:auto!important;
}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] :where(th,td){white-space:normal}
.table-scroll[data-crud-registry="true"] tbody tr[hidden]{display:none!important}
.crud-registry-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  align-items:end;
  gap:10px;
  width:100%;
  min-width:0;
  margin:0 0 12px;
  padding:10px;
  border:1px solid var(--ui-line,var(--line));
  border-radius:0;
  background:var(--ui-surface-soft,var(--surface-2));
}
.crud-registry-toolbar>label{display:grid;min-width:0;gap:5px}
.crud-registry-toolbar>label>span{color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.crud-registry-toolbar input[type="search"]{width:100%;min-width:0;min-height:38px;margin:0;background:var(--surface)}
.crud-registry-count{align-self:center;color:var(--muted);font-size:.68rem;font-weight:750;white-space:nowrap}
.crud-registry-toolbar>.table-column-picker{align-self:center;margin:0}
.launch-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.launch-action-grid>.btn{width:100%;min-width:0;min-height:46px}

@media(pointer:coarse){
  .crud-registry-toolbar>.table-column-picker{display:none!important}
  .table-scroll[data-crud-registry="true"][data-table-mode^="cards"] :where(button,.btn,a.table-action,summary){min-height:44px}
}
@media(max-width:700px){
  .crud-registry-toolbar{grid-template-columns:minmax(0,1fr)}
  .crud-registry-toolbar>*{width:100%;min-width:0}
  .crud-registry-count{white-space:normal}
  .launch-action-grid{grid-template-columns:minmax(0,1fr)}
}
[data-theme="dark"] .crud-registry-toolbar{border-color:#2c455b;background:#0d1e31}
[data-theme="dark"] .crud-registry-toolbar input[type="search"]{background:#102238}

/* 2.23.17-rc17-r37 · enterprise audit registara, alata za kolone i modalnih površina. */
.table-panel.column-picker-open{overflow:visible!important;position:relative;z-index:8}
.live-filter-toolbar.has-table-tools{
  position:relative;
  z-index:3;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px;
  margin:0!important;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid var(--ui-line,var(--line))!important;
  border-radius:0!important;
  background:var(--ui-surface-soft,var(--surface-2))!important;
}
.live-filter-toolbar.has-table-tools>label{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:42px!important;
  margin:0!important;
  border-color:var(--ui-line,var(--line))!important;
  background:var(--ui-surface,var(--surface))!important;
}
.live-filter-toolbar.has-table-tools>small{
  justify-self:end!important;
  min-width:max-content!important;
  color:var(--ui-muted,var(--muted))!important;
  font-size:.6875rem!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
.live-filter-toolbar.has-table-tools>.table-column-picker{
  display:block;
  align-self:center!important;
  justify-self:end!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
}
.table-column-picker{position:relative}
.table-column-picker>summary{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:8px 11px!important;
  border:1px solid var(--ui-line,var(--line))!important;
  border-radius:0!important;
  background:var(--ui-surface,var(--surface))!important;
  color:var(--ui-navy,var(--brand-navy))!important;
  font-size:.6875rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  white-space:nowrap;
  box-shadow:none!important;
}
.table-column-picker>summary::-webkit-details-marker{display:none}
.table-column-picker>summary:hover,.table-column-picker>summary:focus-visible{
  border-color:var(--ui-accent,var(--brand-blue-dark))!important;
  background:color-mix(in srgb,var(--ui-accent,var(--brand-blue-dark)) 5%,var(--ui-surface,var(--surface)))!important;
  outline:0;
}
.table-column-picker[open]>summary{border-color:var(--ui-accent,var(--brand-blue-dark))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent,var(--brand-blue-dark)) 14%,transparent)!important}
.table-column-picker-icon{display:grid;place-items:center;width:18px;height:18px;color:var(--ui-accent,var(--brand-blue-dark))}
.table-column-picker-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.table-column-picker-badge{
  display:grid;
  place-items:center;
  min-width:28px;
  height:22px;
  padding-inline:5px;
  border-radius:0;
  background:var(--ui-surface-soft,var(--surface-2));
  color:var(--ui-muted,var(--muted));
  font-size:.625rem;
  font-weight:600;
}
.table-column-picker>.table-column-picker-menu{
  position:absolute!important;
  z-index:30!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  display:grid!important;
  width:min(300px,calc(100vw - 40px))!important;
  min-width:250px!important;
  max-width:min(300px,calc(100vw - 40px))!important;
  max-height:min(460px,70vh);
  padding:0!important;
  overflow:auto;
  border:1px solid var(--ui-line,var(--line))!important;
  border-radius:0!important;
  background:var(--ui-surface,var(--surface))!important;
  box-shadow:0 18px 46px rgba(11,31,58,.18)!important;
}
.table-column-picker-menu>header{display:grid;gap:3px;padding:14px;border-bottom:1px solid var(--ui-line,var(--line))}
.table-column-picker-menu>header b{color:var(--ui-navy,var(--brand-navy));font-size:.75rem}
.table-column-picker-menu>header small{color:var(--ui-muted,var(--muted));font-size:.65625rem;line-height:1.45}
.table-column-picker-options{display:grid;padding:6px}
.table-column-picker-options>label{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:38px;
  margin:0!important;
  padding:8px!important;
  border-radius:0;
  color:var(--ui-text,var(--text));
  font-size:.6875rem!important;
  font-weight:650;
}
.table-column-picker-options>label:hover{background:var(--ui-surface-soft,var(--surface-2))}
.table-column-picker-options input{width:17px!important;height:17px!important;margin:0!important;accent-color:var(--ui-accent,var(--brand-blue-dark))}
.table-column-picker-menu>footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-top:1px solid var(--ui-line,var(--line));background:var(--ui-surface-soft,var(--surface-2))}
.table-column-picker-menu>footer button{min-height:36px;margin:0!important;padding:7px 9px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-navy,var(--brand-navy));font-size:.65625rem;font-weight:600;cursor:pointer}
.table-column-picker-menu>footer button:last-child{border-color:var(--ui-accent,var(--brand-blue-dark));background:var(--ui-accent,var(--brand-blue-dark));color:#fff}

.crud-registry-toolbar{
  grid-template-columns:minmax(220px,1fr) auto!important;
  align-items:center!important;
  min-height:64px;
  padding:10px 14px!important;
}
.crud-registry-toolbar>label{gap:4px}
.crud-registry-meta{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.crud-registry-meta>.table-column-picker{flex:0 0 auto;margin:0!important}

.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="action"],
.table-scroll[data-crud-registry="true"][data-table-mode="table"] td[data-field-role="action"]{text-align:right}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] th[data-field-role="action"]{white-space:nowrap!important}
.table-scroll[data-crud-registry="true"][data-table-mode="table"] td[data-field-role="action"] :where(.table-action,.btn){justify-content:center}

.app-task-dialog-card{grid-template-rows:auto minmax(0,1fr)}
.app-task-dialog-body{min-height:0;overflow-y:auto!important;overflow-x:hidden!important}
.app-task-dialog-body .auto-form-modal-panel{padding-bottom:2px}
.app-task-dialog-body .auto-form-modal-footer{position:sticky;bottom:-18px;z-index:4;margin-inline:-18px;margin-bottom:-18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:var(--ui-surface,var(--surface));box-shadow:0 -10px 24px rgba(11,31,58,.08)}

@media(pointer:coarse){
  .live-filter-toolbar.has-table-tools>.table-column-picker,.crud-registry-meta>.table-column-picker{display:none!important}
  .live-filter-toolbar.has-table-tools{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:900px){
  .live-filter-toolbar.has-table-tools{grid-template-columns:minmax(0,1fr) auto!important;padding:9px 10px!important}
  .live-filter-toolbar.has-table-tools>.table-column-picker{display:none!important}
}
@media(max-width:900px) and (pointer:fine){
  .live-filter-toolbar.has-table-tools{grid-template-columns:minmax(220px,1fr) auto auto!important}
  .live-filter-toolbar.has-table-tools>.table-column-picker{display:block!important}
}
.table-column-picker[hidden]{display:none!important}
@media(max-width:700px){
  .live-filter-toolbar.has-table-tools{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;min-height:0;padding:8px!important}
  .live-filter-toolbar.has-table-tools>small{justify-self:start!important;min-width:0!important;padding-inline:3px;white-space:normal!important}
  .crud-registry-toolbar{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;min-height:0;padding:8px!important}
  .crud-registry-meta{justify-content:flex-start;width:100%}
  .app-task-dialog-body .auto-form-modal-footer{bottom:calc(-18px - env(safe-area-inset-bottom));margin-inline:-14px;margin-bottom:calc(-18px - env(safe-area-inset-bottom));padding-inline:14px}
}
@media(max-width:420px){
  .live-filter-toolbar.has-table-tools>label>span{display:none}
  .live-filter-toolbar.has-table-tools input{font-size:16px!important}
}
[data-theme="dark"] .table-column-picker>summary,[data-theme="dark"] .table-column-picker>.table-column-picker-menu,[data-theme="dark"] .table-column-picker-menu>footer button{border-color:#315069!important;background:#102238!important;color:#edf4f7!important}
[data-theme="dark"] .table-column-picker-menu>header,[data-theme="dark"] .table-column-picker-menu>footer{border-color:#315069;background:#0d1e31}
[data-theme="dark"] .table-column-picker-menu>header b{color:#edf4f7}
[data-theme="dark"] .table-column-picker-badge,[data-theme="dark"] .table-column-picker-options>label:hover{background:#193147;color:#c9d7e0}
[data-theme="dark"] .app-task-dialog-body .auto-form-modal-footer{background:#102238}

/* 2.23.17-rc17-r37 · vlasničke kontrole, pametna preporuka i tabele bez odsječenog sadržaja. */
.target-advisor-trigger{border-color:color-mix(in srgb,var(--brand-blue-dark) 35%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-blue-light) 9%,var(--surface)))}
.target-advisor-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid var(--line);border-radius:0;background:var(--surface-2)}
.target-advisor-summary>div{display:grid;min-width:0;gap:3px}.target-advisor-summary span,.target-advisor-choice span,.owner-market-value article>span{color:var(--muted);font-size:.66rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.target-advisor-summary strong{color:var(--brand-navy);font-size:.95rem;overflow-wrap:anywhere}.target-advisor-summary small{color:var(--muted);font-size:.72rem}
.target-advisor-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.target-advisor-choice article{display:grid;gap:7px;min-width:0;padding:15px 17px;border:1px solid var(--line);border-radius:0;background:var(--surface)}.target-advisor-choice b{color:var(--brand-navy);font-size:.86rem;line-height:1.45}
.target-advisor-reasons{margin-top:14px;padding:15px 17px;border-left:4px solid var(--brand-blue-dark);background:color-mix(in srgb,var(--brand-blue-light) 8%,var(--surface-2))}.target-advisor-reasons h3{margin:0 0 8px;color:var(--brand-navy);font-size:.8rem}.target-advisor-reasons ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--text);font-size:.75rem;line-height:1.55}
.target-advisor-caution{margin-top:13px!important}
.owner-market-value{margin-top:15px;padding:16px;border:1px solid color-mix(in srgb,#a66f13 34%,var(--line));border-radius:0;background:linear-gradient(145deg,color-mix(in srgb,#f4c66f 9%,var(--surface)),var(--surface))}.owner-market-value>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.owner-market-value>header span:first-child{color:#8b5d0d;font-size:.62rem;font-weight:600;letter-spacing:.07em}.owner-market-value h3{margin:4px 0 0;color:var(--brand-navy);font-size:.92rem}.owner-market-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.owner-market-value article{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:0;background:var(--surface)}.owner-market-value article b{color:var(--brand-navy);font-size:1rem}.owner-market-value article small,.owner-market-value>p{color:var(--muted);font-size:.68rem;line-height:1.5}.owner-market-value>p{margin:11px 0 0}.owner-market-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.owner-market-sources a{padding:5px 8px;border:1px solid var(--line);border-radius:0;background:var(--surface);color:var(--brand-blue-dark);font-size:.62rem;font-weight:600;text-decoration:none}

.entitlement-dialog,.client-delete-dialog{width:min(650px,calc(100vw - 28px));max-width:650px;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;background:transparent;color:var(--text);overflow:visible}.entitlement-dialog::backdrop,.client-delete-dialog::backdrop{background:rgba(4,18,32,.72);backdrop-filter:blur(4px)}
.entitlement-card,.client-delete-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 28px);overflow:hidden;border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:0 32px 90px rgba(3,17,32,.34)}
.entitlement-card>header,.client-delete-card>header{display:flex;align-items:flex-start;gap:13px;padding:20px 21px 16px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2))}.entitlement-card>header>div,.client-delete-card>header>div{min-width:0;flex:1}.entitlement-card h2,.client-delete-card h2{margin:4px 0 0;color:var(--brand-navy);font-size:1.15rem}.client-delete-card header p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.entitlement-icon,.client-delete-card>header>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:0;background:color-mix(in srgb,var(--brand-blue-dark) 11%,var(--surface));color:var(--brand-blue-dark)}.entitlement-icon svg,.client-delete-card>header>span svg{width:21px;height:21px}
.entitlement-body,.client-delete-body{min-height:0;padding:19px 21px;overflow:auto}.entitlement-body>p,.client-delete-body>p{margin:0 0 14px;color:var(--text);font-size:.79rem;line-height:1.6}.entitlement-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px}.entitlement-body dl>div{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:0;background:var(--surface-2)}.entitlement-body dt{color:var(--muted);font-size:.62rem;font-weight:850;text-transform:uppercase}.entitlement-body dd{margin:0;color:var(--brand-navy);font-size:.77rem;font-weight:600}.entitlement-card>footer,.client-delete-card>footer{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-2)}
[data-entitlement-blocked]{position:relative}[data-entitlement-blocked]::after{content:'PAKET';margin-left:auto;padding:2px 5px;border:1px solid currentColor;border-radius:0;font-size:.48rem;font-style:normal;font-weight:600;letter-spacing:.05em;opacity:.72}
.client-delete-body .alert{display:grid;gap:5px;margin:0 0 14px}.client-delete-body label{display:grid;gap:8px;color:var(--text);font-size:.75rem;font-weight:600}.client-delete-body code{display:inline-block;margin-inline:4px;padding:3px 6px;border-radius:0;background:var(--surface-2);color:#a52727;user-select:all}.client-delete-body input{width:100%;min-height:44px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

@media(min-width:760px) and (pointer:fine){
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] table{min-width:max(100%,calc(var(--crud-column-count,6) * 122px))!important;table-layout:auto!important}
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] :where(th,td){max-width:none!important;overflow:visible!important;overflow-wrap:normal!important;word-break:normal!important}
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] :where(th,td)[data-field-role="status"]{min-width:124px!important}
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] :where(th,td)[data-field-label="rizik"]{min-width:132px!important}
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] :where(th,td)[data-field-label="cvss-epss"]{min-width:116px!important}
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] :where(td[data-field-role="status"] .status,td[data-field-role="status"] .severity-pill,td[data-field-role="status"] .owner-badge){width:max-content!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important}
  .table-scroll[data-crud-registry="true"][data-table-mode="table"] td>*{max-width:none}
}

@media(max-width:700px), (pointer:coarse){
  .target-advisor-choice,.owner-market-value-grid,.entitlement-body dl{grid-template-columns:minmax(0,1fr)}
  .target-advisor-summary{align-items:flex-start}.target-advisor-summary>.status{flex:0 0 auto}
  .entitlement-dialog,.client-delete-dialog{width:calc(100vw - 10px);max-width:calc(100vw - 10px);max-height:calc(100dvh - 10px);margin:5px}.entitlement-card,.client-delete-card{max-height:calc(100dvh - 10px);border-radius:0}.entitlement-card>footer,.client-delete-card>footer{display:grid;grid-template-columns:minmax(0,1fr)}.entitlement-card>footer .btn,.client-delete-card>footer .btn{width:100%}
}
[data-theme="dark"] .target-advisor-summary,[data-theme="dark"] .target-advisor-choice article,[data-theme="dark"] .owner-market-value article,[data-theme="dark"] .entitlement-card,[data-theme="dark"] .client-delete-card{border-color:#315069;background:#102238}[data-theme="dark"] .target-advisor-summary strong,[data-theme="dark"] .target-advisor-choice b,[data-theme="dark"] .owner-market-value h3,[data-theme="dark"] .owner-market-value article b,[data-theme="dark"] .entitlement-card h2,[data-theme="dark"] .client-delete-card h2,[data-theme="dark"] .entitlement-body dd{color:#edf4f7}[data-theme="dark"] .entitlement-card>header,[data-theme="dark"] .client-delete-card>header,[data-theme="dark"] .entitlement-card>footer,[data-theme="dark"] .client-delete-card>footer{border-color:#315069;background:#0d1e31}

/* 2.23.0-r42 · dashboard isporuke i vlasnički finansijski tok. */
.dashboard-commerce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:16px;margin:16px 0}
.dashboard-delivery-watch,.dashboard-schedule-watch,.dashboard-billing-watch{min-width:0;border-top:3px solid var(--brand-blue-dark)}
.dashboard-delivery-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:9px}
.dashboard-delivery-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:0;background:var(--surface-2);color:var(--text);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.dashboard-delivery-list>a:hover,.dashboard-delivery-list>a:focus-visible{border-color:var(--brand-blue-dark);background:color-mix(in srgb,var(--brand-blue-light) 9%,var(--surface-2))}
.dashboard-delivery-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:0;background:color-mix(in srgb,var(--brand-blue-dark) 12%,var(--surface));color:var(--brand-blue-dark)}
.dashboard-delivery-icon svg{width:20px;height:20px}.dashboard-delivery-copy,.dashboard-delivery-time{display:grid;min-width:0;gap:4px}.dashboard-delivery-copy b{font-size:.78rem;line-height:1.4;overflow-wrap:anywhere}.dashboard-delivery-copy small,.dashboard-delivery-time time{color:var(--muted);font-size:.65rem;line-height:1.4}.dashboard-delivery-time{justify-items:end;text-align:right}.dashboard-delivery-time .status{font-size:.54rem!important;white-space:nowrap}.dashboard-delivery-time time{white-space:nowrap}.dashboard-delivery-empty{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px dashed var(--line);border-radius:0;background:var(--surface-2)}.dashboard-delivery-empty>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:0;background:var(--surface);color:var(--brand-blue-dark)}.dashboard-delivery-empty svg{width:20px;height:20px}.dashboard-delivery-empty div{display:grid;min-width:0;gap:4px}.dashboard-delivery-empty b{font-size:.78rem}.dashboard-delivery-empty small{color:var(--muted);font-size:.68rem;line-height:1.45}.dashboard-delivery-more{display:inline-flex;margin-top:11px;color:var(--brand-blue-dark);font-size:.7rem;font-weight:600;text-decoration:none}
.dashboard-billing-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-billing-totals article{display:grid;min-width:0;gap:5px;padding:14px;border:1px solid var(--line);border-radius:0;background:var(--surface-2)}.dashboard-billing-totals span,.billing-kpis span,.billing-live-summary span{color:var(--muted);font-size:.62rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.dashboard-billing-totals b{color:var(--brand-navy);font-size:1.05rem;overflow-wrap:anywhere}.dashboard-billing-totals small{color:var(--muted);font-size:.65rem;line-height:1.45}.dashboard-billing-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.dashboard-billing-actions>span{min-width:0;color:var(--muted);font-size:.66rem;line-height:1.45}
.billing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.billing-kpis article{display:grid;min-width:0;gap:6px;padding:16px;border:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:var(--ui-shadow-soft)}.billing-kpis b{color:var(--brand-navy);font-size:1.15rem;overflow-wrap:anywhere}.billing-kpis small{color:var(--muted);font-size:.67rem;line-height:1.45}.billing-editor{border-top:4px solid var(--brand-blue-dark)}
.billing-live-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:11px;border:1px solid var(--line);border-radius:0;background:var(--surface-2)}.billing-live-summary>div{display:grid;min-width:0;gap:5px;padding:11px;border-radius:0;background:var(--surface)}.billing-live-summary b{color:var(--brand-navy);font-size:.9rem;overflow-wrap:anywhere}.billing-filter{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}.billing-filter label{display:grid;gap:5px;color:var(--muted);font-size:.63rem;font-weight:600;text-transform:uppercase}.billing-filter select{min-width:160px}.billing-filter label:first-of-type select{min-width:120px}.billing-actions form{display:contents}.billing-actions button{font:inherit}.billing-error{color:var(--danger)!important;overflow-wrap:anywhere}.billing-register td:nth-child(1){min-width:220px}.billing-register td:nth-child(7){min-width:170px}
[data-theme="dark"] .dashboard-delivery-list>a,[data-theme="dark"] .dashboard-delivery-empty,[data-theme="dark"] .dashboard-billing-totals article,[data-theme="dark"] .billing-live-summary,[data-theme="dark"] .billing-kpis article{border-color:#315069;background:#102238}[data-theme="dark"] .dashboard-delivery-icon,[data-theme="dark"] .dashboard-delivery-empty>span,[data-theme="dark"] .billing-live-summary>div{background:#0d1e31}[data-theme="dark"] .dashboard-billing-totals b,[data-theme="dark"] .billing-kpis b,[data-theme="dark"] .billing-live-summary b{color:#edf4f7}
@media(max-width:1100px){.billing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dashboard-commerce-grid{gap:12px;margin:12px 0}.dashboard-delivery-list{grid-template-columns:minmax(0,1fr)}.dashboard-delivery-list>a{grid-template-columns:38px minmax(0,1fr);gap:9px}.dashboard-delivery-time{grid-column:2;justify-items:start;text-align:left}.dashboard-delivery-time time{white-space:normal}.dashboard-billing-totals,.billing-kpis,.billing-live-summary{grid-template-columns:minmax(0,1fr)}.dashboard-billing-actions{display:grid;grid-template-columns:minmax(0,1fr)}.dashboard-billing-actions .btn{width:100%}.billing-filter,.billing-filter label,.billing-filter select{width:100%;min-width:0}}

/* Mobilna vrijednost koja se kopira je cijela dodirna meta, ne samo tekst. */
@media(max-width:640px){.copyable-value[role="button"]{display:flex!important;align-items:center!important;min-height:44px!important;padding-top:9px!important;padding-bottom:9px!important}}

/* 2.23.0-r42 · centralni indikator za stvarno duže navigacije i obrade. */
.operation-loader{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(5,19,35,.34);backdrop-filter:blur(8px) saturate(.88);-webkit-backdrop-filter:blur(8px) saturate(.88);animation:operation-layer-in .18s ease-out both}
.operation-loader[hidden]{display:none!important}
.operation-loader-card{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:17px;width:min(390px,calc(100vw - 36px));min-width:0;padding:22px 24px;border:1px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 26%,var(--ui-line,#d5e0e7));border-radius:0;background:color-mix(in srgb,var(--ui-surface,#fff) 95%,transparent);color:var(--ui-ink,#172536);box-shadow:0 28px 80px rgba(4,20,38,.3),0 4px 18px rgba(4,20,38,.12);animation:operation-card-in .24s cubic-bezier(.2,.8,.2,1) both}
.operation-loader-orbit{position:relative;display:grid;place-items:center;width:64px;height:64px;isolation:isolate}
.operation-loader-orbit:before,.operation-loader-orbit:after{content:"";position:absolute;border-radius:0;animation:operation-spin 1.05s linear infinite}
.operation-loader-orbit:before{inset:0;border:3px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 18%,transparent);border-top-color:var(--brand-blue-dark,#167ead);border-right-color:var(--brand-blue,#43b7e8)}
.operation-loader-orbit:after{inset:7px;border:2px solid transparent;border-bottom-color:color-mix(in srgb,var(--brand-blue-dark,#167ead) 74%,white);border-left-color:color-mix(in srgb,var(--brand-blue,#43b7e8) 70%,white);animation-direction:reverse;animation-duration:1.35s}
.operation-loader-orbit img{position:relative;z-index:1;width:30px;height:30px;padding:5px;border-radius:0;background:var(--ui-surface,#fff);box-shadow:0 4px 14px rgba(11,31,58,.14)}
.operation-loader-copy{display:grid;min-width:0;gap:6px}.operation-loader-copy b{color:var(--brand-navy,#0b1f3a);font-size:.94rem;line-height:1.3;letter-spacing:-.01em}.operation-loader-copy small{color:var(--ui-muted,#607184);font-size:.72rem;line-height:1.5;overflow-wrap:anywhere}
@keyframes operation-spin{to{transform:rotate(360deg)}}
@keyframes operation-layer-in{from{opacity:0}to{opacity:1}}
@keyframes operation-card-in{from{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:none}}
[data-theme="dark"] .operation-loader{background:rgba(1,10,20,.52)}
[data-theme="dark"] .operation-loader-card{border-color:#315069;background:rgba(13,30,49,.96);color:#edf4f7;box-shadow:0 30px 86px rgba(0,0,0,.52)}
[data-theme="dark"] .operation-loader-copy b{color:#edf4f7}[data-theme="dark"] .operation-loader-copy small{color:#afc0cc}[data-theme="dark"] .operation-loader-orbit img{background:#102238}
@media(max-width:520px){.operation-loader-card{grid-template-columns:minmax(0,1fr);justify-items:center;width:min(300px,calc(100vw - 30px));padding:24px 21px;text-align:center}.operation-loader-copy{justify-items:center}.operation-loader-orbit{width:66px;height:66px}}
@media(max-height:520px) and (orientation:landscape){.operation-loader-card{grid-template-columns:60px minmax(0,1fr);width:min(390px,calc(100vw - 30px));padding:16px 20px;text-align:left}.operation-loader-copy{justify-items:start}.operation-loader-orbit{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.operation-loader,.operation-loader-card,.operation-loader-orbit:before,.operation-loader-orbit:after{animation:none!important}.operation-loader-orbit:before{border-color:var(--brand-blue-dark,#167ead)}}

/* 2.23.0-r45 · ispravni filteri, grupni izbor registara i nezavisan modul programa. */
.table-scroll tbody tr[hidden],.table-scroll[data-table-mode="table"] tbody tr[hidden],.table-scroll[data-table-mode="cards-2"] tbody tr[hidden],.table-scroll[data-table-mode="cards-1"] tbody tr[hidden]{display:none!important}
.bulk-select-all,.bulk-row-select{appearance:auto!important;-webkit-appearance:checkbox!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;margin:0 8px 0 0!important;padding:0!important;border:1px solid var(--ui-line-strong,#aebdca)!important;border-radius:0!important;background:var(--ui-surface,#fff)!important;accent-color:var(--brand-blue-dark,#167ead);box-shadow:none!important;vertical-align:middle;cursor:pointer}
.bulk-select-all:focus-visible,.bulk-row-select:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 28%,transparent)!important;outline-offset:2px}
.bulk-row-select{float:left;margin-top:2px!important}
.bulk-registry-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:max-content;margin-left:auto}
.bulk-registry-actions>span{color:var(--ui-muted,#607184);font-size:.65625rem;font-weight:600;white-space:nowrap}
.bulk-registry-actions>.btn{min-height:36px;height:auto!important;margin:0!important;padding:8px 11px!important;white-space:nowrap}
.live-filter-toolbar.has-table-tools:has(.bulk-registry-actions){grid-template-columns:minmax(220px,1fr) auto auto!important}
.crud-registry-toolbar:has(.bulk-registry-actions){grid-template-columns:minmax(220px,1fr) auto auto!important}
.bulk-action-dialog{width:min(660px,calc(100vw - 28px));max-width:660px;max-height:calc(100dvh - 28px);margin:auto;padding:0;border:0;background:transparent;color:var(--ui-text,var(--text));overflow:visible}
.bulk-action-dialog::backdrop{background:rgba(4,18,32,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.bulk-action-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 28px);overflow:hidden;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));box-shadow:0 32px 90px rgba(3,17,32,.38)}
.bulk-action-card>header{display:flex;align-items:flex-start;gap:13px;padding:20px 21px 16px;border-bottom:1px solid var(--ui-line,var(--line));background:linear-gradient(145deg,var(--ui-surface,var(--surface)),var(--ui-surface-soft,var(--surface-2)))}
.bulk-action-card>header>div{min-width:0;flex:1}.bulk-action-card h2{margin:4px 0 0;color:var(--ui-navy,var(--brand-navy));font-size:1.15rem}.bulk-action-card .icon-btn{width:38px;height:38px;flex:0 0 38px;margin:0!important;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-muted,#607184);font-size:1.25rem;cursor:pointer}
.bulk-action-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:0;background:color-mix(in srgb,var(--danger,#bf3131) 11%,var(--ui-surface,var(--surface)));color:var(--danger,#a52727);font-size:1.05rem;font-weight:600}
.bulk-action-body{min-height:0;padding:19px 21px;overflow:auto}.bulk-action-body>p{margin:0 0 14px;color:var(--ui-text,var(--text));font-size:.8rem;line-height:1.6}.bulk-action-body>label{display:grid;gap:8px;margin-top:15px;color:var(--ui-text,var(--text));font-size:.75rem;font-weight:750}.bulk-action-body code{display:inline-block;margin-inline:4px;padding:3px 6px;border-radius:0;background:var(--ui-surface-soft,var(--surface-2));color:var(--danger,#a52727);user-select:all}.bulk-action-body input{width:100%;min-height:46px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.bulk-action-card>footer{display:flex;justify-content:flex-end;gap:9px;padding:13px 20px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--ui-line,var(--line));background:var(--ui-surface-soft,var(--surface-2))}
.module-control-panel{border-top:4px solid var(--brand-blue-dark,#167ead)}
.module-control-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}
.module-control-form .switch-row{min-width:0}.module-control-form .switch-row>span{display:grid!important;gap:3px}.module-control-form .btn{margin:0;white-space:nowrap}
[data-theme="dark"] .bulk-action-card{border-color:#315069;background:#102238}[data-theme="dark"] .bulk-action-card>header,[data-theme="dark"] .bulk-action-card>footer,[data-theme="dark"] .module-control-form{border-color:#315069;background:#0d1e31}[data-theme="dark"] .bulk-action-card h2{color:#edf4f7}[data-theme="dark"] .bulk-action-card .icon-btn{border-color:#315069;background:#102238;color:#c9d7e0}
@media(max-width:1100px){.live-filter-toolbar.has-table-tools:has(.bulk-registry-actions),.crud-registry-toolbar:has(.bulk-registry-actions){grid-template-columns:minmax(0,1fr) auto!important}.bulk-registry-actions{grid-column:1/-1;justify-content:flex-start;width:100%;min-width:0}}
@media(max-width:700px){.bulk-row-select{position:absolute;top:11px;right:10px;z-index:2;float:none;margin:0!important}.table-scroll[data-table-mode^="cards"] tbody tr{position:relative}.table-scroll[data-table-mode^="cards"] tbody td:first-child{padding-right:42px!important}.bulk-registry-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.bulk-registry-actions>.btn{max-width:100%;white-space:normal}.bulk-action-dialog{width:calc(100vw - 10px);max-width:calc(100vw - 10px);max-height:calc(100dvh - 10px);margin:5px}.bulk-action-card{max-height:calc(100dvh - 10px);border-radius:0}.bulk-action-card>footer{display:grid;grid-template-columns:minmax(0,1fr)}.bulk-action-card>footer .btn{width:100%}.module-control-form{grid-template-columns:minmax(0,1fr)}.module-control-form .btn{width:100%}}

/* 2.23.0-r46 · trajna radna godina kroz vremenske registre aplikacije. */
.workspace-period-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin:0 0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--brand-blue-dark,#167ead) 24%,var(--ui-line,var(--line)));border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-blue,#43b7e8) 7%,var(--ui-surface,var(--surface))),var(--ui-surface,var(--surface)));box-shadow:0 8px 24px rgba(11,31,58,.05)}
.workspace-period-copy{display:flex;align-items:center;gap:10px;min-width:0}.workspace-period-copy>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:0;background:color-mix(in srgb,var(--brand-blue-dark,#167ead) 11%,var(--ui-surface-soft,var(--surface-2)));color:var(--brand-blue-dark,#167ead)}.workspace-period-copy svg{width:18px;height:18px}.workspace-period-copy>div{display:grid;min-width:0;gap:2px}.workspace-period-copy b{color:var(--ui-navy,var(--brand-navy));font-size:.76rem}.workspace-period-copy small{color:var(--ui-muted,var(--muted));font-size:.64rem;line-height:1.4}
.workspace-period-bar form{display:flex;align-items:end;gap:8px;flex:0 0 auto}.workspace-period-bar label{display:grid;gap:3px;color:var(--ui-muted,var(--muted));font-size:.58rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.workspace-period-bar select{width:132px;min-width:132px;min-height:38px;padding-block:7px}.workspace-period-bar .btn{min-height:38px;margin:0;padding:7px 11px}
[data-theme="dark"] .workspace-period-bar{border-color:#315069;background:linear-gradient(135deg,#102b42,#102238)}[data-theme="dark"] .workspace-period-copy>span{background:#0d1e31}[data-theme="dark"] .workspace-period-copy b{color:#edf4f7}
@media(max-width:760px){.workspace-period-bar{align-items:stretch;gap:10px;padding:10px}.workspace-period-copy small{display:none}.workspace-period-bar form{margin-left:auto}.workspace-period-bar label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.workspace-period-bar select{width:118px;min-width:118px}}
@media(max-width:480px){.workspace-period-bar{display:grid;grid-template-columns:minmax(0,1fr)}.workspace-period-bar form{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;margin:0}.workspace-period-bar label,.workspace-period-bar select{width:100%;min-width:0}.workspace-period-bar .btn{min-width:96px}}

.table-scroll tbody tr.client-page-hidden,.table-scroll[data-table-mode="table"] tbody tr.client-page-hidden,.table-scroll[data-table-mode="cards-2"] tbody tr.client-page-hidden,.table-scroll[data-table-mode="cards-1"] tbody tr.client-page-hidden{display:none!important}
.client-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:10px;padding:9px 11px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2));color:var(--ui-muted,var(--muted));font-size:.66rem;font-weight:750}.client-pagination>span{white-space:nowrap}.client-pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.client-pagination-controls label{display:flex;align-items:center;gap:6px;margin-right:4px}.client-pagination-controls select{width:68px;min-width:68px;min-height:34px;padding:5px 22px 5px 7px;font-size:.68rem}.client-pagination-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-navy,var(--brand-navy));font-size:1rem;font-weight:850;cursor:pointer}.client-pagination-controls button:hover:not(:disabled),.client-pagination-controls button:focus-visible{border-color:var(--brand-blue-dark,#167ead);color:var(--brand-blue-dark,#167ead)}.client-pagination-controls button:disabled{opacity:.4;cursor:default}.client-pagination-controls strong{min-width:88px;padding:0 4px;color:var(--ui-navy,var(--brand-navy));text-align:center;font-size:.66rem}.client-pagination.is-single-page [data-client-page-first],.client-pagination.is-single-page [data-client-page-prev],.client-pagination.is-single-page [data-client-page-next],.client-pagination.is-single-page [data-client-page-last]{display:none}
[data-theme="dark"] .client-pagination{border-color:#315069;background:#0d1e31}[data-theme="dark"] .client-pagination-controls button{border-color:#315069;background:#102238;color:#edf4f7}[data-theme="dark"] .client-pagination-controls strong{color:#edf4f7}
@media(max-width:640px){.client-pagination{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.client-pagination>span{text-align:center}.client-pagination-controls{justify-content:center;flex-wrap:wrap}.client-pagination-controls label{flex:1 1 100%;justify-content:center;margin:0 0 2px}.client-pagination-controls strong{min-width:78px}}

/* r46: operativni dashboard — obaveze prvo, zatim termini, evidencija i analiza */
.dashboard-organized-flow{display:flex;flex-direction:column;gap:0;min-width:0}.dashboard-organized-flow>.dashboard-hero{order:0}.dashboard-organized-flow>.dashboard-command-strip{order:1}.dashboard-organized-flow>.dashboard-overview{order:2}.dashboard-organized-flow>.dashboard-commerce-grid{order:3}.dashboard-organized-flow>.kpi-grid{order:4}.dashboard-organized-flow>.executive-snapshot{order:5}.dashboard-organized-flow>.dashboard-risk-grid{order:6}.dashboard-organized-flow>.dashboard-history-panel{order:7}.dashboard-organized-flow>.dashboard-operations{order:8}.dashboard-organized-flow>.product-onboarding{order:9}
.dashboard-command-strip{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2.3fr);align-items:stretch;gap:14px;margin:0 0 16px;padding:15px;border:1px solid color-mix(in srgb,var(--brand-navy,#0b1f3a) 13%,var(--ui-line,var(--line)));border-radius:0;background:linear-gradient(120deg,color-mix(in srgb,var(--brand-navy,#0b1f3a) 4%,var(--ui-surface,var(--surface))),var(--ui-surface,var(--surface)));box-shadow:var(--shadow-sm)}
.dashboard-command-heading{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:2px 4px}.dashboard-command-heading .eyebrow{margin:0 0 5px}.dashboard-command-heading h2{margin:0;color:var(--ui-navy,var(--brand-navy));font-size:1rem;line-height:1.2}.dashboard-command-heading p{margin:6px 0 0;color:var(--ui-muted,var(--muted));font-size:.68rem;line-height:1.45}
.dashboard-command-strip nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.dashboard-command-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-navy,var(--brand-navy));box-shadow:0 3px 10px rgba(11,31,58,.035);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.dashboard-command-card:hover,.dashboard-command-card:focus-visible{border-color:var(--brand-blue-dark,#167ead);box-shadow:0 8px 20px rgba(11,31,58,.1);transform:translateY(-1px)}.dashboard-command-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:0;background:var(--ui-surface-soft,var(--surface-2));color:var(--brand-blue-dark,#167ead)}.dashboard-command-icon svg{width:17px;height:17px}.dashboard-command-card>span:nth-child(2){display:grid;gap:2px;min-width:0}.dashboard-command-card small{color:var(--ui-muted,var(--muted));font-size:.52rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.dashboard-command-card b{overflow:hidden;color:var(--ui-navy,var(--brand-navy));font-size:.68rem;line-height:1.25;text-overflow:ellipsis}.dashboard-command-card em{overflow:hidden;color:var(--ui-muted,var(--muted));font-size:.56rem;font-style:normal;line-height:1.3;text-overflow:ellipsis}.dashboard-command-card>strong{min-width:28px;color:var(--ui-navy,var(--brand-navy));font-size:1.25rem;text-align:right}.dashboard-command-card.is-critical{border-color:#efb4b0;background:color-mix(in srgb,#d83b31 5%,var(--ui-surface,var(--surface)))}.dashboard-command-card.is-critical .dashboard-command-icon{background:#fdebea;color:#b3261e}.dashboard-command-card.is-critical>strong{color:#b3261e}.dashboard-command-card.is-warning{border-color:#efcf91;background:color-mix(in srgb,#e0a22d 6%,var(--ui-surface,var(--surface)))}.dashboard-command-card.is-warning .dashboard-command-icon{background:#fff2d8;color:#9a6500}.dashboard-command-card.is-warning>strong{color:#8a5a00}.dashboard-command-card.is-active .dashboard-command-icon{background:#e4f4fb;color:#126e98}.dashboard-command-card.is-clear .dashboard-command-icon{background:#e8f6ef;color:#18794e}.dashboard-organized-flow>.dashboard-overview,.dashboard-organized-flow>.dashboard-commerce-grid,.dashboard-organized-flow>.kpi-grid,.dashboard-organized-flow>.executive-snapshot,.dashboard-organized-flow>.dashboard-risk-grid,.dashboard-organized-flow>.dashboard-history-panel,.dashboard-organized-flow>.dashboard-operations{scroll-margin-top:86px}
[data-theme="dark"] .dashboard-command-strip{border-color:#315069;background:linear-gradient(120deg,#0d1e31,#102238)}[data-theme="dark"] .dashboard-command-heading h2,[data-theme="dark"] .dashboard-command-card b,[data-theme="dark"] .dashboard-command-card>strong{color:#edf4f7}[data-theme="dark"] .dashboard-command-card{border-color:#315069;background:#0d1d2d}[data-theme="dark"] .dashboard-command-card.is-critical{border-color:#704744;background:#251d22}[data-theme="dark"] .dashboard-command-card.is-warning{border-color:#6c5830;background:#24231d}[data-theme="dark"] .dashboard-command-icon{background:#102b42}
@media(max-width:1240px){.dashboard-command-strip{grid-template-columns:minmax(0,1fr)}.dashboard-command-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px}.dashboard-command-heading .eyebrow{grid-column:1/-1}.dashboard-command-heading p{margin:0}.dashboard-command-strip nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-command-strip{gap:10px;padding:11px}.dashboard-command-heading{display:block}.dashboard-command-heading p{margin-top:5px}.dashboard-command-strip nav{grid-template-columns:minmax(0,1fr);gap:7px}.dashboard-command-card{grid-template-columns:34px minmax(0,1fr) 34px;padding:9px 10px}.dashboard-command-card em{white-space:normal}.dashboard-command-card>strong{text-align:center}.dashboard-organized-flow>.product-onboarding{margin-top:2px}}

/* 2.23.0-r47 · fokusirani radni pregled i jasan tok plan-test-izvjestaj-naplata. */
.dashboard-organized-flow>.dashboard-view-control{order:2}
.dashboard-organized-flow>.dashboard-lifecycle{order:3}
.dashboard-organized-flow>.dashboard-overview{order:4}
.dashboard-organized-flow>.dashboard-commerce-grid{order:5}
.dashboard-organized-flow>.kpi-grid{order:6}
.dashboard-organized-flow>.executive-snapshot{order:7}
.dashboard-organized-flow>.dashboard-risk-grid{order:8}
.dashboard-organized-flow>.dashboard-history-panel{order:9}
.dashboard-organized-flow>.dashboard-operations{order:10}
.dashboard-organized-flow>.product-onboarding{order:11}

.dashboard-view-control{
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) minmax(230px,1fr) minmax(230px,.8fr);
  align-items:stretch;
  gap:12px;
  min-width:0;
  margin:0 0 14px;
  padding:15px;
  border:1px solid var(--ui-line,var(--line));
  border-radius:0;
  background:var(--ui-surface,var(--surface));
  box-shadow:var(--shadow-sm);
}
.dashboard-view-control>div:first-child{align-self:center;min-width:0;padding:2px 3px}
.dashboard-view-control h2{margin:5px 0 0;color:var(--ui-navy,var(--brand-navy));font-size:1rem;line-height:1.25}
.dashboard-view-control p{margin:6px 0 0;color:var(--ui-muted,var(--muted));font-size:.68rem;line-height:1.5}
.dashboard-next-work{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:3px 10px;min-width:0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--brand-blue-dark,#167ead) 25%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue,#43b7e8) 7%,var(--ui-surface,var(--surface)))}
.dashboard-next-work>span,.dashboard-next-work>b,.dashboard-next-work>small{grid-column:1;display:block;min-width:0}.dashboard-next-work>span{color:var(--brand-blue-dark,#167ead);font-size:.55rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.dashboard-next-work>b{color:var(--ui-navy,var(--brand-navy));font-size:.76rem;line-height:1.3}.dashboard-next-work>small{color:var(--ui-muted,var(--muted));font-size:.61rem;line-height:1.4}.dashboard-next-work>.btn{grid-column:2;grid-row:1/4;align-self:center;min-height:40px;margin:0}
.interface-mode-form{display:grid;align-content:center;gap:7px;min-width:0;padding:11px 12px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}
.interface-mode-form>span{color:var(--ui-muted,var(--muted));font-size:.55rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.interface-mode-form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface))}.interface-mode-form button{min-width:0;min-height:34px;padding:6px 8px;border:0;border-radius:0;background:transparent;color:var(--ui-muted,var(--muted));font:inherit;font-size:.64rem;font-weight:600;cursor:pointer}.interface-mode-form button:hover,.interface-mode-form button:focus-visible{color:var(--brand-blue-dark,#167ead);outline:2px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 28%,transparent);outline-offset:0}.interface-mode-form button.active{background:var(--brand-navy,#0b1f3a);color:#fff;box-shadow:0 4px 11px rgba(11,31,58,.17)}.interface-mode-form>small{color:var(--ui-muted,var(--muted));font-size:.57rem;line-height:1.35}

.dashboard-lifecycle{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);align-items:center;gap:15px;min-width:0;margin:0 0 16px;padding:16px;border:1px solid color-mix(in srgb,var(--brand-blue-dark,#167ead) 22%,var(--ui-line,var(--line)));border-radius:0;background:linear-gradient(130deg,color-mix(in srgb,var(--brand-blue,#43b7e8) 8%,var(--ui-surface,var(--surface))),var(--ui-surface,var(--surface)));box-shadow:var(--shadow-sm)}
.dashboard-lifecycle>header{min-width:0}.dashboard-lifecycle h2{margin:5px 0 0;color:var(--ui-navy,var(--brand-navy));font-size:1rem;line-height:1.28}.dashboard-lifecycle header p{margin:6px 0 0;color:var(--ui-muted,var(--muted));font-size:.66rem;line-height:1.5}.dashboard-lifecycle nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-width:0}.dashboard-lifecycle.is-team nav{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-lifecycle nav a{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:3px 8px;min-width:0;padding:10px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-navy,var(--brand-navy));box-shadow:0 3px 12px rgba(11,31,58,.045)}.dashboard-lifecycle nav a:hover,.dashboard-lifecycle nav a:focus-visible{border-color:var(--brand-blue-dark,#167ead);box-shadow:0 8px 20px rgba(11,31,58,.1)}.dashboard-lifecycle nav a.needs-action{border-color:#e8bd70;background:color-mix(in srgb,#f0a928 7%,var(--ui-surface,var(--surface)))}.dashboard-lifecycle nav a>span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:0;background:var(--brand-navy,#0b1f3a);color:#fff;font-size:.62rem;font-weight:600}.dashboard-lifecycle nav small{align-self:end;color:var(--ui-muted,var(--muted));font-size:.52rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.dashboard-lifecycle nav b{grid-column:2;color:var(--ui-navy,var(--brand-navy));font-size:1.25rem;line-height:1}.dashboard-lifecycle nav em{grid-column:1/-1;overflow:hidden;margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.55rem;font-style:normal;line-height:1.35;text-overflow:ellipsis}

.dashboard-organized-flow.interface-focus>.product-onboarding,
.dashboard-organized-flow.interface-focus>.kpi-grid,
.dashboard-organized-flow.interface-focus>.executive-snapshot,
.dashboard-organized-flow.interface-focus>.dashboard-risk-grid,
.dashboard-organized-flow.interface-focus>.dashboard-commerce-grid,
.dashboard-organized-flow.interface-focus>.dashboard-history-panel,
.dashboard-organized-flow.interface-focus>.dashboard-operations,
.dashboard-organized-flow.interface-focus>.dashboard-overview .dashboard-overview-counts{display:none!important}
.dashboard-organized-flow.interface-focus>.dashboard-hero .head-actions>.btn:not(.primary){display:none}
.dashboard-organized-flow.interface-focus>.dashboard-overview{margin-top:0}

[data-theme="dark"] .dashboard-view-control,[data-theme="dark"] .dashboard-lifecycle{border-color:#315069;background:linear-gradient(130deg,#102b42,#102238)}
[data-theme="dark"] .dashboard-view-control h2,[data-theme="dark"] .dashboard-next-work>b,[data-theme="dark"] .dashboard-lifecycle h2,[data-theme="dark"] .dashboard-lifecycle nav b{color:#edf4f7}
[data-theme="dark"] .dashboard-next-work,[data-theme="dark"] .interface-mode-form,[data-theme="dark"] .dashboard-lifecycle nav a{border-color:#315069;background:#0d1e31}
[data-theme="dark"] .interface-mode-form>div{border-color:#315069;background:#102238}
[data-theme="dark"] .interface-mode-form button.active{background:#dff5fd;color:#0b1f3a}
[data-theme="dark"] .dashboard-lifecycle nav a.needs-action{border-color:#6c5830;background:#24231d}

@media(max-width:1280px){.dashboard-view-control{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-view-control>.interface-mode-form{grid-column:1/-1}.dashboard-lifecycle{grid-template-columns:minmax(0,1fr)}.dashboard-lifecycle>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:9px}.dashboard-lifecycle>header .eyebrow{grid-column:1/-1}.dashboard-lifecycle header p{margin:0}}
@media(max-width:900px){.dashboard-lifecycle nav,.dashboard-lifecycle.is-team nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-view-control{grid-template-columns:minmax(0,1fr)}.dashboard-view-control>.interface-mode-form{grid-column:auto}}
@media(max-width:620px){.dashboard-view-control,.dashboard-lifecycle{padding:11px;gap:10px}.dashboard-next-work{grid-template-columns:minmax(0,1fr)}.dashboard-next-work>.btn{grid-column:1;grid-row:auto;width:100%;margin-top:5px}.dashboard-lifecycle>header{display:block}.dashboard-lifecycle header p{margin-top:5px}.dashboard-lifecycle nav,.dashboard-lifecycle.is-team nav{grid-template-columns:minmax(0,1fr)}.dashboard-lifecycle nav a{grid-template-columns:28px minmax(0,1fr) auto;align-items:center}.dashboard-lifecycle nav a>span{grid-row:1/3}.dashboard-lifecycle nav b{grid-column:3;grid-row:1/3;align-self:center;font-size:1.35rem}.dashboard-lifecycle nav em{grid-column:2/4}.dashboard-organized-flow.interface-focus>.dashboard-hero .head-actions{grid-template-columns:minmax(0,1fr)}.dashboard-organized-flow.interface-focus>.dashboard-hero .head-actions>.btn.primary{width:100%}}
@media(prefers-reduced-motion:reduce){.dashboard-lifecycle nav a,.interface-mode-form button{transition:none!important}}

/* 2.23.0-r49 · jedan red po sredstvu i responzivni hodogram aktivnosti. */
.dashboard-organized-flow>.asset-workflow-panel{order:99}
.asset-workflow-panel[hidden]{display:none!important}
.asset-current-table table{table-layout:fixed}
.asset-current-table th:nth-child(1){width:18%}.asset-current-table th:nth-child(2){width:15%}.asset-current-table th:nth-child(3){width:17%}.asset-current-table th:nth-child(4){width:15%}.asset-current-table th:nth-child(5){width:23%}.asset-current-table th:nth-child(6){width:12%}
.asset-current-table td{vertical-align:top}.asset-current-table td>b,.asset-current-table td>small{overflow-wrap:anywhere}.asset-current-table .asset-workflow-open{width:100%;min-height:40px;margin:0;border:1px solid color-mix(in srgb,var(--brand-blue-dark,#167ead) 35%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue,#43b7e8) 7%,var(--ui-surface,var(--surface)));font:inherit;font-size:.66rem;font-weight:850;white-space:normal!important;cursor:pointer}.asset-current-table .asset-workflow-open:hover,.asset-current-table .asset-workflow-open:focus-visible{border-color:var(--brand-blue-dark,#167ead);background:color-mix(in srgb,var(--brand-blue,#43b7e8) 13%,var(--ui-surface,var(--surface)));outline:2px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 27%,transparent);outline-offset:2px}

.asset-workflow-panel{min-width:0;max-width:100%}
.asset-workflow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0;margin-bottom:18px}
.asset-workflow-summary article{display:grid;align-content:start;gap:5px;min-width:0;padding:13px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}
.asset-workflow-summary article>span{color:var(--ui-muted,var(--muted));font-size:.55rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.asset-workflow-summary article>b{min-width:0;color:var(--ui-navy,var(--brand-navy));font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}.asset-workflow-summary article>small{color:var(--ui-muted,var(--muted));font-size:.6rem;line-height:1.45;overflow-wrap:anywhere}.asset-workflow-summary article>b>.status{display:inline-flex;max-width:100%;white-space:normal!important}.asset-workflow-summary .asset-workflow-next{border-color:color-mix(in srgb,var(--brand-blue-dark,#167ead) 32%,var(--ui-line,var(--line)));background:color-mix(in srgb,var(--brand-blue,#43b7e8) 7%,var(--ui-surface,var(--surface)))}

.asset-workflow-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;margin:0;padding:0;list-style:none;counter-reset:none}
.asset-workflow-timeline>li{position:relative;display:grid;grid-template-rows:auto auto auto auto minmax(46px,auto) auto 1fr;align-content:start;gap:7px;min-width:0;padding:14px;border:1px solid var(--ui-line,var(--line));border-top:4px solid #9aa8b4;border-radius:0;background:var(--ui-surface,var(--surface));overflow:visible}
.asset-workflow-timeline>li:not(:last-child):after{content:"";position:absolute;z-index:1;top:29px;left:calc(100% + 1px);width:10px;border-top:2px solid var(--ui-line,var(--line))}
.asset-workflow-timeline>li.is-done{border-top-color:#2e8b6d}.asset-workflow-timeline>li.is-current{border-top-color:var(--brand-blue-dark,#167ead);background:color-mix(in srgb,var(--brand-blue,#43b7e8) 5%,var(--ui-surface,var(--surface)))}.asset-workflow-timeline>li.is-attention{border-top-color:#c95252;background:color-mix(in srgb,#c95252 5%,var(--ui-surface,var(--surface)))}.asset-workflow-timeline>li.is-upcoming{border-top-color:#a6b3bd;background:color-mix(in srgb,var(--ui-surface-soft,var(--surface-2)) 70%,var(--ui-surface,var(--surface)))}
.asset-workflow-step{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-width:0}.asset-workflow-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:0;background:#718292;color:#fff;font-size:.7rem;font-weight:600}.is-done .asset-workflow-step>span{background:#2e8b6d}.is-current .asset-workflow-step>span{background:var(--brand-blue-dark,#167ead)}.is-attention .asset-workflow-step>span{background:#c95252}.asset-workflow-step>div{min-width:0}.asset-workflow-step small{display:block;color:var(--ui-muted,var(--muted));font-size:.5rem;font-weight:600;text-transform:uppercase}.asset-workflow-step h3{margin:2px 0 0;color:var(--ui-navy,var(--brand-navy));font-size:.77rem;line-height:1.25;overflow-wrap:anywhere}
.asset-stage-state{justify-self:start;padding:4px 7px;border-radius:0;background:#edf1f4;color:#526474;font-size:.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.is-done>.asset-stage-state{background:#e3f4ec;color:#187550}.is-current>.asset-stage-state{background:#e3f3fa;color:#126e98}.is-attention>.asset-stage-state{background:#fdebea;color:#ad302b}
.asset-workflow-timeline>li>b{color:var(--ui-navy,var(--brand-navy));font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.asset-workflow-timeline>li>time{color:var(--brand-blue-dark,#167ead);font-size:.58rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.asset-workflow-timeline>li>p{margin:0;color:var(--ui-ink,var(--ink));font-size:.62rem;line-height:1.5;overflow-wrap:anywhere}.asset-stage-detail{align-self:start;color:var(--ui-muted,var(--muted));font-size:.56rem;line-height:1.45;overflow-wrap:anywhere}.asset-workflow-timeline>li>footer{align-self:end;display:grid;gap:7px;min-width:0;margin-top:3px;padding-top:10px;border-top:1px solid var(--ui-line,var(--line))}.asset-workflow-timeline>li>footer>small{color:var(--ui-muted,var(--muted));font-size:.52rem}.asset-workflow-timeline>li>footer>.table-action{display:flex;align-items:center;justify-content:center;min-height:38px;text-align:center;white-space:normal!important}
.asset-workflow-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin-top:16px;padding:13px 14px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.asset-workflow-footer>span{min-width:0;color:var(--ui-muted,var(--muted));font-size:.62rem;line-height:1.5}.asset-workflow-footer>.btn{flex:0 0 auto;min-height:42px}

[data-theme="dark"] .asset-workflow-summary article,[data-theme="dark"] .asset-workflow-footer,[data-theme="dark"] .asset-workflow-timeline>li{border-color:#315069;background:#0d1e31}[data-theme="dark"] .asset-workflow-summary .asset-workflow-next,[data-theme="dark"] .asset-workflow-timeline>li.is-current{border-color:#277aa0;background:#102b42}[data-theme="dark"] .asset-workflow-timeline>li.is-attention{border-color:#704744;background:#251d22}[data-theme="dark"] .asset-workflow-summary article>b,[data-theme="dark"] .asset-workflow-step h3,[data-theme="dark"] .asset-workflow-timeline>li>b{color:#edf4f7}[data-theme="dark"] .asset-stage-state{background:#273b4d;color:#c5d1d9}[data-theme="dark"] .is-done>.asset-stage-state{background:#163d31;color:#9de0c2}[data-theme="dark"] .is-current>.asset-stage-state{background:#163a4e;color:#9dd9ef}[data-theme="dark"] .is-attention>.asset-stage-state{background:#4a2929;color:#ffc0bc}
@media(max-width:980px){.asset-workflow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-workflow-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-workflow-timeline>li:nth-child(2):after{display:none}}
@media(max-width:620px){.asset-workflow-summary,.asset-workflow-timeline{grid-template-columns:minmax(0,1fr)}.asset-workflow-timeline>li:not(:last-child):after{top:100%;left:30px;width:0;height:10px;border-top:0;border-left:2px solid var(--ui-line,var(--line))}.asset-workflow-footer{display:grid;grid-template-columns:minmax(0,1fr)}.asset-workflow-footer>.btn,.asset-workflow-timeline>li>footer>.table-action,.asset-current-table .asset-workflow-open{width:100%;min-height:44px}.asset-current-table[data-table-mode="cards-1"] tbody td:last-child{padding-top:8px}.app-task-dialog-body .asset-workflow-panel{padding-bottom:max(4px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.asset-current-table .asset-workflow-open{transition:none!important}}

/* 2.23.0-r78 · jedinstven operativni status i najznačajniji nalazi uživo. */
.operational-sync{--operation-accent:#607184;position:relative;display:grid;grid-template-columns:40px minmax(220px,.82fr) minmax(280px,1.18fr) auto;align-items:center;gap:12px;min-width:0;margin:0 0 14px;padding:12px 48px 12px 13px;border:1px solid color-mix(in srgb,var(--operation-accent) 34%,var(--ui-line,var(--line)));border-left:5px solid var(--operation-accent);border-radius:0;background:color-mix(in srgb,var(--operation-accent) 5%,var(--ui-surface,var(--surface)));box-shadow:0 4px 14px rgba(11,31,58,.045)}
.operational-sync.tone-active{--operation-accent:#167ead}.operational-sync.tone-success{--operation-accent:#27805f}.operational-sync.tone-warning{--operation-accent:#a96d00}.operational-sync.tone-error{--operation-accent:#b63535}
.operational-sync-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:0;background:color-mix(in srgb,var(--operation-accent) 13%,var(--ui-surface,var(--surface)));color:var(--operation-accent)}.operational-sync-icon svg{width:20px;height:20px}
.operational-sync-current,.operational-sync-action{display:grid;gap:3px;min-width:0}.operational-sync-current>span,.operational-sync-action>span{color:var(--operation-accent);font-size:.53rem;font-weight:600;letter-spacing:.065em;text-transform:uppercase}.operational-sync-current>b,.operational-sync-action>b{color:var(--ui-navy,var(--brand-navy));font-size:.69rem;line-height:1.4;overflow-wrap:anywhere}.operational-sync-current>small,.operational-sync-action>small{color:var(--ui-muted,var(--muted));font-size:.58rem;line-height:1.45;overflow-wrap:anywhere}.operational-sync-action{padding-left:13px;border-left:1px solid var(--ui-line,var(--line))}.operational-sync>.btn{min-height:40px;margin:0;white-space:nowrap}
.operational-sync-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ui-muted,var(--muted));cursor:pointer}.operational-sync-close:hover,.operational-sync-close:focus-visible{background:color-mix(in srgb,var(--operation-accent) 12%,transparent);color:var(--operation-accent);outline:2px solid color-mix(in srgb,var(--operation-accent) 24%,transparent)}.operational-sync-close svg{width:17px;height:17px}
.scan-live-findings{overflow:hidden;border-top:5px solid var(--brand-blue-dark,#167ead)}.scan-live-findings .panel-head{align-items:flex-start}.scan-live-findings .panel-head .eyebrow{margin-bottom:4px}.live-finding-list{display:grid;min-width:0}.live-finding-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:12px 0;border-bottom:1px solid var(--ui-line,var(--line));color:inherit}.live-finding-row:last-child{border-bottom:0}.live-finding-row>div{display:grid;gap:3px;min-width:0}.live-finding-row b{color:var(--ui-navy,var(--brand-navy));font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.live-finding-row small{color:var(--ui-muted,var(--muted));font-size:.6rem;line-height:1.45;overflow-wrap:anywhere}.live-finding-row>strong{min-width:36px;color:var(--ui-navy,var(--brand-navy));font-size:.9rem;text-align:right}.live-finding-row[href]:hover,.live-finding-row[href]:focus-visible{margin:0 -8px;padding-right:8px;padding-left:8px;border-radius:0;background:color-mix(in srgb,var(--brand-blue,#43b7e8) 7%,var(--ui-surface,var(--surface)));outline:2px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 25%,transparent);outline-offset:-2px}
.live-finding-empty{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:11px;min-height:112px;padding:25px 4px}.live-finding-empty>div{display:grid;gap:6px}.live-finding-empty b{color:var(--ui-navy,var(--brand-navy));font-size:.75rem;line-height:1.45}.live-finding-empty small{color:var(--ui-muted,var(--muted));font-size:.64rem;line-height:1.55}.live-pulse{display:block;width:12px;height:12px;margin-top:4px;border:3px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 25%,transparent);border-top-color:var(--brand-blue-dark,#167ead);border-radius:0;animation:live-finding-spin 1s linear infinite}.live-finding-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:10px -18px -18px;padding:12px 18px;border-top:1px solid var(--ui-line,var(--line));background:var(--ui-surface-soft,var(--surface-2))}.live-finding-footer>span{color:var(--ui-muted,var(--muted));font-size:.58rem;line-height:1.5}.live-finding-footer>.table-action{flex:0 0 auto;white-space:nowrap}@keyframes live-finding-spin{to{transform:rotate(360deg)}}
[data-theme="dark"] .operational-sync,[data-theme="dark"] .live-finding-footer{background:color-mix(in srgb,var(--operation-accent,#167ead) 10%,#0d1e31)}[data-theme="dark"] .operational-sync-current>b,[data-theme="dark"] .operational-sync-action>b,[data-theme="dark"] .live-finding-row b,[data-theme="dark"] .live-finding-row>strong,[data-theme="dark"] .live-finding-empty b{color:#edf4f7}
@media(max-width:1120px){.operational-sync{grid-template-columns:38px minmax(0,1fr) auto}.operational-sync-action{grid-column:2;padding:0;border:0}.operational-sync>.btn{grid-column:3;grid-row:1/3}}
@media(max-width:680px){.operational-sync{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px}.operational-sync-icon{width:34px;height:34px}.operational-sync-action{grid-column:1/-1;padding-top:9px;border-top:1px solid var(--ui-line,var(--line))}.operational-sync>.btn{grid-column:1/-1;grid-row:auto;width:100%}.live-finding-row{grid-template-columns:auto minmax(0,1fr)}.live-finding-row>strong{grid-column:2;justify-self:start;text-align:left}.live-finding-footer{display:grid}.live-finding-footer>.table-action{width:100%;min-height:40px;text-align:center}}
@media(prefers-reduced-motion:reduce){.live-pulse{animation:none;border-color:var(--brand-blue-dark,#167ead)}}

/* 2.23.0-r49 · zaštićeni Excel izbor primalaca phishing simulacije. */
.phishing-audience-import{overflow:hidden;border-top:5px solid var(--brand-blue-dark)}
.audience-upload-form{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.4fr) auto;align-items:end;gap:12px;padding:15px;border:1px solid var(--line);background:var(--surface-soft)}
.audience-upload-form label,.audience-upload-form label>small{display:block;min-width:0}.audience-upload-form label>small{margin-top:5px}.audience-upload-form .btn{min-height:44px}
.audience-import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.audience-import-summary article{min-width:0;padding:13px 14px;border:1px solid var(--line);border-top:4px solid var(--brand-blue-dark);background:#fff}.audience-import-summary article.complete{border-top-color:#26815e}.audience-import-summary article.attention{border-top-color:#b87508}
.audience-import-summary span,.audience-import-summary b,.audience-import-summary small{display:block;overflow-wrap:anywhere}.audience-import-summary span{color:var(--muted);font-size:.58rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.audience-import-summary b{margin:6px 0 3px;color:var(--brand-navy);font-size:1.05rem}.audience-import-summary small{color:var(--muted);font-size:.58rem;line-height:1.4}
.audience-source-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:11px 13px;border-left:4px solid var(--brand-blue);background:var(--brand-blue-soft)}.audience-source-line>div{min-width:0}.audience-source-line b,.audience-source-line span{display:block;overflow-wrap:anywhere}.audience-source-line b{color:var(--brand-navy);font-size:.72rem}.audience-source-line span{margin-top:4px;color:var(--muted);font-size:.61rem;line-height:1.45}.audience-source-line form{flex:0 0 auto}
.audience-preview-table{max-height:365px;border:1px solid var(--line)}.audience-preview-table table{min-width:780px}.audience-preview-note{display:block;margin-top:8px;color:var(--muted);font-size:.6rem;line-height:1.45}
.phishing-audience-selector{padding:16px;border:1px solid #b9d3e3;border-top:5px solid var(--brand-blue-dark);background:linear-gradient(145deg,#f8fbfd,#eef7fb)}.audience-selector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.audience-selector-head h3{margin:4px 0;color:var(--brand-navy);font-size:.94rem}.audience-selector-head p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.5}.audience-selector-head>strong{display:grid;place-items:center;min-width:92px;padding:10px 12px;border-radius:0;background:var(--brand-navy);color:#fff}.audience-selector-head>strong b{font-size:1.2rem}.audience-selector-head>strong small{font-size:.54rem;text-transform:uppercase;letter-spacing:.06em}
.audience-dimension-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.audience-dimension-tabs>label{position:relative;display:block;min-width:0;cursor:pointer}.audience-dimension-tabs input{position:absolute;opacity:0;pointer-events:none}.audience-dimension-tabs span{display:block;min-height:70px;padding:12px 13px;border:1px solid #c7d6e0;border-radius:0;background:#fff;transition:border-color .16s,background .16s,box-shadow .16s}.audience-dimension-tabs b,.audience-dimension-tabs small{display:block;overflow-wrap:anywhere}.audience-dimension-tabs b{color:var(--brand-navy);font-size:.69rem}.audience-dimension-tabs small{margin-top:5px;color:var(--muted);font-size:.58rem}.audience-dimension-tabs>label.active span{border-color:var(--brand-blue-dark);background:var(--brand-blue-soft);box-shadow:inset 0 0 0 2px rgba(67,183,232,.18)}.audience-dimension-tabs>label:focus-within span{outline:3px solid rgba(67,183,232,.25);outline-offset:2px}
.audience-group-panel{margin:0 0 12px;padding:12px;border:1px solid var(--line);background:#fff}.audience-group-search{display:block;margin-bottom:10px;color:var(--brand-navy);font-size:.63rem;font-weight:600}.audience-group-search input{margin-top:5px}.audience-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:410px;overflow:auto;padding:2px;overscroll-behavior:contain}.audience-group-list>label{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft);cursor:pointer}.audience-group-list>label:hover,.audience-group-list>label:focus-within{border-color:var(--brand-blue-dark);background:var(--brand-blue-soft)}.audience-group-list input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand-blue-dark)}.audience-group-list b,.audience-group-list small{display:block;overflow-wrap:anywhere}.audience-group-list b{color:var(--ink);font-size:.64rem;line-height:1.4}.audience-group-list small{margin-top:3px;color:var(--muted);font-size:.56rem}.phishing-audience-selector.selection-empty .audience-selector-head>strong{background:#9a6815}.phishing-audience-selector.selection-empty .audience-selector-head>strong small:after{content:' · označite grupu'}
[data-theme="dark"] .audience-upload-form,[data-theme="dark"] .audience-import-summary article,[data-theme="dark"] .audience-group-panel,[data-theme="dark"] .audience-dimension-tabs span,[data-theme="dark"] .audience-group-list>label{background:#0d1d2d;border-color:#2b4152}[data-theme="dark"] .phishing-audience-selector{background:linear-gradient(145deg,#102b3e,#0d1d2d);border-color:#34566d}[data-theme="dark"] .audience-import-summary b,[data-theme="dark"] .audience-source-line b,[data-theme="dark"] .audience-selector-head h3,[data-theme="dark"] .audience-dimension-tabs b,[data-theme="dark"] .audience-group-search,[data-theme="dark"] .audience-group-list b{color:#edf4f7}[data-theme="dark"] .audience-source-line,[data-theme="dark"] .audience-dimension-tabs>label.active span,[data-theme="dark"] .audience-group-list>label:hover,[data-theme="dark"] .audience-group-list>label:focus-within{background:#102b3e;border-color:#4c7892}
@media(max-width:900px){.audience-upload-form{grid-template-columns:1fr 1fr}.audience-upload-form .btn{grid-column:1/-1}.audience-import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-dimension-tabs{grid-template-columns:1fr}.audience-dimension-tabs span{min-height:0}.audience-group-list{grid-template-columns:1fr}}
@media(max-width:640px){.audience-upload-form{grid-template-columns:1fr;padding:12px}.audience-upload-form .btn{grid-column:auto;width:100%}.audience-import-summary{grid-template-columns:1fr 1fr}.audience-source-line,.audience-selector-head{display:grid}.audience-source-line form,.audience-source-line .btn{width:100%}.audience-selector-head>strong{justify-self:start;min-width:112px}.phishing-audience-selector{padding:12px}.audience-group-list{max-height:330px}}
@media(max-width:390px){.audience-import-summary{grid-template-columns:1fr}}
.schedule-accounting-edit{padding:13px 14px;border:1px solid #b9d3e3;border-left:4px solid var(--brand-blue-dark);border-radius:0;background:var(--brand-blue-soft);min-width:0}.schedule-accounting-edit input{background:var(--surface);overflow-wrap:anywhere}.schedule-flow-chips span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}[data-theme="dark"] .schedule-accounting-edit{border-color:#34566d;background:#102b3e}[data-theme="dark"] .schedule-accounting-edit input{background:#0d1d2d}@media(max-width:640px){.schedule-accounting-edit{padding:12px}.schedule-accounting-edit input{font-size:16px}}

/* r56 · jedinstveno zakazivanje testa, izvještaja i interne naplate */
.schedule-flow-editor{display:grid;gap:14px;min-width:0;padding:17px;border:1px solid color-mix(in srgb,var(--brand-blue) 32%,var(--ui-line,var(--line)));border-radius:0;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-blue) 5%,var(--ui-surface,#fff)),var(--ui-surface,#fff));box-shadow:0 8px 24px rgba(20,52,77,.06)}
.schedule-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}.schedule-flow-head>div{min-width:0}.schedule-flow-head h3{margin:3px 0 4px;font-size:1.05rem}.schedule-flow-head p{margin:0;max-width:760px;color:var(--muted);font-size:.82rem;line-height:1.55}.schedule-flow-head>.status{flex:0 0 auto}
.schedule-flow-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;padding:14px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,#fff)}.schedule-flow-section>label{display:grid;align-content:start;gap:7px;min-width:0}.schedule-flow-section>.span-2{grid-column:1/-1}.schedule-flow-section .planner-delivery-fields,.schedule-flow-section .planner-retest-fields,.schedule-flow-section .planner-billing-fields{margin:0}
.schedule-report-exact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;border:1px dashed color-mix(in srgb,var(--brand-blue) 45%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue) 5%,var(--ui-surface-alt,#f7f9fb))}.schedule-report-exact[hidden]{display:none!important}.schedule-report-exact label{display:grid;gap:7px;min-width:0}
[data-theme="dark"] .schedule-flow-editor{background:linear-gradient(145deg,#10283a,#0d1d2d);border-color:#34566d;box-shadow:none}[data-theme="dark"] .schedule-flow-section{background:#102334;border-color:#2b455a}[data-theme="dark"] .schedule-report-exact{background:#0d1d2d;border-color:#34566d}
@media(max-width:640px){.schedule-flow-editor{padding:12px}.schedule-flow-head{display:grid;grid-template-columns:minmax(0,1fr)}.schedule-flow-head>.status{justify-self:start}.schedule-flow-section,.schedule-report-exact{grid-template-columns:minmax(0,1fr)}.schedule-flow-section>.span-2,.schedule-report-exact.span-2{grid-column:1}.schedule-flow-section .planner-delivery-fields,.schedule-flow-section .planner-retest-fields,.schedule-flow-section .planner-billing-fields{grid-template-columns:minmax(0,1fr)}.schedule-flow-section .planner-delivery-fields .span-2,.schedule-flow-section .planner-retest-fields .span-2,.schedule-flow-section .planner-billing-fields .span-2{grid-column:1}.schedule-flow-editor input,.schedule-flow-editor select{font-size:16px}}

/* r57 · vidljiv termin sredstva, zaštita od duplog testa i uredan tok isporuke */
.asset-schedule-state{display:grid;min-width:0;gap:5px}.asset-schedule-state>.status{justify-self:start}.asset-schedule-state>b{color:var(--ui-ink,var(--ink));font-size:.76rem;line-height:1.35}.asset-schedule-state>small{color:var(--ui-muted,var(--muted));font-size:.61rem;line-height:1.4}.asset-schedule-state>em{padding:6px 8px;border-left:3px solid #d4a72c;background:color-mix(in srgb,#d4a72c 10%,var(--ui-surface,#fff));color:#745b10;font-size:.59rem;font-style:normal;font-weight:600;line-height:1.35}.asset-schedule-state.is-empty{opacity:.78}
.schedule-flow-summary{display:grid;min-width:0;gap:9px}.schedule-flow-badges{display:flex;flex-wrap:wrap;gap:6px}.schedule-flow-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border:1px solid color-mix(in srgb,var(--brand-blue) 32%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue) 7%,var(--ui-surface,#fff));color:var(--brand-blue-dark);font-size:.61rem;font-weight:850;line-height:1.3}.schedule-flow-badge.retest{border-color:color-mix(in srgb,#18794e 38%,var(--ui-line,var(--line)));background:color-mix(in srgb,#18794e 8%,var(--ui-surface,#fff));color:#12623f}.schedule-flow-badge.billing{border-color:color-mix(in srgb,#7a4da0 32%,var(--ui-line,var(--line)));background:color-mix(in srgb,#7a4da0 7%,var(--ui-surface,#fff));color:#6b438c}.schedule-flow-badge .ui-icon{width:15px;height:15px;flex:0 0 15px}
.schedule-flow-counts{display:grid;gap:5px;min-width:0}.schedule-flow-counts>span{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 8px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-alt,#f7f9fb)}.schedule-flow-counts b{flex:0 0 auto;color:var(--brand-navy);font-size:.7rem}.schedule-flow-counts small{min-width:0;color:var(--ui-muted,var(--muted));font-size:.57rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.schedule-flow-addresses{display:grid;min-width:0;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-alt,#f7f9fb);overflow:hidden}.schedule-flow-addresses>div{display:grid;min-width:0;gap:5px;padding:9px 10px}.schedule-flow-addresses>div+div{border-top:1px solid var(--ui-line,var(--line))}.schedule-flow-addresses b{color:var(--ui-muted,var(--muted));font-size:.55rem;text-transform:uppercase;letter-spacing:.045em}.schedule-flow-addresses ul{display:grid;min-width:0;gap:3px;margin:0;padding:0;list-style:none}.schedule-flow-addresses li{position:relative;min-width:0;padding-left:12px;color:var(--ui-ink,var(--ink));font-size:.62rem;font-weight:600;line-height:1.42;overflow-wrap:anywhere}.schedule-flow-addresses li:before{content:"";position:absolute;left:0;top:.56em;width:5px;height:5px;border-radius:0;background:var(--brand-blue)}
[data-theme="dark"] .asset-schedule-state>em{background:#2c291b;color:#e8cf76}[data-theme="dark"] .schedule-flow-badge{background:#102b3e;border-color:#34566d;color:#9bd8ef}[data-theme="dark"] .schedule-flow-badge.billing{background:#2d2338;border-color:#59436b;color:#d8bee9}[data-theme="dark"] .schedule-flow-addresses{background:#102334;border-color:#2b455a}
[data-theme="dark"] .schedule-flow-counts>span{background:#102334;border-color:#2b455a}[data-theme="dark"] .schedule-flow-counts b{color:#dcebf4}
@media(max-width:640px){.asset-schedule-state>b{font-size:.78rem}.schedule-flow-badges{display:grid;grid-template-columns:minmax(0,1fr)}.schedule-flow-badge{justify-content:flex-start;width:100%;box-sizing:border-box}.schedule-flow-addresses>div{padding:10px 11px}.schedule-flow-addresses li{font-size:.68rem}}

/* 2.23.0-r50 · Excel šablon i pojedinačni izuzeci phishing publike. */
.audience-template-download{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 14px;border:1px solid #b9d3e3;border-left:5px solid var(--brand-blue-dark);border-radius:0;background:var(--brand-blue-soft)}.audience-template-download>div{min-width:0}.audience-template-download b,.audience-template-download span{display:block;overflow-wrap:anywhere}.audience-template-download b{color:var(--brand-navy);font-size:.72rem}.audience-template-download span{margin-top:4px;color:var(--muted);font-size:.61rem;line-height:1.5}.audience-template-download .btn{flex:0 0 auto}
.audience-person-selector{overflow:hidden;border-top:5px solid #7a4da0}.audience-person-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.audience-person-head h3{margin:5px 0;color:var(--ui-navy,var(--brand-navy));font-size:.94rem}.audience-person-head p{margin:0;color:var(--ui-muted,var(--muted));font-size:.65rem;line-height:1.5}.audience-person-head>span{display:grid;place-items:center;min-width:92px;padding:10px 12px;border-radius:0;background:#684188;color:#fff}.audience-person-head>span b{font-size:1.15rem}.audience-person-head>span small{font-size:.53rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.audience-person-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;margin:14px 0 10px}.audience-person-tools label{color:var(--ui-navy,var(--brand-navy));font-size:.62rem;font-weight:600}.audience-person-tools input{margin-top:5px}.audience-person-tools>div{display:flex;flex-wrap:wrap;gap:7px}.audience-person-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:480px;overflow:auto;padding:2px;overscroll-behavior:contain}.audience-person-list>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;min-width:0;padding:10px 11px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2));cursor:pointer}.audience-person-list>label:hover,.audience-person-list>label:focus-within{border-color:#7a4da0;background:color-mix(in srgb,#7a4da0 7%,var(--ui-surface,var(--surface)))}.audience-person-list input{width:18px;height:18px;margin:2px 0 0;accent-color:#7a4da0}.audience-person-list span,.audience-person-list b,.audience-person-list small,.audience-person-list em{display:block;min-width:0;overflow-wrap:anywhere}.audience-person-list b{color:var(--ui-ink,var(--ink));font-size:.65rem}.audience-person-list small{margin-top:2px;color:var(--brand-blue-dark);font-size:.57rem}.audience-person-list em{margin-top:4px;color:var(--ui-muted,var(--muted));font-size:.55rem;font-style:normal;line-height:1.4}.audience-person-list strong{align-self:center;padding:5px 7px;border-radius:0;background:#efe7f5;color:#684188;font-size:.52rem;text-transform:uppercase}.audience-person-list input:checked~span{opacity:.57;text-decoration:line-through}.audience-person-list input:checked~strong{background:#684188;color:#fff}.audience-person-note{display:block;margin-top:9px;color:var(--ui-muted,var(--muted));font-size:.58rem;line-height:1.45}
[data-theme="dark"] .audience-template-download{border-color:#34566d;background:#102b3e}[data-theme="dark"] .audience-template-download b{color:#edf4f7}[data-theme="dark"] .audience-person-list>label{border-color:#2b4152;background:#0d1d2d}[data-theme="dark"] .audience-person-list b,[data-theme="dark"] .audience-person-head h3,[data-theme="dark"] .audience-person-tools label{color:#edf4f7}[data-theme="dark"] .audience-person-list strong{background:#372944;color:#d8bee9}
@media(max-width:820px){.audience-person-tools{grid-template-columns:1fr}.audience-person-list{grid-template-columns:1fr}.audience-person-tools>div .btn{flex:1 1 180px}}
@media(max-width:640px){.audience-template-download,.audience-person-head{display:grid}.audience-template-download .btn{width:100%}.audience-person-head>span{justify-self:start}.audience-person-selector{padding:13px}.audience-person-list{max-height:390px}.audience-person-tools>div{display:grid;grid-template-columns:1fr}.audience-person-tools>div .btn{width:100%}}

/* 2.23.0-r50 · godišnji planovi, phishing KPI i lični prikaz operativnih redova. */
.phishing-kpi{border-top-color:#7a4da0!important}.phishing-kpi>i{background:#f0e8f6!important;color:#684188!important}
.dashboard-row-visibility{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;border-top:1px solid var(--ui-line,var(--line));background:color-mix(in srgb,var(--brand-blue,#43b7e8) 5%,var(--ui-surface,var(--surface)))}.dashboard-row-visibility>div{min-width:0}.dashboard-row-visibility b,.dashboard-row-visibility span{display:block}.dashboard-row-visibility b{color:var(--ui-navy,var(--brand-navy));font-size:.7rem}.dashboard-row-visibility span{margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.59rem;line-height:1.45}.dashboard-row-visibility form{flex:0 0 auto;margin:0}
.dashboard-row-hide-form{margin:0}.dashboard-row-hide-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:9px 14px;border-top:1px solid var(--ui-line,var(--line));background:var(--ui-surface-soft,var(--surface-2))}.dashboard-row-hide-tools label{display:flex;align-items:center;gap:7px;margin-right:auto;color:var(--ui-navy,var(--brand-navy));font-size:.62rem;font-weight:600;cursor:pointer}.dashboard-row-hide-tools input,.overview-asset-cell>input{width:18px;height:18px;margin:0;accent-color:#9f2f2a}.dashboard-row-hide-tools>span{color:var(--ui-muted,var(--muted));font-size:.61rem}.dashboard-row-hide-tools>span b{display:inline;color:var(--ui-navy,var(--brand-navy));font-size:.75rem}.dashboard-row-hide-tools .btn{min-height:36px;margin:0}
.overview-asset-cell{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;min-width:0}.overview-asset-cell>input{margin-top:2px}.overview-asset-cell>div{min-width:0}.overview-asset-cell b,.overview-asset-cell small{display:block;min-width:0;overflow-wrap:anywhere}.overview-asset-cell b{color:var(--ui-ink,var(--ink))}.overview-asset-cell small{margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.65rem}
.schedule-year-copy[hidden]{display:none!important}.schedule-year-copy form{display:grid;gap:14px;min-width:0}.schedule-year-copy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.schedule-year-copy-summary article{min-width:0;padding:12px 13px;border:1px solid var(--ui-line,var(--line));border-top:4px solid var(--brand-blue-dark,#167ead);border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.schedule-year-copy-summary span,.schedule-year-copy-summary b,.schedule-year-copy-summary small{display:block}.schedule-year-copy-summary span{color:var(--ui-muted,var(--muted));font-size:.53rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.schedule-year-copy-summary b{margin:5px 0 2px;color:var(--ui-navy,var(--brand-navy));font-size:1.1rem}.schedule-year-copy-summary small{color:var(--ui-muted,var(--muted));font-size:.56rem}
.schedule-year-copy-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.schedule-year-copy-controls label{min-width:0;color:var(--ui-navy,var(--brand-navy));font-size:.61rem;font-weight:600}.schedule-year-copy-controls input,.schedule-year-copy-controls select{margin-top:5px}
.schedule-copy-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--brand-navy,#0b1f3a);color:#fff}.schedule-copy-list-head label{display:flex;align-items:center;gap:8px;font-size:.65rem;font-weight:850;cursor:pointer}.schedule-copy-list-head input,.schedule-copy-list input{width:18px;height:18px;margin:0;accent-color:var(--brand-blue,#43b7e8)}.schedule-copy-list-head span{color:#b8cfdd;font-size:.56rem;line-height:1.4;text-align:right}
.schedule-copy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:390px;margin-top:-14px;padding:10px;border:1px solid var(--ui-line,var(--line));border-top:0;border-radius:0;overflow:auto;overscroll-behavior:contain}.schedule-copy-list>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;min-width:0;padding:10px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));cursor:pointer}.schedule-copy-list>label:hover,.schedule-copy-list>label:focus-within{border-color:var(--brand-blue-dark,#167ead);background:color-mix(in srgb,var(--brand-blue,#43b7e8) 6%,var(--ui-surface,var(--surface)))}.schedule-copy-list span,.schedule-copy-list b,.schedule-copy-list small{display:block;min-width:0;overflow-wrap:anywhere}.schedule-copy-list b{color:var(--ui-navy,var(--brand-navy));font-size:.65rem}.schedule-copy-list small{margin-top:4px;color:var(--ui-muted,var(--muted));font-size:.56rem;line-height:1.4}.schedule-copy-list em{padding:4px 6px;border-radius:0;background:#e8f3f8;color:var(--brand-blue-dark,#167ead);font-size:.49rem;font-style:normal;font-weight:600}.schedule-year-copy .form-actions{justify-content:flex-end;margin:0}.schedule-year-copy .form-actions .btn{min-width:240px}
[data-theme="dark"] .dashboard-row-visibility,[data-theme="dark"] .dashboard-row-hide-tools,[data-theme="dark"] .schedule-year-copy-summary article,[data-theme="dark"] .schedule-year-copy-controls,[data-theme="dark"] .schedule-copy-list,[data-theme="dark"] .schedule-copy-list>label{border-color:#315069;background:#0d1e31}[data-theme="dark"] .dashboard-row-visibility b,[data-theme="dark"] .dashboard-row-hide-tools label,[data-theme="dark"] .dashboard-row-hide-tools>span b,[data-theme="dark"] .overview-asset-cell b,[data-theme="dark"] .schedule-year-copy-summary b,[data-theme="dark"] .schedule-year-copy-controls label,[data-theme="dark"] .schedule-copy-list b{color:#edf4f7}[data-theme="dark"] .phishing-kpi>i{background:#372944!important;color:#d8bee9!important}
@media(max-width:820px){.schedule-year-copy-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-copy-list{grid-template-columns:minmax(0,1fr)}.schedule-copy-list-head{align-items:flex-start}.schedule-copy-list-head span{max-width:260px}}
@media(max-width:640px){.dashboard-row-visibility{display:grid}.dashboard-row-visibility form,.dashboard-row-visibility .btn{width:100%}.dashboard-row-hide-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}.dashboard-row-hide-tools label{grid-column:1/-1}.dashboard-row-hide-tools .btn{grid-column:1/-1;width:100%;min-height:44px}.schedule-year-copy-summary,.schedule-year-copy-controls{grid-template-columns:minmax(0,1fr)}.schedule-copy-list-head{display:grid}.schedule-copy-list-head span{text-align:left}.schedule-year-copy .form-actions .btn{width:100%;min-width:0}.overview-asset-cell{grid-template-columns:22px minmax(0,1fr)}}

/* 2.23.0-r50 · 50 phishing predložaka, uređivanje kampanje i trajni imenik. */
.template-gallery-tools{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.55fr);gap:10px;margin:0 0 12px}.template-gallery-tools label{min-width:0;color:var(--ui-navy,var(--brand-navy));font-size:.59rem;font-weight:850}.template-gallery-tools input,.template-gallery-tools select{margin-top:5px;background:var(--ui-surface,var(--surface))}.phishing-template-gallery .phishing-template-cards{max-height:760px;overflow:auto;padding:2px 4px 4px 2px;overscroll-behavior:contain}.phishing-template-card:not([data-phishing-template-choice="security_notice"]):not([data-phishing-template-choice="policy_update"]):not([data-phishing-template-choice="shared_document"]):not([data-phishing-template-choice="remote_access"]):not([data-phishing-template-choice="account_review"]):not([data-phishing-template-choice="invoice_review"]):not([data-phishing-template-choice="hr_document"]):not([data-phishing-template-choice="collaboration_invite"]){border-top:5px solid var(--template-accent,var(--brand-blue-dark))!important}.empty-filter-state{margin-top:10px;padding:18px;border:1px dashed var(--ui-line,var(--line));border-radius:0;color:var(--ui-muted,var(--muted));font-size:.64rem;text-align:center}
.saved-audience-library{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:14px;margin:12px 0;padding:14px;border:1px solid color-mix(in srgb,#2e8b6d 38%,var(--ui-line,var(--line)));border-left:5px solid #2e8b6d;border-radius:0;background:color-mix(in srgb,#2e8b6d 5%,var(--ui-surface,var(--surface)))}.saved-audience-library h3{margin:4px 0;color:var(--ui-navy,var(--brand-navy));font-size:.8rem}.saved-audience-library p{margin:0;color:var(--ui-muted,var(--muted));font-size:.59rem;line-height:1.45}.saved-audience-list{display:grid;gap:7px;min-width:0}.saved-audience-list form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;margin:0;padding:9px 10px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface))}.saved-audience-list span,.saved-audience-list b,.saved-audience-list small{display:block;min-width:0;overflow-wrap:anywhere}.saved-audience-list b{color:var(--ui-ink,var(--ink));font-size:.64rem}.saved-audience-list small{margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.55rem}.saved-audience-list .btn{min-height:36px;white-space:normal}
.phishing-campaign-editor[hidden]{display:none!important}.phishing-campaign-editor .phishing-branding{margin:0}.phishing-campaign-editor .phishing-custom-content{margin-top:10px}.head-actions .billing-cta{border-color:#b46519;background:#fff5e9;color:#8a4510}.head-actions .billing-cta:hover,.head-actions .billing-cta:focus-visible{border-color:#d96b1a;background:#ffead4}.head-actions form:has(.billing-cta){margin:0}
[data-theme="dark"] .template-gallery-tools input,[data-theme="dark"] .template-gallery-tools select,[data-theme="dark"] .saved-audience-list form{border-color:#315069;background:#0d1e31}[data-theme="dark"] .template-gallery-tools label,[data-theme="dark"] .saved-audience-library h3,[data-theme="dark"] .saved-audience-list b{color:#edf4f7}[data-theme="dark"] .saved-audience-library{border-color:#376b57;background:#102920}[data-theme="dark"] .head-actions .billing-cta{border-color:#a85c25;background:#352418;color:#ffd1a8}
@media(max-width:820px){.saved-audience-library{grid-template-columns:minmax(0,1fr)}.phishing-template-gallery .phishing-template-cards{max-height:680px}}
@media(max-width:640px){.template-gallery-tools,.saved-audience-list form{grid-template-columns:minmax(0,1fr)}.saved-audience-list .btn{width:100%;min-height:44px}.phishing-template-gallery .phishing-template-cards{max-height:620px}.phishing-campaign-editor{padding:12px}}

/* 2.23.0-r51 · naknadno uređivanje publike zakazane phishing kampanje. */
.audience-edit-cta{border-color:#8a5a22!important;background:#fff8ed!important;color:#7a4b15!important}
.scheduled-audience-editor>form{display:grid;gap:14px;min-width:0}
.scheduled-audience-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px;border-left:5px solid #d96b1a;background:#fff8ed}
.scheduled-audience-summary h3{margin:4px 0;color:var(--brand-navy);font-size:1rem}.scheduled-audience-summary p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.55}
.scheduled-audience-summary>div:first-child{min-width:0}.scheduled-audience-summary>div:last-child{flex:0 0 116px;padding:11px;border-radius:0;background:#7a4b15;color:#fff;text-align:center}
.scheduled-audience-summary>div:last-child b,.scheduled-audience-summary>div:last-child small{display:block}.scheduled-audience-summary>div:last-child b{font-size:1.25rem}.scheduled-audience-summary>div:last-child small{font-size:.55rem;line-height:1.35;text-transform:uppercase}
.scheduled-audience-filters{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:10px}.scheduled-audience-filters label{display:grid;gap:5px;color:var(--brand-navy);font-size:.62rem;font-weight:850}.scheduled-audience-filters input,.scheduled-audience-filters select{width:100%;min-height:44px}
.scheduled-audience-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.scheduled-audience-actions>span{color:var(--muted);font-size:.65rem}.scheduled-audience-actions>div{display:flex;flex-wrap:wrap;gap:7px}
.scheduled-audience-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:52vh;overflow:auto;padding:2px;overscroll-behavior:contain}
.scheduled-audience-list>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:0;background:var(--surface-soft);cursor:pointer}
.scheduled-audience-list>label:hover,.scheduled-audience-list>label:focus-within{border-color:#d96b1a;background:#fff8ed}.scheduled-audience-list>label.selected{border-color:#b44035;background:#fff0ee;box-shadow:inset 0 0 0 1px rgba(180,64,53,.15)}
.scheduled-audience-list input{width:18px;height:18px;margin:2px 0 0;accent-color:#b44035}.scheduled-audience-list span,.scheduled-audience-list b,.scheduled-audience-list small,.scheduled-audience-list em{display:block;min-width:0;overflow-wrap:anywhere}
.scheduled-audience-list b{color:var(--ink);font-size:.67rem}.scheduled-audience-list small{margin-top:3px;color:var(--muted);font-size:.58rem}.scheduled-audience-list em{margin-top:5px;color:var(--muted);font-size:.56rem;font-style:normal;line-height:1.4}.scheduled-audience-list strong{align-self:center;color:#9e332c;font-size:.57rem;text-transform:uppercase}
.scheduled-audience-submit{justify-self:end;min-width:260px}
[data-theme="dark"] .audience-edit-cta,[data-theme="dark"] .scheduled-audience-summary,[data-theme="dark"] .scheduled-audience-list>label:hover,[data-theme="dark"] .scheduled-audience-list>label:focus-within{background:#2d2116!important;color:#ffd7a8!important}
[data-theme="dark"] .scheduled-audience-summary h3,[data-theme="dark"] .scheduled-audience-filters label{color:#edf4f7}[data-theme="dark"] .scheduled-audience-list>label{background:#0d1d2d;border-color:#2b4152}[data-theme="dark"] .scheduled-audience-list>label.selected{background:#2a1818;border-color:#ad5d55}
@media(max-width:850px){.scheduled-audience-filters{grid-template-columns:1fr 1fr}.scheduled-audience-filters label:first-child{grid-column:1/-1}.scheduled-audience-list{grid-template-columns:1fr}}
@media(max-width:560px){.scheduled-audience-summary,.scheduled-audience-actions{align-items:stretch;flex-direction:column}.scheduled-audience-summary>div:last-child{flex-basis:auto}.scheduled-audience-filters{grid-template-columns:1fr}.scheduled-audience-filters label:first-child{grid-column:auto}.scheduled-audience-actions>div{display:grid;grid-template-columns:1fr}.scheduled-audience-actions .btn,.scheduled-audience-submit{width:100%;min-width:0}.scheduled-audience-list{max-height:48vh}}

/* 2.23.0-r52 · uvijek vidljiva kontrola publike prije prve isporuke. */
.audience-table-action{border-color:#c97822!important;background:#fff8ed!important;color:#7a4b15!important}
.audience-edit-locked{opacity:.68;cursor:not-allowed!important;filter:saturate(.45)}
[data-theme="dark"] .audience-table-action{border-color:#a9652b!important;background:#2d2116!important;color:#ffd7a8!important}
@media(max-width:640px){.report-actions .audience-table-action{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;text-align:center}}

/* 2.23.0-r53 · pouzdano čuvanje uređene phishing kampanje. */
.campaign-editor-error{display:grid;gap:4px;grid-column:1/-1;margin:0;padding:13px 14px;border-left-width:5px}.campaign-editor-error b,.campaign-editor-error span{display:block;min-width:0;overflow-wrap:anywhere}.campaign-editor-error b{font-size:.7rem}.campaign-editor-error span{font-size:.62rem;line-height:1.5}.phishing-campaign-editor [data-campaign-editor-form]{min-width:0}.phishing-campaign-editor [data-campaign-editor-form] textarea{resize:vertical}
[data-theme="dark"] .campaign-editor-error{border-color:#a95656;background:#32191c;color:#ffd9dc}
@media(max-width:640px){.phishing-campaign-editor [data-campaign-editor-form]{grid-template-columns:minmax(0,1fr)}.phishing-campaign-editor [data-campaign-editor-form]>.span-2,.phishing-campaign-editor [data-campaign-editor-form]>.campaign-editor-error{grid-column:auto}.phishing-campaign-editor [data-campaign-editor-form]>button[type="submit"]{width:100%;min-height:46px}}

/* 2.23.0-r67 · spajanje dupliranih sredstava, tačan finansijski tok i uredni rasporedi. */
.asset-deduplication{display:grid;gap:14px;margin-bottom:16px;border-left:5px solid #2e8b6d}.asset-deduplication.has-duplicates{border-left-color:#c97822}.asset-deduplication-copy{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px}.asset-deduplication-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:0;background:#e9f6ef;color:#176f53}.asset-deduplication.has-duplicates .asset-deduplication-icon{background:#fff4df;color:#9a5b12}.asset-deduplication-icon .ui-icon{width:22px;height:22px}.asset-deduplication-copy h2{margin:4px 0;color:var(--ui-navy,var(--brand-navy));font-size:1rem}.asset-deduplication-copy p{margin:0;color:var(--ui-muted,var(--muted));font-size:.7rem;line-height:1.55}
.asset-duplicate-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px}.asset-duplicate-groups article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;min-width:0;padding:11px 12px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.asset-duplicate-groups article div,.asset-duplicate-groups article b,.asset-duplicate-groups article small{display:block;min-width:0;overflow-wrap:anywhere}.asset-duplicate-groups article b{font-size:.71rem}.asset-duplicate-groups article small{margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.59rem}.asset-duplicate-groups article>span{padding:4px 7px;border-radius:0;background:#fff0db;color:#8b510d;font-size:.54rem;font-weight:600}.asset-duplicate-groups ul{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;margin:3px 0 0;padding:0;list-style:none}.asset-duplicate-groups li{padding:4px 6px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));font-size:.56rem}
.asset-deduplication-action{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:12px;border:1px solid color-mix(in srgb,#c97822 35%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,#c97822 6%,var(--ui-surface,var(--surface)))}.asset-deduplication-action>span{display:grid;min-width:0;gap:3px}.asset-deduplication-action b{font-size:.68rem}.asset-deduplication-action small{color:var(--ui-muted,var(--muted));font-size:.59rem}.asset-deduplication-action .btn{flex:0 0 auto}
.billing-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.billing-kpis article.review{border-color:color-mix(in srgb,#7a4da0 35%,var(--ui-line,var(--line)));background:color-mix(in srgb,#7a4da0 5%,var(--ui-surface,var(--surface)))}.billing-review-panel{margin-bottom:16px;border-top:4px solid #7a4da0}.billing-review-list{display:grid;gap:8px}.billing-review-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:11px 12px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.billing-review-list article>div,.billing-review-list b,.billing-review-list small{display:block;min-width:0;overflow-wrap:anywhere}.billing-review-list b{font-size:.72rem}.billing-review-list small{margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.59rem}.billing-review-list .btn{min-width:126px}
@media(min-width:760px) and (pointer:fine){.schedule-register .table-scroll[data-table-mode="table"] table{min-width:1280px!important;table-layout:fixed!important}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(1){width:18%}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(2){width:15%}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(3){width:13%}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(4){width:12%}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(5){width:16%}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(6){width:15%}.schedule-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(7){width:11%;min-width:132px!important}.schedule-register .record-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.schedule-register .record-actions>*{width:100%;min-width:0}.schedule-register .inline-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}}
[data-theme="dark"] .asset-deduplication-icon{background:#123329;color:#8ed5b7}[data-theme="dark"] .asset-deduplication.has-duplicates .asset-deduplication-icon,[data-theme="dark"] .asset-duplicate-groups article>span{background:#3a2a17;color:#ffd79c}[data-theme="dark"] .asset-duplicate-groups article,[data-theme="dark"] .asset-duplicate-groups li,[data-theme="dark"] .billing-review-list article{border-color:#315069;background:#0d1e31}
@media(max-width:700px){.asset-deduplication-action,.billing-review-list article{display:grid;grid-template-columns:minmax(0,1fr)}.asset-deduplication-action .btn,.billing-review-list .btn{width:100%;min-width:0}.billing-review-list article>.status{justify-self:start}}
@media(max-width:420px){.asset-deduplication-copy{grid-template-columns:38px minmax(0,1fr)}.asset-deduplication-icon{width:38px;height:38px}}

.phishing-delivery-plan,.phishing-billing-plan{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:14px;min-width:0;padding:15px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-blue,#43b7e8) 5%,var(--ui-surface,var(--surface))),var(--ui-surface-soft,var(--surface-2)))}
.phishing-delivery-plan>div:first-child,.phishing-billing-plan>.check-row{min-width:0;align-self:start}.phishing-delivery-plan h3{margin:4px 0;color:var(--ui-navy,var(--brand-navy));font-size:.84rem}.phishing-delivery-plan p{margin:0;color:var(--ui-muted,var(--muted));font-size:.62rem;line-height:1.5}.phishing-delivery-plan>small{grid-column:1/-1;color:var(--ui-muted,var(--muted));font-size:.58rem}.phishing-delivery-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.phishing-delivery-plan-grid label,.phishing-billing-plan-fields label{min-width:0}.phishing-delivery-plan-grid textarea{min-height:78px;resize:vertical}.phishing-delivery-plan .required-field>span:first-child:after{content:" *";color:var(--danger,#a52727)}
.phishing-billing-plan{grid-template-columns:minmax(0,1fr);border-color:color-mix(in srgb,#c97822 35%,var(--ui-line,var(--line)));border-left:5px solid #c97822;background:linear-gradient(135deg,color-mix(in srgb,#c97822 7%,var(--ui-surface,var(--surface))),var(--ui-surface-soft,var(--surface-2)))}.phishing-billing-plan>.check-row{padding:0;border:0;background:transparent}.phishing-billing-plan-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding-top:13px;border-top:1px solid color-mix(in srgb,#c97822 28%,var(--ui-line,var(--line)))}.phishing-billing-plan-fields[hidden]{display:none!important}.phishing-billing-plan-fields .full{grid-column:1/-1}
.phishing-commercial-flow{border-top:4px solid #c97822}.phishing-commercial-existing{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid color-mix(in srgb,#c97822 30%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,#c97822 5%,var(--ui-surface-soft,var(--surface-2)))}.phishing-commercial-existing>div,.phishing-commercial-existing b,.phishing-commercial-existing span,.phishing-commercial-existing small{display:block;min-width:0;overflow-wrap:anywhere}.phishing-commercial-existing b{font-size:.75rem}.phishing-commercial-existing span{margin-top:4px;color:var(--ui-text,var(--text));font-size:.65rem}.phishing-commercial-existing small{margin-top:4px;color:var(--ui-muted,var(--muted));font-size:.58rem}.phishing-commercial-existing .btn{min-width:150px}
[data-theme="dark"] .phishing-delivery-plan,[data-theme="dark"] .phishing-billing-plan,[data-theme="dark"] .phishing-commercial-existing{border-color:#3a5266;background:linear-gradient(135deg,#10273b,#0d1e31)}[data-theme="dark"] .phishing-billing-plan,[data-theme="dark"] .phishing-commercial-existing{border-left-color:#bd782f}[data-theme="dark"] .phishing-delivery-plan h3{color:#edf4f7}
@media(max-width:760px){.phishing-delivery-plan{grid-template-columns:minmax(0,1fr)}.phishing-delivery-plan>small{grid-column:auto}.phishing-delivery-plan-grid,.phishing-billing-plan-fields{grid-template-columns:minmax(0,1fr)}.phishing-billing-plan-fields .full{grid-column:auto}.phishing-commercial-existing{grid-template-columns:minmax(0,1fr)}.phishing-commercial-existing .btn{width:100%;min-width:0}}

/* Izmjenjivi prijedlozi ranije korištenih adresa u svim operativnim modulima. */
.recipient-memory{display:grid;gap:7px;min-width:0;width:100%;margin-top:8px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 24%,var(--ui-line,var(--line)));border-radius:0;background:color-mix(in srgb,var(--brand-blue,#43b7e8) 4%,var(--ui-surface-soft,var(--surface-2)))}
.recipient-memory-title{display:block!important;margin:0!important;color:var(--ui-muted,var(--muted))!important;font-size:.66rem!important;font-weight:750;line-height:1.35}
.recipient-memory-options{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.recipient-memory-chip{max-width:100%;min-width:0;border:1px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 38%,var(--ui-line,var(--line)));border-radius:0;background:var(--ui-surface,var(--surface));color:var(--brand-blue-strong,#167ead);padding:6px 10px;font:inherit;font-size:.69rem;font-weight:760;line-height:1.25;overflow-wrap:anywhere;text-align:left;cursor:pointer;box-shadow:0 2px 7px rgba(11,31,58,.05)}
.recipient-memory-chip:hover:not(:disabled),.recipient-memory-chip:focus-visible{border-color:var(--brand-blue,#43b7e8);background:color-mix(in srgb,var(--brand-blue,#43b7e8) 9%,var(--ui-surface,var(--surface)));outline:0}
.recipient-memory-chip:disabled{opacity:.48;cursor:default;text-decoration:none}
[data-theme="dark"] .recipient-memory{border-color:#34536d;background:#10263a}[data-theme="dark"] .recipient-memory-chip{border-color:#3c617c;background:#0b1d2f;color:#8dd7f3;box-shadow:none}
@media(max-width:560px){.recipient-memory{padding:8px}.recipient-memory-options{display:grid;grid-template-columns:minmax(0,1fr)}.recipient-memory-chip{width:100%;border-radius:0;padding:8px 10px}}
.schedule-run-history td:nth-child(6)>b,.schedule-run-history td:nth-child(6)>small{display:block}.schedule-run-history td:nth-child(6)>small{margin-top:3px;color:var(--ui-muted,var(--muted));font-size:.56rem;line-height:1.4}.schedule-run-history td:nth-child(7){min-width:250px;line-height:1.5}.schedule-run-history .status{white-space:nowrap}
@media(max-width:700px){.schedule-run-history td:nth-child(7){min-width:0}.schedule-run-history .table-action{display:inline-flex;min-height:40px;align-items:center}}

/* 2.23.0-r78.1 · svaki odobreni CIDR; automatska provjera bez obaveznih ručnih hostova. */
.sensor-probe-advanced{min-width:0;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2));overflow:hidden}
.sensor-probe-advanced summary{padding:12px 14px;color:var(--ui-navy,var(--brand-navy));font-size:.68rem;font-weight:850;line-height:1.4;cursor:pointer;list-style-position:inside}
.sensor-probe-advanced[open] summary{border-bottom:1px solid var(--ui-line,var(--line))}
.sensor-probe-advanced label{display:grid;gap:7px;padding:13px 14px}
.sensor-probe-advanced label small{color:var(--ui-muted,var(--muted));font-size:.59rem;line-height:1.5}
[data-theme="dark"] .sensor-probe-advanced{border-color:#315069;background:#0d1e31}
[data-theme="dark"] .sensor-probe-advanced summary{color:#edf4f7;border-color:#315069}

/* AKADEMIJA · zajednički MatrixScan dizajn-sistem */
/* MatrixScan Akademija koristi osnovni izgled, tipografiju, navigaciju, temu i kontrole iz app.css. */
.academy-content{container-type:inline-size;container-name:academy-content}
.academy-content>.notice,.academy-public-main>.notice{margin-bottom:14px}
.academy-content>.notice:not(.error){border-left:4px solid var(--green);background:#eaf7f2;color:#176247}
.academy-content>.notice.error,.academy-public-main>.notice.error{border-left:4px solid var(--red);background:#fbebed;color:#7c1a28}
.academy-content .academy-tabs{position:sticky;top:79px;z-index:8;display:flex;align-items:center;gap:6px;margin:0 0 var(--ui-gap-lg,18px);padding:9px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:color-mix(in srgb,var(--ui-surface,var(--surface)) 94%,transparent);box-shadow:var(--ui-shadow-panel,var(--shadow));backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:thin}
.academy-content .academy-tabs a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:0;color:var(--ui-muted-strong,var(--muted));font-size:.7rem;font-weight:780;white-space:nowrap}
.academy-content .academy-tabs a:hover{background:var(--ui-surface-soft,#f6f8fa);color:var(--ui-ink,var(--ink));border-color:var(--ui-line,var(--line))}
.academy-content .academy-tabs a.active{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.academy-content .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:var(--ui-gap-lg,18px);margin-bottom:var(--ui-gap-lg,18px)}
.academy-content .card{display:flex;flex-direction:column;min-width:0;margin:0;padding:var(--ui-panel-padding,20px);border:1px solid var(--ui-line,var(--line));border-top:3px solid var(--brand-blue);border-radius:0;background:var(--ui-surface,var(--surface));box-shadow:var(--ui-shadow-panel,var(--shadow))}
.academy-content .card .actions{margin-top:auto;padding-top:14px}
.academy-content .split{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.academy-content .actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.academy-content .actions form{margin:0}
.academy-content button:not(.icon-btn):not(.theme-toggle):not(.top-search-trigger):not(.quick-action-trigger):not(.operational-sync-close),
.academy-public button:not(.icon-btn){display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;border:1px solid var(--ui-line-strong,#bfc7ce);border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-ink,var(--ink));font-size:.79rem;font-weight:750}
.academy-content button:hover,.academy-public button:hover{border-color:var(--brand-blue-dark)}
.academy-content button.primary,.academy-public button.primary,.academy-content .btn.primary,.academy-public .btn.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.academy-content button.primary:hover,.academy-public button.primary:hover{background:var(--brand-blue-dark)}
.academy-content button.danger,.academy-content .btn.danger{border-color:#d4a2a9;color:var(--red)}
.academy-content button:disabled,.academy-public button:disabled{opacity:.48;cursor:not-allowed}
.academy-content form>label,.academy-content fieldset>label,.academy-content details form label,.academy-public form>label{display:flex;flex-direction:column;gap:6px;margin:10px 0;color:var(--ui-muted-strong,#424e59);font-size:.7rem;font-weight:600}
.academy-content input:not([type=radio]):not([type=checkbox]),.academy-content select,.academy-content textarea,.academy-public input:not([type=radio]):not([type=checkbox]),.academy-public select,.academy-public textarea{width:100%;min-height:41px;padding:9px 10px;border:1px solid var(--ui-line-strong,#c8d0d7);border-radius:0;background:var(--ui-surface,var(--surface));color:var(--ui-ink,var(--ink));outline:0}
.academy-content textarea,.academy-public textarea{min-height:130px;resize:vertical;line-height:1.55}
.academy-content :is(input,select,textarea):focus,.academy-public :is(input,select,textarea):focus{border-color:var(--brand-blue);box-shadow:0 0 0 2px rgba(67,183,232,.18)}
.academy-content input[type=checkbox],.academy-content input[type=radio],.academy-public input[type=checkbox],.academy-public input[type=radio]{accent-color:var(--brand-blue)}
.academy-content fieldset,.academy-public fieldset{min-width:0;margin:16px 0;padding:16px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface))}
.academy-content legend,.academy-public legend{padding:0 7px;color:var(--ui-ink,var(--ink));font-size:.8rem;font-weight:600}
.academy-content details>summary,.academy-public details>summary{cursor:pointer;color:var(--ui-ink,var(--ink));font-size:.8rem;font-weight:600}
.academy-content .form-grid,.academy-public .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.academy-content .full{grid-column:1/-1}
.academy-content .badge,.academy-public .badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:0;background:var(--brand-blue-soft);color:var(--brand-blue-dark);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.025em}
.academy-content .help,.academy-public .help{color:var(--ui-muted,var(--muted));font-size:.7rem;line-height:1.55}
.academy-content .prose,.academy-public .prose{max-width:88ch;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}
.academy-content .stat{color:var(--ui-ink,var(--ink));font-size:1.8rem;font-weight:600}
.academy-content .academy-stats,.academy-public .academy-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.academy-content .academy-stats>div,.academy-public .academy-stats>div{position:relative;min-width:0;padding:15px;border:1px solid var(--ui-line,var(--line));border-left:3px solid var(--brand-blue);border-radius:0;background:var(--ui-surface,var(--surface))}
.academy-stats strong{display:block;color:var(--ui-ink,var(--ink));font-size:1.5rem;line-height:1.25}.academy-stats span{display:block;margin-top:5px;color:var(--ui-muted,var(--muted));font-size:.68rem}
.section-intro{margin:24px 0 14px}.section-intro h2{margin-bottom:5px}.section-intro p{max-width:84ch;margin:0}
.offer-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,300px);gap:18px;align-items:start}.offer-workspace .panel{margin:0}.offer-benefits{background:linear-gradient(145deg,var(--brand-blue-soft),var(--ui-surface,var(--surface)))}.offer-benefits li{margin:0 0 10px;color:var(--ui-muted-strong,#4c5c6b);font-size:.76rem}.offer-next{margin-top:18px;padding-top:18px;border-top:1px solid var(--ui-line,var(--line))}
.offer-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--ui-line,var(--line))}.offer-list article:last-child{border:0}.offer-list h3,.offer-list p{margin:4px 0}.offer-list .actions{flex-shrink:0}
.empty-state{margin:16px 0;padding:28px;border:1px dashed var(--ui-line-strong,#b4c9db);border-radius:0;background:var(--ui-surface,var(--surface));text-align:center}
.academy-product-footer{padding:18px 0 2px;color:var(--ui-muted,var(--muted));font-size:.65rem;text-align:center}
/* Portal polaznika koristi isti vizuelni identitet, bez administrativne navigacije. */
.academy-public{min-height:100vh;background:var(--ui-bg,var(--bg));color:var(--ui-ink,var(--ink));padding-bottom:0}
.academy-public-header{border-bottom:1px solid var(--ui-line,var(--line));background:var(--ui-surface,var(--surface));padding:14px max(18px,calc((100vw - 1100px)/2))}
.academy-public-header a{display:flex;align-items:center;gap:11px}.academy-public-header span{display:flex;flex-direction:column}.academy-public-header b{font-size:.95rem}.academy-public-header small{color:var(--ui-muted,var(--muted));font-size:.65rem}
.academy-public-main{width:min(1100px,calc(100% - 32px));margin:24px auto 48px}.academy-public-footer{padding:18px;color:var(--ui-muted,var(--muted));font-size:.65rem;text-align:center}
.learner-hero{padding:30px;border:0;border-left:5px solid var(--brand-blue);background:linear-gradient(135deg,var(--brand-navy),var(--brand-navy-2));color:#fff}.learner-hero h1{max-width:950px;color:#fff}.learner-hero p,.learner-hero label{color:#c7dbe8}.learner-hero .eyebrow{color:#8ed7f3}.learner-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#d3e4ee;font-size:.75rem}
.learning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:22px 0;padding:0;list-style:none}.learning-steps li{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:0;color:#c7dbe8;font-size:.72rem}.learning-steps .current{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.learning-steps .complete{background:#e2f4ec;border-color:#b8dfd0;color:#147353}
.access-panel{max-width:1000px;margin:24px auto}.access-panel h1{max-width:800px}.access-panel .form-grid>section{padding:20px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,#f6f8fa)}.otp-input{font-size:1.35rem;letter-spacing:.32em}
.lesson-panel summary{display:flex;align-items:center;gap:14px}.lesson-panel summary .badge{margin-left:auto;white-space:nowrap}.lesson-index{color:var(--brand-blue-dark);font-size:1.15rem;font-weight:850}.lesson-content{padding:15px 0 0 43px}.lesson-content .prose{font-size:.9rem;line-height:1.8}.completion-panel{border-top:4px solid var(--green)}
.exam-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--ui-line,var(--line));background:var(--ui-surface,var(--surface))}.exam-toolbar h2{margin:5px 0}.exam-clock{padding:10px 14px;border-radius:0;background:var(--brand-navy);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}.question{margin:16px 0;padding:18px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface))}.question-number{display:block;margin-bottom:7px;color:var(--brand-blue-dark);font-size:.68rem}.question label{display:flex;align-items:flex-start;gap:10px;margin:7px 0;padding:9px;border:1px solid transparent;border-radius:0;background:var(--ui-surface-soft,#f6f8fa);font-size:.78rem;font-weight:500;cursor:pointer}.question label:has(input:checked){border-color:var(--brand-blue-dark);background:var(--brand-blue-soft)}.question label input{flex-shrink:0;margin-top:4px}.exam-submit{padding-top:15px;border-top:1px solid var(--ui-line,var(--line))}
progress{width:100%;height:9px;accent-color:var(--brand-blue)}
[data-theme=dark] .academy-content .academy-tabs{background:rgba(12,29,45,.94)}[data-theme=dark] .academy-content .academy-tabs a.active{background:var(--brand-blue);color:#061522}[data-theme=dark] .academy-public-header{background:var(--ui-surface)}
@container academy-content (max-width:900px){.offer-workspace{grid-template-columns:1fr}.offer-benefits{order:2}}
@media(max-width:900px){.academy-content .academy-tabs{top:75px}.offer-workspace{grid-template-columns:1fr}}
@media(max-width:720px){.academy-content .form-grid,.academy-public .form-grid{grid-template-columns:1fr}.academy-content .full{grid-column:auto}.academy-content .academy-stats,.academy-public .academy-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-list article{align-items:stretch;flex-direction:column}.offer-list .actions{margin:0}.learning-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.learner-hero{padding:20px}.lesson-content{padding-left:0}.lesson-panel summary{flex-wrap:wrap}.exam-toolbar{align-items:flex-start;flex-direction:column}.exam-clock{font-size:.78rem}.access-panel .form-grid>section{padding:15px}}
@media(max-width:480px){.academy-public-main{width:min(100% - 20px,1100px);margin-top:12px}.academy-content .academy-tabs{top:68px;margin-inline:-6px}.academy-content .actions>*{flex:1 1 auto}.academy-content .actions form>button{width:100%}}

/* 2.23.0-r86.11 · Akademija i naknadna isporuka koriste isti enterprise sloj. */
.academy-actionbar{justify-content:flex-end;padding:10px 0 4px}.academy-record-card{position:relative;overflow:hidden}.academy-record-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--brand-blue),#167ead)}
.academy-meta-list{display:grid;gap:5px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--ui-line,var(--line))}.academy-meta-list div{display:grid;grid-template-columns:minmax(90px,.7fr) 1fr;gap:9px}.academy-meta-list dt{color:var(--ui-muted,var(--muted));font-size:.62rem}.academy-meta-list dd{margin:0;color:var(--ui-ink,var(--ink));font-size:.68rem;font-weight:730;overflow-wrap:anywhere}
.academy-import{margin:0 0 20px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));box-shadow:var(--ui-shadow-panel,var(--shadow));overflow:hidden}.academy-import>summary{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;background:linear-gradient(100deg,var(--brand-navy),#123858);color:#fff!important;list-style:none}.academy-import>summary::-webkit-details-marker{display:none}.academy-import>summary span{font-size:.82rem;font-weight:850}.academy-import>summary small{color:#b9d8e8;font-size:.65rem;font-weight:650}.academy-import-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;padding:20px}.academy-import-grid>div{padding:18px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.academy-upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.academy-upload-form label{margin:0!important}.academy-upload-form input[type=file]{padding:8px;background:var(--ui-surface,var(--surface))}.academy-import-preview{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--ui-line,var(--line))}.academy-import-counts{display:flex;gap:8px;flex-wrap:wrap}.academy-import-counts span{min-width:85px;padding:9px 11px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2));color:var(--ui-muted,var(--muted));font-size:.6rem}.academy-import-counts b{display:block;color:var(--ui-ink,var(--ink));font-size:1rem}.academy-import-commit{display:grid;gap:9px;margin-top:14px}.academy-import-commit .actions{justify-content:flex-end;margin-bottom:0}.academy-import-preview .table-scroll{max-height:420px}
.academy-assignment-create{margin-bottom:18px}.academy-assignment-create summary{padding:4px 0 12px}.academy-management-note{margin-bottom:16px}.academy-assignment,.academy-certificate-card{margin-bottom:14px;border-left:4px solid var(--brand-blue)}.academy-record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.academy-record-head h2{margin:8px 0 5px}.academy-progress-ring{display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--brand-blue) calc(var(--academy-progress,0)*1%),var(--ui-line,var(--line)) 0);box-shadow:inset 0 0 0 8px var(--ui-surface,var(--surface));color:var(--ui-ink,var(--ink));font-weight:850}.academy-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0}.academy-meta-grid div{padding:11px;border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.academy-meta-grid span,.academy-meta-grid small{display:block;color:var(--ui-muted,var(--muted));font-size:.6rem}.academy-meta-grid b{display:block;margin:4px 0;color:var(--ui-ink,var(--ink));font-size:.73rem}.academy-inline-editor{margin:12px 0;padding:14px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.academy-record-actions{justify-content:flex-end;padding-top:12px;border-top:1px solid var(--ui-line,var(--line))}.academy-certificate-code{min-width:210px;padding:12px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2));text-align:right}.academy-certificate-code small{display:block;color:var(--ui-muted,var(--muted));font-size:.6rem}.academy-certificate-code code{display:block;margin-top:5px;color:var(--brand-navy);font-size:.79rem;font-weight:850}.academy-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px;border:1px solid #e8c9cd;border-radius:0;background:#fff7f7}.academy-danger-zone span{display:block;margin-top:3px;color:#79525a;font-size:.66rem;line-height:1.5}.academy-danger-zone .actions{margin:0}.academy-issuer-preview{margin:12px 0;padding:14px;border:1px solid var(--ui-line,var(--line));border-left:4px solid var(--brand-blue);border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.academy-issuer-preview span{display:block;color:var(--ui-muted,var(--muted));font-size:.68rem;line-height:1.6}
.delivery-editor-form{align-items:start}.delivery-billing-box{padding:18px;border:1px solid color-mix(in srgb,var(--brand-blue) 35%,var(--ui-line,var(--line)));border-radius:0;background:linear-gradient(145deg,var(--brand-blue-soft),var(--ui-surface,var(--surface)))}.delivery-billing-box .mail-settings-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px}.delivery-billing-box .mail-settings-heading span{color:var(--ui-muted,var(--muted));font-size:.65rem}.billing-inline-fields{margin-top:10px}.delivery-notice-cancel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px 14px;border:1px solid #e8c9cd;border-radius:0;background:#fff7f7}.delivery-notice-cancel span{font-size:.7rem;font-weight:750}.delivery-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.delivery-controls form{margin:0}.delivery-controls .btn{min-height:34px;padding:7px 10px;font-size:.65rem}
[data-theme=dark] .academy-danger-zone,[data-theme=dark] .delivery-notice-cancel{border-color:#693b45;background:#2a1720}[data-theme=dark] .academy-danger-zone span{color:#e0b6bf}[data-theme=dark] .academy-certificate-code code{color:#8dd7f3}
@media(max-width:900px){.academy-import-grid{grid-template-columns:1fr}.academy-import-preview{grid-column:auto}.academy-upload-form{grid-template-columns:1fr}.academy-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.academy-record-head,.academy-danger-zone,.delivery-notice-cancel{align-items:stretch;flex-direction:column}.academy-certificate-code{min-width:0;text-align:left}.delivery-billing-box .mail-settings-heading{flex-direction:column}}
@media(max-width:560px){.academy-import>summary{flex-direction:column}.academy-import-grid{padding:12px}.academy-import-grid>div{padding:13px}.academy-meta-grid{grid-template-columns:1fr}.academy-record-actions>*{flex:1 1 100%}.academy-record-actions form button{width:100%}.delivery-controls{min-width:180px}.delivery-controls>*{flex:1 1 100%}.delivery-controls .btn{width:100%;justify-content:center}}

/* 2.23.0-r86.13 · Potpuni životni ciklus zapisa Akademije. */
.academy-mail-card,.academy-report-card{margin-bottom:14px;border-left:4px solid var(--brand-blue)}.academy-mail-card .academy-inline-editor,.academy-report-card .academy-inline-editor{margin-top:16px}.academy-mail-card textarea{min-height:150px}.academy-mail-card .academy-record-actions form{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:560px){.academy-mail-card .academy-record-head,.academy-report-card .academy-record-head{display:block}.academy-mail-card .academy-record-actions,.academy-report-card .actions{align-items:stretch}.academy-mail-card .academy-record-actions form,.academy-mail-card .academy-record-actions button,.academy-report-card .actions form,.academy-report-card .actions button{width:100%}}

/* 2.23.0-r86.16 · centralna vlasnička politika menija i adaptivni assurance. */
.navigation-visibility-panel,.client-navigation-policy,.adaptive-assurance-panel{position:relative;overflow:hidden}
.navigation-visibility-panel:before,.client-navigation-policy:before,.adaptive-assurance-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand-navy,#0b1f3a),var(--brand-blue,#43b7e8));pointer-events:none}
.navigation-visibility-panel form,.client-navigation-form,.adaptive-assurance-panel{display:grid;gap:18px}
.navigation-policy-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}
.navigation-policy-heading h3{margin:0 0 5px;color:var(--ui-ink,var(--ink));font-size:.86rem}.navigation-policy-heading p{max-width:78ch;margin:0;color:var(--ui-muted,var(--muted));font-size:.69rem;line-height:1.55}.navigation-policy-heading .status{flex:0 0 auto}
.navigation-visibility-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:11px}
.navigation-visibility-choice{position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr) 42px;align-items:center;gap:12px;min-width:0;min-height:82px;margin:0!important;padding:14px!important;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface,var(--surface));box-shadow:0 4px 13px rgba(11,31,58,.045);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.navigation-visibility-choice:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-blue,#43b7e8) 72%,var(--ui-line,var(--line)));box-shadow:0 9px 22px rgba(11,31,58,.09)}
.navigation-visibility-choice>input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;opacity:.001;pointer-events:none}
.navigation-visibility-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:0;background:var(--brand-blue-soft,#eaf6fb);color:var(--brand-blue-dark,#167ead);transition:background .16s ease,color .16s ease}
.navigation-visibility-icon .ui-icon{width:21px;height:21px}
.navigation-visibility-copy{display:grid;gap:5px;min-width:0}.navigation-visibility-copy b{color:var(--ui-ink,var(--ink));font-size:.79rem;line-height:1.35;overflow-wrap:anywhere}.navigation-visibility-copy small{color:var(--ui-muted,var(--muted));font-size:.62rem;line-height:1.35}
.navigation-state-hidden{display:none}.navigation-visibility-choice.is-hidden .navigation-state-visible,.navigation-visibility-choice:has(input:not(:checked)) .navigation-state-visible{display:none}.navigation-visibility-choice.is-hidden .navigation-state-hidden,.navigation-visibility-choice:has(input:not(:checked)) .navigation-state-hidden{display:inline}
.navigation-visibility-switch{position:relative;display:block;width:38px;height:22px;border:1px solid #aebdc8;border-radius:0;background:#dce4e9;box-shadow:inset 0 1px 2px rgba(11,31,58,.08);transition:background .16s ease,border-color .16s ease}
.navigation-visibility-switch i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:0;background:#fff;box-shadow:0 2px 5px rgba(11,31,58,.28);transition:transform .18s ease}
.navigation-visibility-choice.is-visible .navigation-visibility-switch,.navigation-visibility-choice:has(input:checked) .navigation-visibility-switch{border-color:var(--brand-blue-dark,#167ead);background:var(--brand-blue-dark,#167ead)}
.navigation-visibility-choice.is-visible .navigation-visibility-switch i,.navigation-visibility-choice:has(input:checked) .navigation-visibility-switch i{transform:translateX(16px)}
.navigation-visibility-choice.is-hidden,.navigation-visibility-choice:has(input:not(:checked)){border-style:dashed;background:color-mix(in srgb,var(--ui-surface-soft,var(--surface-2)) 78%,transparent);box-shadow:none}
.navigation-visibility-choice.is-hidden .navigation-visibility-icon,.navigation-visibility-choice:has(input:not(:checked)) .navigation-visibility-icon{background:#edf1f4;color:#7e8d99}
.navigation-visibility-choice>input:focus-visible~.navigation-visibility-switch{outline:3px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 35%,transparent);outline-offset:3px}
.navigation-visibility-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:2px}
.navigation-visibility-actions .btn{gap:7px}.navigation-visibility-actions .ui-icon{width:16px;height:16px}
.client-navigation-toolbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px;align-items:stretch;margin-bottom:16px}
.client-navigation-toolbar>form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;padding:15px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:var(--ui-surface-soft,var(--surface-2))}.client-navigation-toolbar label{display:grid;gap:6px;margin:0!important}.client-navigation-toolbar label>span{color:var(--ui-muted,var(--muted));font-size:.59rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.client-navigation-toolbar select{width:100%;min-height:41px}
.client-navigation-summary{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--brand-blue,#43b7e8) 36%,var(--ui-line,var(--line)));border-radius:0;background:linear-gradient(135deg,var(--brand-navy,#0b1f3a),#123858);color:#fff}.client-navigation-summary>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:0;background:rgba(255,255,255,.08);color:#87ddf7}.client-navigation-summary .ui-icon{width:23px;height:23px}.client-navigation-summary div{display:grid;gap:3px;min-width:0}.client-navigation-summary small{color:#abc6d7;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}.client-navigation-summary b{font-size:.84rem;overflow-wrap:anywhere}.client-navigation-summary em{color:#d4e6ef;font-size:.63rem;font-style:normal}
.client-navigation-form{padding-top:2px}.client-menu-edit-link{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:var(--brand-blue-dark,#167ead);font-size:.61rem;font-weight:600}.client-menu-edit-link .ui-icon{width:14px;height:14px}
.adaptive-assurance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.adaptive-assurance-grid article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:12px;min-width:0;min-height:126px;padding:17px;border:1px solid var(--ui-line,var(--line));border-radius:0;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-blue-soft,#eaf6fb) 65%,var(--ui-surface,var(--surface))),var(--ui-surface,var(--surface)));box-shadow:0 6px 18px rgba(11,31,58,.055)}
.adaptive-assurance-grid article:after{content:"";position:absolute;inset:auto 16px 0;height:3px;border-radius:0;background:var(--brand-blue,#43b7e8);opacity:.72}.adaptive-assurance-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:0;background:var(--brand-navy,#0b1f3a);color:#80daf6;box-shadow:0 5px 13px rgba(11,31,58,.18)}.adaptive-assurance-grid article>span .ui-icon{width:22px;height:22px}.adaptive-assurance-grid article div{display:grid;gap:6px;min-width:0}.adaptive-assurance-grid article b{color:var(--ui-ink,var(--ink));font-size:.78rem;line-height:1.4}.adaptive-assurance-grid article small{color:var(--ui-muted,var(--muted));font-size:.66rem;line-height:1.55;overflow-wrap:anywhere}
[data-theme="dark"] .navigation-visibility-choice,[data-theme="dark"] .navigation-policy-heading,[data-theme="dark"] .client-navigation-toolbar>form,[data-theme="dark"] .adaptive-assurance-grid article{border-color:#2f485c;background:#0e2235}[data-theme="dark"] .navigation-visibility-choice.is-hidden,[data-theme="dark"] .navigation-visibility-choice:has(input:not(:checked)){background:#0b1c2c}[data-theme="dark"] .navigation-visibility-choice.is-hidden .navigation-visibility-icon,[data-theme="dark"] .navigation-visibility-choice:has(input:not(:checked)) .navigation-visibility-icon{background:#172d3e;color:#8499a7}[data-theme="dark"] .adaptive-assurance-grid article{background:linear-gradient(145deg,#112b40,#0e2133)}
@media(max-width:1180px){.adaptive-assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.client-navigation-toolbar{grid-template-columns:minmax(0,1fr)}.client-navigation-toolbar>form{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:640px){.navigation-policy-heading{align-items:stretch;flex-direction:column}.navigation-policy-heading .status{align-self:flex-start}.navigation-visibility-grid,.adaptive-assurance-grid{grid-template-columns:minmax(0,1fr)}.navigation-visibility-actions{display:grid;grid-template-columns:minmax(0,1fr)}.navigation-visibility-actions .btn{width:100%}.client-navigation-toolbar>form{grid-template-columns:minmax(0,1fr)}.adaptive-assurance-grid article{min-height:0}}
@media(prefers-reduced-motion:reduce){.navigation-visibility-choice,.navigation-visibility-switch,.navigation-visibility-switch i{transition:none!important}}
/* MatrixScan r86.20 — presentation-only console theme.
   Reference: Tenable Nessus 10.12 documentation, checked 2026-09-11.
   No scanner, database, permissions, form or event-handler changes. */
@media screen {
body[data-page],body.auth-page{
 --console-header:#102b46;--console-header-text:#f5f8fc;--console-accent:#0077b5;
 --console-nav:#f5f7f9;--console-active:#e2f0f8;--console-hover:#edf5fa;
 --bg:#fff;--surface:#fff;--surface-2:#f6f8fa;--ink:#253746;--muted:#657582;--line:#dce2e7;
 --brand-blue-dark:#0077b5;--brand-blue:#008bc7;--brand-blue-soft:#edf7fc;
 --ui-font:"Open Sans",Arial,sans-serif;--ui-radius:3px;--ui-radius-sm:3px;
 --radius-xs:3px;--radius-sm:3px;--radius-md:4px;--radius-lg:5px;
 --ui-line:var(--line);--ui-surface:var(--surface);--ui-surface-soft:var(--surface-2);--ui-text:var(--ink);--ui-muted:var(--muted);
 --ui-control-height:34px;--shadow:none;--shadow-sm:none;--shadow-md:none;
 font-family:var(--ui-font)!important;font-size:13px;letter-spacing:0;background:var(--bg)!important;color:var(--ink);
}
[data-theme="dark"] body[data-page],[data-theme="dark"] body.auth-page{
 --console-header:#10263b;--console-nav:#172534;--console-active:#203f55;--console-hover:#1b3448;
 --bg:#101c28;--surface:#152331;--surface-2:#1a2a39;--ink:#e0e9ef;--muted:#a3b4c1;--line:#334553;
 --console-accent:#4db7ed;--brand-blue-dark:#219bcf;--brand-blue-soft:#1b3448;
}
body[data-page] :is(button,input,select,textarea,table),body.auth-page :is(button,input,select,textarea){font-family:var(--ui-font)!important}
body[data-page] .content{max-width:none!important;background:var(--bg);padding:22px 28px 36px!important}
body[data-page] :is(h1,h2,h3,h4){letter-spacing:0!important;color:var(--ink)}
body[data-page] .page-head{gap:16px;align-items:center;margin:0 0 20px!important;padding:0 0 16px;border-bottom:1px solid var(--line)}
body[data-page] .page-head h1{font-size:25px!important;font-weight:400!important;line-height:1.3!important;margin:0}
body[data-page] .page-head p{font-size:12px;line-height:1.5;margin:6px 0 0;color:var(--muted)}
body[data-page] .eyebrow{font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}
body[data-page] .panel{padding:16px!important;margin-bottom:18px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important}
body[data-page] :is(.panel-head,.table-panel>.panel-head){padding:0 0 12px!important;margin:0!important;background:transparent!important;border-radius:0!important}
body[data-page] :is(.panel-head h2,.panel h2){font-size:16px!important;font-weight:600!important;line-height:1.4}
body[data-page] :is(.panel-head p,.panel-head small){font-size:12px;font-weight:400;color:var(--muted)}
body[data-page] :is(.dashboard-kpi-card,.workstream-card,.report-cards>a,.compliance-grid article,.guide-steps article,.scan-routing-card,.product-onboarding,.executive-snapshot,.report-delivery-flow article,.report-mailer-status,.phishing-grade-scale article,.scan-program-link){border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important}
body[data-page] :is(.dashboard-kpi-card,.workstream-card)::before,body[data-page] :is(.dashboard-kpi-card,.unified-scan-launch)::after{display:none!important}
body[data-page] :is(.kpi-grid,.dashboard-grid,.detail-grid,.billing-kpis){gap:16px}
body[data-page] .dashboard-kpi-card{padding:16px!important}
body[data-page] .dashboard-kpi-card b{font-weight:400!important}
body[data-page] :is(.btn,.table-action,.icon-btn,.theme-toggle,.quick-action-trigger,.top-search-trigger,.table-column-picker>summary){min-height:34px!important;border-radius:0!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;box-shadow:none!important;transform:none!important}
body[data-page] :is(.btn,.table-action){padding:7px 12px!important;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
body[data-page] :is(.btn.primary,.quick-action-trigger){background:#0077b5!important;border-color:#0077b5!important;color:#fff!important}
body[data-page] :is(.btn.primary,.quick-action-trigger):hover{background:#00699f!important;border-color:#00699f!important}
body[data-page] :is(.btn.subtle,.btn.secondary){background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}
body[data-page] :is(.btn.danger,.table-action.danger){color:#bc303b!important;border-color:#e3b9bc!important;background:var(--surface)!important}
body[data-page] :is(.btn,.table-action):hover{background:var(--console-hover);border-color:var(--console-accent)}
body[data-page] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){min-height:34px!important;border-radius:0!important;border-color:var(--line)!important;background:var(--surface)!important;color:var(--ink)!important;font-size:13px!important;box-shadow:none!important}
body[data-page] :is(input,select,textarea):focus{border-color:var(--console-accent)!important;outline:2px solid color-mix(in srgb,var(--console-accent) 28%,transparent);outline-offset:1px}
body[data-page] :is(input[type="checkbox"],input[type="radio"]){accent-color:#0077b5}
body[data-page] :is(label,legend){font-weight:600}
body[data-page] :is(.filters,.billing-filter,.report-registry-filter,.live-filter-toolbar,.crud-registry-toolbar){background:var(--surface)!important;border-color:var(--line)!important;border-radius:0!important;padding:10px 0!important;gap:10px!important;box-shadow:none!important}
body[data-page] :is(.live-filter-toolbar,.crud-registry-toolbar){border-bottom:1px solid var(--line)!important}
body[data-page] .bulk-registry-actions{padding-block:4px!important;background:transparent!important}
body[data-page] .table-scroll{border-radius:0!important;border-color:var(--line)!important;background:var(--surface)!important}
body[data-page] .table-scroll[data-table-mode="table"] table{border-collapse:collapse!important}
body[data-page] .table-scroll[data-table-mode="table"] thead th{background:var(--surface-2)!important;color:var(--ink)!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:10px 9px!important;border-bottom:1px solid var(--line)!important;vertical-align:middle}
body[data-page] .table-scroll[data-table-mode="table"] tbody td{padding:10px 9px!important;line-height:1.45!important;font-size:12px!important;border-bottom:1px solid var(--line)!important;background:var(--surface);color:var(--ink)}
body[data-page] .table-scroll[data-table-mode="table"] tbody tr:hover>td{background:var(--console-hover)!important}
body[data-page] .table-scroll td :is(b,strong){font-weight:600!important}
body[data-page] .table-scroll td :is(a:not(.btn):not(.table-action),.link){color:var(--console-accent)}
body[data-page] .table-scroll :is(td,th,td>a,td>b,td>strong,td>small,td>span,td>div,code){overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal;min-width:0;max-width:100%}
body[data-page] .table-scroll td :is(.btn,.table-action){min-height:30px!important;padding:5px 9px!important;font-size:11px!important}
body[data-page] :is(.pagination,.table-pagination,.server-pagination){border-top:1px solid var(--line);padding:12px 0!important;background:var(--surface)!important;border-radius:0!important}
body[data-page] :is(.pagination,.table-pagination,.server-pagination) :is(a,button){border-radius:0!important;box-shadow:none!important}
/* Severity colors are visual only: no score or classification is recalculated. */
body[data-page] .table-scroll td .severity-pill{border-radius:0!important;padding:3px 7px!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important;min-width:60px;justify-content:center;color:white!important}
body[data-page] .table-scroll td .severity-pill::before{display:none!important}
body[data-page] .table-scroll td .severity-pill.critical{background:#92278f!important}
body[data-page] .table-scroll td .severity-pill.high{background:#c73535!important}
body[data-page] .table-scroll td .severity-pill.medium{background:#a76a00!important}
body[data-page] .table-scroll td .severity-pill.low{background:#327c39!important}
body[data-page] .table-scroll td .severity-pill.info{background:#277aa9!important}
body[data-page] .table-scroll td .severity-pill.pending{background:#637480!important}
body[data-page] :is(.workspace-period-bar,.operational-sync){border-radius:0!important;box-shadow:none!important}
body[data-page] .workspace-period-bar{padding:8px 12px!important;min-height:48px!important;margin:0 0 14px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;gap:12px}
body[data-page] .workspace-period-copy>b,body[data-page] .workspace-period-copy b{font-size:12px!important}
body[data-page] .workspace-period-copy small{font-size:11px!important;line-height:1.4}
body[data-page] .workspace-period-copy>span{width:26px;height:26px;border-radius:0;background:transparent}
body[data-page] .workspace-period-bar form label{display:flex;align-items:center;gap:8px}
body[data-page] .workspace-period-bar form label>span{font-size:10px;white-space:nowrap}
body[data-page] .operational-sync{padding:10px 36px 10px 12px!important;margin:0 0 16px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;border-left:3px solid var(--operation-accent,#0077b5)!important}
body[data-page] .operational-sync-icon{width:28px!important;height:28px!important;border-radius:0!important}
body[data-page] .operational-sync :is(b,small){line-height:1.4}
body[data-page] :is(.scan-progress,.scan-work-plan,.scan-live-grid,.scan-metrics,.scan-workstream-grid,.scan-phase-rail,.notice,.alert){border-radius:0!important;box-shadow:none!important}
body[data-page] :is(.scan-metrics>div,.scan-workstream-grid>*,.scan-phase-rail>*){border-radius:0!important;box-shadow:none!important}
body[data-page] :is(.tabs,.tab-nav,.workspace-tabs){gap:0!important;border-bottom:1px solid var(--line);border-radius:0!important;background:var(--surface)!important}
body[data-page] :is(.tabs,.tab-nav,.workspace-tabs)>:is(a,button){border:0!important;border-bottom:3px solid transparent!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:10px 16px!important;color:var(--muted)}
body[data-page] :is(.tabs,.tab-nav,.workspace-tabs)>:is(.active,[aria-selected="true"]){color:var(--console-accent)!important;border-bottom-color:var(--console-accent)!important}
body[data-page] :is(dialog,.modal,.scan-config-card,.global-search-dialog){border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;color:var(--ink)!important;box-shadow:0 12px 40px #061b3033!important}
body[data-page] dialog::backdrop{background:#102b4666;backdrop-filter:none}
body[data-page] :is(.task-dialog-head,.app-dialog-head,.global-search-head){background:var(--surface-2)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
body[data-page] :is(.form-grid,.form-grid>*,.panel-head>*,.head-actions,.scan-live-grid>*){min-width:0}
body[data-page] :is(.unified-scan-launch,.form-panel){background:var(--surface)!important}
body[data-page] :is(.form-modal-launcher,.form-modal-trigger,.modal-panel-launcher,.task-launcher){border-radius:0!important;box-shadow:none!important;background:var(--surface-2)!important}
body[data-page] .sidebar{background:var(--console-nav)!important;border-right:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important;padding:16px 0 10px!important}
body[data-page] .sidebar-nav{padding:0!important;gap:12px!important}
body[data-page] .sidebar-primary{gap:2px!important}
body[data-page] .sidebar nav a{min-height:38px!important;padding:9px 20px!important;border:0!important;border-left:3px solid transparent!important;border-radius:0!important;color:var(--ink)!important;gap:10px!important;transform:none!important;font-weight:400!important;background:transparent!important}
body[data-page] .sidebar nav a em{font-size:12px!important;font-weight:400!important;white-space:normal!important;line-height:1.45!important}
body[data-page] .sidebar nav a>span{color:var(--muted)!important;width:18px!important;flex-basis:18px!important}
body[data-page] .sidebar nav a::before{display:none!important}
body[data-page] .sidebar nav a.active{background:var(--console-active)!important;border-left-color:var(--console-accent)!important;color:var(--console-accent)!important}
body[data-page] .sidebar nav a.active :is(em,span){color:var(--console-accent)!important;font-weight:600!important}
body[data-page] .sidebar nav a:hover{background:var(--console-hover)!important}
body[data-page] :is(.nav-section-label,.nav-section-title){margin:8px 22px!important;color:var(--muted)!important;font-size:10px!important;letter-spacing:.04em!important;font-weight:600!important}
body[data-page] .sidebar-more{border-top:1px solid var(--line)!important;margin-top:4px!important;padding-top:8px!important}
body[data-page] .sidebar-more>summary{color:var(--ink)!important;padding:9px 20px!important;font-size:12px!important;font-weight:400!important;min-height:38px!important;border:0!important;gap:9px!important}
body[data-page] .sidebar-more>summary:hover,body[data-page] .sidebar-more[open]>summary{color:var(--console-accent)!important;background:var(--console-active)!important}
body[data-page] .sidebar-more>summary small{color:var(--muted)!important;background:var(--line)!important;border-radius:0!important}
body[data-page] .sidebar-more>div{padding:4px 0!important}
body[data-page] .sidebar-foot{padding:12px 16px 0!important;margin-top:10px;border-top:1px solid var(--line)}
body[data-page] .sidebar-foot .license{border:0!important;padding:0!important;background:transparent!important;border-radius:0!important;color:var(--muted)!important}
body[data-page] .sidebar-foot .license :is(b,span,small){color:var(--muted)!important;font-size:10px!important;font-weight:400!important}
body[data-page] .product-owner{color:var(--muted)!important;font-size:10px!important}
body[data-page] .sidebar .logo{border-color:var(--line)!important;margin:0!important;padding:0 20px 14px!important;color:var(--ink)}
body[data-page] .sidebar .logo b{color:var(--ink)!important}
body[data-page] .sidebar .logo small{color:var(--muted)!important}
body[data-page] .mobile-nav{border-top:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:none!important}
body[data-page] .mobile-nav :is(a,button){color:var(--muted)!important}
body[data-page] .mobile-nav .active{color:var(--console-accent)!important;background:var(--console-active)!important}
body[data-page] :is(a,button,summary):focus-visible{outline:2px solid var(--console-accent)!important;outline-offset:2px!important}
body.auth-page{background:var(--console-header)!important}
body.auth-page .auth-shell{border-radius:0!important;box-shadow:0 18px 50px #0003!important;overflow:hidden}
body.auth-page .auth-card{background:var(--surface)!important;border-radius:0!important}
body.auth-page .auth-card h1{font-weight:400!important;letter-spacing:0;font-size:28px}
body.auth-page .auth-brand{background:#163854!important;border-radius:0!important}
body.auth-page :is(input,.btn){border-radius:0!important;box-shadow:none!important}
}
@media screen and (min-width:1081px){
 body[data-page]{--sidebar:224px}
 body[data-page] .main{margin-left:224px!important;padding-top:56px!important}
 body[data-page] .sidebar{top:56px!important;width:224px!important}
 body[data-page] .sidebar .logo{position:fixed;left:0;top:0;width:224px;height:56px;padding:0 18px!important;background:var(--console-header)!important;border:0!important;z-index:50;gap:9px}
 body[data-page] .sidebar .logo-icon{width:28px!important;height:28px!important;flex:0 0 28px!important}
 body[data-page] .sidebar .logo b{color:var(--console-header-text)!important;font-size:15px!important;font-weight:600!important}
 body[data-page] .sidebar .logo small{color:#b8cddd!important;font-size:9px!important}
 body[data-page] .sidebar .sidebar-version{color:#b8cddd;border:0;background:transparent;font-size:8px}
 body[data-page] .topbar{position:fixed!important;left:224px!important;right:0!important;top:0!important;height:56px!important;min-height:56px!important;padding:0 22px!important;background:var(--console-header)!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;z-index:35}
 body[data-page] .top-title{flex:1;min-width:100px}
 body[data-page] .top-title>span{color:var(--console-header-text)!important;font-size:13px!important;font-weight:600!important}
 body[data-page] .top-title>small{color:#b8cddd!important;font-size:10px!important}
 body[data-page] .top-actions{gap:8px!important}
 body[data-page] .topbar :is(.icon-btn,.theme-toggle,.top-search-trigger){background:transparent!important;color:#f5f8fc!important;border-color:#496278!important}
 body[data-page] .topbar :is(.user-menu b,.user-menu small){color:#e4edf4!important}
 body[data-page] .topbar .user-menu>span{background:#29465e!important;color:white!important;border-radius:0!important;width:30px;height:30px}
 body[data-page] .topbar kbd{color:#bdd1df!important;background:#29465e!important;border-color:#496278!important}
 body[data-page] .topbar .theme-menu{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
 body[data-page].offline .topbar,body[data-page].offline .sidebar .logo{top:38px!important}
 body[data-page].offline .sidebar{top:94px!important}
 body[data-page].offline .main{padding-top:94px!important}
 body[data-page] :is(h1,h2,h3,[id]){scroll-margin-top:76px}
}
@media screen and (min-width:1081px) and (max-width:1280px){
 body[data-page] .topbar{padding-inline:16px!important}
 body[data-page] .top-actions{gap:5px!important}
 body[data-page] .topbar .user-menu>div{display:none}
 body[data-page] .content{padding:20px!important}
}
@media screen and (max-width:1080px){
 body[data-page] .content{padding:18px 18px 88px!important}
 body[data-page] .sidebar{padding-top:18px!important}
 body[data-page] .sidebar .logo{margin-bottom:12px!important}
 body[data-page] .topbar{background:var(--surface)!important;box-shadow:none!important;backdrop-filter:none!important}
 body[data-page] .page-head h1{font-size:23px!important}
 body[data-page] :is(.btn,.icon-btn,.theme-toggle,.quick-action-trigger,.top-search-trigger){min-height:40px!important}
}
@media screen and (max-width:700px){
 body[data-page] .content{padding:14px 12px max(88px,env(safe-area-inset-bottom))!important}
 body[data-page] .page-head{align-items:start;margin-bottom:14px!important;gap:10px}
 body[data-page] .page-head h1{font-size:22px!important}
 body[data-page] .panel{padding:12px!important;margin-bottom:14px!important}
 body[data-page] .workspace-period-bar{padding:10px!important}
 body[data-page] .workspace-period-bar form{display:flex;flex-wrap:wrap;gap:8px}
 body[data-page] .workspace-period-bar form label{display:grid;flex:1}
 body[data-page] :is(.btn,.table-action,.icon-btn,input:not([type="checkbox"]):not([type="radio"]),select){min-height:42px!important}
 body[data-page] .table-scroll[data-table-mode^="cards"] tr{border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;margin-bottom:10px!important}
 body[data-page] .table-scroll[data-table-mode^="cards"] td{border-color:var(--line)!important;background:transparent!important}
 body[data-page] dialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px)!important}
 body[data-page] .operational-sync{padding:10px 32px 10px 10px!important}
}
@media (prefers-reduced-motion:reduce){body[data-page] *,body.auth-page *{scroll-behavior:auto!important;transition:none!important}}
@media screen {
 body[data-page] .form-modal-launch{padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface-2)!important;box-shadow:none!important;gap:10px!important}
 body[data-page] .form-modal-launch-mark{width:28px!important;height:28px!important;border-radius:0!important;font-size:18px!important;background:transparent!important;color:var(--console-accent)!important}
 body[data-page] .form-modal-launch-copy b{color:var(--ink)!important;font-size:12px!important;font-weight:600!important}
 body[data-page] .form-modal-launch-copy small{font-size:11px!important}
 body[data-page] .form-modal-launch-inline{padding:0!important;border:0!important;background:transparent!important}
 body[data-page] :is(.live-filter-search,.crud-registry-toolbar>label){border-radius:0!important;background:var(--surface)!important;border-color:var(--line)!important}
}
@media screen and (min-width:901px){
 body[data-page] .unified-scan-launch{display:flex;align-items:center;gap:18px;padding:12px!important}
 body[data-page] .unified-scan-launch>.panel-head{display:block;flex:0 1 235px;padding:0!important}
 body[data-page] .unified-scan-launch>.panel-head .owner-badge{margin-top:6px}
 body[data-page] .unified-scan-launch>.form-modal-launch{flex:1;min-width:0}
 body[data-page] .simple-scan-layout{margin-bottom:0!important}
}
@media screen {
 body[data-page] .overview-asset-cell{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:7px!important;min-width:0!important;max-width:100%!important}
 body[data-page] .overview-asset-cell>div{min-width:0!important;max-width:100%!important}
 body[data-page] .overview-asset-cell :is(b,small){display:block;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important}
 body[data-page] .table-scroll[data-table-mode="table"] td[data-field-role="reference"]:has(.bulk-row-select){padding-inline:4px!important}
 body[data-page] .table-scroll[data-table-mode="table"] td[data-field-role="reference"] .bulk-row-select{margin-right:3px!important}
 body[data-page] .scan-live-grid article{border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:none!important;padding:12px!important}
 body[data-page] .scan-live-grid article.accent{border-left:3px solid var(--console-accent)!important;background:var(--surface-2)!important}
 body[data-page] .scan-live-grid article b{color:var(--ink)!important;font-size:15px!important;font-weight:600!important}
 body[data-page] .scan-live-grid article span{font-weight:600!important;font-size:10px!important}
 body[data-page] :is(.billing-live-summary,.billing-live-summary>div){border-radius:0!important;background:var(--surface-2)!important;box-shadow:none!important}
 body[data-page] :is(.app-task-dialog-card,.app-command-card,.app-confirm-card,.entitlement-card,.bulk-action-card){border-radius:0!important;background:var(--surface)!important;color:var(--ink)!important}
 body[data-page] :is(.app-task-dialog-card,.app-command-card)>header{background:var(--surface-2)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:18px 22px!important}
}
@media screen {
 body[data-page] :is(.scan-entry-modes button,.scan-options-trigger,.test-goal-grid button,.phishing-template-card,.report-title-config,.launch-guidance-head,.phishing-template-preview,.scan-config-body>section){border-radius:0!important;box-shadow:none!important}
 body[data-page] .scan-entry-modes button{background:var(--surface)!important;border-color:var(--line)!important}
 body[data-page] .scan-entry-modes button:is(.active,[aria-pressed="true"]){border-color:var(--console-accent)!important;background:var(--console-active)!important}
 body.auth-page .auth-card :is(h1,h2){font-family:var(--ui-font)!important;font-weight:400!important;letter-spacing:0!important}
 body.auth-page .auth-card :is(input,.btn){border-radius:0!important}
}

/* r86.24: risk labels must remain readable within their table cell. */
body[data-page] .table-scroll td .severity-pill {
  display:inline-block!important; width:auto!important; min-width:0!important;
  max-width:100%!important; height:auto!important; max-height:none!important;
  box-sizing:border-box!important; white-space:normal!important;
  overflow:visible!important; text-overflow:clip!important;
  overflow-wrap:anywhere!important; word-break:normal!important;
}
/* Academy navigation remains visible at every viewport width. */
body[data-page="academy"] .academy-tabs{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;max-width:100%!important;gap:4px!important}
body[data-page="academy"] .academy-tabs>a{flex:0 1 auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-weight:400!important}
body[data-page="academy"] .academy-tabs>a.active{font-weight:600!important}
/* r86.27: keep short labels intact; let table columns accommodate their content. */
body[data-page="assets"] .asset-register .table-scroll td .severity-pill{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:max-content!important;max-width:none!important}
body[data-page="assets"] .asset-register .table-scroll[data-table-mode="table"] table,
body[data-page="guide"] .guide-section .table-scroll:not([data-table-mode^="cards"]) table{table-layout:auto!important}
body[data-page="assets"] .asset-register .table-scroll[data-table-mode="table"] :is(th,td):nth-child(3){width:7.5rem!important;min-width:7.5rem!important}
body[data-page="guide"] :is(#guide-selector,#guide-modules) .table-scroll:not([data-table-mode^="cards"]) :is(th,td):nth-child(3){width:7.5rem!important;min-width:7.5rem!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
body[data-page="guide"] .guide-jump{position:static!important;top:auto!important;flex-wrap:wrap!important;box-shadow:none!important}
body[data-page="guide"] .guide-jump a{font-weight:400!important}

/* Reparented comparison form must never squeeze its heading into a narrow column. */
body[data-page] .comparison-preference{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:16px!important}
body[data-page] .comparison-preference>*{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
body[data-page] .comparison-preference>div:first-child{display:block!important}
body[data-page] .comparison-preference .assurance-chip{text-align:left!important;justify-self:start!important}
body[data-page] .comparison-preference :is(h2,p){width:auto!important;max-width:100%!important;word-break:normal!important;overflow-wrap:break-word!important}

/* r86.29: shared layout constraints for all module headings and action rows. */
body[data-page] :is(.panel-head,.page-head,.head-actions,.record-actions,.actions){flex-wrap:wrap;min-width:0;max-width:100%;box-sizing:border-box}
body[data-page] :is(.panel-head,.page-head)>div{min-width:0;max-width:100%}
body[data-page] :is(.btn,.table-action,button){white-space:normal;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}
body[data-page] :is(h1,h2,h3,p){min-width:0;max-width:100%;overflow-wrap:break-word}

/* r86.53: glavni klijentski PDF i potpuni CVE prilog ostaju vidljivi i na telefonu. */
.report-attachment-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:10px 0;border-bottom:1px solid #d7dde3}
.report-attachment-actions .btn{border-radius:0}
@media(max-width:680px){.report-attachment-actions{display:grid;grid-template-columns:1fr 1fr}.report-attachment-actions .btn{width:100%;min-width:0;white-space:normal;text-align:center}}

/* r86.54: izbor dokaznog režima ostaje čitljiv u glavnom i programskom toku. */
.orchestration-choice .network-discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.orchestration-choice .network-wide{grid-column:1/-1}
.program-command form.program-orchestration-launch{width:min(100%,680px);grid-template-columns:repeat(2,minmax(180px,1fr));align-items:end}
.program-orchestration-launch :is(.plan-run-summary,.check-row){grid-column:1/-1}
.program-orchestration-launch label{min-width:0}
.program-orchestration-launch select{width:100%;max-width:none}
.program-orchestration-launch .btn{grid-column:1/-1;width:100%}
@media(max-width:760px){
  .orchestration-choice .network-discovery-grid,
  .program-command form.program-orchestration-launch{grid-template-columns:minmax(0,1fr)}
  .orchestration-choice .network-wide,
  .program-orchestration-launch :is(.plan-run-summary,.check-row,.btn){grid-column:1}
}

/* r86.76: dodirne mete polja na telefonu moraju imati najmanje 44px (WCAG 2.5.8 / iOS HIG); ranije su kompaktna polja imala 34–42px. */
@media(max-width:640px){body[data-page] :is(select,textarea,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]):not([type="color"])){min-height:44px!important}}
@media(max-width:640px){details>summary{min-height:44px;box-sizing:border-box}}

/* r86.76: najmanja veličina čitljivog teksta je 11px (ranije 7,8–10,6px na sitnim oznakama). */
/* Važne deklaracije u ranijem @layer-u imaju prednost, pa se pravilo dodaje u isti sloj. */
@layer matrix-reference-type {
html body[data-page] nav.client-pagination :is(span,strong,label,button,select,a),
html body[data-page] .client-navigation-summary :is(em,div,span),
html body[data-page] a.dashboard-command-card em,html body[data-page] nav>a>em,
html body[data-page] .asset-workflow-timeline time,
html body[data-page] a .dashboard-delivery-time,html body[data-page] .dashboard-delivery-time time,
html body[data-page] .schedule-copy-list em,
html body[data-page] label.report-title-template i,html body[data-page] .report-title-config-head em,
html body .auth-brand-version,html body .auth-version,html body[data-page] details.scope-control>summary,html body[data-page] details.sensor-probe-advanced>summary{font-size:11px!important}
}

/* r86.76: oznaka kopiranja je prelazila donju ivicu jednorednog polja (prikaz odsječen za 2px). */
.copyable-value{padding-bottom:3px}

/* r86.76: kvadratići za označavanje na telefonu najmanje 24x24px (WCAG 2.5.8 AA); ranije 17px. */
@media(max-width:640px){body[data-page] :is(.bulk-select-all,.bulk-row-select,input[type="checkbox"],input[type="radio"]){width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}}

/* RC1 mobile login: never clip the enterprise security indicators at 381–600px. */
@media (min-width:381px) and (max-width:600px) {
  .auth-security-line{display:grid;grid-template-columns:minmax(0,1fr);width:100%;}
  .auth-security-line>span{width:100%;min-width:0;flex:0 1 auto;justify-content:flex-start;text-align:left;}
}