:root{
  --navy-950:#051f37;
  --navy-900:#073158;
  --navy-850:#0a3b67;
  --navy-800:#0e4778;
  --blue-700:#0969d8;
  --blue-600:#1379ec;
  --blue-500:#2e8df0;
  --blue-100:#e9f3ff;
  --cyan:#17b7e9;
  --bg:#eef3f8;
  --surface:#ffffff;
  --surface-2:#f7faff;
  --surface-3:#edf4fb;
  --line:#d7e2ed;
  --line-strong:#c5d4e2;
  --text:#172334;
  --text-2:#33445a;
  --muted:#73849a;
  --green:#1daf62;
  --green-soft:#e9f8ef;
  --yellow:#d99b13;
  --yellow-soft:#fff6d9;
  --red:#d84954;
  --red-soft:#fff0f1;
  --purple:#8b5cf6;
  --shadow-xs:0 1px 2px rgba(17,49,79,.05);
  --shadow-sm:0 4px 14px rgba(26,62,98,.07);
  --shadow-md:0 12px 32px rgba(20,50,80,.12);
  --shadow-lg:0 24px 70px rgba(5,31,55,.22);
  --radius:10px;
  --radius-lg:14px;
  --sidebar:218px;
  --topbar:36px;
  font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;
  color-scheme:light;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--text)}
body{overflow:hidden;font-size:13px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{letter-spacing:0}
a{color:inherit}
svg{display:block}
.is-hidden{display:none!important}

/* Boot */
.boot-screen{height:100%;display:grid;place-content:center;text-align:center;gap:10px;background:linear-gradient(145deg,#f8fbff,#e8f1fa)}
.boot-screen::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 48% 32%,rgba(46,141,240,.12),transparent 34%);pointer-events:none}
.boot-screen img{width:104px;height:104px;object-fit:contain;margin:auto;filter:drop-shadow(0 12px 22px rgba(0,89,174,.2))}
.boot-title{font-size:28px;font-weight:760;color:var(--navy-900)}
.boot-text{color:var(--muted)}

/* App frame: the same visual model as Desktop Work Station Client */
.workspace{height:100%;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);grid-template-rows:var(--topbar) minmax(0,1fr);grid-template-areas:"header header" "sidebar main";background:var(--bg)}
.header{grid-area:header;height:var(--topbar);background:var(--navy-900);color:#fff;display:flex;align-items:center;padding:0 10px 0 12px;gap:12px;z-index:40;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.topbar-product{display:flex;align-items:center;gap:8px;min-width:var(--sidebar);font-size:11px;white-space:nowrap}
.topbar-product strong{font-weight:650;letter-spacing:.01em}
.topbar-mark{width:15px;height:15px;color:#59c8ff}
.topbar-mark svg,.icon-button svg,.nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.version-pill{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:999px;background:var(--blue-600);font-size:9px;font-weight:800}
.page-heading{min-width:0;flex:1;display:flex;align-items:center;gap:9px}
.page-heading h1{font-size:12px;margin:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-heading p{font-size:10px;margin:0;color:#a9c4dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-actions{display:flex;align-items:center;gap:5px;height:100%}
.icon-button{width:28px;height:28px;padding:6px;border:0;border-radius:6px;background:transparent;color:#ddecf8;display:grid;place-items:center;text-decoration:none;cursor:pointer;position:relative;transition:.15s ease}
.icon-button:hover{background:rgba(255,255,255,.11);color:#fff}
.notification-button{font-size:0}
.badge{position:absolute;right:-2px;top:-4px;background:#e34e58;color:#fff;border:2px solid var(--navy-900);border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:9px;display:grid;place-items:center;line-height:1}
.profile{display:flex;align-items:center;gap:7px;margin-left:4px;padding:0 7px 0 4px;height:30px;border-left:1px solid rgba(255,255,255,.13)}
.avatar{width:25px;height:25px;border-radius:6px;background:linear-gradient(145deg,#3c9bf3,#1968b1);display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.profile-text strong,.profile-text span{display:block;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-text strong{font-size:10px;font-weight:650}
.profile-text span{font-size:8px;color:#abc6dc;margin-top:1px}

.sidebar{grid-area:sidebar;background:var(--navy-950);color:#fff;border-right:1px solid rgba(7,49,88,.4);display:flex;flex-direction:column;min-height:0;z-index:30}
.brand{height:102px;display:flex;align-items:center;justify-content:center;padding:13px 12px 8px}
.brand img{width:178px;height:86px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.15))}
.nav{padding:7px 10px 12px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#174e78 transparent}
.nav-group{margin:13px 8px 5px;color:#6687a5;font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.nav-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border-radius:7px;color:#f4f8fc;text-decoration:none;margin:3px 0;border:1px solid transparent;font-size:12px;font-weight:600;transition:.15s ease}
.nav-link:hover{background:rgba(46,141,240,.12);border-color:rgba(69,157,243,.12)}
.nav-link.active{background:linear-gradient(90deg,#2f8ce9,#2584e3);border-color:#48a1fa;color:#fff;box-shadow:0 7px 20px rgba(0,103,214,.24)}
.nav-icon{width:15px;height:15px;display:grid;place-items:center;color:currentColor;flex:0 0 auto}
.sidebar-footer{padding:11px 15px 13px;border-top:1px solid rgba(255,255,255,.08);color:#d9e8f4;font-size:9px;display:grid;grid-template-columns:auto 1fr;gap:4px 7px;align-items:center}
.sidebar-footer small{grid-column:2;color:#7898b5;font-size:8px}
.online-dot{width:7px;height:7px;background:#32c875;border-radius:50%;box-shadow:0 0 0 3px rgba(50,200,117,.12);display:inline-block;flex:0 0 auto}

.main-shell{grid-area:main;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 34px;background:var(--bg)}
.content{overflow:auto;padding:12px 14px 16px;background:linear-gradient(180deg,#f4f8fc 0,#eef3f8 100%);scrollbar-color:#a9bfd3 transparent;scrollbar-width:thin}
.statusbar{border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#7d8da0;font-size:9px;box-shadow:0 -1px 6px rgba(31,67,103,.03)}
.statusbar>div{display:flex;align-items:center;gap:8px}

/* Shared surfaces */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs)}
.panel:hover{box-shadow:var(--shadow-sm)}
.panel-header{min-height:42px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:linear-gradient(#fff,#fbfdff);border-radius:var(--radius) var(--radius) 0 0}
.panel-header h2,.panel-header h3{margin:0;font-size:13px;color:var(--text);font-weight:700}
.panel-body{padding:14px}
.hero{background:linear-gradient(115deg,#ffffff,#f2f8ff);border:1px solid #cfe1f2;border-left:4px solid var(--blue-500);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-sm);margin-bottom:12px}
.hero h2{margin:0 0 4px;font-size:20px;color:var(--navy-900)}
.hero p{margin:0;color:var(--muted);font-size:11px}
.role-chip,.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:750;background:#edf3f9;border:1px solid #d4e1ed;color:#446078}
.role-chip{background:#ecf8df;border-color:#b9df8c;color:#4c8717;white-space:nowrap}
.grid{display:grid;gap:10px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.metric{position:relative;padding:13px 14px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:90px;box-shadow:var(--shadow-xs);overflow:hidden}
.metric::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--blue-500)}
.metric:nth-child(2)::before{background:#65a7ff}.metric:nth-child(3)::before{background:#2ac476}.metric:nth-child(4)::before{background:#f0a928}.metric:nth-child(5)::before{background:#9b7cff}.metric:nth-child(6)::before{background:#ef6d78}
.metric span{color:var(--muted);font-size:9px}
.metric strong{display:block;font-size:24px;line-height:1.08;margin-top:7px;color:var(--text);font-weight:760}
.metric small{display:block;color:#93a2b4;font-size:8px;margin-top:6px}
.metric-button{color:inherit;text-align:left;cursor:pointer;width:100%;font:inherit;transition:.15s ease}
.metric-button:hover{border-color:#8ec1f6;transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.toolbar .spacer{flex:1}

/* Controls */
.input,.select,.textarea{width:100%;border:1px solid var(--line-strong);background:#fff;color:var(--text);border-radius:7px;padding:8px 10px;outline:none;transition:.15s ease;box-shadow:inset 0 1px 1px rgba(22,55,88,.02)}
.input::placeholder,.textarea::placeholder{color:#9aa9b9}
.input:hover,.select:hover,.textarea:hover{border-color:#abc7e0}
.input:focus,.select:focus,.textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(46,141,240,.13)}
.textarea{min-height:100px;resize:vertical}
.button{min-height:32px;border:1px solid #0868d0;background:linear-gradient(#167def,#096bd8);color:#fff;border-radius:7px;padding:7px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:650;font-size:11px;box-shadow:0 2px 5px rgba(9,105,216,.14);transition:.15s ease}
.button:hover{background:linear-gradient(#288cf5,#1175df);box-shadow:0 4px 10px rgba(9,105,216,.2);transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button.secondary{background:#fff;border-color:var(--line-strong);color:var(--text-2);box-shadow:none}
.button.secondary:hover{background:#f4f8fc;border-color:#9fbedb}
.button.success{background:linear-gradient(#27b56d,#169d58);border-color:#149651}
.button.warning{background:linear-gradient(#e6aa29,#ca8b0c);border-color:#bd8006}
.button.danger{background:linear-gradient(#e15b64,#c9444e);border-color:#bf3e47}
.button.ghost{background:transparent;border-color:var(--line-strong);color:var(--text-2);box-shadow:none}
.button.small{min-height:26px;padding:5px 8px;font-size:9px;border-radius:6px}
.button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.field{display:grid;gap:5px;margin-bottom:11px}
.field label{font-size:9px;color:#526479;font-weight:650}
.field small{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.form-grid .wide{grid-column:1/-1}
.muted{color:var(--muted)}
.empty{padding:32px;text-align:center;color:var(--muted);font-size:11px}
.error-box{background:var(--red-soft);border:1px solid #f0b8bd;color:#9d2731;border-radius:8px;padding:12px}
.success-box{background:var(--green-soft);border:1px solid #a9dec0;color:#146e42;border-radius:8px;padding:12px}
.details-list{display:grid;grid-template-columns:165px 1fr;gap:8px 14px;font-size:11px}
.details-list dt{color:var(--muted)}
.details-list dd{margin:0;color:var(--text);font-weight:550}
.details-list code{display:inline-block;max-width:520px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:#155d9f;background:#edf5fd;padding:3px 6px;border-radius:5px}

/* Tables */
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.table{width:100%;border-collapse:collapse;min-width:760px}
.table th,.table td{padding:9px 10px;border-bottom:1px solid #e3ebf3;text-align:left;font-size:10px;vertical-align:middle}
.table th{background:#f3f7fb;color:#5c7086;position:sticky;top:0;z-index:2;font-size:9px;font-weight:700}
.table tr:last-child td{border-bottom:0}
.table tr:hover td{background:#f7fbff}
.cell-sub{font-size:8px;color:var(--muted);margin-top:4px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-attention td{background:#fffaf0}

/* Status pills */
.state,.activation-state{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:750;border:1px solid;white-space:nowrap}
.state.open,.activation-state.pending{background:var(--yellow-soft);border-color:#ecd27c;color:#9b6a00}
.state.in_progress,.activation-state.device_limit{background:#e7f3ff;border-color:#9cccf5;color:#0961a9}
.state.waiting_user,.activation-state.suspended{background:#fff2dc;border-color:#edc87b;color:#a56d00}
.state.closed,.state.solved,.activation-state.approved{background:var(--green-soft);border-color:#9cd8b6;color:#147745}
.activation-state.revoked{background:var(--red-soft);border-color:#efb4b9;color:#aa3039}
.activation-state.expired{background:#f3edff;border-color:#cbb7f6;color:#6d44ba}

/* User requests + support workspace */
.requests-toolbar{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-bottom:8px}
.request-search{flex:1;min-width:240px}
.request-status-filter{width:170px}
.ticket-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:8px}
.unified-user-requests{height:calc(100vh - 148px);min-height:520px}
.unified-user-requests>aside{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}
.ticket-selector{max-height:calc(100vh - 170px);overflow:auto}
.unified-user-requests .ticket-selector{max-height:none;min-height:0}
.ticket-item{position:relative;padding:10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;cursor:pointer;background:#fff;transition:.13s ease}
.ticket-item:hover{border-color:#a6c9ea;background:#f8fbff}
.ticket-item.active{border-color:var(--blue-500);background:#eaf4ff;box-shadow:inset 3px 0 0 var(--blue-600)}
.ticket-item-head,.thread-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ticket-item-head strong,.thread-card-head strong{color:#14324f;font-size:11px}
.ticket-title{font-size:10px;margin-top:6px;color:var(--text-2);font-weight:600}
.ticket-meta{font-size:8px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-chat-pane{min-height:0;overflow:hidden}
.support-workspace{height:calc(100vh - 84px);min-height:520px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px}
.support-workspace .messenger{height:auto;min-height:0}
.workspace-tabs{display:flex;align-items:center;gap:3px;padding:5px 6px;background:#fff}
.workspace-tabs .spacer{flex:1}
.workspace-tab{border:1px solid transparent;background:transparent;color:#526b82;border-radius:6px;padding:7px 10px;cursor:pointer;font-weight:650;font-size:10px;transition:.14s ease}
.workspace-tab:hover{background:#edf5fd;color:#145f9f}
.workspace-tab.active{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:0 2px 6px rgba(19,121,236,.18)}

/* Messenger */
.messenger{height:calc(100vh - 84px);min-height:520px;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden}
.thread-pane{border-right:1px solid var(--line);display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;background:#f7faff}
.thread-filters{padding:8px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 108px;gap:6px;background:#fff}
.thread-list{overflow:auto;padding:6px}
.thread-card{padding:9px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:#fff;cursor:pointer;transition:.13s ease}
.thread-card:hover{border-color:#a9ccea;background:#f7fbff}
.thread-card.active{border-color:var(--blue-500);background:#eaf4ff;box-shadow:inset 3px 0 0 var(--blue-600)}
.thread-card strong{display:block;font-size:10px}
.thread-card .meta,.thread-card .preview{font-size:8px;color:#7f90a4;margin-top:4px}
.thread-card .preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#455a70}
.chat-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;background:#fff}
.chat-head{padding:9px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;min-height:52px;background:#fff}
.chat-head h3{margin:0 0 3px;font-size:12px;color:#162d45}
.chat-head p{margin:0;color:var(--muted);font-size:8px}
.chat-head-actions{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap}
.messages{overflow:auto;padding:12px;background:#fffdfa;background-image:radial-gradient(rgba(9,105,216,.025) 1px,transparent 1px);background-size:22px 22px}
.message{max-width:72%;padding:9px 11px;border-radius:8px;margin-bottom:9px;background:#fff;border:1px solid #d5e2ee;box-shadow:var(--shadow-xs)}
.message.out{margin-left:auto;background:#dff0ff;border-color:#a9d5fb}
.message.system{margin-left:auto;margin-right:auto;background:#fff7dd;border-color:#ead58b;max-width:86%}
.message .who{font-size:9px;font-weight:750;color:#1667a9;margin-bottom:4px}
.message .body{white-space:pre-wrap;word-break:break-word;font-size:10px;line-height:1.45;color:#25384d}
.message .time{text-align:right;color:#8a9bad;font-size:8px;margin-top:5px}
.files{display:grid;gap:4px;margin-top:7px}
.files a{color:#075fae;font-size:9px;text-decoration:none;border-bottom:1px dotted #6ba6d7;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.delivery{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.delivery span{font-size:7px;border-radius:999px;padding:2px 5px;background:#f0f5fa;border:1px solid #d4e0eb;color:#62768a}
.composer{padding:8px 10px;border-top:1px solid var(--line);background:#f7faff}
.composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 102px;gap:7px}
.composer textarea{min-height:52px;max-height:150px;background:#fff}
.file-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.selected-files{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.file-chip{background:#edf5fd;border:1px solid #c8dbec;border-radius:999px;padding:4px 7px;font-size:8px;color:#35536d}
.file-chip button{border:0;background:none;color:#cf424d;cursor:pointer;padding:0 0 0 4px}

/* Notifications */
.notification-anchor{position:relative}
.notification-panel{position:absolute;right:0;top:34px;width:360px;max-height:72vh;overflow:auto;background:var(--navy-900);color:#fff;border:1px solid #174b76;border-radius:8px;box-shadow:var(--shadow-lg);z-index:60}
.notification-panel-head{position:sticky;top:0;background:#0a355c;border-bottom:1px solid rgba(255,255,255,.12);padding:9px 10px;display:flex;align-items:center;gap:8px;z-index:2}
.notification-panel-head strong{flex:1;font-size:11px}
.notification-panel .button.secondary{background:transparent;border-color:#5b7892;color:#dbeaf6}
.notice{padding:10px;border-bottom:1px solid rgba(255,255,255,.1)}
.notice.unread{background:#0d406e}
.notice-title{font-size:10px;font-weight:750}
.notice-body{font-size:9px;color:#c2d5e5;margin-top:4px;white-space:pre-wrap;line-height:1.4}
.notice-meta{font-size:8px;color:#88a8c2;margin-top:5px}
.notice-tools{display:flex;gap:5px;margin-top:6px}

/* Dialogs */
.sb-dialog{width:min(1080px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:0;border:1px solid #cbd9e6;border-radius:12px;background:#fff;color:var(--text);box-shadow:var(--shadow-lg)}
.sb-dialog::backdrop{background:rgba(5,31,55,.48);backdrop-filter:blur(2px)}
.dialog-card{margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100vh - 38px)}
.dialog-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;background:#f7faff}
.dialog-head>div{flex:1;min-width:0}
.dialog-head h2{margin:0;font-size:16px;color:var(--navy-900)}
.dialog-head p{margin:3px 0 0;font-size:9px}
.dialog-head .icon-button{color:#60768b;border:1px solid var(--line);background:#fff;width:28px;height:28px;font-size:16px;padding:0}
.dialog-body{padding:14px;overflow:auto;background:#fff}
.dialog-actions{padding:10px 13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#f7faff}
.dialog-actions .spacer{flex:1}
.activation-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;box-shadow:var(--shadow-xs)}
.detail-card h3{margin:0 0 11px;font-size:12px;color:#163450}
.details-list.compact{grid-template-columns:135px 1fr;gap:7px 10px}
.activation-detail-grid .textarea{min-height:78px}

/* Admin */
.activation-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.activation-toolbar .input{min-width:280px;flex:1}
.activation-toolbar .select{width:240px}
.activation-table{min-width:1120px}
.activation-table td{vertical-align:top}
.activation-table .button{white-space:nowrap}
.backup-output{background:#0b2034;color:#d8e8f5;border:1px solid #193f61;border-radius:7px;padding:10px;min-height:100px;max-height:300px;overflow:auto;white-space:pre-wrap;font-family:Consolas,"Cascadia Mono",monospace;font-size:9px}
.list-plain{margin:0;padding-left:16px;color:#4f6378;font-size:9px}
.list-plain li{margin:4px 0}
.sort-button{border:0;background:transparent;color:#2b689e;cursor:pointer;padding:0;font-weight:650}

/* Toasts */
.toast-host{position:fixed;right:14px;bottom:44px;display:grid;gap:7px;z-index:100}
.toast{background:var(--navy-900);color:#fff;border:1px solid #1d5686;border-radius:8px;padding:9px 11px;box-shadow:var(--shadow-md);font-size:10px;max-width:360px}
.toast.error{background:#842e37;border-color:#ba4b55}
.mobile-only{display:none}

/* Refined scrollbars */
.content::-webkit-scrollbar,.thread-list::-webkit-scrollbar,.ticket-selector::-webkit-scrollbar,.messages::-webkit-scrollbar,.notification-panel::-webkit-scrollbar,.dialog-body::-webkit-scrollbar{width:9px;height:9px}
.content::-webkit-scrollbar-thumb,.thread-list::-webkit-scrollbar-thumb,.ticket-selector::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.notification-panel::-webkit-scrollbar-thumb,.dialog-body::-webkit-scrollbar-thumb{background:#b4c8da;border:2px solid transparent;background-clip:padding-box;border-radius:999px}
.notification-panel::-webkit-scrollbar-thumb{background:#376287;border:2px solid transparent;background-clip:padding-box}

@media(max-width:1250px){
  .activation-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid.cols-4,.grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .messenger{grid-template-columns:280px minmax(0,1fr)}
}

@media(max-width:900px){
  :root{--sidebar:218px;--topbar:44px}
  body{overflow:auto}
  .workspace{display:block;padding-top:var(--topbar)}
  .header{position:fixed;inset:0 0 auto 0;height:var(--topbar)}
  .topbar-product{min-width:0}.topbar-product strong{display:none}
  .page-heading p{display:none}
  .sidebar{position:fixed;top:var(--topbar);bottom:0;left:0;width:var(--sidebar);transform:translateX(-101%);transition:.2s;box-shadow:12px 0 32px rgba(5,31,55,.2)}
  .sidebar.open{transform:translateX(0)}
  .main-shell{min-height:calc(100vh - var(--topbar));grid-template-rows:minmax(0,1fr) 34px}
  .mobile-only{display:grid}
  .profile-text{display:none}
  .content{padding:9px}
  .grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-5,.form-grid{grid-template-columns:1fr}
  .hero{align-items:flex-start;flex-direction:column}
  .messenger{height:auto;min-height:calc(100vh - 100px);grid-template-columns:1fr}
  .thread-pane{max-height:300px;border-right:0;border-bottom:1px solid var(--line)}
  .notification-panel{position:fixed;left:8px;right:8px;top:48px;width:auto}
  .ticket-layout{grid-template-columns:1fr}
  .ticket-selector{max-height:240px}
  .composer-grid{grid-template-columns:1fr}
  .details-list{grid-template-columns:1fr}
  .details-list dd{margin-bottom:6px}
  .activation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activation-detail-grid{grid-template-columns:1fr}
  .activation-toolbar .input,.activation-toolbar .select{width:100%;min-width:0}
  .sb-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}
  .dialog-card{max-height:calc(100vh - 16px)}
  .dialog-actions .spacer{display:none}
  .dialog-actions .button{flex:1 1 100%}
  .details-list.compact{grid-template-columns:1fr}
  .requests-toolbar{align-items:stretch;flex-direction:column}
  .request-search,.request-status-filter{width:100%;min-width:0}
  .unified-user-requests{height:auto;min-height:calc(100vh - 160px)}
  .support-workspace{height:auto;min-height:calc(100vh - 82px)}
  .workspace-tabs{overflow:auto;flex-wrap:nowrap}
  .workspace-tab{white-space:nowrap}
  .workspace-tabs .spacer{display:none}
  .workspace-tabs .button{white-space:nowrap}
  .user-chat-pane{min-height:580px}
}

/* =============================================================
   SupportBridge V92.50 — Readability and Desktop Parity
   Full-HD baseline: all primary UI text must remain comfortably readable.
   ============================================================= */
:root{
  --sidebar:238px;
  --topbar:44px;
}
body{font-size:15px;line-height:1.45}
.header{padding-left:14px;padding-right:12px;gap:14px}
.topbar-product{font-size:13px;gap:9px}
.version-pill{height:21px;padding:0 8px;font-size:11px}
.page-heading{gap:11px}
.page-heading h1{font-size:15px;font-weight:700}
.page-heading p{font-size:12px;color:#c0d4e5}
.icon-button{width:34px;height:34px;padding:8px}
.profile{height:36px;gap:9px;padding-right:9px}
.avatar{width:30px;height:30px;font-size:12px}
.profile-text strong{font-size:12px}
.profile-text span{font-size:10px}
.brand{height:122px;padding:14px 14px 10px}
.brand img{width:194px;height:100px}
.nav{padding:9px 11px 14px}
.nav-group{margin:15px 9px 7px;font-size:10px;letter-spacing:.12em}
.nav-link{min-height:48px;padding:11px 13px;font-size:14px;gap:11px;border-radius:8px}
.nav-icon{width:17px;height:17px}
.sidebar-footer{padding:13px 16px 15px;font-size:11px;gap:5px 8px}
.sidebar-footer small{font-size:10px}
.content{padding:14px 16px 18px}
.statusbar{height:38px;padding:0 17px;font-size:11px}
.main-shell{grid-template-rows:minmax(0,1fr) 38px}

.panel-header{min-height:50px;padding:12px 16px}
.panel-header h2,.panel-header h3{font-size:16px}
.panel-body{padding:16px}
.hero{padding:18px 20px;margin-bottom:14px}
.hero h2{font-size:23px}
.hero p{font-size:14px}
.role-chip,.chip{padding:5px 9px;font-size:11px}
.metric{min-height:108px;padding:16px 17px 14px}
.metric span{font-size:12px}
.metric strong{font-size:28px;margin-top:8px}
.metric small{font-size:11px;line-height:1.4}

.button{min-height:38px;padding:9px 14px;font-size:13px;border-radius:7px}
.button.small{min-height:32px;padding:6px 10px;font-size:11px}
.input,.select,.textarea,input,select,textarea{font-size:14px;min-height:40px;padding:9px 11px}
textarea,.textarea{line-height:1.5}
.field{gap:7px;margin-bottom:14px}
.field label{font-size:12px}
.field small{font-size:11px;line-height:1.4}
.form-grid{gap:0 15px}
.empty{padding:38px;font-size:14px;line-height:1.55}
.error-box,.success-box{font-size:13px;line-height:1.5}
.details-list{grid-template-columns:185px 1fr;gap:10px 16px;font-size:13px}
.details-list code{font-size:12px}

.table th,.table td{padding:12px 13px;font-size:13px;line-height:1.4}
.table th{font-size:12px}
.cell-sub{font-size:11px;margin-top:5px;max-width:360px}
.state,.activation-state{padding:4px 8px;font-size:10px}

.requests-toolbar{gap:10px;padding:11px 12px;margin-bottom:10px}
.request-search{min-width:280px}
.request-status-filter{width:190px}
.ticket-layout{grid-template-columns:330px minmax(0,1fr);gap:10px}
.ticket-item{padding:13px 12px;margin-bottom:8px}
.ticket-item-head strong,.thread-card-head strong{font-size:14px}
.ticket-title{font-size:13px;margin-top:7px;line-height:1.4}
.ticket-meta{font-size:11px;margin-top:6px;line-height:1.35}
.workspace-tabs{gap:5px;padding:7px 8px}
.workspace-tab{padding:9px 13px;font-size:13px}

.messenger{grid-template-columns:350px minmax(0,1fr)}
.thread-filters{padding:10px;grid-template-columns:1fr 128px;gap:8px}
.thread-list{padding:8px}
.thread-card{padding:12px;margin-bottom:8px}
.thread-card strong{font-size:13px}
.thread-card .meta,.thread-card .preview{font-size:11px;margin-top:5px;line-height:1.35}
.chat-head{padding:11px 14px;min-height:62px}
.chat-head h3{font-size:15px;margin-bottom:4px}
.chat-head p{font-size:11px}
.messages{padding:16px}
.message{max-width:76%;padding:12px 14px;margin-bottom:12px;border-radius:10px}
.message .who{font-size:12px;margin-bottom:5px}
.message .body{font-size:14px;line-height:1.55}
.message .time{font-size:10px;margin-top:7px}
.files{gap:6px;margin-top:9px}
.files a{font-size:12px}
.delivery span{font-size:10px;padding:3px 6px}
.composer{padding:10px 12px}
.composer-grid{grid-template-columns:minmax(0,1fr) 118px;gap:9px}
.composer textarea{min-height:66px;max-height:190px;font-size:14px}
.file-tools{gap:8px;margin-top:8px}
.file-chip{padding:5px 8px;font-size:11px}

.notification-panel{width:410px}
.notification-panel-head{padding:11px 12px}
.notification-panel-head strong{font-size:14px}
.notice{padding:13px 12px}
.notice-title{font-size:13px}
.notice-body{font-size:12px;line-height:1.5}
.notice-meta{font-size:10px}
.notice-tools{gap:7px;margin-top:8px}

.dialog-head{padding:14px 16px}
.dialog-head h2{font-size:19px}
.dialog-head p{font-size:12px}
.dialog-body{padding:17px}
.dialog-actions{padding:12px 15px}
.detail-card{padding:15px}
.detail-card h3{font-size:15px}
.details-list.compact{grid-template-columns:155px 1fr;gap:9px 12px}

.toast{font-size:13px;line-height:1.45}

@media (max-width:1360px){
  :root{--sidebar:224px}
  .ticket-layout{grid-template-columns:300px minmax(0,1fr)}
  .messenger{grid-template-columns:320px minmax(0,1fr)}
  .profile-text strong,.profile-text span{max-width:150px}
}
@media (max-width:900px){
  body{font-size:14px}
  .page-heading p{display:none}
  .ticket-layout,.messenger{grid-template-columns:1fr}
  .thread-pane,.unified-user-requests>aside{max-height:38vh}
}

/* =============================================================
   SupportBridge V92.51 — Workflow Reliability
   Fixed request workspace sizing, composer visibility and notification feedback.
   ============================================================= */
.content.content--user-requests{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:10px;
  overflow:hidden;
  min-height:0;
}
.content.content--user-requests .requests-toolbar{margin-bottom:0}
.content.content--user-requests .unified-user-requests{
  height:auto;
  min-height:0;
}
.content.content--support-requests{
  overflow:hidden;
  min-height:0;
}
.content.content--support-requests .support-workspace{
  height:100%;
  min-height:0;
}
.content.content--support-requests .support-workspace .messenger{
  height:100%;
  min-height:0;
}
.content.content--user-requests .chat-pane,
.content.content--support-requests .chat-pane{
  overflow:hidden;
  min-height:0;
}
.content.content--user-requests .messages,
.content.content--support-requests .messages{
  min-height:0;
}
.content.content--user-requests .composer,
.content.content--support-requests .composer{
  position:relative;
  z-index:2;
  max-height:240px;
  overflow:auto;
  flex:0 0 auto;
}
.content.content--user-requests .composer textarea,
.content.content--support-requests .composer textarea{
  resize:none;
}
.notification-panel .button:disabled{
  opacity:.68;
  cursor:default;
  transform:none;
  box-shadow:none;
}

@media(max-width:900px){
  .content.content--user-requests,
  .content.content--support-requests{
    display:block;
    overflow:auto;
  }
  .content.content--user-requests .unified-user-requests,
  .content.content--support-requests .support-workspace{
    height:auto;
  }
}

/* SupportBridge V92.52.2 — Portal Completeness Repair 2 */
html[data-ui-scale="compact"] body{font-size:12px}
html[data-ui-scale="comfortable"] body{font-size:13px}
html[data-ui-scale="large"] body{font-size:15px}
html[data-ui-scale="large"]{--sidebar:238px;--topbar:42px}
html[data-ui-scale="large"] .nav-link{font-size:14px;min-height:48px}
html[data-ui-scale="large"] .table th,html[data-ui-scale="large"] .table td{font-size:12px}
html[data-ui-scale="large"] .button{font-size:13px;min-height:36px}

.portal-home-grid .panel-body{min-height:190px}
.compact-hero{margin-bottom:16px}
.compact-hero h2{font-size:22px}
.contact-list{display:grid;gap:8px}
.contact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);text-decoration:none;color:var(--text);transition:.15s ease}
.contact-row:hover{border-color:#97c2e8;background:#eef7ff;transform:translateY(-1px)}
.contact-row>div{display:grid;gap:3px;min-width:0}
.contact-row strong{font-size:12px;color:var(--navy-900)}
.contact-row span{font-size:10px;color:var(--muted)}
.contact-row b{font-size:12px;color:var(--blue-700);white-space:nowrap}
.support-hours{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.support-hours span{background:#f4f8fc;border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:var(--text-2);font-size:10px}
.specialist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.specialist-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.specialist-card>div:last-child{display:grid;gap:3px;min-width:0}
.specialist-card strong{font-size:12px;color:var(--navy-900)}
.specialist-card span{font-size:10px;color:var(--text-2)}
.specialist-avatar{width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,#3a9af4,#1465ad);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;flex:0 0 auto;box-shadow:0 5px 14px rgba(20,101,173,.18)}
.specialist-avatar.large{width:58px;height:58px;border-radius:14px;font-size:17px}
.availability{display:inline-flex;align-items:center;gap:5px;width:max-content;padding:3px 7px;border-radius:999px;background:#eef3f8;color:#5f7183;font-size:9px!important}
.availability::before{content:"";width:6px;height:6px;border-radius:50%;background:#8ba0b3}
.availability.available{background:var(--green-soft);color:#157342}.availability.available::before{background:var(--green)}
.availability.busy{background:var(--red-soft);color:#a52e38}.availability.busy::before{background:var(--red)}
.availability.away{background:var(--yellow-soft);color:#956600}.availability.away::before{background:var(--yellow)}
.release-highlight{display:flex;align-items:center;justify-content:space-between;gap:18px}
.release-highlight h3{margin:8px 0 5px;font-size:15px}.release-highlight p{margin:0 0 8px;color:var(--text-2);line-height:1.45}.release-highlight small{color:var(--muted)}
.empty.compact{padding:18px}

.settings-stack{display:grid;gap:16px}
.settings-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.toggle-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--surface-2);cursor:pointer}
.toggle-row input{margin-top:3px}.toggle-row span{display:grid;gap:4px}.toggle-row b{font-size:12px}.toggle-row small{font-size:10px;color:var(--muted);line-height:1.35}

.hours-card{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);margin-bottom:9px}
.hours-card strong{font-size:12px}.hours-card span{font-size:11px;color:var(--text-2)}.hours-card small{font-size:10px;color:var(--muted)}
.directory-specialists{display:grid;gap:10px}
.directory-specialist{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(260px,auto);gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.specialist-main{display:grid;gap:4px}.specialist-main h3{margin:0;font-size:15px}.specialist-main p{margin:0;color:var(--text-2)}.specialist-main>small{color:var(--muted)}
.specialist-contacts{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}

.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px}
.device-card{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fff;box-shadow:var(--shadow-xs)}
.device-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.device-card-head>div{display:flex;align-items:center;gap:9px}.device-card-head strong{font-size:14px;color:var(--navy-900)}
.device-icon{width:24px;height:24px;color:var(--blue-600)}.device-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}

.release-list{display:grid;gap:12px}
.release-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow-xs)}
.release-badge{align-self:start;background:var(--blue-100);color:var(--blue-700);border:1px solid #b7d7f5;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800;text-transform:uppercase}
.release-main h3{margin:0 0 7px;font-size:15px;color:var(--navy-900)}.release-main p{margin:10px 0;color:var(--text-2);line-height:1.5;white-space:pre-wrap}
.release-meta{display:flex;gap:7px;flex-wrap:wrap}.release-meta>span{font-size:9px;color:#5e7287;background:#f3f7fb;border:1px solid var(--line);border-radius:999px;padding:3px 7px}
.checksum{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.checksum code{font-size:9px;color:#34526d;background:#edf5fd;border-radius:6px;padding:5px 7px;word-break:break-all}.release-download{min-width:110px}

.directory-layout{display:grid;grid-template-columns:410px minmax(0,1fr);gap:12px;min-height:calc(100vh - 112px)}
.org-card-list{display:grid;gap:8px;align-content:start}
.org-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--text);background:#fff}
.org-card:hover,.org-card.active{border-color:var(--blue-500);background:#edf6ff;box-shadow:inset 3px 0 0 var(--blue-600)}
.org-card>div:first-child{display:grid;gap:4px}.org-card strong{font-size:12px;color:var(--navy-900)}.org-card span{font-size:9px;color:var(--muted)}
.org-stats{display:grid;grid-template-columns:auto auto;gap:2px 6px;align-items:baseline}.org-stats b{font-size:11px;color:var(--blue-700);text-align:right}.org-stats small{font-size:8px;color:var(--muted)}
.directory-toolbar{display:grid;grid-template-columns:280px minmax(260px,1fr) auto;margin-bottom:10px}
.users-table a{color:var(--blue-700);text-decoration:none}.users-table a:hover{text-decoration:underline}
.wide-dialog{width:min(980px,calc(100vw - 30px))}
.mini-card{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);margin-bottom:7px}.mini-card span{font-size:9px;color:var(--muted)}
.link-card{text-decoration:none;color:var(--text)}.link-card:hover{border-color:var(--blue-500);background:#edf6ff}
.mini-metrics{display:flex;gap:16px;margin-top:14px;color:var(--muted)}

.portal-admin-head{display:flex;gap:10px;padding:10px}.portal-admin-head .select{min-width:380px}.portal-admin-head .button{margin-left:auto}
.repeat-list{display:grid;gap:8px}.repeat-row{display:grid;grid-template-columns:150px 220px minmax(260px,1fr) auto;gap:8px;align-items:center}.hours-row{grid-template-columns:minmax(220px,1fr) 180px 130px 130px auto}
.specialist-editor{display:grid;gap:10px}.specialist-edit-card{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.release-admin-list{display:grid;gap:8px}.release-admin-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.release-admin-item>div:first-child{display:grid;gap:3px}.release-admin-item strong{font-size:12px}.release-admin-item span,.release-admin-item small{font-size:9px;color:var(--muted)}

@media(max-width:1180px){.directory-layout{grid-template-columns:330px minmax(0,1fr)}.directory-specialist{grid-template-columns:auto 1fr}.specialist-contacts{grid-column:1/-1;justify-content:flex-start}.settings-options{grid-template-columns:1fr}.repeat-row,.hours-row{grid-template-columns:1fr 1fr}.repeat-row .button{grid-column:2}}
@media(max-width:820px){.directory-layout{grid-template-columns:1fr;min-height:auto}.directory-toolbar{grid-template-columns:1fr}.release-card{grid-template-columns:1fr}.release-badge{width:max-content}.portal-admin-head{flex-wrap:wrap}.portal-admin-head .select{min-width:0;flex:1}.portal-admin-head .button{margin-left:0}.device-grid{grid-template-columns:1fr}.directory-specialist{grid-template-columns:1fr}.repeat-row,.hours-row{grid-template-columns:1fr}.repeat-row .button{grid-column:auto}}


/* V92.52.2 role workspaces */
.panel-header>div h2{margin-bottom:3px}
.panel-note{margin:0;color:var(--muted);font-size:10px;line-height:1.4}
.field small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.35}
.profile-visibility{display:flex;flex-wrap:wrap;gap:10px 22px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.profile-visibility strong{width:100%;font-size:11px;color:var(--navy-900)}
.profile-visibility label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text-2)}
.profile-visibility.compact{margin:12px 0}.profile-visibility.compact strong{display:none}
.presence{display:inline-flex;align-items:center;gap:5px;width:max-content;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700;background:#eef3f8;color:#617487}
.presence::before{content:"";width:6px;height:6px;border-radius:50%;background:#8ba0b3}
.presence.online{background:var(--green-soft);color:#157342}.presence.online::before{background:var(--green)}
.presence.offline{background:#eef1f4;color:#697b8c}.presence.offline::before{background:#8b9aa8}
.badge-stack{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.device-info-box{padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}
.warning-box{margin-top:14px;padding:12px;border:1px solid #f0c56c;border-radius:9px;background:#fff8e8;color:#71520f}.warning-box p{margin:5px 0 0;font-size:10px;line-height:1.45}
.warning-text{color:#a46d00!important}
.device-filters{display:grid;grid-template-columns:250px 190px minmax(260px,1fr) auto;gap:8px;margin-bottom:10px}
.device-editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.device-editor-layout section{min-width:0}.device-editor-layout h3{margin-top:0}
.user-detail-sections{display:grid;gap:18px}.user-detail-sections>section{padding-bottom:17px;border-bottom:1px solid var(--line)}.user-detail-sections>section:last-child{border-bottom:0;padding-bottom:0}
.identity-summary{grid-column:1/-1;display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.identity-summary strong{font-size:13px}.identity-summary span{font-size:11px;color:var(--text-2)}.identity-summary small{font-size:9px;color:var(--muted)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h3{margin:0}
.detail-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.mini-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.audit-filters{display:grid;grid-template-columns:280px minmax(300px,1fr) auto;gap:8px;margin-bottom:10px}
.release-admin-grid{align-items:start}.release-admin-item .toolbar{justify-content:flex-end}
code{word-break:break-all}
@media(max-width:1050px){.device-filters{grid-template-columns:1fr 1fr}.device-editor-layout{grid-template-columns:1fr}.audit-filters{grid-template-columns:1fr 1fr}.audit-filters .button{grid-column:2}}
@media(max-width:700px){.device-filters,.audit-filters{grid-template-columns:1fr}.audit-filters .button{grid-column:auto}.profile-visibility{display:grid}.section-heading{align-items:flex-start;flex-direction:column}}


/* V92.52.3 Portal UI Hotfix */
.sb-dialog{box-sizing:border-box;overflow:hidden}
.sb-dialog>.dialog-card,.sb-dialog .dialog-card{width:100%;max-width:none;min-width:0;box-sizing:border-box}
.sb-dialog .dialog-card.wide-dialog{width:100%;max-width:none}
.dialog-head,.dialog-body,.dialog-actions{box-sizing:border-box;min-width:0}
.dialog-body{width:100%}
input[type="checkbox"]{appearance:auto;-webkit-appearance:checkbox;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important;line-height:1!important;box-shadow:none!important;flex:0 0 16px}
.checkbox-row{display:inline-flex!important;align-items:center!important;justify-content:flex-start;gap:8px;min-height:20px;line-height:1.25;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer}
.checkbox-row>span{display:inline-block;min-width:0}
.checkbox-row.compact{padding:5px 0;font-size:12px}
.field-checkbox{min-height:40px;padding:8px 0;margin:0}
.specialist-flags{align-items:center;gap:14px}
.specialist-flags .button{margin-left:auto}
.profile-visibility label{align-items:center;min-height:22px;line-height:1.25}
.toggle-row{align-items:center}
.toggle-row input{margin-top:0!important}
@media(max-width:700px){.specialist-flags .button{margin-left:0;width:100%}.checkbox-row{font-size:13px}}

/* V92.52.3 Portal UI Hotfix Repair 2: host Node.js dependency removed. */

/* SupportBridge V92.53 Phase 2 — Admin Management */
.admin-org-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start}
.entity-list{display:flex;flex-direction:column;gap:8px}
.entity-list-item{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:inherit;cursor:pointer}
.entity-list-item:hover,.entity-list-item.active{border-color:var(--blue-600);background:var(--blue-100)}
.entity-list-item span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.entity-list-item strong{white-space:normal}.entity-list-item small,.entity-counts{color:var(--muted);font-size:12px}.entity-counts{text-align:right;white-space:nowrap}
.identity-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.identity-editor-layout section{min-width:0}
.credential-box{display:grid;gap:10px;background:#f3f7ff;border:1px solid #ccdafa;border-radius:12px;padding:14px}.credential-box>div{display:grid;grid-template-columns:100px 1fr;gap:12px}.credential-box span{color:var(--muted)}.credential-box strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
.assignment-create{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) auto auto auto;gap:10px;align-items:center;margin:12px 0 16px}.assignment-list{display:flex;flex-direction:column;gap:8px}.assignment-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.section-separator{border:0;border-top:1px solid var(--line);margin:22px 0}
@media(max-width:1100px){.admin-org-layout,.identity-editor-layout{grid-template-columns:1fr}.assignment-create{grid-template-columns:1fr 1fr}.assignment-create .button{width:100%}}
@media(max-width:700px){.assignment-create{grid-template-columns:1fr}.assignment-card{align-items:flex-start;flex-direction:column}.entity-list-item{align-items:flex-start;flex-direction:column}.entity-counts{text-align:left}}
.check-field{display:inline-flex;align-items:center;gap:8px;min-height:24px;color:var(--text-2);font-size:11px;font-weight:600;line-height:1.25;cursor:pointer}.check-field.wide{grid-column:1/-1}.check-field input[type="checkbox"]{margin:0!important}.check-field span{display:inline-block;min-width:0}


/* =============================================================
   SupportBridge V92.53 Phase 3 — Admin UI & Backup Finalization
   ============================================================= */
.metrics{display:grid;gap:10px}
.account-metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}
.account-metrics .metric{min-width:0}
.account-metrics .metric strong{font-size:26px}
.account-filter-bar{display:grid;grid-template-columns:minmax(320px,1fr) 220px 220px;gap:10px;align-items:center;margin-bottom:12px}
.account-table{width:100%;min-width:900px;border-collapse:collapse}
.account-table-wrap{max-width:100%}
.assignment-create{grid-template-columns:minmax(260px,1.25fr) minmax(260px,1fr) auto auto auto}
.assignment-card{background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--shadow-xs)}
.assignment-person{display:flex;align-items:center;gap:11px;min-width:0}
.assignment-avatar{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#3a9af4,#1465ad);color:#fff;font-size:11px;font-weight:800}
.assignment-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.backup-dashboard{display:grid;gap:14px}
.backup-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.backup-summary .metric strong{font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backup-layout{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(520px,1.05fr);gap:14px;align-items:start}
.backup-settings-section{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid var(--line)}
.backup-settings-section:last-of-type{border-bottom:0}
.backup-settings-section h3,.backup-result-head h3,.backup-history-grid h3{margin:0 0 10px;font-size:13px;color:var(--navy-900)}
.backup-save-toolbar{margin:0;padding-top:4px}
.backup-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.backup-fact{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);min-width:0}
.backup-fact span{font-size:9px;color:var(--muted)}
.backup-fact strong{font-size:11px;color:var(--text);overflow-wrap:anywhere}
.backup-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.backup-actions-grid .button{width:100%;white-space:normal;line-height:1.25}
.backup-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.backup-output{min-height:170px;max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--navy-950);color:#d9efff;border:1px solid #16466c;border-radius:10px;padding:13px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.backup-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.backup-history-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.backup-history-list li{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);min-width:0}
.backup-history-list li span{font-size:10px;font-weight:700;color:var(--text);overflow-wrap:anywhere}
.backup-history-list li small{font-size:8px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:1450px){.account-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.backup-layout{grid-template-columns:1fr}.backup-summary{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.account-filter-bar{grid-template-columns:1fr 1fr}.account-filter-bar .input{grid-column:1/-1}.backup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-actions-grid{grid-template-columns:1fr}.assignment-create{grid-template-columns:1fr 1fr}.assignment-create .button{width:100%}}
@media(max-width:700px){.account-metrics,.backup-summary,.backup-facts,.backup-history-grid,.account-filter-bar,.assignment-create{grid-template-columns:1fr}.account-filter-bar .input{grid-column:auto}.assignment-card{align-items:flex-start;flex-direction:column}.assignment-actions{justify-content:flex-start}.backup-result-head{align-items:flex-start;flex-direction:column}}

/* SupportBridge V92.53 Phase 3 Backup Control Bridge Repair 1 */
.backup-fact strong{min-height:1.35em}
.backup-actions-grid .button:disabled{opacity:.62;cursor:not-allowed}
/* SB_V9254_DEVICE_INVENTORY_QUICK_DIAGNOSTICS */
.inventory-container{min-height:180px}.inventory-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;color:var(--muted)}
.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.inventory-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface-2)}
.inventory-card h4,.inventory-lists h4{margin:0 0 10px}.inventory-lists{margin-top:12px}.inventory-lists>section{border:1px solid var(--line);border-radius:12px;padding:12px}
.inventory-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line)}.inventory-row:last-child{border-bottom:0}.inventory-row span{color:var(--muted);text-align:right}
.diagnostic-request{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:8px}.diagnostic-request div{display:flex;flex-direction:column;gap:3px}.diagnostic-request span{font-size:12px}
.diagnostics-dialog{max-width:min(1500px,96vw)}.loading-line{padding:24px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.inventory-grid{grid-template-columns:1fr}.inventory-lists{grid-template-columns:1fr!important}}

.diagnostic-request-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.diagnostic-request small{color:var(--muted);max-width:640px;overflow-wrap:anywhere}.diagnostic-result-dialog{max-width:min(1100px,94vw)}.diagnostic-result-body{display:grid;gap:14px}.diagnostic-log{margin:0;max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--navy-950);color:#d9efff;border:1px solid #16466c;border-radius:10px;padding:13px;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:700px){.diagnostic-request{align-items:flex-start;flex-direction:column}.diagnostic-request-actions{justify-content:flex-start}}

/* SB_V9255_AGENT_FOUNDATION */
.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.agent-card{border:1px solid var(--line,#dbe5ef);border-radius:12px;padding:14px;background:#fff}.agent-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.job-result{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state.new{background:#eaf4ff;color:#1677d2}@media(max-width:1400px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.agent-grid{grid-template-columns:1fr}}

/* =============================================================
   SupportBridge V92.55 Phase 1.1 — Web Cards & Agent Integration
   SB_V9255_PHASE1_1_WEB_CARDS_AGENT_INTEGRATION
   ============================================================= */
.sb-dialog{max-width:calc(100vw - 24px)}
.diagnostics-dialog{width:min(1420px,calc(100vw - 24px));max-width:none}
.user-details-dialog{width:min(1280px,calc(100vw - 24px));max-width:none}
.dialog-body{overflow-x:hidden}
.device-editor-layout{grid-template-columns:minmax(340px,.8fr) minmax(0,1.45fr);gap:16px;align-items:start}
.device-editor-layout>section,.inventory-container,.inventory-card,.inventory-lists>section,.agent-runtime{min-width:0;max-width:100%}
.device-info-box .details-list,.inventory-card .details-list,.agent-card .details-list{grid-template-columns:minmax(115px,auto) minmax(0,1fr)}
.details-list dd,.details-list dt,.inventory-row strong,.inventory-row span,.mini-card strong,.mini-card span{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.inventory-card{padding:11px}
.inventory-lists{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
.inventory-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,auto);align-items:start;gap:12px}
.inventory-row span{text-align:right}
.agent-runtime{margin:0 0 14px;padding:13px;border:1px solid #b9d8f3;border-radius:12px;background:linear-gradient(180deg,#f7fbff,#eef7ff)}
.agent-runtime-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.agent-runtime-head>div{display:grid;gap:3px;min-width:0}.agent-runtime-head strong{font-size:13px;color:var(--navy-900)}.agent-runtime-head span{font-size:9px;color:var(--muted)}
.agent-runtime-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.agent-runtime-grid>div{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid #d5e5f3;border-radius:9px;background:#fff}
.agent-runtime-grid span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.agent-runtime-grid strong{font-size:10px;color:var(--text);overflow-wrap:anywhere}.agent-runtime-grid small{font-size:8px;color:var(--muted);overflow-wrap:anywhere}
.device-agent-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.device-agent-actions .button{white-space:normal}
.diagnostic-request{min-width:0}.diagnostic-request>div:first-child{min-width:0;flex:1}.diagnostic-request strong,.diagnostic-request small{overflow-wrap:anywhere}.agent-request{background:#fbfdff;border-color:#cfe0ef}
.agent-job-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.agent-job-summary>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);min-width:0}.agent-job-summary span{font-size:8px;color:var(--muted)}.agent-job-summary strong{font-size:10px;overflow-wrap:anywhere}
.agent-job-detail-grid{align-items:start}
.agent-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}
.agent-detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);min-width:0}.agent-detail-list strong,.agent-detail-list span{font-size:9px;overflow-wrap:anywhere}.agent-detail-list span{text-align:right;color:var(--muted)}
.jobs-table{min-width:1180px}.jobs-table td{vertical-align:top}.jobs-table .job-result{max-width:520px;white-space:normal;line-height:1.35;overflow-wrap:anywhere}.job-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:118px}
.user-detail-sections{max-width:100%;overflow:hidden}.detail-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ticket-card-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.mini-card{min-width:0;margin:0}.mini-card .button{justify-self:start;width:auto;white-space:normal}
.user-details-dialog .dialog-body{overflow-x:hidden}.user-details-dialog .form-grid{max-width:100%}
.error-box.compact{margin-top:9px;padding:8px}
@media(max-width:1250px){.agent-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-editor-layout{grid-template-columns:1fr}.inventory-lists{grid-template-columns:1fr!important}}
@media(max-width:760px){.agent-runtime-grid,.agent-job-summary,.agent-detail-list{grid-template-columns:1fr}.inventory-row{grid-template-columns:1fr}.inventory-row span{text-align:left}.diagnostic-request{align-items:flex-start;flex-direction:column}.diagnostic-request-actions{justify-content:flex-start}.device-agent-actions{align-items:stretch}.device-agent-actions .button,.device-agent-actions a{width:100%}}


/* SB_V9255_PHASE1_1_WEB_UX_REPAIR2 */
.dialog-head .dialog-close-button{flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid #aebfd0;border-radius:9px;background:#f8fbff;color:#24445f;font-size:24px;font-weight:800;line-height:1;box-shadow:0 2px 7px rgba(27,55,79,.12);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}
.dialog-head .dialog-close-button:hover{background:#fff0f1;border-color:#dd5b68;color:#b42332;transform:scale(1.04);box-shadow:0 3px 10px rgba(180,35,50,.18)}
.dialog-head .dialog-close-button:focus-visible{outline:3px solid rgba(21,119,220,.28);outline-offset:2px}
.agent-card .toolbar{align-items:stretch}
.agent-card .toolbar .button{justify-content:center}

/* SB_V9255_PHASE1_2_AGENT_RUNTIME_QUEUE */
.agent-card .details-list dd .cell-sub{margin-top:3px}.jobs-table .cell-sub{white-space:normal}.agent-card code{overflow-wrap:anywhere}

/* SB_V9255_PHASE1_3_REALTIME_OPERATIONS */
.agent-runtime-grid > div:nth-child(3){border-color:#8fc7ff;background:#f4f9ff}
.job-actions{flex-wrap:wrap}
.button[disabled]{opacity:.55;cursor:wait}
.agent-request .state.waiting_user,.state.waiting_user{box-shadow:0 0 0 2px rgba(245,158,11,.12)}

/* SB_V9255_PHASE1_4_DEVICE_EVIDENCE_EVENTLOGS */
.evidence-container{margin-top:18px;border-top:1px solid var(--border,#dfe5ee);padding-top:16px}
.evidence-panel{display:grid;gap:14px;min-width:0}
.evidence-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.evidence-grid.history-grid{align-items:start}
.evidence-row,.evidence-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.22);min-width:0}
.evidence-row:last-child,.evidence-history-row:last-child{border-bottom:0}
.evidence-row>div,.evidence-history-row>div{display:grid;gap:3px;min-width:0}
.evidence-row strong,.evidence-history-row strong{overflow-wrap:anywhere}
.evidence-row span,.evidence-history-row span{font-size:12px;color:var(--muted,#65748b);overflow-wrap:anywhere}
.evidence-row>.state{flex:0 0 auto;color:inherit}
.muted-row{opacity:.8}
.evidence-details{border:1px solid var(--border,#dfe5ee);border-radius:12px;padding:10px 14px;background:var(--surface,#fff)}
.evidence-details summary{cursor:pointer;font-weight:700}
.event-log-table-wrap{overflow:auto;max-height:65vh;border:1px solid var(--border,#dfe5ee);border-radius:12px}
.event-log-table{min-width:980px}
.event-message{white-space:pre-wrap;min-width:360px;max-width:720px;overflow-wrap:anywhere}
.checkbox-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
@media(max-width:900px){.evidence-grid{grid-template-columns:1fr}.checkbox-stack{grid-template-columns:1fr}}


/* SB_V9255_PHASE1_4_1_DEVICE_MODAL_BACKGROUND_REFRESH */
.diagnostics-dialog .dialog-head{position:sticky;top:0;z-index:8}
.dialog-window-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto!important}
.dialog-head .dialog-minimize-button{flex:0 0 auto;width:38px;height:38px;padding:0;border:1px solid #aebfd0;border-radius:9px;background:#f8fbff;color:#24445f;font-size:24px;font-weight:800;line-height:1;box-shadow:0 2px 7px rgba(27,55,79,.12)}
.dialog-head .dialog-minimize-button:hover{background:#eef7ff;border-color:#4c96d7;color:#0b5fa8;transform:scale(1.04)}
.dialog-restore-chip{position:fixed;right:24px;bottom:54px;z-index:1200;max-width:min(520px,calc(100vw - 32px));padding:11px 16px;border:1px solid #3187d1;border-radius:999px;background:#0c6dc0;color:#fff;font-weight:800;box-shadow:0 8px 28px rgba(5,49,88,.28);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialog-restore-chip:hover{background:#07589d}
.device-section{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:#fbfdff;overflow:hidden}
.device-section>summary{cursor:pointer;list-style:none;padding:12px 14px;font-size:14px;font-weight:800;color:var(--navy-900);display:flex;align-items:center;gap:8px}
.device-section>summary::-webkit-details-marker{display:none}
.device-section>summary::before{content:'▸';font-size:13px;transition:transform .15s ease}
.device-section[open]>summary::before{transform:rotate(90deg)}
.device-section[open]>summary{border-bottom:1px solid var(--line);background:#f4f9ff}
.device-section-body{padding:12px 14px}
.diagnostics-dialog .section-heading h3,.diagnostics-dialog .device-editor-layout>section>h3{font-size:17px}
.diagnostics-dialog .agent-runtime-head strong{font-size:15px}
.diagnostics-dialog .agent-runtime-head span{font-size:11px}
.diagnostics-dialog .agent-runtime-grid span{font-size:10px}
.diagnostics-dialog .agent-runtime-grid strong{font-size:12px;line-height:1.35}
.diagnostics-dialog .agent-runtime-grid small{font-size:10px;line-height:1.35}
.diagnostics-dialog .inventory-card h4,.diagnostics-dialog .inventory-lists h4,.diagnostics-dialog .evidence-panel h3{font-size:14px}
.diagnostics-dialog .inventory-card .details-list,.diagnostics-dialog .inventory-row,.diagnostics-dialog .evidence-row{font-size:13px}
@media(max-width:760px){.dialog-restore-chip{right:12px;bottom:44px}.dialog-window-actions{gap:5px}}


/* SB_V9255_PHASE1_4_2_JOBS_MODAL_BACKGROUND_REFRESH */
.hardware-inventory-details { margin-top: 12px; }
.hardware-inventory-details > summary,
.result-details > summary,
.evidence-secondary-stack > details > summary { font-size: 14px; font-weight: 800; color: #0b2745; }
.hardware-inventory-details[open] > summary,
.result-details[open] > summary,
.evidence-secondary-stack > details[open] > summary { margin-bottom: 12px; }
.evidence-secondary-stack { display: grid; gap: 10px; margin-top: 12px; }
.result-details { margin-top: 12px; border: 1px solid #c7d8e8; border-radius: 10px; background: #f8fbff; padding: 10px 12px; }
.result-details .agent-detail-list,
.result-details .diagnostic-log { margin-top: 10px; }
.structured-result-details .diagnostic-log { max-height: 360px; }
#diagnosticResultDialog[open] { z-index: 1600; }
#supportJobsPage .jobs-table-wrap { min-height: 220px; }


/* SB_V9255_PHASE1_4_3_EVENTLOG_FILTERS_JOB_RESULT */
.event-log-filters{margin:14px 0 16px;padding:14px;border:1px solid #cbdced;border-radius:14px;background:#f7fbff}
.event-log-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}
.event-log-filter-message{grid-column:span 2}
.event-log-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.event-log-level,.event-log-journal{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.1;white-space:nowrap;border:1px solid transparent}
.event-log-level-error{color:#a61b1b;background:#fff0f0;border-color:#f3abab}
.event-log-level-warning{color:#8a4b00;background:#fff8df;border-color:#eac970}
.event-log-journal-system{color:#12558c;background:#edf7ff;border-color:#a9cee9}
.event-log-journal-application{color:#5b3f93;background:#f5f0ff;border-color:#cdbbe9}
.event-count-error{color:#b42318}
.event-count-warning{color:#9a6700}
.event-log-row-error td{background:#fff}
.event-log-row-warning td{background:#fff}
.event-log-table td{vertical-align:top}
.event-message{min-width:360px;white-space:pre-wrap}
@media(max-width:900px){.event-log-filter-grid{grid-template-columns:1fr 1fr}.event-log-filter-message{grid-column:1/-1}}
@media(max-width:620px){.event-log-filter-grid{grid-template-columns:1fr}.event-log-filter-message{grid-column:auto}.event-log-filter-actions{align-items:stretch;flex-direction:column}}

/* SB_V9255_PHASE1_4_4_AUDIT_BADGES_TABLE_POLISH */
/* Solid event-log rows: severity is communicated by badges and a left accent, not a gradient. */
.event-log-row-error td,.event-log-row-warning td{background:#fff}
.event-log-row-error td:first-child{box-shadow:inset 4px 0 #dc3545}
.event-log-row-warning td:first-child{box-shadow:inset 4px 0 #e6a100}
.event-log-row-error:hover td{background:#fff8f8}
.event-log-row-warning:hover td{background:#fffdf3}

/* Complete and more readable job-status palette. */
.state.active{background:#e8f8ef;border-color:#8fd0aa;color:#137244}
.state.revoked{background:#fff0f1;border-color:#efadb4;color:#a92d38}
.state.pending{background:#eef3f8;border-color:#c3d0dc;color:#53687b}
.state.neutral{background:#f4f6f8;border-color:#d2d9df;color:#5d6873}
.state.in_progress{background:#e9f4ff;border-color:#8fc5f2;color:#075f9f}
.state.waiting_user{background:#fff4dc;border-color:#e9c36f;color:#966100}
.state.closed{background:#f0f2f5;border-color:#c8d0d8;color:#5e6a75}
.state.open{background:#fff5d8;border-color:#ebc85c;color:#8c6200}

.audit-table-wrap{border-radius:10px}
.audit-table{min-width:1260px}
.audit-table td{vertical-align:top;background:#fff}
.audit-table tbody tr:nth-child(even) td{background:#fbfdff}
.audit-table tbody tr:hover td{background:#f4f9ff}
.audit-table code{font-size:11px;overflow-wrap:anywhere}
.audit-description{margin-top:7px;max-width:560px;color:#30465b;line-height:1.4}
.audit-action-badge{display:inline-flex;align-items:center;width:max-content;border:1px solid;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;line-height:1.2}
.audit-action-badge.info{background:#eaf4ff;border-color:#91c4ee;color:#075f9f}
.audit-action-badge.success{background:#e8f8ef;border-color:#8fd0aa;color:#137244}
.audit-action-badge.danger{background:#fff0f1;border-color:#efadb4;color:#a92d38}
.audit-action-badge.violet{background:#f3edff;border-color:#c9b5f2;color:#6840ae}
.audit-action-badge.neutral{background:#f0f3f6;border-color:#cad3dc;color:#586979}
.audit-details-dialog{width:min(1040px,94vw)}
.audit-detail-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px;border:1px solid #d7e3ee;border-radius:10px;background:#f8fbfe}
.audit-detail-grid{margin-bottom:12px}
.audit-detail-fields{margin-bottom:12px}
.audit-inline-json{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.audit-user-agent{overflow-wrap:anywhere;font-weight:500!important}
@media(max-width:900px){.audit-detail-grid{grid-template-columns:1fr}.audit-table{min-width:1060px}}


/* SB_V9255_PHASE1_4_5_AGENT_TICKET_BADGES */
/* Agent online/offline is presence, not an in-progress job state. */
.agent-online-badge{background:#e5f8ed!important;border:1px solid #8fd0aa!important;color:#0f733d!important;padding:4px 9px!important;font-size:10px!important}
.agent-online-badge::before{background:#20a95a!important;box-shadow:0 0 0 3px rgba(32,169,90,.12)}
.agent-offline-badge{background:#f1f3f5!important;border:1px solid #c9d1d9!important;color:#687785!important;padding:4px 9px!important;font-size:10px!important}

/* Ticket status palette: each workflow state is visually distinct. */
.state{gap:5px}
.state::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.state.open,.state.new{background:#fff5d8!important;border-color:#e6bf49!important;color:#8a5b00!important}
.state.in_progress,.state.assigned,.state.processing{background:#e9f4ff!important;border-color:#8fc5f2!important;color:#075f9f!important}
.state.waiting_user,.state.waiting_support,.state.pending{background:#fff0dc!important;border-color:#e9b968!important;color:#925900!important}
.state.solved{background:#e8f8ef!important;border-color:#8fd0aa!important;color:#137244!important}
.state.closed{background:#eaf7ee!important;border-color:#9acfae!important;color:#24653f!important}
.state.cancelled,.state.canceled{background:#f0f2f5!important;border-color:#c8d0d8!important;color:#5e6a75!important}
.state.neutral{background:#f4f6f8!important;border-color:#d2d9df!important;color:#5d6873!important}

/* SB_V9256_PHASE2A1_PACKAGE_REPOSITORY */
.package-admin-grid{align-items:start}.package-metrics .metric{min-height:112px}.package-list{display:grid;gap:12px}.package-card{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr);gap:18px;padding:16px;border:1px solid var(--line,#d7e2ef);border-radius:14px;background:#fff}.package-card h3{margin:0 0 5px}.package-card p{margin:0;color:var(--muted,#6d7f96)}.package-tags{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.package-version-list{display:grid;gap:8px}.package-version{display:grid;grid-template-columns:90px minmax(160px,1fr);gap:5px 12px;padding:10px 12px;border:1px solid #dce6f1;border-radius:10px;background:#f8fbff}.package-version code{grid-column:1/-1;overflow-wrap:anywhere;color:#58708e;font-size:11px}.job-status.running{background:#e7f2ff;color:#075ea8;border-color:#7bb7ed}.job-status.queued{background:#f1f4f8;color:#526579;border-color:#cbd5e1}.job-status.cancelled{background:#f2f2f2;color:#737373;border-color:#d4d4d4}@media(max-width:1000px){.package-card{grid-template-columns:1fr}.package-admin-grid{grid-template-columns:1fr!important}}
/* SB_V9261_NOTIFICATIONS_NATIVE_R7_CLEAN */
.sb9261-r7-page{align-items:start}.sb9261-r7-list-panel .panel-header{align-items:flex-start}.sb9261-r7-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sb9261-r7-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sb9261-r7-list{display:flex;flex-direction:column;gap:10px}.sb9261-r7-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid var(--border,#d7e2f0);border-radius:12px;padding:12px 14px;background:#fff}.sb9261-r7-card-main{min-width:0;flex:1}.sb9261-r7-card .notice-title{font-size:14px;font-weight:700;color:#102033;margin-bottom:4px}.sb9261-r7-card .notice-body{font-size:13px;color:#51627a;white-space:pre-wrap;margin-bottom:8px}.sb9261-r7-card .notice-meta{display:flex;flex-wrap:wrap;gap:6px;color:#60738d;font-size:12px}.sb9261-r7-card .notice-meta span{background:#f3f7fc;border-radius:999px;padding:3px 8px}.sb9261-r7-card-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.sb9261-r7-x{min-width:30px!important;padding-left:8px!important;padding-right:8px!important;font-weight:800}.sb9261-r7-card.is-disabled{opacity:.62;background:#f8fafc}.sb9261-r7-card.is-old{border-color:#f3c77b;background:#fffdf8}.sb9261-r7-list-panel .empty{padding:22px;text-align:center;border:1px dashed #c9d8e8;border-radius:12px;color:#60738d}@media(max-width:1200px){.sb9261-r7-page{grid-template-columns:1fr!important}.sb9261-r7-list-head{flex-direction:column}.sb9261-r7-toolbar{justify-content:flex-start}}

/* BEGIN SB_V9262_ORG_WORKSPACE_UX1 */
.sb9262-org-workspace{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:14px;align-items:start}.sb9262-org-list{position:sticky;top:8px}.sb9262-org-card-list{max-height:calc(100vh - 300px);overflow:auto;padding-right:3px}.sb9262-org-detail{display:grid;gap:12px}.sb9262-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px}.sb9262-hero h2{font-size:22px;margin:2px 0 4px}.sb9262-hero p{margin:0}.sb9262-metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}.sb9262-metrics .metric{min-height:72px}.sb9262-metrics .metric small{display:block;margin-top:4px;color:#64748b}.sb9262-tabs{display:flex;gap:8px;flex-wrap:wrap}.sb9262-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sb9262-work-card{border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;background:#fff;margin-bottom:8px}.sb9262-work-card strong{display:block;margin-bottom:4px}.sb9262-work-card small{display:block;color:#64748b;margin-top:5px}.sb9262-chips{display:flex;gap:5px;flex-wrap:wrap}.sb9262-chips span{background:#eef4fb;border-radius:999px;padding:3px 7px;font-size:12px;color:#334155}.sb9262-specialist{box-shadow:none}.compact-empty{padding:14px!important}.sb9262-org-workspace .panel-note{color:#64748b}.sb9262-org-workspace .table-wrap{max-height:560px;overflow:auto}@media(max-width:1200px){.sb9262-org-workspace{grid-template-columns:1fr}.sb9262-org-list{position:relative;top:auto}.sb9262-metrics{grid-template-columns:repeat(2,minmax(130px,1fr))}.sb9262-overview-grid{grid-template-columns:1fr}}@media(max-width:720px){.sb9262-hero{flex-direction:column}.sb9262-metrics{grid-template-columns:1fr}}
/* END SB_V9262_ORG_WORKSPACE_UX1 */

/* BEGIN SB_V9263_AGENT_JOBS_UX1_R2 */
/* BEGIN SB_V9263_AGENT_JOBS_UX1 */
.sb9263-agent-jobs{display:grid;gap:14px}.sb9263-job-metrics{margin-bottom:0}.sb9263-job-create-panel .panel-body{padding-top:12px}.sb9263-agent-job-form{display:grid;grid-template-columns:2fr 1.2fr 2fr auto;gap:10px;align-items:end}.sb9263-form-actions .button{width:100%}.sb9263-job-filters{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,.9fr) minmax(260px,1.5fr) auto;gap:8px;margin-bottom:10px}.sb9263-jobs-list-panel .jobs-table-wrap{max-height:calc(100vh - 460px);min-height:320px;overflow:auto}.sb9263-agent-jobs .job-actions{display:flex;gap:6px;flex-wrap:wrap}.sb9263-agent-jobs .job-result{max-width:420px;white-space:normal}.sb9263-agent-jobs .metric strong{font-size:24px}@media(max-width:1100px){.sb9263-agent-job-form,.sb9263-job-filters{grid-template-columns:1fr}.sb9263-jobs-list-panel .jobs-table-wrap{max-height:none}}
/* END SB_V9263_AGENT_JOBS_UX1 */
/* END SB_V9263_AGENT_JOBS_UX1_R2 */

/* BEGIN SB_V9264_WEB_PROD_POLISH_UX1 */
/* SupportBridge V92.64 Web Production Polish UX1 */
body.sb-v9264-web-prod-polish #content .panel{border-color:#d8e3f3;box-shadow:0 6px 20px rgba(15,35,70,.04)}
body.sb-v9264-web-prod-polish #content .panel-header{gap:10px;align-items:center}
body.sb-v9264-web-prod-polish #content .panel-header h2{letter-spacing:-.01em}
body.sb-v9264-web-prod-polish .sb-v9264-collapsed > .panel-body,
body.sb-v9264-web-prod-polish .sb-v9264-collapsed > .table-wrap,
body.sb-v9264-web-prod-polish .sb-v9264-collapsed > .backup-layout{display:none!important}
body.sb-v9264-web-prod-polish .sb-v9264-collapse-btn{margin-left:auto;white-space:nowrap}
body.sb-v9264-web-prod-polish table.sb-v9264-clean-table tbody tr{background:#fff!important;background-image:none!important}
body.sb-v9264-web-prod-polish table.sb-v9264-clean-table tbody tr:nth-child(even){background:#fbfdff!important}
body.sb-v9264-web-prod-polish table.sb-v9264-clean-table tbody tr:hover{background:#f4f8ff!important}
body.sb-v9264-web-prod-polish table.sb-v9264-clean-table td,
body.sb-v9264-web-prod-polish table.sb-v9264-clean-table th{vertical-align:top}
body.sb-v9264-web-prod-polish .state,body.sb-v9264-web-prod-polish .job-status,body.sb-v9264-web-prod-polish .badge,body.sb-v9264-web-prod-polish .presence{border-radius:999px;padding:3px 8px;font-weight:700;border:1px solid transparent;background-image:none!important;white-space:nowrap}
body.sb-v9264-web-prod-polish .sb-badge-ok{background:#e9f9ef!important;color:#116b35!important;border-color:#bce9cb!important}
body.sb-v9264-web-prod-polish .sb-badge-bad{background:#fff0f0!important;color:#a81515!important;border-color:#ffc8c8!important}
body.sb-v9264-web-prod-polish .sb-badge-wait{background:#eef3fb!important;color:#39516f!important;border-color:#d5e2f2!important}
body.sb-v9264-web-prod-polish .sb-badge-run{background:#eaf3ff!important;color:#145ea8!important;border-color:#c9def8!important}
body.sb-v9264-web-prod-polish .sb-badge-warn{background:#fff5e7!important;color:#a35600!important;border-color:#ffd8a8!important}
body.sb-v9264-web-prod-polish .sb-v9264-inline-actions,body.sb-v9264-web-prod-polish .package-version .toolbar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;margin-top:6px!important}
body.sb-v9264-web-prod-polish .package-card{padding:14px!important;gap:12px!important}
body.sb-v9264-web-prod-polish .package-version{display:grid!important;grid-template-columns:minmax(90px,140px) 1fr!important;gap:4px 12px!important;align-items:start!important;border:1px solid #e1e9f5!important;border-radius:12px!important;padding:10px!important;margin:8px 0!important;background:#fff!important}
body.sb-v9264-web-prod-polish .package-version > code{grid-column:1/-1;display:block;max-width:100%;overflow:auto;background:#f7fafc;border:1px solid #e3ebf4;border-radius:8px;padding:5px 8px;font-size:11px}
body.sb-v9264-web-prod-polish .package-version .toolbar{grid-column:1/-1}
body.sb-v9264-web-prod-polish .package-version.sb-v9264-version-public{border-color:#bde8ce!important;background:#fbfffc!important}
body.sb-v9264-web-prod-polish .release-card{padding:14px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:12px!important;align-items:start!important}
body.sb-v9264-web-prod-polish .release-card.sb-v9264-latest-release{border-color:#b7d5ff!important;box-shadow:0 8px 28px rgba(20,100,200,.08)!important}
body.sb-v9264-web-prod-polish .release-card .checksum{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;background:#f7fafc!important;border-radius:10px!important;padding:8px!important}
body.sb-v9264-web-prod-polish .release-card .checksum code{max-width:680px;overflow:auto;white-space:nowrap}
body.sb-v9264-web-prod-polish .release-download{white-space:nowrap;align-self:center}
body.sb-v9264-web-prod-polish .sb-v9264-file-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.sb-v9264-web-prod-polish .sb-v9264-file-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed #bdd0e8;border-radius:12px;background:#f8fbff;padding:10px;margin-top:4px}
body.sb-v9264-web-prod-polish .sb-v9264-file-picker.has-file{border-color:#79b7ff;background:#f2f8ff}
body.sb-v9264-web-prod-polish .sb-v9264-file-name{color:#58708f;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}
body.sb-v9264-web-prod-polish .backup-history-grid{gap:12px!important}
body.sb-v9264-web-prod-polish .backup-history-list.sb-v9264-scroll-list{max-height:280px!important;overflow:auto!important;border:1px solid #e1e9f5;border-radius:12px;padding:8px!important;background:#fbfdff}
body.sb-v9264-web-prod-polish .backup-history-list.sb-v9264-scroll-list li{padding:8px 10px!important;border-bottom:1px solid #eef3f9!important}
body.sb-v9264-web-prod-polish .backup-history-list.sb-v9264-scroll-list li:last-child{border-bottom:0!important}
body.sb-v9264-web-prod-polish .button.small{min-height:30px!important;padding:6px 10px!important}
body.sb-v9264-web-prod-polish #content .toolbar{gap:6px!important;flex-wrap:wrap!important}
/* END SB_V9264_WEB_PROD_POLISH_UX1 */

/* SB_V9264_R2_FILEINPUT_CSS_START */
.sb-v9264-r2-fileinput-hidden{display:none!important}
/* SB_V9264_R2_FILEINPUT_CSS_END */



/* BEGIN SB_REPAIR78_WEB_SUPPORT_REQUESTS_NATIVE_SELECTION_FINAL */
.content.content--support-requests #supportFileInput,
.content.content--user-requests #ticketFileInput{
  display:none!important;
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.content.content--support-requests .composer .sb-file-picker,
.content.content--support-requests .composer .sb-v9264-file-picker,
.content.content--user-requests .composer .sb-file-picker,
.content.content--user-requests .composer .sb-v9264-file-picker{
  display:none!important;
}
.content.content--support-requests .composer,
.content.content--user-requests .composer{
  max-height:190px!important;
}
.content.content--support-requests .file-tools,
.content.content--user-requests .file-tools{
  align-items:center;
}
.content.content--support-requests .thread-card.active{
  border-color:#2383e2!important;
  background:#eaf4ff!important;
  box-shadow:inset 4px 0 0 #2383e2!important;
}
/* END SB_REPAIR78_WEB_SUPPORT_REQUESTS_NATIVE_SELECTION_FINAL */


/* BEGIN SB_REPAIR79_WEB_SUPPORT_COMPOSER_ICONS */
.sb-r79-icon-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  white-space:nowrap!important;
}
.sb-r79-icon-button::before{
  content:"";
  flex:0 0 auto;
  width:15px;
  height:15px;
  display:inline-block;
  background:currentColor;
  opacity:.9;
  transform:translateY(.5px);
}
.sb-r79-icon-attach::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 1 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05 12.25 20.24a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 1 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat;
}
.sb-r79-icon-screenshot::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='12' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4M8 9h.01M15 9l-5 5h6l-2-3-2 2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='12' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4M8 9h.01M15 9l-5 5h6l-2-3-2 2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.file-tools .sb-r79-icon-button.button.small,
.composer .file-tools .sb-r79-icon-button.button.small{
  min-height:32px!important;
  padding-inline:12px!important;
}
/* END SB_REPAIR79_WEB_SUPPORT_COMPOSER_ICONS */


/* BEGIN SB_REPAIR143_WEB_DESKTOP_PARITY_CSS */
body.sb-repair143-web-desktop-parity .sidebar{
  background:linear-gradient(180deg,#052742 0%,#061f35 60%,#051a2d 100%);
}
body.sb-repair143-web-desktop-parity .brand img{
  filter:drop-shadow(0 8px 18px rgba(0,120,255,.18));
}
body.sb-repair143-web-desktop-parity .nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(214,231,248,.72) rgba(255,255,255,.05);
}
body.sb-repair143-web-desktop-parity .nav::-webkit-scrollbar{width:8px}
body.sb-repair143-web-desktop-parity .nav::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
body.sb-repair143-web-desktop-parity .nav::-webkit-scrollbar-thumb{background:rgba(216,234,250,.72);border-radius:999px;border:2px solid rgba(4,28,48,.7)}
body.sb-repair143-web-desktop-parity .nav::-webkit-scrollbar-thumb:hover{background:#fff}
body.sb-repair143-web-desktop-parity .nav-link{
  gap:13px;
  min-height:47px;
  padding:10px 13px;
  border-radius:10px;
  font-weight:750;
  letter-spacing:.005em;
}
body.sb-repair143-web-desktop-parity .nav-link:hover{
  background:rgba(46,141,240,.16);
  border-color:rgba(120,190,255,.18);
}
body.sb-repair143-web-desktop-parity .nav-link.active{
  background:linear-gradient(135deg,#3197f1 0%,#176ce4 100%);
  border-color:rgba(100,184,255,.62);
  box-shadow:0 10px 24px rgba(0,90,210,.26), inset 0 1px 0 rgba(255,255,255,.15);
}
body.sb-repair143-web-desktop-parity .nav-icon{
  width:21px;
  height:21px;
  opacity:.98;
}
body.sb-repair143-web-desktop-parity .nav-icon svg{
  stroke-width:2.15!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));
}
body.sb-repair143-web-desktop-parity .nav-link.active .nav-icon svg{
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));
}
body.sb-repair143-web-desktop-parity .button.sb143-iconized{
  gap:7px;
  white-space:nowrap;
}
body.sb-repair143-web-desktop-parity .button .sb143-btn-icon{
  width:15px;
  height:15px;
  display:inline-grid;
  place-items:center;
  flex:0 0 15px;
  margin-left:-1px;
  color:currentColor;
}
body.sb-repair143-web-desktop-parity .button .sb143-btn-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.sb-repair143-web-desktop-parity .button.small .sb143-btn-icon,
body.sb-repair143-web-desktop-parity .button.small .sb143-btn-icon svg{
  width:13px;
  height:13px;
  flex-basis:13px;
}
body.sb-repair143-web-desktop-parity .metric{
  border-color:#d6e4f4;
  box-shadow:0 6px 18px rgba(18,50,84,.045);
}
body.sb-repair143-web-desktop-parity .panel{
  border-color:#d6e4f4;
}
/* END SB_REPAIR143_WEB_DESKTOP_PARITY_CSS */


/* BEGIN SB_REPAIR144_WEB_DESKTOP_COMPLETENESS_CSS */
body.sb-repair144-web-desktop-complete{
  --sidebar:238px;
  --radius:12px;
  --radius-lg:16px;
}
body.sb-repair144-web-desktop-complete .header{
  min-height:40px;
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(2,18,35,.10);
}
body.sb-repair144-web-desktop-complete .content{
  padding:18px 22px 24px;
  background:linear-gradient(180deg,#f4f8fc 0%,#eef4fa 100%);
}
body.sb-repair144-web-desktop-complete .sidebar{
  background:linear-gradient(180deg,#052b49 0%,#06243d 50%,#051c31 100%);
}
body.sb-repair144-web-desktop-complete .brand{
  height:122px;
  padding:18px 14px 10px;
}
body.sb-repair144-web-desktop-complete .brand img{
  width:200px;
  height:98px;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,155,255,.18));
}
body.sb-repair144-web-desktop-complete .nav{
  padding:10px 13px 14px;
}
body.sb-repair144-web-desktop-complete .nav-group{
  margin:17px 9px 7px;
  color:#7fa4c4;
  font-size:9px;
  letter-spacing:.14em;
}
body.sb-repair144-web-desktop-complete .nav-link{
  min-height:48px;
  border-radius:11px;
  padding:10px 14px;
  gap:13px;
  font-size:13px;
  font-weight:770;
}
body.sb-repair144-web-desktop-complete .nav-icon{
  width:20px;
  height:20px;
}
body.sb-repair144-web-desktop-complete .nav-icon svg{
  stroke-width:2.1;
}
body.sb-repair144-web-desktop-complete .nav-link.active{
  background:linear-gradient(135deg,#3197f1 0%,#176fe9 100%);
  box-shadow:0 12px 26px rgba(0,95,210,.25),inset 0 1px 0 rgba(255,255,255,.18);
}
body.sb-repair144-web-desktop-complete .sidebar-footer{
  min-height:42px;
  font-size:10px;
}
body.sb-repair144-web-desktop-complete .panel,
body.sb-repair144-web-desktop-complete .metric,
body.sb-repair144-web-desktop-complete .thread-card,
body.sb-repair144-web-desktop-complete .ticket-item{
  border-color:#d5e3f2;
  box-shadow:0 8px 24px rgba(15,45,78,.045);
}
body.sb-repair144-web-desktop-complete .panel:hover,
body.sb-repair144-web-desktop-complete .metric:hover{
  box-shadow:0 12px 30px rgba(15,45,78,.07);
}
body.sb-repair144-web-desktop-complete .panel-header{
  min-height:46px;
  padding:12px 16px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
body.sb-repair144-web-desktop-complete .panel-header h2,
body.sb-repair144-web-desktop-complete .panel-header h3{
  font-size:14px;
  letter-spacing:-.01em;
}
body.sb-repair144-web-desktop-complete .panel-body{
  padding:16px;
}
body.sb-repair144-web-desktop-complete .hero.sb144-dashboard-hero{
  border-left:0;
  border-radius:18px;
  padding:20px 24px;
  min-height:114px;
  background:linear-gradient(120deg,#ffffff 0%,#f8fbff 72%,#eef7ff 100%);
  border-color:#d3e4f4;
  box-shadow:0 12px 34px rgba(17,50,82,.06);
}
body.sb-repair144-web-desktop-complete .hero.sb144-dashboard-hero h2{
  font-size:24px;
  color:#081e3a;
  letter-spacing:-.025em;
}
body.sb-repair144-web-desktop-complete .hero.sb144-dashboard-hero p{
  font-size:12px;
  max-width:720px;
}
body.sb-repair144-web-desktop-complete .hero.sb144-dashboard-hero .toolbar{
  margin:0;
  justify-content:flex-end;
}
body.sb-repair144-web-desktop-complete .metric{
  min-height:98px;
  border-radius:14px;
  padding:15px 17px 14px;
}
body.sb-repair144-web-desktop-complete .metric::before{
  width:4px;
  top:14px;
  bottom:14px;
  border-radius:999px;
  left:12px;
}
body.sb-repair144-web-desktop-complete .metric span,
body.sb-repair144-web-desktop-complete .metric strong,
body.sb-repair144-web-desktop-complete .metric small{
  margin-left:12px;
}
body.sb-repair144-web-desktop-complete .metric strong{
  font-size:26px;
}
body.sb-repair144-web-desktop-complete .button{
  min-height:34px;
  border-radius:9px;
  font-weight:760;
}
body.sb-repair144-web-desktop-complete .button.small{
  min-height:28px;
  border-radius:8px;
}
body.sb-repair144-web-desktop-complete .input,
body.sb-repair144-web-desktop-complete .select,
body.sb-repair144-web-desktop-complete .textarea{
  min-height:36px;
  border-radius:9px;
}
body.sb-repair144-web-desktop-complete .empty{
  border:1px dashed #c9d9ea;
  border-radius:12px;
  background:#fbfdff;
}
@media(max-width:1200px){
  body.sb-repair144-web-desktop-complete{--sidebar:218px;}
  body.sb-repair144-web-desktop-complete .brand img{width:178px;}
}
/* END SB_REPAIR144_WEB_DESKTOP_COMPLETENESS_CSS */


/* BEGIN SB_REPAIR145_WEB_WORKPLANNER_PARITY_DATA_FIX */
#sb9257-hardroute-root .sb145-period-hint{
  margin:0 0 10px;
  padding:9px 12px;
  border:1px dashed #c7d8ec;
  border-radius:12px;
  background:#f8fbff;
  color:#55708f;
  font-size:12px;
}
#sb9257-hardroute-root .sb9260-event-card,
#sb9257-hardroute-root .sb9260-task-card{
  position:relative;
  overflow:hidden;
}
#sb9257-hardroute-root .sb9260-event-card::before,
#sb9257-hardroute-root .sb9260-task-card::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:#2f6fec;
}
#sb9257-hardroute-root .sb9260-event-card.today::before,
#sb9257-hardroute-root .sb9260-task-card.today::before{background:#f59e0b;}
#sb9257-hardroute-root .sb9260-task-card.overdue::before{background:#ef4444;}
#sb9257-hardroute-root .sb9260-event-card > *,
#sb9257-hardroute-root .sb9260-task-card > *{position:relative;}
/* END SB_REPAIR145_WEB_WORKPLANNER_PARITY_DATA_FIX */


/* REPAIR152_WEB_USERS_DESKTOP_PARITY_START */
.sb152-users-page{display:flex;flex-direction:column;gap:14px}.sb152-users-hero{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 26px}.sb152-users-hero h1{margin:0 0 6px;font-size:28px;line-height:1.1}.sb152-users-hero p{margin:0;color:#506987}.sb152-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sb152-users-filter .panel-body{padding:12px 14px}.sb152-users-layout{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(520px,.95fr);gap:14px;align-items:start}.sb152-users-list,.sb152-users-detail{min-height:560px}.sb152-user-card-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 430px);overflow:auto;padding-right:4px}.sb152-user-card{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,1.25fr) auto;gap:10px;align-items:center;text-decoration:none;color:inherit;background:#fff;border:1px solid #d8e5f4;border-radius:14px;padding:12px 14px;transition:.15s ease}.sb152-user-card:hover{border-color:#7db8ff;box-shadow:0 8px 20px rgba(30,99,184,.08)}.sb152-user-card.active{background:#eef6ff;border-color:#2f80ed;box-shadow:inset 4px 0 0 #2f80ed}.sb152-user-card strong{display:block;font-size:14px}.sb152-user-card span{display:block;color:#66809e;font-size:12px}.sb152-user-card-meta{display:flex;flex-direction:column;gap:2px}.sb152-user-card-stats{display:grid;grid-template-columns:auto auto;gap:2px 6px;align-items:baseline;color:#0b2b4c}.sb152-user-card-stats b{font-size:15px}.sb152-user-card-stats small{color:#6c819a}.sb152-detail-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.sb152-detail-hero h2{margin:0 0 4px;font-size:24px}.sb152-detail-hero p{margin:0 0 10px;color:#506987}.sb152-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.sb152-info-grid>div,.sb152-identity-card{background:#f7fbff;border:1px solid #dbe8f6;border-radius:12px;padding:10px 12px}.sb152-info-grid span{display:block;color:#6b819b;font-size:12px;margin-bottom:4px}.sb152-info-grid strong{font-size:13px}.sb152-details{background:#fff;border:1px solid #dbe8f6;border-radius:14px;margin:12px 0;padding:12px}.sb152-details summary{font-weight:800;cursor:pointer;margin-bottom:12px}.sb152-related-grid{margin-top:12px}.sb152-related-grid .nested{box-shadow:none}.sb152-related-row{display:block;text-decoration:none;color:inherit;border:1px solid #e0ebf7;background:#fbfdff;border-radius:12px;padding:10px 12px;margin-bottom:8px}.sb152-related-row:hover{border-color:#7db8ff}.sb152-related-row strong,.sb152-related-row span,.sb152-related-row small{display:block}.sb152-related-row span{color:#526b87;margin-top:2px}.sb152-related-row small{color:#70859f;margin-top:3px}.sb152-empty-detail{min-height:420px;display:flex;align-items:center;justify-content:center}.profile-visibility.compact{display:flex;gap:16px;align-items:center;background:#f5f9fe;border:1px solid #dce8f5;border-radius:12px;padding:10px 12px;margin:10px 0}.profile-visibility.compact label{display:flex;align-items:center;gap:8px;font-size:12px;color:#344b66}@media(max-width:1280px){.sb152-users-layout{grid-template-columns:1fr}.sb152-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sb152-user-card-list{max-height:none}.sb152-user-card{grid-template-columns:1fr}.sb152-users-list,.sb152-users-detail{min-height:auto}}
/* REPAIR152_WEB_USERS_DESKTOP_PARITY_END */


/* REPAIR153_WEB_USERS_COMPACT_PARITY_START */
.sb153-users-page{display:flex;flex-direction:column;gap:12px}.sb153-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px}.sb153-hero h1{margin:0 0 6px;font-size:28px;line-height:1.1}.sb153-hero p{margin:0;color:#526a86}.sb153-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sb153-filter{padding:12px}.sb153-filter .toolbar{width:100%;display:grid;grid-template-columns:240px minmax(240px,1fr) auto auto;gap:10px}.sb153-layout{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(520px,.85fr);gap:14px;align-items:start}.sb153-list,.sb153-detail{min-height:0}.sb153-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px 10px}.sb153-panel-title h2{font-size:16px;margin:0 0 3px}.sb153-panel-title p{margin:0;color:#6c819a;font-size:12px}.sb153-list-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px;max-height:calc(100vh - 420px);min-height:420px;overflow:auto}.sb153-user-row{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(260px,1.25fr) 74px;gap:12px;align-items:center;text-decoration:none;color:#0b2b4c;border:1px solid #dce7f4;background:#fff;border-radius:14px;padding:11px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.sb153-user-row:hover{border-color:#79b7ff;box-shadow:0 8px 20px rgba(30,99,184,.08)}.sb153-user-row.active{background:#edf6ff;border-color:#2f80ed;box-shadow:inset 4px 0 0 #2f80ed}.sb153-user-row strong{display:block;font-size:14px}.sb153-user-row span{display:block;font-size:12px;color:#657d99}.sb153-user-org{display:flex;flex-direction:column;gap:2px}.sb153-user-links{display:grid;grid-template-columns:auto 1fr;gap:1px 5px;align-items:baseline}.sb153-user-links b{font-size:16px}.sb153-user-links span{font-size:11px;color:#6a819a}.sb153-detail-body{padding:16px;max-height:calc(100vh - 360px);min-height:520px;overflow:auto}.sb153-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid #e0eaf5;padding-bottom:12px;margin-bottom:12px}.sb153-detail-head h2{font-size:24px;margin:0 0 4px}.sb153-detail-head p{margin:0 0 8px;color:#526a86}.sb153-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.sb153-facts>div,.sb153-identity-card{background:#f7fbff;border:1px solid #dbe8f6;border-radius:12px;padding:9px 11px}.sb153-facts span{display:block;color:#70859f;font-size:12px;margin-bottom:3px}.sb153-facts strong{font-size:13px}.sb153-edit-details{border:1px solid #dbe8f6;border-radius:14px;background:#fff;padding:12px;margin-bottom:12px}.sb153-edit-details summary{font-weight:800;cursor:pointer}.sb153-edit-details[open] summary{margin-bottom:10px}.compact-grid{gap:10px}.sb153-visibility{display:flex;gap:16px;align-items:center;background:#f5f9fe;border:1px solid #dce8f5;border-radius:12px;padding:9px 11px;margin:10px 0}.sb153-visibility label{display:flex;align-items:center;gap:8px;font-size:12px;color:#344b66}.sb153-related{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sb153-related section{border:1px solid #dbe8f6;background:#fff;border-radius:14px;padding:12px}.sb153-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.sb153-section-title h3{margin:0;font-size:16px}.sb153-mini-row{display:block;text-decoration:none;color:inherit;border:1px solid #e0ebf7;background:#fbfdff;border-radius:12px;padding:9px 10px;margin-bottom:7px}.sb153-mini-row strong,.sb153-mini-row span,.sb153-mini-row small{display:block}.sb153-mini-row span{color:#526b87}.sb153-mini-row small{color:#70859f}.sb153-empty-detail{min-height:420px;display:flex;align-items:center;justify-content:center}@media(max-width:1380px){.sb153-layout{grid-template-columns:1fr}.sb153-detail-body,.sb153-list-body{max-height:none;min-height:auto}.sb153-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sb153-filter .toolbar{grid-template-columns:1fr}.sb153-user-row{grid-template-columns:1fr}.sb153-related,.sb153-facts{grid-template-columns:1fr}}
/* REPAIR153_WEB_USERS_COMPACT_PARITY_END */


/* REPAIR154_WEB_USERS_RICH_PROFILE_PARITY_START */
.sb154-users-rich .sb154-rich-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sb154-users-rich .sb154-rich-facts>div{min-height:48px}.sb154-users-rich .sb154-rich-facts strong{word-break:break-word}.sb154-users-rich .sb153-identity-card{display:flex;flex-direction:column;gap:3px}.sb154-users-rich .sb153-user-org span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb154-users-rich .sb153-detail-body{scrollbar-gutter:stable}.sb154-users-rich .sb153-facts>div:nth-child(9),.sb154-users-rich .sb153-facts>div:nth-child(11){grid-column:auto}.sb154-users-rich .sb153-facts>div:nth-child(11) strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}@media(max-width:1500px){.sb154-users-rich .sb154-rich-facts{grid-template-columns:1fr}}
/* REPAIR154_WEB_USERS_RICH_PROFILE_PARITY_END */


/* REPAIR157_WEB_DEVICES_DESKTOP_PARITY_CSS_START */
.sb157-devices-page{display:flex;flex-direction:column;gap:14px}
.sb157-devices-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)}
.sb157-devices-hero h1{margin:0 0 6px;font-size:26px;line-height:1.15;color:#082747}
.sb157-devices-hero p{margin:0;color:#526984;font-size:13px;max-width:780px}
.sb157-device-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sb157-device-metrics .metric{min-height:86px}
.sb157-device-filter-panel{padding:12px 14px}
.sb157-device-filters{display:grid;grid-template-columns:240px 180px 1fr 124px;gap:10px;align-items:center}
.sb157-device-list-panel .panel-body{padding:10px 14px 16px}
.sb157-device-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 410px);min-height:180px;overflow:auto;padding-right:4px}
.sb157-device-row{position:relative;border:1px solid #d7e6f5;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(8,39,71,.045);padding:14px 14px 14px 18px;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}
.sb157-device-row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:#9aaec4}
.sb157-device-row.is-online:before{background:#22c55e}.sb157-device-row.is-offline:before{background:#f59e0b}
.sb157-device-row:hover{border-color:#7fb5ff;box-shadow:0 12px 28px rgba(37,99,235,.11);transform:translateY(-1px)}
.sb157-device-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.sb157-device-title{display:flex;gap:10px;align-items:flex-start;min-width:0}.sb157-device-title strong{display:block;color:#082747;font-size:15px}.sb157-device-title small{display:block;margin-top:3px;color:#61748e;word-break:break-all}.sb157-device-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#e8f2ff;color:#1e73e8;flex:0 0 auto}.sb157-device-icon svg{width:17px;height:17px}
.sb157-device-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sb157-device-meta{display:grid;grid-template-columns:1.2fr 1.1fr 1.15fr 1.25fr auto;gap:12px;align-items:center}.sb157-device-meta span{display:block;color:#6c7e96;font-size:11px}.sb157-device-meta strong{display:block;color:#102a43;font-size:13px}.sb157-device-meta small{display:block;color:#6b7d93;font-size:11px;margin-top:2px}.sb157-device-actions{display:flex;gap:8px;justify-content:flex-end;white-space:nowrap}.sb157-empty{padding:42px;text-align:center}
#supportDeviceDialog .dialog-card.wide-dialog.diagnostics-dialog{width:min(1060px,calc(100vw - 72px));max-height:calc(100vh - 70px);border-radius:18px;box-shadow:0 28px 70px rgba(8,39,71,.28)}
#supportDeviceDialog .dialog-head{border-bottom:1px solid #d9e7f6;background:linear-gradient(135deg,#fff 0%,#f4f9ff 100%)}
#supportDeviceDialog .dialog-body{padding:16px;background:#f6faff}.device-editor-layout{gap:14px}.device-editor-layout>section{background:#fff;border:1px solid #d9e7f6;border-radius:14px;padding:14px}.device-agent-actions .button{min-height:32px}.inventory-card,.device-info-box,.agent-runtime{border-color:#d9e7f6;border-radius:12px}.device-section>summary,.evidence-details>summary{border-radius:11px;background:#f8fbff;border:1px solid #dceafa;padding:10px 12px;font-weight:800;color:#0b2b4c}.device-section[open]>summary,.evidence-details[open]>summary{background:#eef6ff;color:#0b63d1}
@media(max-width:1250px){.sb157-device-meta{grid-template-columns:1fr 1fr}.sb157-device-actions{justify-content:flex-start}.sb157-device-filters{grid-template-columns:1fr 1fr}.sb157-device-filters .input{grid-column:1/-1}.sb157-device-filters .button{grid-column:1/-1}.sb157-device-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.sb157-devices-hero{align-items:flex-start;flex-direction:column}.sb157-device-metrics{grid-template-columns:1fr}.sb157-device-meta{grid-template-columns:1fr}.sb157-device-filters{grid-template-columns:1fr}.sb157-device-main{flex-direction:column}.sb157-device-badges{justify-content:flex-start}}
/* REPAIR157_WEB_DEVICES_DESKTOP_PARITY_CSS_END */


/* REPAIR159_WEB_DEVICE_MODAL_WIDE_TWO_PANE_FIX_CSS_START */
/* Device modal usability fix: the dialog itself must be wide, not only the inner card. */
#supportDeviceDialog.sb-dialog[open]{
  width:min(1660px,calc(100vw - 44px)) !important;
  max-width:calc(100vw - 44px) !important;
  height:min(930px,calc(100vh - 38px)) !important;
  max-height:calc(100vh - 38px) !important;
  padding:0 !important;
  border:1px solid #c7d9ea !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background:#fff !important;
}
#supportDeviceDialog.sb-dialog[open]::backdrop{
  background:rgba(6,30,50,.52) !important;
  backdrop-filter:blur(3px) !important;
}
#supportDeviceDialog .dialog-card.wide-dialog.diagnostics-dialog{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:100% !important;
  max-height:none !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  overflow:hidden !important;
  margin:0 !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
}
#supportDeviceDialog .dialog-head{
  position:relative !important;
  top:auto !important;
  z-index:10 !important;
  min-height:72px !important;
  padding:16px 20px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%) !important;
  border-bottom:1px solid #d7e6f5 !important;
  box-sizing:border-box !important;
}
#supportDeviceDialog .dialog-head h2{
  margin:0 0 4px !important;
  font-size:20px !important;
  line-height:1.2 !important;
  color:#082746 !important;
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .dialog-head p{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#526984 !important;
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .dialog-window-actions{align-self:start !important;}
#supportDeviceDialog .dialog-close-button,
#supportDeviceDialog .dialog-minimize-button{
  width:36px !important;
  height:36px !important;
  font-size:20px !important;
  border-radius:10px !important;
}
#supportDeviceDialog .dialog-body{
  min-height:0 !important;
  width:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:16px !important;
  background:#edf5fc !important;
  box-sizing:border-box !important;
}
#supportDeviceDialog .device-editor-layout{
  width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(320px,390px) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:start !important;
  box-sizing:border-box !important;
}
#supportDeviceDialog .device-editor-layout>section{
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  background:#fff !important;
  border:1px solid #d7e6f5 !important;
  border-radius:16px !important;
  padding:14px !important;
  box-shadow:0 10px 28px rgba(8,39,71,.055) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
#supportDeviceDialog .device-editor-layout>section:first-child{
  position:sticky !important;
  top:0 !important;
}
#supportDeviceDialog .device-editor-layout>section>h3,
#supportDeviceDialog .section-heading h3{
  margin:0 0 12px !important;
  font-size:17px !important;
  line-height:1.25 !important;
  color:#082746 !important;
}
#supportDeviceDialog .section-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 12px !important;
}
#supportDeviceDialog .device-editor-layout>section:first-child>.form-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:end !important;
}
#supportDeviceDialog .device-editor-layout>section:first-child>.form-grid .field.wide{
  grid-column:1 / -1 !important;
}
#supportDeviceDialog .field label{
  font-size:11px !important;
  margin-bottom:5px !important;
  color:#536a86 !important;
}
#supportDeviceDialog .input,
#supportDeviceDialog .select{
  min-height:38px !important;
  font-size:13px !important;
  border-radius:9px !important;
}
#supportDeviceDialog .device-editor-layout>section:first-child>.toolbar{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:12px 0 !important;
}
#supportDeviceDialog .device-editor-layout>section:first-child>.toolbar .button{
  width:100% !important;
  justify-content:center !important;
  min-height:36px !important;
}
#supportDeviceDialog .device-section{
  margin-top:10px !important;
  border-color:#d7e6f5 !important;
  border-radius:12px !important;
  background:#f8fbff !important;
  overflow:hidden !important;
}
#supportDeviceDialog .device-section>summary{
  min-height:38px !important;
  padding:10px 12px !important;
  font-weight:800 !important;
  color:#073b6f !important;
  cursor:pointer !important;
}
#supportDeviceDialog .device-info-box .details-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}
#supportDeviceDialog .device-info-box .details-list div{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .agent-runtime{
  margin:0 0 12px !important;
  border-radius:14px !important;
  border:1px solid #d7e6f5 !important;
  background:linear-gradient(180deg,#f8fbff 0%,#eff7ff 100%) !important;
  overflow:hidden !important;
}
#supportDeviceDialog .agent-runtime-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
}
#supportDeviceDialog .agent-runtime-grid>div{
  min-width:0 !important;
  min-height:74px !important;
  padding:10px 11px !important;
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .agent-runtime-grid span{font-size:10px !important;}
#supportDeviceDialog .agent-runtime-grid strong{font-size:12px !important;line-height:1.32 !important;}
#supportDeviceDialog .agent-runtime-grid small{font-size:10px !important;line-height:1.3 !important;}
#supportDeviceDialog .device-agent-actions{
  position:sticky !important;
  top:0 !important;
  z-index:7 !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
  gap:8px !important;
  margin:12px 0 14px !important;
  padding:10px !important;
  border:1px solid #d7e6f5 !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 22px rgba(8,39,71,.06) !important;
  box-sizing:border-box !important;
}
#supportDeviceDialog .device-agent-actions .button,
#supportDeviceDialog .device-agent-actions a.button{
  min-height:34px !important;
  width:100% !important;
  padding:8px 10px !important;
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
  font-size:12px !important;
}
#supportDeviceDialog .inventory-container{
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
}
#supportDeviceDialog .inventory-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
#supportDeviceDialog .inventory-lists,
#supportDeviceDialog .evidence-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
#supportDeviceDialog .inventory-card,
#supportDeviceDialog .inventory-lists>section,
#supportDeviceDialog .evidence-details,
#supportDeviceDialog .evidence-panel{
  min-width:0 !important;
  max-width:100% !important;
  border-color:#d7e6f5 !important;
  border-radius:13px !important;
  background:#fbfdff !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
#supportDeviceDialog .inventory-card{padding:12px !important;}
#supportDeviceDialog .inventory-card h4,
#supportDeviceDialog .inventory-lists h4,
#supportDeviceDialog .evidence-panel h3{
  font-size:14px !important;
  margin:0 0 9px !important;
}
#supportDeviceDialog .inventory-row{
  display:grid !important;
  grid-template-columns:minmax(110px,.9fr) minmax(0,1.15fr) !important;
  gap:10px !important;
  font-size:12px !important;
  align-items:start !important;
}
#supportDeviceDialog .inventory-row span{
  min-width:0 !important;
  text-align:right !important;
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .evidence-container{
  margin-top:10px !important;
  padding-top:12px !important;
  border-top:1px solid #d7e6f5 !important;
}
#supportDeviceDialog .diagnostic-request{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}
#supportDeviceDialog .diagnostic-request strong,
#supportDeviceDialog .diagnostic-request small{
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .error-box.compact,
#supportDeviceDialog .error-box{
  overflow-wrap:anywhere !important;
}
@media(max-width:1500px){
  #supportDeviceDialog.sb-dialog[open]{width:calc(100vw - 32px) !important;max-width:calc(100vw - 32px) !important;}
  #supportDeviceDialog .agent-runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:1180px){
  #supportDeviceDialog.sb-dialog[open]{height:calc(100vh - 20px) !important;max-height:calc(100vh - 20px) !important;width:calc(100vw - 20px) !important;max-width:calc(100vw - 20px) !important;}
  #supportDeviceDialog .device-editor-layout{grid-template-columns:1fr !important;}
  #supportDeviceDialog .device-editor-layout>section:first-child{position:static !important;}
  #supportDeviceDialog .inventory-grid,
  #supportDeviceDialog .inventory-lists,
  #supportDeviceDialog .evidence-grid{grid-template-columns:1fr !important;}
}
@media(max-width:760px){
  #supportDeviceDialog.sb-dialog[open]{width:calc(100vw - 8px) !important;max-width:calc(100vw - 8px) !important;height:calc(100vh - 8px) !important;max-height:calc(100vh - 8px) !important;border-radius:12px !important;}
  #supportDeviceDialog .dialog-card.wide-dialog.diagnostics-dialog{border-radius:12px !important;}
  #supportDeviceDialog .dialog-head{padding:12px 14px !important;}
  #supportDeviceDialog .dialog-body{padding:10px !important;}
  #supportDeviceDialog .device-editor-layout>section:first-child>.form-grid,
  #supportDeviceDialog .agent-runtime-grid,
  #supportDeviceDialog .device-agent-actions,
  #supportDeviceDialog .diagnostic-request{grid-template-columns:1fr !important;}
  #supportDeviceDialog .inventory-row{grid-template-columns:1fr !important;}
  #supportDeviceDialog .inventory-row span{text-align:left !important;}
}
/* REPAIR159_WEB_DEVICE_MODAL_WIDE_TWO_PANE_FIX_CSS_END */


/* REPAIR160B_WEB_DEVICE_MODAL_SAFE_ACTIONBAR_CSS_START */
/* Safe device modal action buttons: no JS DOM rehome, no floating/sticky overlay, no content scrolling underneath buttons. */
#supportDeviceDialog .device-editor-layout > section:nth-child(2){
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-width:0 !important;
}
#supportDeviceDialog .device-editor-layout > section:nth-child(2) .section-heading{
  order:0 !important;
  margin:0 !important;
}
#supportDeviceDialog #supportDeviceInventory{
  order:2 !important;
}
#supportDeviceDialog .device-agent-actions{
  order:1 !important;
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
  gap:8px !important;
  margin:2px 0 4px !important;
  padding:10px !important;
  border:1px solid #d7e6f5 !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%) !important;
  box-shadow:0 6px 16px rgba(8,39,71,.045) !important;
  box-sizing:border-box !important;
  max-width:100% !important;
}
#supportDeviceDialog .device-agent-actions .button,
#supportDeviceDialog .device-agent-actions a.button{
  min-height:36px !important;
  width:100% !important;
  padding:8px 10px !important;
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1.15 !important;
  border-radius:9px !important;
}
#supportDeviceDialog .device-agent-actions .button.success{
  min-height:40px !important;
}
#supportDeviceDialog #supportDeviceEvidence{
  order:3 !important;
}
#supportDeviceDialog details[data-state-key="support-device-requests"]{
  order:4 !important;
}
/* Prevent legacy sticky/fixed rules from any previous repair from hijacking the bar. */
#supportDeviceDialog .dialog-card.wide-dialog.diagnostics-dialog > .device-agent-actions,
#supportDeviceDialog .support-device-actionbar{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
}
@media(max-width:1180px){
  #supportDeviceDialog .device-agent-actions{grid-template-columns:repeat(auto-fit,minmax(135px,1fr)) !important;}
}
@media(max-width:760px){
  #supportDeviceDialog .device-agent-actions{grid-template-columns:1fr 1fr !important;}
}
/* REPAIR160B_WEB_DEVICE_MODAL_SAFE_ACTIONBAR_CSS_END */


/* REPAIR161_WEB_DEVICE_MODAL_FINAL_POLISH_CSS_START */
/* Final safe polish for device workstation card: CSS-only, no DOM movement, no click-handler changes. */
#supportDeviceDialog.sb-dialog[open]{
  width:min(1560px,calc(100vw - 38px)) !important;
  max-width:calc(100vw - 38px) !important;
  height:min(900px,calc(100vh - 38px)) !important;
  max-height:calc(100vh - 38px) !important;
}
#supportDeviceDialog .dialog-card.wide-dialog.diagnostics-dialog{
  grid-template-rows:auto minmax(0,1fr) !important;
}
#supportDeviceDialog .dialog-head{
  min-height:64px !important;
  padding:14px 18px !important;
}
#supportDeviceDialog .dialog-head h2{
  font-size:19px !important;
  line-height:1.18 !important;
}
#supportDeviceDialog .dialog-head p{
  font-size:12px !important;
  line-height:1.25 !important;
  max-width:calc(100% - 92px) !important;
}
#supportDeviceDialog .dialog-body{
  padding:14px !important;
  scrollbar-gutter:stable !important;
}
#supportDeviceDialog .device-editor-layout{
  grid-template-columns:minmax(305px,365px) minmax(0,1fr) !important;
  gap:14px !important;
}
#supportDeviceDialog .device-editor-layout > section:first-child{
  align-self:start !important;
  max-height:calc(100vh - 128px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-gutter:stable !important;
}
#supportDeviceDialog .device-editor-layout > section:nth-child(2){
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  min-width:0 !important;
  overflow:visible !important;
}
#supportDeviceDialog .device-editor-layout > section:nth-child(2) .section-heading{
  order:0 !important;
  margin:0 !important;
}
#supportDeviceDialog .device-agent-actions{
  order:1 !important;
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:8px !important;
  margin:0 0 2px !important;
  padding:10px !important;
  border:1px solid #d7e6f5 !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%) !important;
  box-shadow:0 6px 16px rgba(8,39,71,.045) !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
#supportDeviceDialog .device-agent-actions .button,
#supportDeviceDialog .device-agent-actions a.button{
  flex:1 1 142px !important;
  width:auto !important;
  max-width:210px !important;
  min-width:128px !important;
  min-height:36px !important;
  padding:8px 10px !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.14 !important;
  border-radius:9px !important;
  font-size:12px !important;
}
#supportDeviceDialog .device-agent-actions .button.success{
  flex:1.15 1 160px !important;
  max-width:230px !important;
  min-height:40px !important;
}
#supportDeviceDialog #supportDeviceInventory{order:2 !important;}
#supportDeviceDialog #supportDeviceEvidence{order:3 !important;}
#supportDeviceDialog details[data-state-key="support-device-requests"]{order:4 !important;}
#supportDeviceDialog .agent-runtime-grid{
  grid-template-columns:repeat(auto-fit,minmax(142px,1fr)) !important;
  gap:9px !important;
}
#supportDeviceDialog .agent-runtime-grid > div{
  min-height:70px !important;
  padding:9px 10px !important;
}
#supportDeviceDialog .agent-runtime-grid strong,
#supportDeviceDialog .agent-runtime-grid small{
  overflow-wrap:anywhere !important;
}
#supportDeviceDialog .error-box,
#supportDeviceDialog .error-box.compact{
  max-height:52px !important;
  overflow:auto !important;
  font-size:11px !important;
  line-height:1.25 !important;
  padding:8px 10px !important;
  margin:8px 0 0 !important;
}
#supportDeviceDialog .inventory-grid,
#supportDeviceDialog .inventory-lists,
#supportDeviceDialog .evidence-grid{
  gap:10px !important;
}
#supportDeviceDialog .inventory-row{
  grid-template-columns:minmax(105px,.85fr) minmax(0,1.2fr) !important;
}
#supportDeviceDialog .diagnostic-request{
  border-radius:11px !important;
}
#supportDeviceDialog .diagnostic-request .button,
#supportDeviceDialog .diagnostic-request button{
  min-height:32px !important;
  align-self:center !important;
}
@media(max-width:1500px){
  #supportDeviceDialog.sb-dialog[open]{width:calc(100vw - 28px) !important;max-width:calc(100vw - 28px) !important;}
  #supportDeviceDialog .device-editor-layout{grid-template-columns:minmax(285px,335px) minmax(0,1fr) !important;}
  #supportDeviceDialog .device-agent-actions .button,
  #supportDeviceDialog .device-agent-actions a.button{flex-basis:132px !important;min-width:118px !important;}
}
@media(max-width:1180px){
  #supportDeviceDialog.sb-dialog[open]{width:calc(100vw - 16px) !important;max-width:calc(100vw - 16px) !important;height:calc(100vh - 16px) !important;max-height:calc(100vh - 16px) !important;}
  #supportDeviceDialog .device-editor-layout{grid-template-columns:1fr !important;}
  #supportDeviceDialog .device-editor-layout > section:first-child{position:static !important;max-height:none !important;overflow:visible !important;}
  #supportDeviceDialog .device-agent-actions .button,
  #supportDeviceDialog .device-agent-actions a.button{max-width:none !important;}
}
@media(max-width:760px){
  #supportDeviceDialog .dialog-head p{max-width:100% !important;}
  #supportDeviceDialog .device-agent-actions{display:grid !important;grid-template-columns:1fr 1fr !important;}
  #supportDeviceDialog .device-agent-actions .button,
  #supportDeviceDialog .device-agent-actions a.button{width:100% !important;min-width:0 !important;}
}
/* REPAIR161_WEB_DEVICE_MODAL_FINAL_POLISH_CSS_END */



/* SB_REPAIR162_WEB_JOBS_DESKTOP_PARITY_POLISH_CSS
   Jobs page: desktop parity polish, safe CSS-only layout improvements. */
#supportJobsPage.sb9263-agent-jobs{
  gap:16px;
}
#supportJobsPage .sb9263-job-metrics{
  gap:14px;
}
#supportJobsPage .sb9263-job-metrics .metric{
  min-height:92px;
  overflow:hidden;
  position:relative;
}
#supportJobsPage .sb9263-job-metrics .metric::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  border-radius:999px;
  background:#2f80ed;
}
#supportJobsPage .sb9263-job-metrics .metric:nth-child(2)::before{background:#35aef0;}
#supportJobsPage .sb9263-job-metrics .metric:nth-child(3)::before{background:#16b983;}
#supportJobsPage .sb9263-job-metrics .metric:nth-child(4)::before{background:#f59e0b;}
#supportJobsPage .sb9263-job-create-panel,
#supportJobsPage .sb9263-jobs-list-panel{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(12,49,87,.06);
}
#supportJobsPage .sb9263-job-create-panel .panel-header,
#supportJobsPage .sb9263-jobs-list-panel .panel-header{
  padding:16px 18px;
  align-items:center;
}
#supportJobsPage .sb9263-agent-job-form{
  grid-template-columns:minmax(260px,1.8fr) minmax(220px,1fr) minmax(260px,1.6fr) 190px;
  gap:12px;
  align-items:end;
}
#supportJobsPage .sb9263-agent-job-form .field,
#supportJobsPage .sb9263-job-filters > *{
  min-width:0;
}
#supportJobsPage .sb9263-agent-job-form .button.success{
  min-height:40px;
  border-radius:10px;
  font-weight:800;
}
#supportJobsPage .sb9263-job-filters{
  grid-template-columns:minmax(170px,.8fr) minmax(230px,1fr) minmax(320px,2fr) auto;
  align-items:center;
  padding:10px;
  border:1px solid var(--line,#d7e2ef);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
}
#supportJobsPage .sb9263-jobs-list-panel .jobs-table-wrap{
  border:0;
  background:transparent;
  min-height:360px;
  max-height:calc(100vh - 430px);
  padding-right:2px;
}
#supportJobsPage .jobs-table{
  min-width:1180px;
  border-collapse:separate;
  border-spacing:0 8px;
}
#supportJobsPage .jobs-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  padding:12px 12px;
  background:#f2f7fc;
  color:#50627a;
  font-weight:800;
  border-top:1px solid var(--line,#d7e2ef);
  border-bottom:1px solid var(--line,#d7e2ef);
}
#supportJobsPage .jobs-table tbody td{
  background:#fff;
  border-top:1px solid #dce8f5;
  border-bottom:1px solid #dce8f5;
  padding:13px 12px;
  vertical-align:middle;
}
#supportJobsPage .jobs-table tbody tr td:first-child{
  border-left:4px solid #2f80ed;
  border-radius:13px 0 0 13px;
}
#supportJobsPage .jobs-table tbody tr td:last-child{
  border-right:1px solid #dce8f5;
  border-radius:0 13px 13px 0;
}
#supportJobsPage .jobs-table tbody tr.sb162-job-success td:first-child{border-left-color:#16b983;}
#supportJobsPage .jobs-table tbody tr.sb162-job-error td:first-child{border-left-color:#ef4444;}
#supportJobsPage .jobs-table tbody tr.sb162-job-running td:first-child{border-left-color:#2f80ed;}
#supportJobsPage .jobs-table tbody tr.sb162-job-queued td:first-child{border-left-color:#f59e0b;}
#supportJobsPage .jobs-table tbody tr.sb162-job-closed td:first-child{border-left-color:#94a3b8;}
#supportJobsPage .jobs-table tbody tr:hover td{
  background:#f8fbff;
  box-shadow:0 8px 20px rgba(12,49,87,.04);
}
#supportJobsPage .jobs-table strong{
  font-weight:850;
}
#supportJobsPage .jobs-table .cell-sub{
  margin-top:4px;
  line-height:1.35;
  color:#61738c;
}
#supportJobsPage .jobs-table .job-result{
  max-width:560px;
  white-space:normal;
  line-height:1.42;
  color:#243950;
}
#supportJobsPage .job-actions{
  justify-content:flex-end;
  gap:7px;
  min-width:136px;
}
#supportJobsPage .job-actions .button{
  border-radius:10px;
  font-weight:800;
}
#diagnosticResultDialog.sb162-diagnostic-result-dialog .diagnostic-result-dialog,
#diagnosticResultDialog .diagnostic-result-dialog{
  width:min(1120px,92vw);
  max-height:86vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:18px;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head{
  flex:0 0 auto;
  padding:18px 20px;
  border-bottom:1px solid #dce8f5;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-body{
  overflow:auto;
  padding:18px;
  background:#f4f8fd;
}
#diagnosticResultDialog .diagnostic-result-body{
  display:grid;
  gap:14px;
}
#diagnosticResultDialog .agent-job-summary{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
#diagnosticResultDialog .agent-job-summary > div,
#diagnosticResultDialog .inventory-card,
#diagnosticResultDialog .result-details{
  border-radius:14px;
  border-color:#d7e6f6;
  background:#fff;
}
#diagnosticResultDialog .agent-job-summary span{
  font-size:10px;
  letter-spacing:.02em;
  text-transform:uppercase;
}
#diagnosticResultDialog .agent-job-summary strong{
  font-size:14px;
  line-height:1.25;
}
#diagnosticResultDialog .agent-job-detail-grid{
  gap:12px;
}
#diagnosticResultDialog .details-list{
  gap:8px 14px;
}
#diagnosticResultDialog .diagnostic-log{
  max-height:320px;
  overflow:auto;
  border-radius:12px;
  background:#081a2f;
  color:#dbeafe;
  padding:12px;
  line-height:1.45;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
#diagnosticResultDialog .error-box,
#diagnosticResultDialog .warning-box,
#diagnosticResultDialog .notice-box{
  border-radius:12px;
  overflow-wrap:anywhere;
}
@media(max-width:1280px){
  #supportJobsPage .sb9263-agent-job-form,
  #supportJobsPage .sb9263-job-filters{grid-template-columns:1fr 1fr;}
  #supportJobsPage .sb9263-form-actions{grid-column:1/-1;}
}
@media(max-width:860px){
  #supportJobsPage .sb9263-agent-job-form,
  #supportJobsPage .sb9263-job-filters{grid-template-columns:1fr;}
  #diagnosticResultDialog .agent-job-summary,
  #diagnosticResultDialog .agent-job-detail-grid{grid-template-columns:1fr;}
}


/* SB_REPAIR163_WEB_JOBS_RESULT_MODAL_BOUNDARY_FIX_CSS
   Jobs result modal: keep all blocks inside modal borders, prevent horizontal spillover. */
#diagnosticResultDialog,
#diagnosticResultDialog *{
  box-sizing:border-box;
}
#diagnosticResultDialog .diagnostic-result-dialog{
  width:min(1040px, calc(100vw - 96px));
  max-width:calc(100vw - 96px);
  min-width:0;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  contain:paint;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head{
  position:relative;
  min-width:0;
  max-width:100%;
  padding-right:72px;
  overflow:hidden;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head h3,
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head .muted,
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head small{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head .dialog-close,
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head .icon-button,
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head button[aria-label="Закрыть"],
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head button[title="Закрыть"]{
  right:16px;
  max-right:16px;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-body{
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}
#diagnosticResultDialog .diagnostic-result-body,
#diagnosticResultDialog .agent-job-summary,
#diagnosticResultDialog .agent-job-detail-grid,
#diagnosticResultDialog .inventory-grid,
#diagnosticResultDialog .inventory-card,
#diagnosticResultDialog .result-details,
#diagnosticResultDialog .details-list,
#diagnosticResultDialog .error-box,
#diagnosticResultDialog .warning-box,
#diagnosticResultDialog .notice-box{
  min-width:0;
  max-width:100%;
}
#diagnosticResultDialog .agent-job-summary > *,
#diagnosticResultDialog .agent-job-detail-grid > *,
#diagnosticResultDialog .inventory-grid > *,
#diagnosticResultDialog .details-list > *{
  min-width:0;
  max-width:100%;
}
#diagnosticResultDialog .agent-job-summary strong,
#diagnosticResultDialog .details-list dd,
#diagnosticResultDialog .details-list dt,
#diagnosticResultDialog .job-result,
#diagnosticResultDialog .error-box,
#diagnosticResultDialog .warning-box,
#diagnosticResultDialog .notice-box{
  overflow-wrap:anywhere;
  word-break:break-word;
}
#diagnosticResultDialog .diagnostic-log,
#diagnosticResultDialog pre.diagnostic-log,
#diagnosticResultDialog pre,
#diagnosticResultDialog code{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#diagnosticResultDialog .diagnostic-log{
  margin:0;
  max-height:300px;
}
@media(max-width:1180px){
  #diagnosticResultDialog .diagnostic-result-dialog{
    width:calc(100vw - 64px);
    max-width:calc(100vw - 64px);
  }
  #diagnosticResultDialog .agent-job-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  #diagnosticResultDialog .diagnostic-result-dialog{
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
  }
  #diagnosticResultDialog .agent-job-summary,
  #diagnosticResultDialog .agent-job-detail-grid{
    grid-template-columns:1fr;
  }
}


/* SB_REPAIR164_WEB_JOBS_RESULT_MODAL_INSET_FIX_CSS
   Jobs result modal: visually keep structured result/json inset inside the modal card.
   This overrides REPAIR162/163 where the dark JSON block could visually touch/bleed to the dialog edge. */
#diagnosticResultDialog,
#diagnosticResultDialog *{
  box-sizing:border-box !important;
}
#diagnosticResultDialog.sb-dialog{
  overflow:hidden !important;
  padding:0 !important;
}
#diagnosticResultDialog .diagnostic-result-dialog,
#diagnosticResultDialog .dialog-card.diagnostic-result-dialog{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-head{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#diagnosticResultDialog .diagnostic-result-dialog .dialog-body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  padding:16px 18px 18px !important;
  background:#f4f8fd !important;
}
#diagnosticResultDialog .diagnostic-result-body{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  gap:14px !important;
}
#diagnosticResultDialog .agent-job-summary,
#diagnosticResultDialog .agent-job-detail-grid{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#diagnosticResultDialog .agent-job-summary > *,
#diagnosticResultDialog .agent-job-detail-grid > *,
#diagnosticResultDialog .inventory-card{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}
#diagnosticResultDialog .result-details,
#diagnosticResultDialog .structured-result-details{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  padding:10px 12px 12px !important;
  margin:0 !important;
  border:1px solid #d7e6f6 !important;
  border-radius:14px !important;
  background:#fff !important;
}
#diagnosticResultDialog .result-details > summary,
#diagnosticResultDialog .structured-result-details > summary{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#083763 !important;
  font-weight:900 !important;
}
#diagnosticResultDialog .diagnostic-log,
#diagnosticResultDialog pre.diagnostic-log,
#diagnosticResultDialog .structured-result-details pre,
#diagnosticResultDialog .result-details pre{
  display:block !important;
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:12px !important;
  border:1px solid #16466c !important;
  border-radius:12px !important;
  overflow-x:auto !important;
  overflow-y:auto !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  background:#081a2f !important;
  color:#dbeafe !important;
  contain:paint !important;
  scrollbar-gutter:stable both-edges !important;
}
#diagnosticResultDialog .diagnostic-log code,
#diagnosticResultDialog pre.diagnostic-log code{
  display:block !important;
  max-width:100% !important;
  min-width:0 !important;
  white-space:inherit !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
#diagnosticResultDialog .error-box,
#diagnosticResultDialog .warning-box,
#diagnosticResultDialog .notice-box,
#diagnosticResultDialog .job-result,
#diagnosticResultDialog .details-list,
#diagnosticResultDialog .details-list *{
  max-width:100% !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
@media(max-width:920px){
  #diagnosticResultDialog .diagnostic-result-dialog .dialog-body{
    padding:12px !important;
  }
  #diagnosticResultDialog .result-details,
  #diagnosticResultDialog .structured-result-details{
    padding:9px !important;
  }
}

/* SB_REPAIR165_WEB_JOBS_RESULT_ACCORDION_STATE_POLISH_CSS
   Jobs result modal: restore clear accordion state for "Полный структурированный результат".
   REPAIR164 fixed boundaries but made the summary look like a plain row. */
#diagnosticResultDialog .result-details > summary,
#diagnosticResultDialog .structured-result-details > summary{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  min-height:32px !important;
  margin:0 !important;
  padding:8px 10px !important;
  border:1px solid #d8e8f8 !important;
  border-radius:11px !important;
  background:#f1f7ff !important;
  color:#083763 !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  user-select:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  list-style:none !important;
}
#diagnosticResultDialog .result-details > summary::-webkit-details-marker,
#diagnosticResultDialog .structured-result-details > summary::-webkit-details-marker,
#diagnosticResultDialog .result-details > summary::marker,
#diagnosticResultDialog .structured-result-details > summary::marker{
  display:none !important;
  content:"" !important;
}
#diagnosticResultDialog .result-details > summary::before,
#diagnosticResultDialog .structured-result-details > summary::before{
  content:"▸" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
  border-radius:8px !important;
  background:#dbeeff !important;
  color:#0b5cad !important;
  font-size:13px !important;
  font-weight:900 !important;
  transition:transform .16s ease, background .16s ease !important;
}
#diagnosticResultDialog .result-details[open] > summary::before,
#diagnosticResultDialog .structured-result-details[open] > summary::before{
  content:"▾" !important;
  background:#cfe7ff !important;
}
#diagnosticResultDialog .result-details > summary::after,
#diagnosticResultDialog .structured-result-details > summary::after{
  content:"Развернуть" !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  padding:3px 8px !important;
  border:1px solid #cfe1f5 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#55708a !important;
  font-size:11px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
#diagnosticResultDialog .result-details[open] > summary::after,
#diagnosticResultDialog .structured-result-details[open] > summary::after{
  content:"Свернуть" !important;
  color:#0b5cad !important;
  background:#edf6ff !important;
}
#diagnosticResultDialog .result-details > summary:hover,
#diagnosticResultDialog .structured-result-details > summary:hover{
  border-color:#a9cdf2 !important;
  background:#eaf4ff !important;
}
#diagnosticResultDialog .result-details > summary:focus-visible,
#diagnosticResultDialog .structured-result-details > summary:focus-visible{
  outline:2px solid #2b7de9 !important;
  outline-offset:2px !important;
}
#diagnosticResultDialog .result-details[open] > summary,
#diagnosticResultDialog .structured-result-details[open] > summary{
  margin-bottom:10px !important;
}
#diagnosticResultDialog .result-details:not([open]) > summary,
#diagnosticResultDialog .structured-result-details:not([open]) > summary{
  margin-bottom:0 !important;
}
#diagnosticResultDialog .result-details[open] .diagnostic-log,
#diagnosticResultDialog .structured-result-details[open] .diagnostic-log,
#diagnosticResultDialog .result-details[open] pre,
#diagnosticResultDialog .structured-result-details[open] pre{
  animation:sbRepair165AccordionOpen .12s ease-out !important;
}
@keyframes sbRepair165AccordionOpen{
  from{opacity:.72; transform:translateY(-2px)}
  to{opacity:1; transform:translateY(0)}
}
@media(max-width:920px){
  #diagnosticResultDialog .result-details > summary::after,
  #diagnosticResultDialog .structured-result-details > summary::after{
    display:none !important;
  }
}

/* SB_REPAIR166_WEB_AGENTS_DESKTOP_PARITY_POLISH_CSS
   Agents page: desktop-like readable console with filters, full-width rows and safe action buttons. */
#supportAgentsPage.sb166-agents-page{
  display:flex;
  flex-direction:column;
  gap:16px;
}
#supportAgentsPage .sb166-agents-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:22px 24px;
  border-radius:18px;
  box-shadow:0 10px 28px rgba(12,49,87,.06);
}
#supportAgentsPage .sb166-agents-hero h1{
  margin:0 0 6px;
  font-size:28px;
  letter-spacing:-.02em;
}
#supportAgentsPage .sb166-agents-hero p{
  margin:0;
  color:#536781;
}
#supportAgentsPage .sb166-agent-metrics{
  gap:14px;
}
#supportAgentsPage .sb166-agent-metrics .metric{
  min-height:90px;
  position:relative;
  overflow:hidden;
}
#supportAgentsPage .sb166-agent-metrics .metric::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:4px;
  border-radius:999px;
  background:#2f80ed;
}
#supportAgentsPage .sb166-agent-metrics .metric:nth-child(2)::before{background:#16b983;}
#supportAgentsPage .sb166-agent-metrics .metric:nth-child(3)::before{background:#f59e0b;}
#supportAgentsPage .sb166-agent-metrics .metric:nth-child(4)::before{background:#7c3aed;}
#supportAgentsPage .sb166-agents-filter{
  border-radius:16px;
  overflow:hidden;
}
#supportAgentsPage .sb166-agents-filter .panel-body{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(180px,.65fr) minmax(320px,1.8fr) 130px 120px;
  gap:10px;
  align-items:center;
}
#supportAgentsPage .sb166-agents-filter select,
#supportAgentsPage .sb166-agents-filter input{
  min-width:0;
  height:40px;
}
#supportAgentsPage .sb166-agent-list-panel{
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(12,49,87,.06);
}
#supportAgentsPage .sb166-agent-list-panel .panel-header{
  padding:16px 18px;
  align-items:center;
}
#supportAgentsPage .sb166-agent-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#supportAgentsPage .sb166-agent-row{
  display:grid;
  grid-template-columns:minmax(260px,1.1fr) auto;
  gap:12px 16px;
  padding:16px;
  border:1px solid #dbe8f6;
  border-left:4px solid #94a3b8;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 8px 20px rgba(12,49,87,.035);
}
#supportAgentsPage .sb166-agent-row.is-online{border-left-color:#16b983;}
#supportAgentsPage .sb166-agent-row.is-offline{border-left-color:#ef4444;}
#supportAgentsPage .sb166-agent-title{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
#supportAgentsPage .sb166-agent-title strong{
  display:block;
  font-size:15px;
  font-weight:900;
  color:#092a4a;
}
#supportAgentsPage .sb166-agent-title small{
  display:block;
  margin-top:3px;
  color:#60738e;
  line-height:1.35;
}
#supportAgentsPage .sb166-agent-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8f3ff;
  color:#0b65c2;
  flex:0 0 auto;
}
#supportAgentsPage .sb166-agent-icon svg{
  width:18px;
  height:18px;
}
#supportAgentsPage .sb166-agent-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  justify-content:flex-end;
  align-items:flex-start;
}
#supportAgentsPage .sb166-agent-meta{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1.15fr .75fr .8fr 1fr 1.25fr;
  gap:10px;
}
#supportAgentsPage .sb166-agent-meta > div{
  min-width:0;
  padding:10px 12px;
  border:1px solid #e1edf8;
  border-radius:13px;
  background:#f8fbff;
}
#supportAgentsPage .sb166-agent-meta span{
  display:block;
  margin-bottom:5px;
  color:#6d8098;
  font-size:12px;
  font-weight:750;
}
#supportAgentsPage .sb166-agent-meta strong{
  display:block;
  color:#092a4a;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#supportAgentsPage .sb166-agent-meta small{
  display:block;
  margin-top:3px;
  color:#63758c;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#supportAgentsPage .sb166-agent-actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-top:2px;
}
#supportAgentsPage .sb166-agent-actions .button{
  min-height:34px;
  border-radius:10px;
  font-weight:850;
}
#supportAgentsPage .sb166-agent-actions .button:first-child{
  background:#16a34a;
  border-color:#16a34a;
  color:#fff;
}
#supportAgentsPage .sb166-empty{
  padding:34px;
  border:1px dashed #bfd2e7;
  border-radius:16px;
  text-align:center;
}
@media(max-width:1350px){
  #supportAgentsPage .sb166-agent-meta{grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:980px){
  #supportAgentsPage .sb166-agents-hero{flex-direction:column;}
  #supportAgentsPage .sb166-agents-filter .panel-body{grid-template-columns:1fr 1fr;}
  #supportAgentsPage .sb166-agent-row{grid-template-columns:1fr;}
  #supportAgentsPage .sb166-agent-badges{justify-content:flex-start;}
  #supportAgentsPage .sb166-agent-meta{grid-template-columns:1fr 1fr;}
}
@media(max-width:680px){
  #supportAgentsPage .sb166-agents-filter .panel-body,
  #supportAgentsPage .sb166-agent-meta{grid-template-columns:1fr;}
}

/* SB_REPAIR167B_ROUNDED_FIELDS_POLISH_SAFE_START */

/* Safe CSS-only polish: скругления для полей, фильтров, кнопок, карточек и таблиц.
   Логику, JS и DOM не трогаем. */

:root {
  --sb-radius-xs: 6px;
  --sb-radius-sm: 8px;
  --sb-radius-md: 10px;
  --sb-radius-lg: 14px;
  --sb-radius-xl: 18px;
}

/* Поля ввода, селекты, textarea */
#app input:not([type="checkbox"]):not([type="radio"]),
#app select,
#app textarea {
  border-radius: var(--sb-radius-md) !important;
}

/* Кнопки */
#app button,
#app .btn,
#app [role="button"] {
  border-radius: var(--sb-radius-md) !important;
}

/* Иконки/закрытие — компактное скругление */
#app .icon-btn,
#app button[class*="icon"],
#app button[class*="close"],
#app .modal-close,
#app .close {
  border-radius: var(--sb-radius-sm) !important;
}

/* Основные панели и карточки */
#app .card,
#app .panel,
#app .section,
#app .widget,
#app .modal,
#app .dialog,
#app [class*="card"],
#app [class*="panel"],
#app [class*="section"],
#app [class*="widget"] {
  border-radius: var(--sb-radius-lg) !important;
}

/* Фильтры и верхние action-панели */
#app .filters,
#app [class*="filter"],
#app [class*="toolbar"],
#app [class*="actionbar"],
#app [class*="action-bar"] {
  border-radius: var(--sb-radius-lg) !important;
}

/* Строки списков: задания, агенты, устройства, пользователи */
#app [class*="row"],
#app [class*="item"] {
  border-radius: var(--sb-radius-md) !important;
}

/* Табличные контейнеры, но не ломаем сами ячейки */
#app .table-wrap,
#app [class*="table-wrap"],
#app [class*="table"] {
  border-radius: var(--sb-radius-lg) !important;
  overflow: hidden;
}

/* Статусы и бейджи — таблетки */
#app .badge,
#app .pill,
#app [class*="badge"],
#app [class*="pill"] {
  border-radius: 999px !important;
}

/* Активные/выбранные элементы */
#app [class*="active"],
#app [class*="selected"] {
  border-radius: var(--sb-radius-lg) !important;
}

/* Чекбоксы не превращаем в большие таблетки */
#app input[type="checkbox"],
#app input[type="radio"] {
  border-radius: 4px !important;
}

/* SB_REPAIR167B_ROUNDED_FIELDS_POLISH_SAFE_END */

/* SB_REPAIR168_FOCUS_AND_TEXT_OVERFLOW_POLISH_START */

/* Финальный мягкий polish после 167B:
   1) убираем грубые чёрные browser-focus рамки;
   2) делаем нормальный support-bridge focus ring;
   3) длинные ошибки/результаты не должны ломать карточки. */

#app input:not([type="checkbox"]):not([type="radio"]):focus,
#app select:focus,
#app textarea:focus,
#app button:focus,
#app [role="button"]:focus,
#app input:not([type="checkbox"]):not([type="radio"]):focus-visible,
#app select:focus-visible,
#app textarea:focus-visible,
#app button:focus-visible,
#app [role="button"]:focus-visible {
  outline: none !important;
  border-color: #2f80ed !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14) !important;
}

/* Чекбоксы оставляем аккуратными, без огромной подсветки */
#app input[type="checkbox"]:focus,
#app input[type="checkbox"]:focus-visible,
#app input[type="radio"]:focus,
#app input[type="radio"]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.16) !important;
}

/* Внутри карточек/строк разрешаем детям сжиматься, иначе длинный текст распирает сетку */
#app [class*="agent"],
#app [class*="Agent"],
#app [class*="job"],
#app [class*="Job"],
#app [class*="task"],
#app [class*="Task"],
#app [class*="device"],
#app [class*="Device"] {
  min-width: 0;
}

/* Длинные ошибки и результаты в строках — в одну строку с троеточием */
#app [class*="agent"] [class*="error"],
#app [class*="Agent"] [class*="error"],
#app [class*="agent"] [class*="result"],
#app [class*="Agent"] [class*="result"],
#app [class*="job"] [class*="error"],
#app [class*="Job"] [class*="error"],
#app [class*="job"] [class*="result"],
#app [class*="Job"] [class*="result"],
#app [class*="last-error"],
#app [class*="LastError"],
#app [class*="lastError"] {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Красные alert/error-плашки внутри модалок не должны вылезать за контейнер */
#app .modal [class*="error"],
#app .dialog [class*="error"],
#app [class*="modal"] [class*="error"],
#app [class*="dialog"] [class*="error"] {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

/* Code/pre/json в модалках — строго внутри карточки */
#app pre,
#app code {
  max-width: 100% !important;
  overflow: auto !important;
  border-radius: 12px !important;
}

/* SB_REPAIR168_FOCUS_AND_TEXT_OVERFLOW_POLISH_END */


/* SB_REPAIR169_FORCE_FOCUS_RING_FIX_START */

/* Убираем грубую чёрную focus-рамку браузера/старых CSS-правил.
   Глобально внутри web-приложения, но только для интерактивных элементов. */

html body input,
html body select,
html body textarea {
  border-radius: 10px !important;
}

html body input:focus,
html body input:focus-visible,
html body input:active,
html body select:focus,
html body select:focus-visible,
html body select:active,
html body textarea:focus,
html body textarea:focus-visible,
html body textarea:active,
html body button:focus,
html body button:focus-visible,
html body button:active,
html body [role="button"]:focus,
html body [role="button"]:focus-visible,
html body [role="button"]:active {
  outline: 0 !important;
  outline-style: none !important;
  outline-width: 0 !important;
  outline-color: transparent !important;
}

/* Для обычных полей делаем мягкую синюю подсветку вместо чёрной */
html body input:not([type="checkbox"]):not([type="radio"]):focus,
html body input:not([type="checkbox"]):not([type="radio"]):focus-visible,
html body input:not([type="checkbox"]):not([type="radio"]):active,
html body select:focus,
html body select:focus-visible,
html body select:active,
html body textarea:focus,
html body textarea:focus-visible,
html body textarea:active {
  border-color: #2f80ed !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14) !important;
}

/* Иногда чёрная рамка висит не на input, а на контейнере фильтра */
html body div:focus,
html body div:focus-visible,
html body label:focus,
html body label:focus-visible {
  outline: 0 !important;
  outline-style: none !important;
  outline-width: 0 !important;
  outline-color: transparent !important;
}

/* Контейнеры с полями тоже получают мягкую подсветку, если внутри активное поле */
html body form:focus-within,
html body [class*="filter"]:focus-within,
html body [class*="Filter"]:focus-within,
html body [class*="search"]:focus-within,
html body [class*="Search"]:focus-within {
  outline: 0 !important;
}

/* Запрещаем чёрный inset/outer shadow от старых правил на полях фильтров */
html body [class*="filter"] input:focus,
html body [class*="Filter"] input:focus,
html body [class*="search"] input:focus,
html body [class*="Search"] input:focus,
html body [class*="filter"] select:focus,
html body [class*="Filter"] select:focus {
  border-color: #2f80ed !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14) !important;
}

/* SB_REPAIR169_FORCE_FOCUS_RING_FIX_END */


/* SB_REPAIR170_INPUT_BORDER_NORMALIZE_START */

/* Финальная нормализация полей: убираем чёрные рамки не только на focus,
   но и в обычном состоянии. JS/DOM не трогаем. */

html body #app input:not([type="checkbox"]):not([type="radio"]),
html body #app select,
html body #app textarea,
html body input:not([type="checkbox"]):not([type="radio"]),
html body select,
html body textarea {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid #cfe0f2 !important;
  border-color: #cfe0f2 !important;
  border-radius: 10px !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
}

/* Нормальное состояние при наведении */
html body #app input:not([type="checkbox"]):not([type="radio"]):hover,
html body #app select:hover,
html body #app textarea:hover,
html body input:not([type="checkbox"]):not([type="radio"]):hover,
html body select:hover,
html body textarea:hover {
  border-color: #9fc3ee !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Активное поле: мягкая синяя подсветка вместо чёрной рамки */
html body #app input:not([type="checkbox"]):not([type="radio"]):focus,
html body #app input:not([type="checkbox"]):not([type="radio"]):focus-visible,
html body #app input:not([type="checkbox"]):not([type="radio"]):active,
html body #app select:focus,
html body #app select:focus-visible,
html body #app select:active,
html body #app textarea:focus,
html body #app textarea:focus-visible,
html body #app textarea:active,
html body input:not([type="checkbox"]):not([type="radio"]):focus,
html body input:not([type="checkbox"]):not([type="radio"]):focus-visible,
html body input:not([type="checkbox"]):not([type="radio"]):active,
html body select:focus,
html body select:focus-visible,
html body select:active,
html body textarea:focus,
html body textarea:focus-visible,
html body textarea:active {
  border: 1px solid #2f80ed !important;
  border-color: #2f80ed !important;
  outline: 0 !important;
  outline-style: none !important;
  outline-width: 0 !important;
  outline-color: transparent !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14) !important;
}

/* Убираем outline у контейнеров фильтров, если браузер или старый CSS ставит рамку на wrapper */
html body #app *:focus,
html body #app *:focus-visible {
  outline-color: transparent !important;
}

/* Но кнопкам оставляем аккуратный доступный focus */
html body #app button:focus,
html body #app button:focus-visible,
html body button:focus,
html body button:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.16) !important;
  border-color: #2f80ed !important;
}

/* Специально для фильтров на Агентах/Заданиях/Устройствах */
html body #app [class*="filter"] input,
html body #app [class*="filter"] select,
html body #app [class*="Filter"] input,
html body #app [class*="Filter"] select,
html body #app [class*="toolbar"] input,
html body #app [class*="toolbar"] select,
html body #app [class*="Toolbar"] input,
html body #app [class*="Toolbar"] select,
html body #app [placeholder*="Device ID"],
html body #app [placeholder*="организация"],
html body #app [placeholder*="версия"],
html body #app [placeholder*="ошибка"],
html body #app [placeholder*="ПК"] {
  border: 1px solid #cfe0f2 !important;
  border-radius: 10px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* SB_REPAIR170_INPUT_BORDER_NORMALIZE_END */


/* SB_REPAIR171_CUSTOM_SELECT_DROPDOWNS_START */

/* Красивые dropdown вместо родного системного списка браузера.
   Оригинальный select остаётся в DOM для логики приложения. */

#app .sb-nice-select-wrap {
  position: relative !important;
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  vertical-align: top !important;
}

#app select.sb-native-select-hidden {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

#app .sb-nice-select-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border: 1px solid #cfe0f2 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0b1f3a !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease !important;
}

#app .sb-nice-select-button:hover {
  border-color: #9fc3ee !important;
  background: #fbfdff !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-button,
#app .sb-nice-select-button:focus,
#app .sb-nice-select-button:focus-visible {
  border-color: #2f80ed !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, .14) !important;
}

#app .sb-nice-select-button:disabled {
  opacity: .62 !important;
  cursor: not-allowed !important;
  background: #f3f7fb !important;
}

#app .sb-nice-select-label {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#app .sb-nice-select-caret {
  flex: 0 0 auto !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #4b6684 !important;
  background: #eef6ff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform .14s ease !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-caret {
  transform: rotate(180deg) !important;
}

.sb-nice-select-menu {
  position: fixed !important;
  z-index: 999999 !important;
  box-sizing: border-box !important;
  padding: 6px !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  border: 1px solid #bdd6f2 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(8, 31, 58, .22), 0 4px 14px rgba(8, 31, 58, .12) !important;
  color: #0b1f3a !important;
  animation: sbNiceSelectIn .12s ease-out !important;
}

.sb-nice-select-menu::-webkit-scrollbar {
  width: 10px !important;
}

.sb-nice-select-menu::-webkit-scrollbar-track {
  background: #eef5fc !important;
  border-radius: 999px !important;
}

.sb-nice-select-menu::-webkit-scrollbar-thumb {
  background: #b8d2ee !important;
  border-radius: 999px !important;
  border: 2px solid #eef5fc !important;
}

.sb-nice-select-group {
  padding: 7px 9px 5px !important;
  color: #6d8198 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.sb-nice-select-option {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #0b1f3a !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  text-align: left !important;
  cursor: pointer !important;
  white-space: normal !important;
  word-break: break-word !important;
  box-shadow: none !important;
}

.sb-nice-select-option:hover,
.sb-nice-select-option:focus,
.sb-nice-select-option:focus-visible {
  background: #eef6ff !important;
  color: #074a9e !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.sb-nice-select-option.is-selected {
  background: linear-gradient(180deg, #2f80ed, #1f6fe0) !important;
  color: #ffffff !important;
}

.sb-nice-select-option:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
}

@keyframes sbNiceSelectIn {
  from {
    opacity: 0;
    transform: translateY(-3px) scale(.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* SB_REPAIR171_CUSTOM_SELECT_DROPDOWNS_END */


/* SB_REPAIR172_CUSTOM_SELECT_VISUAL_POLISH_START */

/* Финальная визуальная полировка кастомных dropdown:
   аккуратная стрелка, мягкий выбранный пункт, нормальная ширина и без грубого синего списка. */

#app .sb-nice-select-button {
  min-height: 38px !important;
  padding: 9px 11px 9px 12px !important;
  border-radius: 12px !important;
  border-color: #c7dcf0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
  color: #0b2744 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

#app .sb-nice-select-button:hover {
  background: #ffffff !important;
  border-color: #94bceb !important;
  box-shadow: 0 4px 12px rgba(20, 70, 120, .07) !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-button,
#app .sb-nice-select-button:focus,
#app .sb-nice-select-button:focus-visible {
  border-color: #2f80ed !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, .13), 0 8px 18px rgba(20, 70, 120, .08) !important;
}

#app .sb-nice-select-caret {
  position: relative !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 999px !important;
  border: 1px solid #d5e6f7 !important;
  background: linear-gradient(180deg, #f8fbff 0%, #eaf4ff 100%) !important;
  color: transparent !important;
  font-size: 0 !important;
  transform: none !important;
}

#app .sb-nice-select-caret::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid #2474d4 !important;
  border-bottom: 2px solid #2474d4 !important;
  transform: translate(-50%, -62%) rotate(45deg) !important;
  transition: transform .14s ease, border-color .14s ease !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-caret {
  border-color: #9cc4ef !important;
  background: #e8f3ff !important;
  transform: none !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-caret::before {
  transform: translate(-50%, -35%) rotate(225deg) !important;
  border-color: #135fb4 !important;
}

.sb-nice-select-menu {
  min-width: 300px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  border: 1px solid #bcd5ef !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: 0 20px 50px rgba(8, 31, 58, .20), 0 5px 16px rgba(8, 31, 58, .10) !important;
}

.sb-nice-select-option {
  position: relative !important;
  min-height: 38px !important;
  padding: 9px 12px 9px 34px !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #0b2744 !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.sb-nice-select-option + .sb-nice-select-option {
  margin-top: 2px !important;
}

.sb-nice-select-option::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  border: 1px solid #c7dcf0 !important;
  background: #ffffff !important;
  transform: translateY(-50%) !important;
}

.sb-nice-select-option:hover,
.sb-nice-select-option:focus,
.sb-nice-select-option:focus-visible {
  background: #f0f7ff !important;
  color: #075fb8 !important;
  box-shadow: none !important;
}

.sb-nice-select-option.is-selected {
  background: #e9f4ff !important;
  color: #075fb8 !important;
}

.sb-nice-select-option.is-selected::before {
  border-color: #2f80ed !important;
  background: #2f80ed !important;
  box-shadow: inset 0 0 0 2px #ffffff !important;
}

.sb-nice-select-option:disabled {
  opacity: .48 !important;
  background: transparent !important;
}

.sb-nice-select-group {
  padding: 8px 10px 5px !important;
  color: #70859e !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
}

/* Для узких мест не даём dropdown вылезать слишком агрессивно */
@media (max-width: 900px) {
  .sb-nice-select-menu {
    min-width: 240px !important;
    max-width: calc(100vw - 20px) !important;
  }
}

/* SB_REPAIR172_CUSTOM_SELECT_VISUAL_POLISH_END */


/* SB_REPAIR173_SELECTS_FORMS_FINAL_POLISH_CSS_START */

/* Финальный слой форм: селекты, стрелки, date/time, фильтры, compact-поля.
   Только внешний вид. Логику и DOM приложения не меняет. */

:root {
  --sb-control-radius: 11px;
  --sb-control-border: #c9dff2;
  --sb-control-border-hover: #9fc7ee;
  --sb-control-focus: #2f80ed;
  --sb-control-bg: #ffffff;
  --sb-control-bg-soft: #f8fbff;
  --sb-control-text: #08233f;
  --sb-control-muted: #68849f;
}

/* Общая геометрия полей */
#app input:not([type="checkbox"]):not([type="radio"]),
#app textarea,
#app select,
#app .sb-native-select-polished,
#app .sb-nice-select-button {
  min-height: 36px !important;
  border-radius: var(--sb-control-radius) !important;
  border: 1px solid var(--sb-control-border) !important;
  background-color: var(--sb-control-bg) !important;
  color: var(--sb-control-text) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Убираем грубые системные рамки */
#app input:focus,
#app textarea:focus,
#app select:focus,
#app button:focus,
#app [role="button"]:focus,
#app input:focus-visible,
#app textarea:focus-visible,
#app select:focus-visible,
#app button:focus-visible,
#app [role="button"]:focus-visible,
#app .sb-nice-select-button:focus,
#app .sb-nice-select-button:focus-visible {
  outline: none !important;
  border-color: var(--sb-control-focus) !important;
  box-shadow: 0 0 0 3px rgba(47,128,237,.13) !important;
}

/* Hover без чёрных/жёстких рамок */
#app input:not([type="checkbox"]):not([type="radio"]):hover,
#app textarea:hover,
#app select:hover,
#app .sb-native-select-polished:hover,
#app .sb-nice-select-button:hover {
  border-color: var(--sb-control-border-hover) !important;
}

/* Кастомные селекты */
#app .sb-nice-select-wrap {
  min-width: 0 !important;
  max-width: 100% !important;
}

#app .sb-nice-select-button {
  height: 36px !important;
  padding: 7px 8px 7px 11px !important;
  gap: 7px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

#app .sb-nice-select-label {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Аккуратная стрелка вместо текстового символа */
#app .sb-nice-select-caret {
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-left: auto !important;
  border-radius: 999px !important;
  border: 1px solid #d7e8f8 !important;
  background: linear-gradient(180deg, #f9fcff 0%, #eaf4ff 100%) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

#app .sb-nice-select-caret::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 48% !important;
  width: 6px !important;
  height: 6px !important;
  border-right: 2px solid #2878d8 !important;
  border-bottom: 2px solid #2878d8 !important;
  transform: translate(-50%, -60%) rotate(45deg) !important;
  transition: transform .14s ease, border-color .14s ease !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-caret {
  background: #e8f3ff !important;
  border-color: #9cc6f0 !important;
}

#app .sb-nice-select-wrap.is-open .sb-nice-select-caret::before {
  top: 54% !important;
  transform: translate(-50%, -40%) rotate(225deg) !important;
  border-color: #135fb4 !important;
}

/* Меню dropdown */
.sb-nice-select-menu {
  z-index: 999999 !important;
  min-width: 260px !important;
  max-width: min(520px, calc(100vw - 24px)) !important;
  max-height: min(420px, calc(100vh - 120px)) !important;
  padding: 7px !important;
  border-radius: 14px !important;
  border: 1px solid #bdd7ef !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(8, 31, 58, .18), 0 5px 14px rgba(8, 31, 58, .08) !important;
  overflow: auto !important;
}

.sb-nice-select-option {
  position: relative !important;
  min-height: 34px !important;
  padding: 8px 11px 8px 30px !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #0b2744 !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.sb-nice-select-option + .sb-nice-select-option {
  margin-top: 2px !important;
}

.sb-nice-select-option::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  border: 1px solid #c8ddf1 !important;
  background: #ffffff !important;
  transform: translateY(-50%) !important;
}

.sb-nice-select-option:hover,
.sb-nice-select-option:focus,
.sb-nice-select-option:focus-visible {
  background: #f1f7ff !important;
  color: #075fb8 !important;
  outline: none !important;
  box-shadow: none !important;
}

.sb-nice-select-option.is-selected {
  background: #e9f4ff !important;
  color: #075fb8 !important;
}

.sb-nice-select-option.is-selected::before {
  border-color: #2f80ed !important;
  background: #2f80ed !important;
  box-shadow: inset 0 0 0 2px #ffffff !important;
}

/* Скролл внутри dropdown */
.sb-nice-select-menu::-webkit-scrollbar {
  width: 10px !important;
}

.sb-nice-select-menu::-webkit-scrollbar-track {
  background: #f1f6fb !important;
  border-radius: 999px !important;
}

.sb-nice-select-menu::-webkit-scrollbar-thumb {
  background: #b8d2ea !important;
  border: 2px solid #f1f6fb !important;
  border-radius: 999px !important;
}

.sb-nice-select-menu::-webkit-scrollbar-thumb:hover {
  background: #8db8df !important;
}

/* Нативные select, если где-то ещё остались */
#app select.sb-native-select-polished {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 34px !important;
  background-image:
    radial-gradient(circle at center, #e9f4ff 0, #e9f4ff 9px, transparent 10px),
    linear-gradient(45deg, transparent 50%, #2878d8 50%),
    linear-gradient(135deg, #2878d8 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 21px) 51%,
    calc(100% - 16px) 51% !important;
  background-size:
    20px 20px,
    5px 5px,
    5px 5px !important;
  background-repeat: no-repeat !important;
}

/* Date/time поля */
#app input[type="date"],
#app input[type="time"],
#app input[type="datetime-local"] {
  padding-right: 10px !important;
}

#app input[type="date"]::-webkit-calendar-picker-indicator,
#app input[type="time"]::-webkit-calendar-picker-indicator,
#app input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity: .62 !important;
  cursor: pointer !important;
  filter: saturate(.9) hue-rotate(175deg) !important;
}

/* Компактные зоны, чтобы текст вроде "Все статусы" не резался слишком рано */
#app .sb-nice-select-button {
  min-width: 0 !important;
}

#app .sb-nice-select-wrap:first-child .sb-nice-select-button {
  min-width: 130px !important;
}

@media (max-width: 900px) {
  .sb-nice-select-menu {
    min-width: 230px !important;
  }

  #app .sb-nice-select-button {
    min-height: 34px !important;
    height: 34px !important;
  }
}

/* SB_REPAIR173_SELECTS_FORMS_FINAL_POLISH_CSS_END */


/* SB_REPAIR179_SPECIALIST_HIDE_CREATE_JOBS_LIST_POLISH_START */

/* Технической поддержке не показываем админские кнопки создания. */
body .sb178-create-locked,
body #sb177CreateOrgBtn,
body #sb177CreateUserBtn {
  display: none !important;
}

/* Убираем лишнюю служебную подпись и версию из левого меню. */
body .topbar-product,
body .topbar-product *,
body .sidebar-footer small {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body .sidebar-footer {
  min-height: 44px !important;
  align-items: center !important;
}

body .brand,
body .sidebar .brand {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

body .brand img,
body .sidebar .brand img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Модалка устройства: кнопки закрытия/сворачивания ближе к правому краю, но без выезда. */
body .diagnostics-dialog .dialog-head,
body .device-modal .dialog-head {
  padding-right: 8px !important;
}

body .diagnostics-dialog .dialog-window-actions,
body .device-modal .dialog-window-actions {
  margin-left: auto !important;
  margin-right: -2px !important;
}

/* Задания: нормальная компактная таблица, кнопки всегда видны. */
#supportJobsPage .jobs-table-wrap,
#supportJobsPage .table-wrap,
.jobs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#supportJobsPage table.jobs-table,
#supportJobsPage .jobs-table,
.jobs-table-wrap table,
.jobs-table-wrap .jobs-table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

#supportJobsPage .jobs-table thead,
.jobs-table-wrap .jobs-table thead {
  display: table-header-group !important;
}

#supportJobsPage .jobs-table tbody,
.jobs-table-wrap .jobs-table tbody {
  display: table-row-group !important;
}

#supportJobsPage .jobs-table tr,
.jobs-table-wrap .jobs-table tr {
  display: table-row !important;
}

#supportJobsPage .jobs-table th,
#supportJobsPage .jobs-table td,
.jobs-table-wrap .jobs-table th,
.jobs-table-wrap .jobs-table td {
  display: table-cell !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#supportJobsPage .jobs-table th,
.jobs-table-wrap .jobs-table th {
  height: 42px !important;
  padding: 9px 10px !important;
  background: #eef5fb !important;
  border-bottom: 1px solid #d6e6f6 !important;
  color: #38536e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#supportJobsPage .jobs-table td,
.jobs-table-wrap .jobs-table td {
  height: 58px !important;
  padding: 9px 10px !important;
  background: #fff !important;
  border-bottom: 1px solid #dce9f6 !important;
  color: #0f2742 !important;
  font-size: 13px !important;
  line-height: 1.28 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#supportJobsPage .jobs-table tbody tr:hover td,
.jobs-table-wrap .jobs-table tbody tr:hover td {
  background: #f8fbff !important;
}

/* Ширины колонок: результату оставляем место, действия закрепляем справа. */
#supportJobsPage .jobs-table th:nth-child(1),
#supportJobsPage .jobs-table td:nth-child(1),
.jobs-table-wrap .jobs-table th:nth-child(1),
.jobs-table-wrap .jobs-table td:nth-child(1) {
  width: 96px !important;
}

#supportJobsPage .jobs-table th:nth-child(2),
#supportJobsPage .jobs-table td:nth-child(2),
.jobs-table-wrap .jobs-table th:nth-child(2),
.jobs-table-wrap .jobs-table td:nth-child(2) {
  width: 235px !important;
}

#supportJobsPage .jobs-table th:nth-child(3),
#supportJobsPage .jobs-table td:nth-child(3),
.jobs-table-wrap .jobs-table th:nth-child(3),
.jobs-table-wrap .jobs-table td:nth-child(3) {
  width: 250px !important;
}

#supportJobsPage .jobs-table th:nth-child(4),
#supportJobsPage .jobs-table td:nth-child(4),
.jobs-table-wrap .jobs-table th:nth-child(4),
.jobs-table-wrap .jobs-table td:nth-child(4) {
  width: 190px !important;
}

#supportJobsPage .jobs-table th:nth-child(5),
#supportJobsPage .jobs-table td:nth-child(5),
.jobs-table-wrap .jobs-table th:nth-child(5),
.jobs-table-wrap .jobs-table td:nth-child(5) {
  width: 112px !important;
}

#supportJobsPage .jobs-table th:nth-child(6),
#supportJobsPage .jobs-table td:nth-child(6),
.jobs-table-wrap .jobs-table th:nth-child(6),
.jobs-table-wrap .jobs-table td:nth-child(6) {
  width: 82px !important;
}

#supportJobsPage .jobs-table th:nth-child(7),
#supportJobsPage .jobs-table td:nth-child(7),
.jobs-table-wrap .jobs-table th:nth-child(7),
.jobs-table-wrap .jobs-table td:nth-child(7) {
  width: auto !important;
}

#supportJobsPage .jobs-table th:nth-child(8),
#supportJobsPage .jobs-table td:nth-child(8),
.jobs-table-wrap .jobs-table th:nth-child(8),
.jobs-table-wrap .jobs-table td:nth-child(8) {
  width: 215px !important;
  min-width: 215px !important;
  max-width: 215px !important;
  overflow: visible !important;
  text-align: right !important;
  padding-right: 10px !important;
}

/* Результат не растягивает строку. */
#supportJobsPage .jobs-table .job-result,
.jobs-table-wrap .jobs-table .job-result,
#supportJobsPage .jobs-table td:nth-child(7),
.jobs-table-wrap .jobs-table td:nth-child(7) {
  max-height: 42px !important;
  overflow: hidden !important;
}

/* Кнопки действий не режутся и не уезжают вправо. */
#supportJobsPage .job-actions,
#supportJobsPage .jobs-table .job-actions,
.jobs-table-wrap .jobs-table .job-actions {
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-width: 100% !important;
}

#supportJobsPage .job-actions button,
#supportJobsPage .job-actions .button,
.jobs-table-wrap .jobs-table .job-actions button,
.jobs-table-wrap .jobs-table .job-actions .button {
  flex: 0 0 auto !important;
  min-width: 92px !important;
  max-width: 98px !important;
  height: 31px !important;
  padding: 0 9px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  line-height: 29px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* На более узких экранах — компактнее, но кнопки всё равно остаются видимыми. */
@media (max-width: 1650px) {
  #supportJobsPage .jobs-table th:nth-child(2),
  #supportJobsPage .jobs-table td:nth-child(2),
  .jobs-table-wrap .jobs-table th:nth-child(2),
  .jobs-table-wrap .jobs-table td:nth-child(2) {
    width: 215px !important;
  }

  #supportJobsPage .jobs-table th:nth-child(3),
  #supportJobsPage .jobs-table td:nth-child(3),
  .jobs-table-wrap .jobs-table th:nth-child(3),
  .jobs-table-wrap .jobs-table td:nth-child(3) {
    width: 220px !important;
  }

  #supportJobsPage .jobs-table th:nth-child(4),
  #supportJobsPage .jobs-table td:nth-child(4),
  .jobs-table-wrap .jobs-table th:nth-child(4),
  .jobs-table-wrap .jobs-table td:nth-child(4) {
    width: 175px !important;
  }

  #supportJobsPage .jobs-table th:nth-child(8),
  #supportJobsPage .jobs-table td:nth-child(8),
  .jobs-table-wrap .jobs-table th:nth-child(8),
  .jobs-table-wrap .jobs-table td:nth-child(8) {
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }
}

/* Сохраняем стили админских модалок создания для настоящего администратора. */
.sb178-dialog {
  border: 0 !important;
  border-radius: 18px !important;
  padding: 0 !important;
  background: transparent !important;
  max-width: min(820px, calc(100vw - 44px)) !important;
}

.sb178-dialog::backdrop {
  background: rgba(8, 32, 56, .52) !important;
  backdrop-filter: blur(3px) !important;
}

.sb178-card {
  background: #fff !important;
  border: 1px solid #d9e7f5 !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(9, 35, 68, .28) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.sb178-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid #e4eef8 !important;
  background: linear-gradient(#fff, #f8fbff) !important;
}

.sb178-head h2 {
  margin: 0 0 4px !important;
  font-size: 18px !important;
  color: #0c2540 !important;
}

.sb178-head p {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
}

.sb178-x {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid #cfe0f2 !important;
  background: #fff !important;
  color: #0b2947 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.sb178-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  padding: 18px 20px !important;
}

.sb178-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.sb178-grid label {
  display: grid !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #52677f !important;
  font-weight: 700 !important;
}

.sb178-grid input,
.sb178-grid select,
.sb178-grid textarea {
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #cfe0f2 !important;
  border-radius: 10px !important;
  padding: 0 11px !important;
  background: #fff !important;
  color: #0d243d !important;
  font-weight: 650 !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.sb178-grid input,
.sb178-grid select {
  height: 38px !important;
}

.sb178-grid textarea {
  min-height: 70px !important;
  padding-top: 9px !important;
  resize: vertical !important;
}

.sb178-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 0 20px 18px !important;
}

/* SB_REPAIR179_SPECIALIST_HIDE_CREATE_JOBS_LIST_POLISH_END */


/* SB_REPAIR180_ORG_WORKPLANNER_VISIBLE_FALLBACK_START */

.sb180-org-work-list {
  display: grid !important;
  gap: 10px !important;
}

.sb180-org-work-card {
  display: block !important;
  border: 1px solid #dbe9f7 !important;
  border-left: 4px solid #2f7df6 !important;
  border-radius: 12px !important;
  background: #fff !important;
  padding: 12px 14px !important;
  box-shadow: 0 8px 22px rgba(15, 47, 84, .04) !important;
}

.sb180-org-work-card strong {
  display: block !important;
  color: #0d2742 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  margin-bottom: 7px !important;
}

.sb180-org-work-card small {
  display: block !important;
  color: #52697f !important;
  margin-top: 7px !important;
  line-height: 1.35 !important;
}

.sb180-org-work-card.done {
  border-left-color: #16a34a !important;
}

.sb180-org-work-card.waiting {
  border-left-color: #f59e0b !important;
}

.sb180-org-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
}

.sb180-org-chips span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: #eef6ff !important;
  border: 1px solid #d9e9fb !important;
  color: #294966 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.sb180-org-empty {
  border: 1px dashed #bdd5ee !important;
  border-radius: 12px !important;
  padding: 16px !important;
  background: #fbfdff !important;
  color: #668099 !important;
  text-align: center !important;
  line-height: 1.45 !important;
}

.sb180-org-empty b {
  color: #0d2742 !important;
}

.sb180-org-empty small {
  display: block !important;
  margin-top: 8px !important;
  color: #7a8fa5 !important;
}

/* SB_REPAIR180_ORG_WORKPLANNER_VISIBLE_FALLBACK_END */


/* SB_REPAIR181_JOBS_TABLE_FINAL_POLISH_START */

/* Задания: финальная аккуратная таблица без уезда кнопок вправо.
   Только CSS: JS, API, DOM и бизнес-логику не трогаем. */

#supportJobsPage .jobs-table-wrap,
#supportJobsPage .sb9263-jobs-list-panel,
#supportJobsPage .panel:has(.jobs-table) {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#supportJobsPage table.jobs-table,
#supportJobsPage .jobs-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 7px !important;
}

#supportJobsPage .jobs-table thead tr {
  background: #edf4fb !important;
}

#supportJobsPage .jobs-table thead th {
  height: 40px !important;
  padding: 8px 10px !important;
  background: #edf4fb !important;
  border-top: 1px solid #dbe8f6 !important;
  border-bottom: 1px solid #dbe8f6 !important;
  color: #3b5168 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#supportJobsPage .jobs-table tbody tr {
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(15, 47, 84, .025) !important;
}

#supportJobsPage .jobs-table tbody td {
  height: 64px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 10px 10px !important;
  background: #fff !important;
  border-top: 1px solid #dfeaf6 !important;
  border-bottom: 1px solid #dfeaf6 !important;
  box-sizing: border-box !important;
  color: #122a43 !important;
  font-size: 12.5px !important;
  line-height: 1.28 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
}

#supportJobsPage .jobs-table tbody td:first-child {
  border-left: 1px solid #dfeaf6 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

#supportJobsPage .jobs-table tbody td:last-child {
  border-right: 1px solid #dfeaf6 !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* Стабильная сетка колонок */
#supportJobsPage .jobs-table th:nth-child(1),
#supportJobsPage .jobs-table td:nth-child(1) {
  width: 7% !important;
}

#supportJobsPage .jobs-table th:nth-child(2),
#supportJobsPage .jobs-table td:nth-child(2) {
  width: 16% !important;
}

#supportJobsPage .jobs-table th:nth-child(3),
#supportJobsPage .jobs-table td:nth-child(3) {
  width: 15% !important;
}

#supportJobsPage .jobs-table th:nth-child(4),
#supportJobsPage .jobs-table td:nth-child(4) {
  width: 13% !important;
}

#supportJobsPage .jobs-table th:nth-child(5),
#supportJobsPage .jobs-table td:nth-child(5) {
  width: 9% !important;
}

#supportJobsPage .jobs-table th:nth-child(6),
#supportJobsPage .jobs-table td:nth-child(6) {
  width: 6% !important;
}

#supportJobsPage .jobs-table th:nth-child(7),
#supportJobsPage .jobs-table td:nth-child(7) {
  width: 25% !important;
}

#supportJobsPage .jobs-table th:nth-child(8),
#supportJobsPage .jobs-table td:nth-child(8) {
  width: 9% !important;
  min-width: 132px !important;
  overflow: visible !important;
  text-align: right !important;
}

/* Основной текст внутри ячеек */
#supportJobsPage .jobs-table td:nth-child(2) strong,
#supportJobsPage .jobs-table td:nth-child(4) strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

#supportJobsPage .jobs-table td:nth-child(2) small,
#supportJobsPage .jobs-table td:nth-child(4) small {
  display: block !important;
  margin-top: 3px !important;
  color: #64809a !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Организация и результат */
#supportJobsPage .jobs-table td:nth-child(3),
#supportJobsPage .jobs-table td:nth-child(7) {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#supportJobsPage .jobs-table td:nth-child(3) {
  display: table-cell !important;
}

#supportJobsPage .jobs-table td:nth-child(7) {
  color: #23415d !important;
}

#supportJobsPage .jobs-table td:nth-child(7) > * {
  max-width: 100% !important;
}

#supportJobsPage .jobs-table td:nth-child(7),
#supportJobsPage .jobs-table td:nth-child(7) div,
#supportJobsPage .jobs-table td:nth-child(7) span {
  word-break: break-word !important;
}

/* Ограничиваем длинный результат по высоте, чтобы строки не раздувались */
#supportJobsPage .jobs-table td:nth-child(7) {
  max-height: 64px !important;
}

#supportJobsPage .jobs-table td:nth-child(7) {
  display: table-cell !important;
}

#supportJobsPage .jobs-table td:nth-child(7)::after {
  content: "" !important;
}

/* Кнопки справа всегда компактные и видимые */
#supportJobsPage .jobs-table td:nth-child(8) .button,
#supportJobsPage .jobs-table td:nth-child(8) button,
#supportJobsPage .jobs-table td:nth-child(8) a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 31px !important;
  height: 31px !important;
  max-width: 112px !important;
  padding: 0 10px !important;
  margin: 2px 0 2px 4px !important;
  border-radius: 9px !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#supportJobsPage .jobs-table td:nth-child(8) {
  white-space: nowrap !important;
}

/* Если в последней колонке две кнопки, даём им аккуратно стоять рядом */
#supportJobsPage .jobs-table td:nth-child(8) > div,
#supportJobsPage .jobs-table td:nth-child(8) .actions,
#supportJobsPage .jobs-table td:nth-child(8) .row-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  max-width: 100% !important;
}

/* Цветная левая полоса статуса не должна ломать скругления */
#supportJobsPage .jobs-table tbody tr td:first-child {
  position: relative !important;
}

#supportJobsPage .jobs-table tbody tr td:first-child::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: -1px !important;
  bottom: -1px !important;
  width: 4px !important;
  border-radius: 12px 0 0 12px !important;
  background: #2f7df6 !important;
}

#supportJobsPage .jobs-table tbody tr:has(.status-ok) td:first-child::before,
#supportJobsPage .jobs-table tbody tr:has(.badge-success) td:first-child::before,
#supportJobsPage .jobs-table tbody tr:has(.green) td:first-child::before {
  background: #14b86a !important;
}

#supportJobsPage .jobs-table tbody tr:has(.status-error) td:first-child::before,
#supportJobsPage .jobs-table tbody tr:has(.badge-danger) td:first-child::before,
#supportJobsPage .jobs-table tbody tr:has(.red) td:first-child::before {
  background: #ff3b45 !important;
}

/* На узких экранах оставляем действия, а результат режем сильнее */
@media (max-width: 1400px) {
  #supportJobsPage .jobs-table th:nth-child(7),
  #supportJobsPage .jobs-table td:nth-child(7) {
    width: 20% !important;
  }

  #supportJobsPage .jobs-table th:nth-child(8),
  #supportJobsPage .jobs-table td:nth-child(8) {
    width: 12% !important;
    min-width: 138px !important;
  }

  #supportJobsPage .jobs-table td:nth-child(3) {
    font-size: 11.5px !important;
  }
}

/* SB_REPAIR181_JOBS_TABLE_FINAL_POLISH_END */


/* SB_REPAIR226_WEB_MODAL_DROPDOWN_LAYER_FIX
   Fix for select/dropdown menus inside admin modal dialogs: while a select/combobox is open,
   remove modal-body clipping and raise dropdown/list layers above the dialog panel. */
.sb-dialog,
.sb-dialog[open]{
  overflow:visible !important;
}
.sb-dialog select,
.sb-dialog .select,
.sb-dialog [role="combobox"]{
  position:relative;
  z-index:2147482000 !important;
}
.sb-dialog select:focus,
.sb-dialog .select:focus,
.sb-dialog [role="combobox"][aria-expanded="true"]{
  z-index:2147483000 !important;
}
@supports selector(:has(*)){
  .sb-dialog:has(select:focus),
  .sb-dialog:has(.select:focus),
  .sb-dialog:has([role="combobox"][aria-expanded="true"]),
  .sb-dialog:has([aria-haspopup="listbox"][aria-expanded="true"]){
    overflow:visible !important;
  }
  .sb-dialog:has(select:focus) .dialog-card,
  .sb-dialog:has(.select:focus) .dialog-card,
  .sb-dialog:has([role="combobox"][aria-expanded="true"]) .dialog-card,
  .sb-dialog:has([aria-haspopup="listbox"][aria-expanded="true"]) .dialog-card,
  .sb-dialog:has(select:focus) .dialog-body,
  .sb-dialog:has(.select:focus) .dialog-body,
  .sb-dialog:has([role="combobox"][aria-expanded="true"]) .dialog-body,
  .sb-dialog:has([aria-haspopup="listbox"][aria-expanded="true"]) .dialog-body{
    overflow:visible !important;
  }
}
.sb-dialog [role="listbox"],
.sb-dialog .dropdown-menu,
.sb-dialog .select-menu,
.sb-dialog .select-options,
.sb-dialog .combo-options,
.sb-dialog .react-select__menu,
.sb-dialog .react-select__menu-portal,
.sb-dialog .choices__list--dropdown,
.sb-dialog .multiselect-options,
body > [role="listbox"],
body > .dropdown-menu,
body > .select-menu,
body > .react-select__menu-portal,
body > .choices__list--dropdown{
  z-index:2147483500 !important;
}


/* SB_REPAIR471_WEB_DIALOG_DROPDOWN_TOP_LAYER_PORTAL_START
   Custom select menus opened from a native modal <dialog> are portalled into
   that dialog's top-layer subtree by app.js. Keep the portal above the card,
   unclipped and positioned against the viewport. */
.sb-dialog[open] > .sb-nice-select-menu {
  position: fixed !important;
  z-index: 2147483646 !important;
  pointer-events: auto !important;
  overflow: auto !important;
  isolation: isolate !important;
}

.sb-dialog[open]:has(> .sb-nice-select-menu) {
  overflow: visible !important;
}

.sb-dialog[open]:has(> .sb-nice-select-menu) > .dialog-card,
.sb-dialog[open]:has(> .sb-nice-select-menu) .dialog-body {
  overflow: visible !important;
}
/* SB_REPAIR471_WEB_DIALOG_DROPDOWN_TOP_LAYER_PORTAL_END */