@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

/* Shared Karmaholic Inventory theme. */
:root { --ink:#252438; --muted:#626579; --paper:#f7f8fc; --line:#edeef3; --rail:#151b2e; --purple:#7353df; --purple-soft:#f0ebfd; --lime:#7353df; --radius:14px; --sans:'DM Sans','Segoe UI',sans-serif; --serif:'Manrope','Segoe UI',sans-serif; --sidebar:260px; }
body { font-size:14px; line-height:1.6; }
h1,h2,h3 { font-family:var(--serif); font-weight:800; color:var(--ink); }
.icon { width:20px; height:20px; flex-shrink:0; }
.skip-link { position:fixed; top:-100px; left:calc(var(--sidebar) + 12px); padding:12px; background:white; z-index:100; }
.skip-link:focus { top:12px; }
.app-shell { display:block; }
.sidebar { position:fixed; inset:0 auto 0 0; width:var(--sidebar); height:100dvh; min-height:0; padding:30px 19px; overflow-y:auto; z-index:50; background:var(--rail); border-right:1px solid #273149; scrollbar-width:thin; scrollbar-color:#414c68 #151b2e; }
.sidebar-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:30px; }
.brand { margin:0; gap:9px; color:#f6f7ff; font-family:var(--serif); font-size:18px; font-weight:800; letter-spacing:-.6px; }
.brand-mark { width:36px; height:36px; flex-shrink:0; border:0; border-radius:11px; background:#8060ef; color:#fff; font:bold 25px Arial,sans-serif; box-shadow:0 4px 14px #080c2240; }
.brand small { margin-top:1px; font:600 10px var(--sans); letter-spacing:1px; color:#b3bdd5; }
.sidebar-toggle { width:29px; height:30px; border:1px solid #38435c; border-radius:8px; background:#20283d; color:#bfcbe4; }
.sidebar-toggle .icon { width:16px; height:16px; transform:rotate(180deg); }
.sidebar-label { margin:0 14px 8px; color:#929fbf; font:700 12px var(--sans); letter-spacing:1.2px; }
.sidebar-label-lower { margin-top:29px; }
.primary-nav { display:grid; gap:4px; overflow:visible; }
.nav-link { padding:12px 14px; min-height:46px; font-size:14px; color:#c6cfe4; border-radius:9px; }
.nav-link .icon { width:18px; height:18px; color:#a5b2d0; }
.nav-link:hover { background:#242d46; color:#fff; }
.nav-link.active { background:#342c58; color:#eee8ff; box-shadow:inset 3px 0 #a58aff; font-weight:600; }
.nav-link.active .icon { color:#c2adff; }
.sidebar a:focus-visible,.sidebar button:focus-visible { outline:2px solid #c2adff; outline-offset:3px; }
.main-panel { margin-left:var(--sidebar); min-height:100vh; }
.topbar { position:relative; z-index:40; height:76px; padding:0 38px; background:#fff; }
.breadcrumb { min-width:0; gap:17px; font:13px var(--sans); letter-spacing:0; color:var(--muted); }
.breadcrumb > .icon { width:12px; height:12px; }
.breadcrumb strong { color:var(--ink); font-weight:550; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.topbar-meta { gap:17px; font:13px var(--sans); color:var(--muted); }
.topbar-divider { height:22px; }
.mobile-menu { display:none; }
.account-menu { position:relative; }
.account-trigger { list-style:none; display:flex; align-items:center; gap:10px; cursor:pointer; padding:6px 8px; border-radius:10px; }
.account-trigger::-webkit-details-marker { display:none; }
.account-trigger:hover,.account-menu[open] .account-trigger { background:var(--purple-soft); }
.account-name { max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:600; color:var(--ink); }
.account-name small { display:block; color:var(--muted); font-size:12px; font-weight:400; }
.account-trigger > .icon { width:14px; height:14px; transform:rotate(90deg); }
.avatar { background:var(--purple-soft); color:var(--purple); width:34px; height:34px; flex-basis:34px; }
.account-dropdown { position:absolute; top:calc(100% + 10px); right:0; width:270px; max-width:calc(100vw - 32px); padding:8px; background:#fff; border:1px solid var(--line); border-radius:13px; box-shadow:0 12px 35px #28223d1a; }
.account-identity { padding:12px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.account-identity strong,.account-identity small { display:block; }
.account-identity small { font-size:12px; margin-top:3px; }
.account-dropdown a,.account-dropdown button { display:flex; align-items:center; gap:10px; padding:11px 12px; width:100%; border:0; border-radius:7px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.account-dropdown a:hover,.account-dropdown button:hover { background:var(--purple-soft); }
.account-dropdown button { color:#a43e25; }
#main { padding-bottom:90px; }
.page-content { width:100%; max-width:1800px; padding:24px 30px 20px; }
.page-footer { position:fixed; bottom:0; left:var(--sidebar); right:0; z-index:20; min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 38px; background:white; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
.page-heading { align-items:center; margin-bottom:20px; flex-wrap:wrap; gap:20px; }
.page-heading h1 { font:800 30px/1.3 var(--serif); letter-spacing:-1px; margin:0 0 9px; overflow-wrap:anywhere; }
.heading-period { color:var(--purple); }
.eyebrow { color:var(--muted); font:650 12px var(--sans); letter-spacing:1.5px; margin-bottom:8px; }
.page-subtitle { font-size:14px; color:var(--muted); line-height:1.7; overflow-wrap:anywhere; }
.section-heading h2,.detail-section h2,.settings-card h2 { font:800 18px/1.4 var(--serif); }
.button { min-height:44px; border:1px solid #e6e4ee; border-radius:8px; font-size:14px; line-height:20px; font-weight:650; padding:11px 16px; gap:8px; white-space:nowrap; }
.button .icon { width:16px; height:16px; }
.button-primary { color:white; background:var(--purple); border-color:var(--purple); box-shadow:0 4px 8px #7353df15; }
.button-primary:hover { background:#5b3bc4; border-color:#5b3bc4; }
.button-small { min-height:32px; padding:5px 10px; font-size:13px; line-height:20px; gap:6px; border-radius:6px; }
.button-small .icon { width:14px; height:14px; }
.button-subtle { color:#505469; border-color:#e4e5ee; }
.text-link,.summary-foot a { font-size:13px; color:var(--purple); }
.summary-band { background:transparent; border:0; padding:0; gap:18px; margin-bottom:20px; }
.summary-item { min-height:0; padding:18px 20px; background:white; border:1px solid var(--line); border-radius:var(--radius); gap:6px; }
.summary-item:first-child { border-left:1px solid var(--line); }
.summary-label { color:#52576b; font:600 12px var(--sans); letter-spacing:.4px; }
.summary-item > strong { font:800 34px/1.2 var(--serif); }
.summary-foot { color:var(--muted); font-size:13px; }
.notice { border-radius:12px; padding:16px 18px; }
.notice strong { font-size:14px; }.notice p,.notice > a { font-size:13px; }
.filter-bar { background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; gap:10px; }
.filter-search { flex:2 1 260px; width:auto; }
.filter-bar .select-input { min-height:42px; font-size:14px; min-width:175px; flex:1 1 175px; max-width:240px; }
.data-table { white-space:nowrap; }
.data-table th { height:auto; font:600 12px/1.6 var(--sans); color:#555b70; letter-spacing:.65px; background:#fcfcfe; padding:13px 20px; border-top:1px solid #f3f2f7; border-bottom:1px solid var(--line); }
.data-table td { height:auto; font-size:14px; color:#505469; padding:14px 20px; border-color:#f1f0f5; }
.data-table tbody tr:hover { background:#fdfcff; }
.system-link strong { font-size:15px; font-weight:750; line-height:1.5; color:#252b42; max-width:280px; overflow:hidden; text-overflow:ellipsis; }.system-link small,.cell-subtitle { color:var(--muted); font-size:13px; margin-top:3px; }
.system-symbol { width:38px; height:38px; flex-basis:38px; border-radius:10px; background:var(--purple-soft); color:var(--purple); font-size:12px; }
.state { font-size:12px; padding:4px 8px; font-weight:600; }.criticality { font-size:13px; }.row-arrow { font-size:18px; color:var(--purple); }
.field-label { font-size:14px; color:#41475e; font-weight:600; }
.field-hint,.form-section-title,.checkbox-row,.help-callout,.form-errors { font-size:13px; color:var(--muted); }
.form-section-title { font-family:var(--sans); font-weight:700; }.form-errors { color:#8d3b31; }
.text-input,.select-input,.textarea-input { min-height:46px; font-size:15px; border-color:#e4e5ee; border-radius:8px; color:#30364d; }.textarea-input { min-height:94px; }.select-multiple { min-height:120px; }
.content-panel,.settings-card { padding:20px; }.form-grid { gap:16px 20px; }
.detail-cell { padding:14px 16px; }.detail-cell span { font:600 12px var(--sans); color:var(--muted); }.detail-cell strong { color:#30364d; font-size:15px; }.detail-cell small { font-size:13px; color:var(--muted); }
.check-row { grid-template-columns:145px minmax(0,1fr) 85px 75px; font-size:13px; padding:14px; }.check-row time,.check-row .check-ms { font-size:12px; }
.incident-row-main strong,.incident-card-main strong { font-size:14px; }.incident-row-main small,.incident-row-state,.incident-row-time,.incident-card-main small,.incident-card-meta { font-size:13px; }
.event-body strong,.event-body p { font-size:14px; }.event-body small { font-size:12px; }
.settings-card > p,.channel-row-copy small,.audit-row small,.audit-row time,.quiet-empty small { font-size:13px; color:var(--muted); }.channel-row-copy strong,.audit-row strong,.quiet-empty { font-size:14px; }
.simple-list a,.empty-cell strong,.empty-cell > span:not(.empty-icon),.key-panel strong,.key-panel p { font-size:13px; }.key-panel code { font-size:13px; }
.data-footnote { font-size:12px; color:var(--muted); }.data-footnote strong { color:var(--ink); }
.login-page { display:grid; place-items:center; padding:32px; background:#f2f3f9; }.login-shell { width:min(900px,100%); min-height:560px; margin:auto; grid-template-columns:1fr 1fr; border-radius:18px; overflow:hidden; box-shadow:0 12px 36px #28223d0d; }
.login-visual { min-height:560px; padding:30px; background:var(--rail); }.login-visual::before,.login-visual::after { display:none; }.login-visual-copy { padding:32px 0; }.login-visual-copy h1 { font:700 30px/1.35 var(--serif); letter-spacing:-.6px; color:white; }.login-visual-copy h1 em { color:#c2adff; font-style:normal; }.login-visual-copy p { font-size:14px; color:#d6dced; }.login-visual-copy .eyebrow { color:#d8cbea; }.visual-readout { font:12px var(--sans); letter-spacing:0; color:#b3bdd5; }.visual-readout span:last-child { margin-left:0; }.readout-line { background:#c2adff; }
.login-form-side { padding:32px; background:white; }.login-form-wrap h2 { font:700 26px var(--serif); }.muted { font-size:14px; color:var(--muted); }.login-footnote { font:12px var(--sans); color:var(--muted); letter-spacing:0; }.login-form-wrap .flash { margin:0 0 18px; }.login-form-wrap .checkbox-row { margin:12px 0; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #b8a5f7; outline-offset:3px; }
@media(min-width:761px) {
    body.sidebar-collapsed { --sidebar:80px; }
    .sidebar-collapsed .sidebar { padding:30px 12px; }
    .sidebar-collapsed .sidebar-header { flex-direction:column; gap:12px; margin-bottom:20px; }
    .sidebar-collapsed .brand-caption,.sidebar-collapsed .nav-text { display:none; }
    .sidebar-collapsed .sidebar-label { font-size:0; padding:0; margin:17px 9px 10px; border-top:1px solid #303a53; height:0; }
    .sidebar-collapsed .nav-link { justify-content:center; gap:0; padding:13px; }
    .sidebar-collapsed .sidebar-toggle .icon { transform:none; }
}
@media(max-width:1250px) { .page-content { padding:28px 25px; }.topbar,.page-footer { padding-left:25px; padding-right:25px; }.summary-band { grid-template-columns:repeat(2,minmax(0,1fr)); }.summary-item:nth-child(3) { border-left:1px solid var(--line); }.details-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .detail-columns,.settings-grid { grid-template-columns:1fr; }.today { display:none; } }
@media(max-width:760px) {
    .sidebar { top:65px; width:260px; height:calc(100dvh - 65px); transform:translateX(-100%); transition:transform .2s; box-shadow:15px 0 60px #21173515; }
    .nav-open .sidebar { transform:translateX(0); }.main-panel { margin-left:0; }.mobile-menu { display:grid; color:var(--ink); }.topbar { height:65px; min-height:65px; padding:0 20px; z-index:60; }.breadcrumb { gap:10px; }.breadcrumb > span { display:none; }.topbar-meta { gap:6px; }.topbar-divider,.account-name { display:none; }
    .page-content { padding:20px; }.page-heading h1 { font-size:26px; }.page-subtitle { max-width:none; font-size:14px; }.page-heading > .button { font-size:14px; min-height:40px; padding:8px 16px; }.page-heading { gap:18px; }.summary-band { gap:12px; }.summary-item { min-height:0; padding:16px; }.summary-label { font-size:12px; }.summary-item > strong { font-size:32px; }
    .page-footer { left:0; min-height:84px; padding:12px 20px; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; font-size:12px; }#main { padding-bottom:108px; }.skip-link { left:20px; }
    .form-grid { grid-template-columns:1fr; }.form-field-wide,.form-section-title { grid-column:auto; }.content-panel,.settings-card { padding:20px; }.filter-bar .select-input { max-width:none; min-width:0; flex:1 1 100%; }.notice { flex-wrap:wrap; }.notice > a { margin-left:36px; font-size:13px; }.notice p { font-size:13px; }.channel-row { flex-wrap:wrap; }.channel-actions { margin-left:18px; }.audit-row { grid-template-columns:1fr; }.check-row { grid-template-columns:115px minmax(0,1fr); }.check-http,.check-ms { display:none; }.check-row .check-message { grid-column:2; }.incident-card-meta { font-size:12px; }.incident-row { grid-template-columns:6px minmax(0,1fr) 18px; }.incident-row-state,.incident-row-time { display:none; }
    .login-page { padding:16px; }.login-shell { display:block; max-width:480px; min-height:0; }.login-visual { min-height:0; padding:24px; }.login-visual-copy,.visual-readout { display:none; }.login-form-side { padding:26px 24px; }.login-form-wrap h2 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) { * { transition:none!important; scroll-behavior:auto!important; } }

/* Listing structure and controls follow Karmaholic Inventory's projects page. */
:root { --control-focus-border:#9280ff; --control-focus-shadow:0 0 0 4px rgba(146,128,255,.13); }
.inventory-panel { background:#fff; border:1px solid var(--line); border-radius:var(--radius); min-width:0; overflow:hidden; }
.inventory-panel .table-wrap { border:0; border-radius:0; }
.inventory-panel .filter-bar,.incident-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:20px 23px; margin:0; border:0; border-radius:0; background:white; }
.search-field { position:relative; flex:1 1 280px; min-width:210px; }
.search-field > .icon { position:absolute; left:12px; top:13px; width:16px; height:16px; color:var(--muted); pointer-events:none; }
.search-field input,.filters .select-input,.incident-toolbar .select-input { border:1px solid #eae5ee; background:#fff; border-radius:7px; padding:10px 12px; font-size:14px; color:#505469; height:42px; min-height:42px; }
.search-field input { width:100%; padding-left:36px; }
.search-field input::placeholder { color:#717589; }
.filters .select-input { flex:1 1 140px; min-width:110px; max-width:200px; }
.listing-tabs { display:flex; padding:0 24px; border-bottom:1px solid var(--line); gap:26px; overflow-x:auto; }
.listing-tab { padding:16px 0 13px; font-size:14px; color:var(--muted); border-bottom:2px solid transparent; white-space:nowrap; }
.listing-tab.selected { color:var(--purple); border-color:var(--purple); font-weight:650; }
.count-pill { font-family:var(--sans); display:inline-flex; align-items:center; justify-content:center; font-size:12px; background:var(--purple-soft); color:var(--purple); padding:3px 9px; border-radius:7px; letter-spacing:0; margin-left:11px; vertical-align:middle; font-weight:500; }
.table-actions { display:flex; align-items:center; gap:8px; }
.system-symbol { border-radius:9px; font:700 12px var(--sans); letter-spacing:.3px; }
.system-symbol .icon { width:18px; height:18px; }
.tone-0 { background:#eeeafa; color:#626579; }.tone-1 { background:#e8f1f3; color:#507380; }.tone-2 { background:#fbeee7; color:#926149; }.tone-3 { background:#eaf0fa; color:#5c719a; }.tone-4 { background:#f5eafa; color:#816393; }
.listing-pagination { padding:14px 20px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:13px; color:var(--muted); }
.listing-pagination > div { display:flex; gap:10px; align-items:center; }
.page-number { padding:0 8px; white-space:nowrap; }
.button.disabled { opacity:.45; cursor:default; }
.button-subtle:hover { background:#f8f6fe; border-color:#d2c6f3; }
.empty-cell { height:auto!important; padding:26px 20px!important; white-space:normal; }
.empty-cell .empty-icon { display:inline-flex; width:auto; padding:12px; background:var(--purple-soft); color:var(--purple); border-radius:12px; margin:0 auto 12px; }
.empty-icon .icon { width:24px; height:24px; }
.empty-cell strong { font:750 16px var(--serif); margin-bottom:8px; }
.empty-cell > span:not(.empty-icon) { font-size:14px; color:var(--muted); margin-bottom:12px; }
.empty-cell .button { margin-top:0; }
.row-arrow .icon,.text-link .icon { width:16px; height:16px; vertical-align:middle; }
.page-heading > div:first-child { min-width:0; }
.page-subtitle { font-size:13px; }
.state i { background:currentColor; width:4px; height:4px; }
.summary-item { position:relative; }.summary-label { padding-right:40px; font-size:14px; text-transform:none; letter-spacing:0; }
.summary-icon { position:absolute; right:20px; top:20px; display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:var(--purple-soft); color:var(--purple); }
.summary-icon .icon { width:17px; height:17px; }.risk-icon { background:var(--red-soft); color:var(--red); }.warning-icon { background:var(--amber-soft); color:var(--amber); }
.login-footnote .icon { width:16px; height:16px; color:var(--purple); }
.notice,.flash,.content-panel,.settings-card { box-shadow:none; }
.select2-container { max-width:100%; font:inherit; }
.select2-container--default .select2-selection--single { height:46px; border:1px solid #e4dff0; border-radius:7px; background:#fff; display:flex; align-items:center; }
.select2-container--default .select2-selection--single .select2-selection__rendered { padding:0 34px 0 12px; color:#30364d; line-height:44px; font-size:15px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height:44px; right:9px; }
.select2-dropdown { border:1px solid #ded6ee; border-radius:8px; box-shadow:0 8px 24px #25243818; overflow:hidden; z-index:1051; }
.select2-search--dropdown { padding:9px; }
.select2-container--default .select2-search--dropdown .select2-search__field { height:38px; min-height:38px; border:1px solid #e4dff0; border-radius:6px; padding:7px 10px; font:inherit; outline:0; }
.select2-results__option { padding:9px 12px; overflow-wrap:anywhere; }
.select2-container--default .select2-results__option[aria-selected=true] { background:#f3eff9; color:#51446c; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background:#e9e2f5; color:#493861; }
.select2-container--default.select2-container--disabled .select2-selection--single { background:#f1f2f5; cursor:not-allowed; }
.filters > .select2-container,.incident-toolbar > .select2-container { flex:1 1 140px; min-width:110px; max-width:none; width:auto!important; }
.filters .select2-selection--single,.incident-toolbar .select2-selection--single { height:42px; }
.filters .select2-selection--single .select2-selection__rendered,.incident-toolbar .select2-selection--single .select2-selection__rendered { font-size:14px; line-height:40px; }
.filters .select2-selection--single .select2-selection__arrow,.incident-toolbar .select2-selection--single .select2-selection__arrow { height:40px; }
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus,select:focus,.select2-container--default.select2-container--open .select2-selection--single,.select2-container--default .select2-selection--single:focus,.select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color:var(--control-focus-border); outline:none; box-shadow:var(--control-focus-shadow); }
@media(max-width:760px) {
    .inventory-panel .filter-bar,.incident-toolbar { padding:17px; gap:8px; }
    .search-field { min-width:0; flex-basis:100%; }
    .filters .select-input,.filters > .select2-container,.incident-toolbar > .select2-container { max-width:none; flex:1 1 140px; min-width:90px; }
    .listing-tabs { gap:22px; padding:0 18px; }.listing-tab { padding-top:18px; }
    .listing-pagination { padding:16px; font-size:12px; gap:10px; flex-wrap:wrap; }.listing-pagination > div { gap:6px; }
    .listing-pagination .button { padding:8px 12px; min-height:40px; }
    .data-table th,.data-table td { padding-left:16px; padding-right:16px; }
    .page-subtitle { font-size:14px; }
}
@media(forced-colors:active) { input:focus,textarea:focus,select:focus,.select2-selection:focus { outline:2px solid Highlight; outline-offset:2px; } }

.sidebar-toggle:hover { background:#342c58; border-color:#7960ba; color:#fff; }
.sidebar a:focus-visible,.sidebar button:focus-visible { outline-color:#b9a4ff; }
.account-trigger:hover,.account-menu[open] .account-trigger,.account-dropdown a:hover { background:#f3effd; }
.account-dropdown a:hover { color:#6141c5; }
.state-operational { color:#6141c5; background:#f0ebfd; }
.channel-indicator.enabled { background:#7353df; box-shadow:0 0 0 3px #7353df20; }
.help-callout { background:#f0ebf8; border-left-color:#b9a4ff; color:#55596e; }.help-callout strong { color:#41475e; }
.key-panel { background:#f0ebf8; border-color:#e8dff3; color:#41475e; }.key-panel code { color:#30364d; }.key-panel p { color:var(--muted); }
.section-block,.incident-preview { margin-top:24px; }.section-heading { margin-bottom:12px; }
.detail-section { margin-bottom:20px; }.detail-columns,.settings-grid { gap:20px; }
.notice { margin-bottom:20px; padding:12px 16px; }.data-footnote { margin-top:20px; }
.form-actions { margin-top:18px; padding-top:16px; }.form-section-title { margin-top:0; }
.inventory-panel .filter-bar,.incident-toolbar { padding:16px 20px; }
.listing-pagination .button { min-height:36px; padding:7px 12px; }
.flash { margin:14px 30px 0; }
@media(max-width:1250px) { .page-content { padding:22px 25px 20px; }.summary-item { padding:17px; } }
@media(max-width:760px) { .page-content { padding:20px; }.page-heading { margin-bottom:18px; }.section-block,.incident-preview { margin-top:20px; }.inventory-panel .filter-bar,.incident-toolbar { padding:14px 16px; }.listing-pagination { padding:12px 16px; }.listing-tab { padding-top:14px; }.flash { margin:12px 20px 0; }.summary-icon { right:14px; top:14px; } }
.table-empty { text-align:center; }.table-empty strong { display:block; }.table-empty > span:not(.empty-icon) { display:block; color:var(--muted); margin-bottom:12px; font-size:14px; }
.monitor-form [aria-invalid="true"] { border-color:#b7422e; background:#fff9f7; }
.monitor-form .field-error { display:block; color:#a43e25; font-size:13px; margin-top:6px; }
.monitor-form [aria-invalid="true"]:focus,
.monitor-form .select2-container--open .select2-selection[aria-invalid="true"] { border-color:#b7422e; box-shadow:0 0 0 4px rgba(183,66,46,.10); }
.monitor-form .required-note { margin-bottom:12px; text-align:right; color:var(--muted); font-size:12px; }
.monitor-form .required-note span,.monitor-form .required-mark { color:var(--purple); }
.monitor-form .required-mark { font-style:normal; }
@media(max-width:760px) { .empty-cell > .table-empty { width:calc(100vw - 82px); margin:0; position:sticky; left:20px; }.table-empty .button { white-space:normal; } }