:root{color-scheme:light;--ink:#172d3b;--muted:#6c7b86;--line:#e3e9ed;--canvas:#f5f7fa;--panel:#fff;--primary:#097182;--primary-hover:#075563;--sidebar:#102736;--sidebar-muted:#9eb2bf;--success:#227552;--warning:#9b670e;--danger:#b43f45;--radius:12px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.035em}h2{font-size:16px;font-weight:650;letter-spacing:-.012em}h3{font-size:15px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #65bccc;outline-offset:3px}[hidden]{display:none!important}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--primary);margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;background:var(--panel);padding:12px 18px;border-radius:8px;z-index:100}.skip-link:focus{top:12px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.05em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#0f8b96;color:white;font-size:23px;font-weight:800;letter-spacing:-.08em;padding-bottom:2px}.brand-observe{font-weight:450;letter-spacing:-.03em}.brand-light{color:#fff}.brand-light .brand-observe{color:#b8ceda}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:10px 14px;font-weight:600;font-size:12px;line-height:1.4;white-space:nowrap;min-height:38px;transition:background .12s,border-color .12s}.button-primary{background:var(--primary);color:white}.button-primary:hover{background:var(--primary-hover)}.button-secondary{background:white;border-color:#cfdde4;color:#264c5e}.button-secondary:hover{background:#f0f6f8;border-color:#b6cfd9}.button-subtle{background:transparent;color:#527180}.button-subtle:hover{background:#eef4f6}.button-danger{background:#fff3f3;border-color:#f0d0d2;color:var(--danger)}.button-danger:hover{background:#fde5e6}.button-small{padding:7px 10px;min-height:32px;font-size:11px}.button-block{width:100%}.icon-button{border:1px solid var(--line);background:white;border-radius:7px;padding:5px 9px;font-size:20px;line-height:1.1;min-width:32px;min-height:32px;color:var(--muted)}.icon-button:hover{background:#f1f5f7}.text-link{color:var(--primary);font-size:11px;font-weight:600;white-space:nowrap}.text-link:hover{text-decoration:underline}
.sidebar{width:232px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--sidebar);color:#d9e4eb;padding:26px 18px 0;z-index:30}.sidebar .brand{padding:0 6px}.sidebar-workspace{margin:30px 6px 23px;padding:0 0 20px;border-bottom:1px solid #ffffff15;display:flex;flex-direction:column;gap:5px;min-width:0}.sidebar-caption{color:#839eae;font-size:9px;font-weight:650;letter-spacing:.11em}.sidebar-workspace strong{color:#f5f8fa;font-size:12px;overflow-wrap:anywhere;line-height:1.5}.sidebar-role{font-size:10px;color:#9cb4c2}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:7px;font-size:12px;font-weight:500;color:#aec2cf;min-height:40px}.nav-link:hover{color:white;background:#ffffff09}.nav-link[aria-current=page]{background:#1b4354;color:#e9f9fc;box-shadow:inset 3px 0 #48bac0}.nav-icon{width:17px;font-size:17px;line-height:1;text-align:center;color:#80a9b9}.nav-link[aria-current=page] .nav-icon{color:#7ce0e0}.nav-count{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:5px;background:#ffffff0d;color:#9ed0db}.nav-section-label{font-size:9px;letter-spacing:.12em;color:#7e9aab;margin:23px 11px 6px;font-weight:650}.sidebar-bottom{margin-top:auto;padding:18px 0;border-top:1px solid #ffffff12;display:flex;align-items:center;gap:9px}.user-avatar{background:#294957;color:#c1e1e7;min-width:30px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700}.user-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.user-details strong{font-size:10px;color:#d9e6ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details span{font-size:9px;color:#8da7b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{background:transparent;border:0;color:#a6becc;font-size:21px;padding:4px}.logout-button:hover{color:#fff}.app-shell{margin-left:232px;min-height:100vh}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 32px;background:white;border-bottom:1px solid var(--line)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}.topbar-label{font-size:11px;color:#788d99;white-space:nowrap}.topbar-divider{color:#c7d3da;font-size:16px}.topbar-left strong{font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.connection-label{font-size:10px;color:#738995;white-space:nowrap}.connection-label.is-connected::before{content:"";display:inline-block;width:6px;height:6px;background:#3d9470;border-radius:50%;margin-right:7px;vertical-align:1px}.connection-label.is-error{color:var(--danger)}.mobile-menu{display:none}.main-content{max-width:1500px;margin:0 auto;padding:28px 32px 20px;outline:none}.tenant-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;border:1px solid #dce6ec;background:#eef4f7;padding:10px 12px;border-radius:9px;margin-bottom:22px}.field-inline{display:flex;align-items:center;gap:10px}.field-inline label{font-size:10px;white-space:nowrap}.field-inline select{min-width:200px;max-width:360px;padding:7px 10px;font-size:11px;min-height:32px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 27px}.page-heading h1{margin:0 0 9px}.heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-card{padding:20px 21px;border-radius:var(--radius);border:1px solid var(--line);background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.metric-label{font-size:11px;font-weight:600;color:#647e8d}.metric-card strong{font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:10px 0 6px;font-weight:650;color:#1c3f4e}.metric-caption{font-size:10px;color:#8a9ba5}.overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;align-items:stretch}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.overview-columns .panel{margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;border-bottom:1px solid #edf1f4}.panel-heading .muted{font-size:11px;margin-top:5px}.activity-list{padding:4px 22px}.activity-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf1f4}.activity-item:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff5e7;color:#b97b1a;font-size:15px;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-content strong{display:block;font-size:11px;font-weight:600;overflow-wrap:anywhere}.activity-content p{font-size:10px;color:#8d9ca5;margin-top:3px}.connector-list{padding:5px 22px}.connector-row{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #edf1f4}.connector-row:last-child{border:0}.connector-logo{background:#eef4f7;color:#456574;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:12px;font-weight:700}.connector-content{flex:1}.connector-content strong{font-size:12px;display:block;font-weight:600}.connector-content span{font-size:10px;color:#8b9aa4}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#f1f4f6;color:#70848f;font-size:9px;font-weight:600;line-height:1.2}.badge-success{background:#eaf5ef;color:#347e59}.badge-warning{background:#fff5e6;color:#a37725}.badge-danger{background:#fceff0;color:#ad5058}.badge-info{background:#eaf4f9;color:#4b819e}.badge-muted{background:#eff3f5;color:#7d909c}.empty-copy{color:#8a9ba5;font-size:12px;padding:25px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f9fbfc;border-bottom:1px solid #e8eef2;padding:11px 18px;font-size:9px;font-weight:650;color:#8397a3;letter-spacing:.03em;white-space:nowrap}td{border-bottom:1px solid #edf1f4;padding:15px 18px;font-size:11px;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfdfe}.cell-title{font-weight:600;color:#294451;font-size:11px;max-width:300px;overflow-wrap:anywhere}.cell-subtitle{color:#8c9da7;font-size:10px;margin-top:4px;max-width:300px;overflow-wrap:anywhere}.cell-date{font-size:10px;color:#80939f;white-space:nowrap}.cell-code{font-family:Consolas,monospace;font-size:10px;color:#7c909d;max-width:250px;overflow-wrap:anywhere}.table-empty{padding:40px 20px!important;text-align:center;color:#8a9ba5;font-size:12px}.table-error{color:var(--danger)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid var(--line)}.search-field{max-width:350px;width:100%}.search-field input{font-size:11px;padding:9px 11px;background:#f9fbfc}.table-total{color:#8a9aa4;font-size:10px;white-space:nowrap}.actions-column{min-width:175px}.row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.row-button{border:1px solid #dce7ed;color:#497184;background:#fff;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:600;white-space:nowrap;min-height:27px}.row-button:hover{background:#edf5f8}.row-button-danger{color:#b4676c;border-color:#efdadc}.row-button-danger:hover{background:#fff0f0}.integration-tags{display:flex;gap:4px;flex-wrap:wrap;max-width:155px}.integration-tags .badge{font-size:8px}.device-error{color:#b67b33;font-size:9px;margin-top:5px;max-width:220px;overflow-wrap:anywhere}.onboarding-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.onboarding-steps article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:21px}.step-number{width:28px;height:28px;display:grid;place-items:center;background:#edf6f7;color:#218391;border-radius:8px;font-weight:700;font-size:12px;margin-bottom:13px}.onboarding-steps h2{font-size:13px}.onboarding-steps p{font-size:11px;color:#8497a2;margin-top:8px;line-height:1.7}.download-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px 22px}.download-card{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid #dce7ed;border-radius:8px;padding:14px 16px;background:#fbfdfe}.download-card strong{font-size:12px}.download-card span:nth-child(2){grid-column:1;font-size:10px;color:#8b9ea9}.download-card span:last-child{grid-column:2;grid-row:1/3;color:#328899;align-self:center;font-size:21px}.download-card:hover{border-color:#8cbfc9;background:#f4fafb}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.integration-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.integration-card-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:17px}.integration-card h2{font-size:18px}.integration-card .muted{font-size:11px;margin-top:6px}.integration-detail{font-size:11px;color:#8395a0;line-height:1.7;overflow-wrap:anywhere;margin-top:14px;min-height:35px}.tenant-mapping{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px}.tenant-mapping div{min-width:0}.tenant-mapping dt{color:#8a9aa5;font-size:10px;margin-bottom:6px}.tenant-mapping dd{margin:0;font-size:11px;color:#456574;overflow-wrap:anywhere}.advanced-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.advanced-panel .muted{font-size:11px;margin-top:5px}.native-links{display:flex;gap:8px;flex-shrink:0}.native-links a{border:1px solid #dce6ec;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:600;color:#527587}.native-links a:hover{background:#f0f7fa}.native-links a span{margin-left:8px;color:#8dabb8}.content-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#9aabb5;margin:26px 0 0;padding-top:15px;border-top:1px solid var(--line)}
.field{min-width:0}.field label{display:block;font-size:11px;font-weight:600;color:#506977;margin-bottom:6px}input:not([type=hidden]):not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #d4e0e7;background:white;color:#345260;border-radius:7px;min-height:39px;padding:10px 11px;font-size:12px}input::placeholder,textarea::placeholder{color:#9badb8}textarea{resize:vertical;line-height:1.6}select{padding-right:28px}.field-help{font-size:10px;color:#8b9da7;margin-top:7px;line-height:1.6}.optional{font-weight:400;color:#91a2ab}.stack-form{display:flex;flex-direction:column;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-full{grid-column:1/-1}.checkbox-label{display:flex!important;align-items:center;gap:9px;cursor:pointer}.checkbox-label input{accent-color:var(--primary);width:15px;height:15px}.modal{border:1px solid #d7e2e9;border-radius:15px;padding:0;width:calc(100% - 36px);max-width:540px;max-height:calc(100vh - 50px);overflow:auto;color:var(--ink);box-shadow:0 20px 80px #08243130;background:white}.modal::backdrop{background:#0a26378c;backdrop-filter:blur(3px)}.modal-wide{max-width:740px}.modal-form{padding:25px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:23px}.modal-heading h2{font-size:21px;letter-spacing:-.025em}.modal-heading .eyebrow{font-size:9px;margin-bottom:5px}.modal-form>p.muted{font-size:12px;margin:-6px 0 20px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf1f4;padding-top:18px;margin-top:24px}.form-error{color:#af474f;border:1px solid #f0d2d5;background:#fff4f5;border-radius:7px;padding:10px 12px;font-size:11px;margin-top:18px}.inline-notice{border:1px solid #cde3eb;background:#eff8fb;color:#48798e;border-radius:8px;padding:12px 15px;font-size:12px;margin-bottom:20px;line-height:1.6}.notice-danger{background:#fff2f3;border-color:#efd4d7;color:#b0545d}.notice-warning{background:#fff8ec;border-color:#efdfbc;color:#9a793d}.notice-success{background:#eef8f2;border-color:#cfe7d8;color:#45815f}.secret-output{font-family:Consolas,monospace!important;font-size:11px!important;background:#f8fbfc!important;overflow-wrap:anywhere;white-space:pre-wrap;min-height:250px}.toast-region{position:fixed;bottom:22px;right:25px;z-index:100;display:flex;flex-direction:column;gap:9px;max-width:calc(100vw - 40px);width:380px;pointer-events:none}.toast{padding:14px 18px;border:1px solid #bddfcf;border-radius:10px;background:#f1fbf6;color:#39755a;font-size:12px;box-shadow:0 5px 22px #112e3a10;pointer-events:auto;overflow-wrap:anywhere}.toast-error{background:#fff3f4;border-color:#efcbd0;color:#a6454f}.noscript-notice{position:fixed;bottom:0;left:0;right:0;background:#fff3df;padding:15px;text-align:center;color:#916722;z-index:100}
.login-page{min-height:100vh;background:#fff}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-intro{display:flex;flex-direction:column;background:#102a3a;color:white;padding:42px 54px;position:relative}.login-intro::after{content:"";position:absolute;width:200px;height:200px;right:35px;bottom:85px;border:1px solid #365565;border-radius:40px;transform:rotate(-15deg);opacity:.35;pointer-events:none}.intro-content{margin:auto 0;padding:60px 0;position:relative;z-index:1;max-width:450px}.login-intro .eyebrow{color:#6ebfc7;font-size:10px}.intro-content h1{font-size:clamp(36px,4vw,57px);letter-spacing:-.04em;line-height:1.12;margin:21px 0 23px;font-weight:600}.intro-content>p:not(.eyebrow){color:#9fb8c7;font-size:14px;line-height:1.8;max-width:390px}.intro-features{display:flex;flex-direction:column;gap:15px;margin-top:34px}.intro-features>div{display:flex;align-items:center;gap:12px;font-size:12px;color:#c5d9e3}.feature-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #396070;border-radius:7px;color:#70b7c0;font-size:9px;font-weight:600}.intro-footer{font-size:10px;color:#708f9f;position:relative;z-index:1}.login-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 30px;position:relative}.login-form-wrap{width:100%;max-width:360px}.login-form-wrap h2{font-size:28px;letter-spacing:-.035em;font-weight:650;margin:12px 0 10px}.login-form-wrap>.muted{font-size:12px;line-height:1.7;margin-bottom:29px;max-width:315px}.login-form-wrap .stack-form{gap:21px}.login-form-wrap .field label{font-size:12px}.login-form-wrap input{padding:12px 14px;min-height:45px;font-size:13px}.login-form-wrap .button{min-height:44px;margin-top:3px;font-size:12px;justify-content:space-between;padding:12px 16px}.login-help{font-size:11px;color:#91a0aa;line-height:1.8;margin-top:25px}.login-footer{position:absolute;bottom:35px;font-size:10px;color:#adb9c1}
@media(min-width:1550px){.main-content{padding-top:35px}.page-heading{margin-bottom:30px}.metric-card{padding:25px}.metric-card strong{font-size:38px}td{padding-top:19px;padding-bottom:19px}}
@media(max-width:1150px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.app-shell{margin-left:210px}.topbar{padding:0 23px}.main-content{padding:25px 23px 18px}.metric-card{padding:17px}.metric-caption{font-size:9px}.metrics-grid{gap:12px}.page-heading{align-items:flex-start}.overview-columns{grid-template-columns:1fr 1fr;gap:16px}.panel-heading{padding:18px}.activity-list,.connector-list{padding-left:18px;padding-right:18px}.connection-label{display:none}.onboarding-steps{gap:12px}.integration-grid{gap:12px}.integration-card{padding:18px}.advanced-panel{align-items:flex-start;flex-direction:column}.download-links{gap:10px;padding:18px}.download-card{padding:13px}}
@media(max-width:900px){.sidebar{width:200px}.app-shell{margin-left:200px}.main-content{padding:23px 20px 18px}.topbar{padding:0 20px}.topbar-label,.topbar-divider{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-columns{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:15px}.onboarding-steps,.integration-grid{grid-template-columns:1fr}.onboarding-steps article{display:grid;grid-template-columns:32px 1fr;column-gap:12px}.step-number{grid-row:1/3;margin:0}.onboarding-steps p{margin-top:4px}.download-links{grid-template-columns:1fr}.tenant-mapping{grid-template-columns:1fr 1fr}.login-intro{padding:38px 33px}.login-intro::after{display:none}.intro-content h1{font-size:40px}.login-access{padding:40px 28px}.intro-content{padding:50px 0}.tenant-toolbar{align-items:stretch;flex-direction:column}.field-inline{justify-content:space-between}.field-inline select{min-width:0;max-width:100%}.tenant-toolbar>.button{align-self:flex-end}}
@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:232px;box-shadow:12px 0 40px #0924301a}.sidebar.is-open{transform:translateX(0)}.app-shell{margin-left:0}.mobile-menu{display:block}.topbar{height:61px;padding:0 16px}.topbar-left strong{max-width:175px}.topbar-actions .button span{display:none}.main-content{padding:23px 16px 16px}.page-heading h1{font-size:27px}.metrics-grid{gap:11px}.metric-card{padding:17px 14px}.metric-card strong{font-size:30px}.metric-label{font-size:10px}.metric-caption{font-size:8px}.panel-heading{padding:17px 15px;gap:10px}.panel-heading h2{font-size:14px}.panel-heading .muted{font-size:10px}.panel-heading .text-link{font-size:9px}.activity-list,.connector-list{padding-left:15px;padding-right:15px}.table-toolbar{padding:13px 14px;gap:10px}.table-total{font-size:9px}th,td{padding-left:14px;padding-right:14px}.heading-actions{width:100%}.heading-actions .button{font-size:11px;padding-left:12px;padding-right:12px}.content-footer{font-size:8px}.modal-form{padding:20px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.modal-actions .button{font-size:11px}.toast-region{right:16px;bottom:15px;width:calc(100vw - 32px)}.login-layout{grid-template-columns:1fr}.login-intro{padding:24px 25px;min-height:0}.intro-content{padding:28px 0 3px}.intro-content h1{font-size:31px;margin:12px 0 13px}.intro-content>p:not(.eyebrow){font-size:12px;max-width:100%}.intro-features,.intro-footer{display:none}.login-intro .brand{font-size:18px}.login-intro .eyebrow{font-size:8px}.login-access{padding:36px 25px 70px;min-height:480px}.login-form-wrap h2{font-size:26px}.login-footer{bottom:23px}.tenant-mapping{grid-template-columns:1fr}.native-links{flex-wrap:wrap}.advanced-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sidebar .brand,.sidebar-workspace,.sidebar-bottom{flex-shrink:0}
.ticket-dialog{max-width:850px}
.ticket-dialog .modal-actions{position:sticky;bottom:-25px;z-index:2;background:#fff;padding-bottom:20px}
.ticket-dialog input[readonly]{background:#f7fafb;color:#617d8e}
.ticket-dialog input[type=checkbox],.ticket-catalog-form input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}
.ticket-dialog select[multiple]{min-height:115px}
.ticket-attachment-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.ticket-attachment-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;overflow-wrap:anywhere}
.ticket-attachment-row .muted{font-size:10px}
.ticket-settings-panel [data-ticket-catalog-kind],#ticket-clients-mount{padding:0 24px 24px}
.ticket-catalog-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:25px;align-items:start}
.ticket-catalog-form{padding:20px;border:1px solid var(--line);border-radius:9px;background:#f8fbfc}
.ticket-catalog-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.ticket-catalog-row{padding:17px;border:1px solid var(--line);border-radius:9px;font-size:12px;overflow-wrap:anywhere}
.ticket-catalog-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.ticket-catalog-row p{font-size:11px;line-height:1.8;white-space:pre-wrap;margin-top:7px}
.ticket-catalog-row>.button{margin-top:12px}
.ticket-catalog-actions{display:flex;gap:8px;flex-wrap:wrap}
#ticket-clients-mount>h3{font-size:14px;margin-bottom:12px}#ticket-clients-mount>.muted{font-size:12px;margin-bottom:18px;line-height:1.8}

/* Hierarchical client list: compact, readable and contained in the page width. */
#ticket-clients-mount > .clients-table-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
}

#ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

#ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters th,
#ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters td,
#ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters th:first-child,
#ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters td:first-child {
  min-width: 0;
  max-width: none;
  padding: 10px 7px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.35;
}

#ticket-clients-mount table.clients-hierarchy-table th:first-child,
#ticket-clients-mount table.clients-hierarchy-table td:first-child {
  width: 19%;
}

#ticket-clients-mount table.clients-hierarchy-table .actions-column,
#ticket-clients-mount table.clients-hierarchy-table td:last-child {
  width: 118px;
  min-width: 0;
}

#ticket-clients-mount table.clients-hierarchy-table th > .wget-multiselect {
  margin-left: 5px;
}

#ticket-clients-mount table.clients-hierarchy-table th > .wget-multiselect .wget-multiselect-trigger {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  border-radius: 8px;
}

.client-hierarchy-label {
  --client-depth: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding-left: calc(var(--client-depth) * 16px);
}

.client-hierarchy-branch {
  flex: 0 0 auto;
  color: #4a9ba5;
  font-size: 14px;
  font-weight: 700;
}

.client-hierarchy-title {
  min-width: 0;
  color: #173d4d;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.client-hierarchy-kind {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 2px 6px;
  background: #edf5f7;
  color: #5d7886;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

#ticket-clients-mount table.clients-hierarchy-table tr[data-hierarchy-depth]:not([data-hierarchy-depth="0"]) td {
  background: #fbfdfe;
}

#ticket-clients-mount table.clients-hierarchy-table .row-actions {
  gap: 4px;
}

#ticket-clients-mount > .clients-table-wrap:has(.user-actions-menu[open]),
.ticket-settings-panel:has(#ticket-clients-mount .user-actions-menu[open]) {
  overflow: visible;
}

#ticket-clients-mount .client-actions-content {
  align-items: flex-start;
}

#ticket-clients-mount table.clients-hierarchy-table .button-small {
  min-width: 0;
  min-height: 29px;
  padding: 5px 7px;
  font-size: 9px;
}

@media(max-width:680px){
  #ticket-clients-mount table.clients-hierarchy-table .actions-column,
  #ticket-clients-mount table.clients-hierarchy-table td:last-child{width:112px}
  #ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters th,
  #ticket-clients-mount table.clients-hierarchy-table.wget-data-table-header-filters td{padding:8px 5px;font-size:9px}
  .client-hierarchy-label{align-items:flex-start;flex-direction:column;gap:3px;padding-left:calc(var(--client-depth) * 9px)}
}
@media(max-width:900px){.ticket-catalog-layout{grid-template-columns:1fr}}
@media(max-width:680px){.ticket-settings-panel [data-ticket-catalog-kind],#ticket-clients-mount{padding:0 15px 20px}.ticket-catalog-form{padding:17px}.ticket-dialog .modal-actions{bottom:-20px}.ticket-attachment-row{font-size:11px}}
.sidebar .brand{font-size:19px}
.assistant-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.4fr);gap:20px;align-items:start}
.assistant-compose,.assistant-result-panel{min-width:0}
.assistant-compose .panel-heading,.assistant-result-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}
.assistant-form-content,.assistant-result-content{padding:0 24px 24px}
.assistant-scope{border:1px solid #d9e8ed;border-radius:8px;padding:15px;background:#f6fbfc;margin-bottom:18px}
.assistant-scope .eyebrow{display:block;font-size:8px;letter-spacing:.12em;margin-bottom:8px}
.assistant-scope strong{font-size:14px;overflow-wrap:anywhere}
.assistant-scope p{font-size:11px;line-height:1.7;color:#718b98;margin-top:8px}
.assistant-service{display:flex;flex-wrap:wrap;align-items:center;gap:9px;overflow-wrap:anywhere}
.assistant-service .muted{font-size:11px}
.assistant-form-content>.field-help{margin-bottom:22px}
.assistant-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.assistant-form-content .form-error{margin-top:0}
.assistant-result-content .empty-copy{padding:35px 12px 48px;text-align:center;line-height:1.8}
.assistant-answer{font-size:13px;line-height:1.9;color:#385566;white-space:pre-wrap;overflow-wrap:anywhere;padding-bottom:22px}
.assistant-summary{border:1px solid #e0eaef;border-radius:8px;padding:14px;margin-bottom:22px;background:#f8fbfc}
.assistant-summary h3,.assistant-evidence-section h3,.assistant-limitations-section h3{font-size:12px;font-weight:650;letter-spacing:0;margin-bottom:13px}
.assistant-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.assistant-summary-list dt{font-size:10px;color:#78909d;margin-bottom:4px;overflow-wrap:anywhere}
.assistant-summary-list dd{margin:0;font-size:16px;font-weight:650;color:#365464;overflow-wrap:anywhere}
.assistant-evidence-section,.assistant-limitations-section{border-top:1px solid #e5edf1;padding-top:20px;margin-top:5px}
.assistant-evidence-list,.assistant-limitations-list{margin:0;padding:0;list-style:none}
.assistant-evidence-item{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.assistant-evidence-item strong{font-weight:600;color:#547080}
.assistant-evidence-meta{font-size:10px;color:#879aa6}
.assistant-evidence-list>.muted{font-size:11px;margin-bottom:15px}
.assistant-limitations-list{padding-left:16px;list-style:disc;font-size:11px;line-height:1.8;color:#748a98}
.assistant-limitations-list li{margin-bottom:8px;overflow-wrap:anywhere}
.assistant-limitations-section .field-help{line-height:1.8;margin-top:15px}
.assistant-report-link{display:inline-flex;margin-top:18px}
@media(max-width:1150px){.assistant-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:16px}.assistant-form-content,.assistant-result-content{padding-left:18px;padding-right:18px}}
@media(max-width:900px){.assistant-layout{grid-template-columns:1fr}.assistant-compose .panel-heading,.assistant-result-panel .panel-heading{flex-wrap:nowrap}}
@media(max-width:680px){.assistant-layout{gap:15px}.assistant-form-content,.assistant-result-content{padding:0 15px 20px}.assistant-scope{padding:13px}.assistant-answer{font-size:12px;line-height:1.85}.assistant-result-panel .panel-heading{flex-wrap:wrap}.assistant-summary-list{gap:12px}.assistant-result-panel .panel-heading .button{font-size:10px}.assistant-actions .button{font-size:11px}}
.sidebar .nav-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#456575 transparent}
.sidebar .nav-list::-webkit-scrollbar{width:4px}
.sidebar .nav-list::-webkit-scrollbar-thumb{background:#456575;border-radius:4px}
.overview-columns.overview-columns-single{grid-template-columns:minmax(0,1fr)}
.module-placeholder{display:flex;align-items:flex-start;gap:20px;padding:38px;min-height:210px}
.module-placeholder-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #dcebef;border-radius:13px;background:#f0f8fa;color:#408596;font-size:26px}
.module-placeholder-copy{max-width:620px;padding-top:3px}
.module-placeholder-copy h2{font-size:18px;margin-bottom:10px}
.module-placeholder-copy p{font-size:13px;color:#748b98;line-height:1.8}
.module-placeholder-caption{display:block;margin-top:17px;color:#98a9b3;font-size:11px}
@media(max-width:680px){.module-placeholder{padding:25px 20px;gap:14px;min-height:190px}.module-placeholder-icon{width:42px;height:42px;font-size:22px;border-radius:11px}.module-placeholder-copy h2{font-size:16px}.module-placeholder-copy p{font-size:12px}.module-placeholder-caption{font-size:10px}.sidebar{height:100dvh}}
.nav-group-row{display:flex;align-items:center;gap:2px;min-width:0}
.nav-group-link{flex:1;min-width:0}
.nav-link.is-section-active{background:#173a4b;color:#d6f0f4}
.nav-link.is-section-active .nav-icon{color:#7bcdd4}
.nav-group-toggle{display:grid;place-items:center;flex-shrink:0;width:28px;min-height:34px;padding:0;border:0;border-radius:6px;background:transparent;color:#8fb1c2}
.nav-group-toggle:hover,.nav-group-toggle[aria-expanded=true]{background:#ffffff0b;color:#e0f3f7}
.nav-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.nav-group-toggle[aria-expanded=true] .nav-chevron{transform:rotate(225deg)}
.nav-submenu{display:flex;flex-direction:column;gap:3px;margin:1px 9px 7px 18px;padding:2px 0 3px 9px;border-left:1px solid #ffffff1a}
.nav-sub-link{padding:8px 8px;gap:8px;min-height:34px;font-size:11px;line-height:1.5;color:#9fb7c5}
.nav-sub-link::before{content:"";width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#5d8397}
.nav-sub-link[aria-current=page]{background:#1b4354;box-shadow:inset 2px 0 #48bac0;color:#e9f9fc}
.nav-sub-link[aria-current=page]::before{background:#76ced4}
.settings-page-intro{padding:24px 26px}
.settings-page-intro h2{font-size:18px;margin-bottom:9px}
.settings-page-intro p{max-width:780px;font-size:12px;line-height:1.8;color:#758b98}
.settings-scope{display:inline-flex;align-items:center;margin-top:15px;padding:5px 9px;border-radius:6px;background:#eff6f8;color:#6c8a9a;font-size:10px;overflow-wrap:anywhere}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.settings-card{display:flex;flex-direction:column;min-width:0;min-height:168px;padding:21px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .12s,background .12s}
.settings-card:hover{border-color:#aacfd8;background:#fbfdfe}
.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.settings-card-heading h2{font-size:13px;line-height:1.5;color:#345462}
.settings-card-heading>span{color:#88b2bf;font-size:17px;line-height:1.3}
.settings-card p{font-size:11px;line-height:1.8;color:#8799a4;margin-bottom:15px}
.settings-card-caption{font-size:9px;color:#9aadb8;margin-top:auto}
.settings-back-link{display:inline-block;margin-top:20px}
@media(max-width:1000px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.settings-grid{grid-template-columns:1fr;gap:12px}.settings-page-intro{padding:21px 20px}.settings-page-intro h2{font-size:16px}.settings-card{min-height:140px;padding:20px}.settings-card-heading h2{font-size:14px}.nav-group-toggle{width:31px;min-height:37px}}

/* Optional company profiles, subclients and scoped contract catalogs. */
.client-settings-panel #client-contracts-mount{padding:0 24px 24px}
.client-list-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.client-list-toolbar .muted{font-size:11px;line-height:1.8;margin-top:7px}
.client-list-scope{font-size:12px;font-weight:600;color:#486777;overflow-wrap:anywhere}
.client-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.client-card{min-width:0;border:1px solid #dde7ec;border-radius:9px;padding:19px;background:#fbfdfe;overflow-wrap:anywhere}
.client-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.client-card h3{font-size:13px;color:#345462;line-height:1.6;font-weight:650;margin:0}
.client-card .muted,.client-card-detail{font-size:11px;line-height:1.8;color:#718795;margin:0 0 7px;white-space:pre-wrap}
.client-card .field-help{margin:5px 0;line-height:1.8}
.client-card .button{margin-top:13px}
.client-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.client-association-fields{margin-top:21px;padding-top:20px;border-top:1px solid #e4edf1}
.client-dialog .modal-actions{position:sticky;bottom:0;background:#fff;z-index:2;padding-bottom:12px}
.client-dialog #tenant-admin-help{margin-top:15px}
.client-dialog input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}
@media(max-width:1000px){.client-cards{grid-template-columns:1fr}}
@media(max-width:680px){.client-fields{grid-template-columns:minmax(0,1fr)}.client-fields .field-full{grid-column:auto}.client-settings-panel #client-contracts-mount{padding:0 15px 20px}.client-card{padding:17px}.client-dialog .modal-actions{bottom:0}.client-list-toolbar .button{width:100%}.client-dialog .modal-heading h2{font-size:19px}}
.contract-documents {margin-top:20px;padding-top:18px;border-top:1px solid #e4edf1}.contract-document-list {display:flex;flex-direction:column;gap:10px;margin:12px 0}.contract-document-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #e4edf1;border-radius:8px;padding:10px}.contract-document-name {min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.contract-document-row .field-help {margin:0}@media (max-width:680px) {.contract-document-row .contract-document-name {flex-basis:100%}.contract-documents input[type=file] {width:100%;max-width:100%}}

#ticket-history article a.text-link {
  display: inline-block;
  max-width: 100%;
  margin-inline-end: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
}

#ticket-history {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 0;
}

#ticket-history .ticket-history-entry {
  width: min(78%, 720px);
  padding: 16px 18px;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgb(12 57 72 / 6%);
}

#ticket-history .ticket-history-entry--company {
  align-self: flex-start;
  background: #fff;
}

#ticket-history .ticket-history-entry--customer {
  align-self: flex-end;
  background: #eef9fb;
  border-color: #bcdfe5;
}

#ticket-history .ticket-history-entry--system {
  align-self: center;
  width: 100%;
  max-width: none;
  background: #f7fafb;
}

#ticket-history .ticket-event-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

#ticket-history .ticket-event-actor {
  color: var(--ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

#ticket-history .ticket-event-date {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}

#ticket-history .ticket-event-kind {
  color: var(--primary);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-top: 5px;
  text-transform: uppercase;
}

#ticket-history .ticket-event-content {
  font-size: 12px;
  line-height: 1.65;
  margin-top: 12px;
}

@media (max-width: 680px) {
  #ticket-history .ticket-history-entry {
    width: 92%;
    padding: 14px 15px;
  }

  #ticket-history .ticket-history-entry--system {
    width: 100%;
  }
}

:root {
  --brand-navy: #062041;
  --brand-teal: #5ce1e6;
  --brand-pale: #cee1f2;
  --brand-teal-hover: #45cdd3;
  --ink: #062041;
  --sidebar: #062041;
  --primary: #086775;
  --primary-hover: #075563;
  --canvas: #f4f7fb;
  --line: #dce5ee;
  --muted: #607487;
  --sidebar-muted: #cee1f2;
}

.brand-mark {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  padding: 5px;
  letter-spacing: normal;
  font-size: 0;
}

.brand-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sidebar .brand {
  font-size: 18px;
  gap: 8px;
}

.login-intro .brand-mark {
  width: 56px;
  height: 56px;
  padding: 6px;
}

@media (max-width: 680px) {
  .login-intro .brand-mark {
    width: 44px;
    height: 44px;
  }
}

/* Consistent management pages: changes, contracts, licenses, finance, users and recurring calls. */
.management-page-panel {
  min-width: 0;
}

.management-page-panel > .management-page-mount > .client-list-toolbar {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 18px 24px 4px;
}

.management-page-panel > .management-page-mount > .client-list-toolbar .client-list-scope {
  margin: 0;
}

.management-page-panel .module-list-wrapper,
.management-page-panel .wget-data-table-tools,
.management-page-panel .table-wrap {
  min-width: 0;
}

.financial-preparation-copy {
  max-width: none;
  padding: 24px;
}

.financial-preparation-copy p {
  max-width: 780px;
}

.financial-page {
  display: grid;
  gap: 20px;
}

.financial-page[hidden] {
  display: none;
}

.financial-summary-mount {
  padding: 20px 24px 24px;
}

.financial-summary-heading {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}

.financial-summary-heading h3,
.financial-summary-heading p,
.financial-vacation-summary-title {
  margin: 0;
}

.financial-year-filter {
  display: grid;
  gap: 6px;
  min-width: 0;
  font-weight: 700;
}

.financial-period-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 10px;
  width: 100%;
}

.financial-period-filter {
  min-width: 0;
}

.financial-period-filters[data-mode="annual"] {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}

.financial-period-filters[data-mode="vacations"] {
  grid-template-columns: minmax(0, 220px);
}

.financial-year-filter select,
.financial-year-filter input {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  color: var(--ink);
  padding: 8px 12px;
}

.financial-period-error {
  margin: -8px 0 16px;
}

.financial-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.financial-kpi-card {
  display: grid;
  align-content: center;
  min-width: 0;
  min-height: 126px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  text-align: center;
}

.financial-kpi-card.financial-kpi-healthy {
  border-color: #a9d8ba;
  background: #eef9f2;
}

.financial-kpi-card.financial-kpi-warning {
  border-color: #e3c86f;
  background: #fff8e4;
}

.financial-kpi-card.financial-kpi-exceeded {
  border-color: #e8aeb5;
  background: #fff0f2;
}

.financial-kpi-card.financial-kpi-information {
  border-color: #acd3e8;
  background: #eef7fc;
}

.financial-kpi-card strong {
  margin: 10px 0 6px;
  color: var(--brand-navy);
  font-size: clamp(1.15rem, 2vw, 1.7rem);
  overflow-wrap: anywhere;
}

.financial-kpi-healthy strong {
  color: #216e49;
}

.financial-kpi-warning strong {
  color: #8b6512;
}

.financial-kpi-exceeded strong {
  color: #a12f3a;
}

.financial-kpi-information strong {
  color: #25698d;
}

.financial-kpi-label {
  color: var(--muted);
  font-weight: 700;
}

.financial-kpi-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  min-height: 23px;
  margin-bottom: 7px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 750;
}

.financial-kpi-healthy .financial-kpi-status {
  background: #d7efdf;
  color: #246d49;
}

.financial-kpi-warning .financial-kpi-status {
  background: #f8e8ad;
  color: #76540c;
}

.financial-kpi-exceeded .financial-kpi-status {
  background: #f6d4d8;
  color: #922c36;
}

.financial-kpi-information .financial-kpi-status {
  background: #d7ebf6;
  color: #235f7e;
}

.financial-vacation-summary-title {
  margin-top: 24px;
  margin-bottom: 12px;
}

.financial-vacation-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vacation-calendar-host {
  min-width: 0;
  padding: 2px 24px 20px;
}

.vacation-calendar {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f8fbfc;
}

.vacation-calendar-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.vacation-calendar-header h3,
.vacation-calendar-header p,
.vacation-calendar-month h4 {
  margin: 0;
}

.vacation-calendar-header p {
  margin-top: 5px;
}

.vacation-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 14px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
}

.vacation-calendar-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.vacation-calendar-legend-item i {
  width: 12px;
  height: 12px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: var(--panel);
}

.vacation-calendar-legend-item i.is-today {
  border: 2px solid var(--brand-navy);
}

.vacation-calendar-legend-item i.has-holiday {
  border-color: #ef9a9a;
  background: #fff0f0;
}

.vacation-calendar-legend-item i.status-planned {
  border-color: #9fb4c2;
  background: #edf3f6;
}

.vacation-calendar-legend-item i.status-approved {
  border-color: #71bd8b;
  background: #e3f5e9;
}

.vacation-calendar-legend-item i.status-in-progress {
  border-color: #d8a13b;
  background: #fff3d9;
}

.vacation-calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

.vacation-calendar-month {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}

.vacation-calendar-month h4 {
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  color: var(--brand-navy);
  font-size: 14px;
  text-align: center;
}

.vacation-calendar-weekdays,
.vacation-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.vacation-calendar-weekdays {
  border-bottom: 1px solid var(--line);
  background: #eef5f8;
}

.vacation-calendar-weekdays span {
  padding: 7px 2px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 750;
  text-align: center;
  text-transform: uppercase;
}

.vacation-calendar-day {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  min-height: 66px;
  padding: 5px;
  border-right: 1px solid #e5edf1;
  border-bottom: 1px solid #e5edf1;
  background: var(--panel);
}

.vacation-calendar-day:nth-child(7n) {
  border-right: 0;
}

.vacation-calendar-day.is-outside {
  background: #f7fafb;
}

.vacation-calendar-day.is-today {
  z-index: 1;
  box-shadow: inset 0 0 0 2px var(--brand-navy);
}

.vacation-calendar-day.has-holiday {
  background: #fff7f7;
}

.vacation-calendar-day.has-vacation {
  background: #f2fbfc;
}

.vacation-calendar-day.has-planned {
  background: #f5f8fa;
}

.vacation-calendar-day.has-approved {
  background: #f1faf4;
}

.vacation-calendar-day.has-in-progress {
  background: #fff9ea;
}

.vacation-calendar-day.has-holiday.has-vacation {
  background: linear-gradient(135deg, #fff7f7 0 50%, #f2fbfc 50% 100%);
}

.vacation-calendar-day-number {
  align-self: flex-start;
  color: var(--ink);
  font-size: 10px;
  font-weight: 750;
}

.vacation-calendar-event,
.vacation-calendar-more {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 8px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vacation-calendar-holiday {
  background: #fde2e2;
  color: #8f2424;
}

.vacation-calendar-employee {
  border: 1px solid transparent;
  font-weight: 650;
}

.vacation-calendar-employee.status-planned {
  border-color: #bdcbd4;
  background: #e8eff3;
  color: #385365;
}

.vacation-calendar-employee.status-approved {
  border-color: #9dd4ae;
  background: #def2e4;
  color: #22633a;
}

.vacation-calendar-employee.status-in-progress {
  border-color: #e6c16f;
  background: #ffefc8;
  color: #76500a;
}

.vacation-calendar-employee.status-completed {
  border-color: #b9c7d0;
  background: #edf2f5;
  color: #405866;
}

.vacation-calendar-more {
  align-self: flex-start;
  padding-inline: 0;
  color: var(--muted);
  font-weight: 700;
}

.financial-list-toolbar {
  align-items: center;
  gap: 16px;
  padding-bottom: 14px !important;
}

.financial-page .module-list-wrapper > .wget-data-table-tools {
  width: calc(100% - 48px);
  margin: 8px 24px 16px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #f8fbfc;
}

.financial-page .wget-data-table-actions {
  align-items: center;
  gap: 10px;
}

#module-table-financial.wget-data-table-header-filters th,
#module-table-financial.wget-data-table-header-filters td,
#module-table-vacations.wget-data-table-header-filters th,
#module-table-vacations.wget-data-table-header-filters td {
  padding: 10px 12px;
}

#module-table-financial .module-actions,
#module-table-vacations .module-actions {
  min-width: 88px;
  white-space: nowrap;
}

.financial-records-panel .module-list-wrapper > .table-wrap {
  margin-bottom: 0;
  border-radius: 9px 9px 0 0;
}

.financial-table-totals {
  display: grid;
  grid-template-columns: minmax(150px, .7fr) repeat(2, minmax(190px, 1fr));
  gap: 1px;
  width: calc(100% - 48px);
  margin: -1px 24px 24px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 0 0 10px 10px;
  background: var(--line);
}

.financial-table-totals > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 14px 16px;
  background: #f8fbfc;
}

.financial-table-totals span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .02em;
}

.financial-table-totals strong {
  color: var(--brand-navy);
  font-size: 15px;
  overflow-wrap: anywhere;
}

.financial-table-total-value {
  text-align: right;
}

.financial-employees-toolbar > div:first-child {
  display: grid;
  gap: 4px;
}

.financial-employees-summary {
  display: grid;
  gap: 16px;
  padding: 20px 24px 22px;
  border-bottom: 1px solid var(--line);
  background: #f8fbfc;
}

.financial-employees-summary-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.financial-employees-summary-heading h3,
.financial-employees-summary-heading p {
  margin: 0;
}

.financial-employees-kpis .financial-kpi-card {
  min-height: 112px;
  padding: 16px;
}

.financial-employees-toolbar .muted {
  margin: 0;
}

.financial-employees-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.financial-employees-table-wrap {
  width: calc(100% - 48px);
  margin: 4px 24px 24px;
  border: 1px solid var(--line);
  border-radius: 12px;
}

#financial-employees-table {
  width: 100%;
  table-layout: auto;
}

#financial-employees-table th,
#financial-employees-table td {
  padding: 10px 12px;
  vertical-align: middle;
}

#financial-employees-table th:first-child,
#financial-employees-table td:first-child {
  min-width: 150px;
  font-weight: 700;
}

.financial-employees-table-wrap .module-actions {
  min-width: 180px;
}

.financial-employees-table-wrap .module-actions .button {
  white-space: nowrap;
}

.financial-suppliers-panel #module-table-suppliers th,
.financial-suppliers-panel #module-table-suppliers td {
  padding: 10px 12px;
  vertical-align: middle;
}

.financial-suppliers-panel #module-table-suppliers .module-actions {
  min-width: 78px;
  white-space: nowrap;
}

#page-users .subclient-users-panel > #subclient-users-mount {
  padding: 0;
}

.subclient-users-intro {
  box-sizing: border-box;
  padding: 18px 24px 4px;
}

.subclient-users-intro .client-list-scope {
  margin: 0;
}

.subclient-users-intro .muted {
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.6;
}

.subclient-users-toolbar {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  padding: 14px 24px 16px;
  border-bottom: 1px solid #edf1f4;
}

.subclient-users-target-field {
  flex: 1 1 420px;
  max-width: 520px;
  margin: 0;
}

.subclient-users-target-field select {
  width: 100%;
}

.subclient-users-toolbar .button {
  min-height: 42px;
  white-space: nowrap;
}

#subclient-users-mount > #subclient-users-status {
  margin: 14px 24px 0;
  font-size: 11px;
}

#subclient-users-mount > #subclient-users-status:empty {
  display: none;
}

#subclient-users-grid.wget-data-table-header-filters {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

#subclient-users-grid.wget-data-table-header-filters th,
#subclient-users-grid.wget-data-table-header-filters td {
  min-width: 0;
  padding: 10px 12px;
  overflow-wrap: anywhere;
  vertical-align: middle;
}

#subclient-users-grid.wget-data-table-header-filters th {
  white-space: normal;
}

#subclient-users-grid.wget-data-table-header-filters th:nth-child(1) { width: 24%; }
#subclient-users-grid.wget-data-table-header-filters th:nth-child(2) { width: 30%; }
#subclient-users-grid.wget-data-table-header-filters th:nth-child(3) { width: 20%; }
#subclient-users-grid.wget-data-table-header-filters th:nth-child(4) { width: 26%; }

#subclient-users-grid.wget-data-table-header-filters th > .wget-multiselect {
  margin-left: 5px;
}

#subclient-users-grid.wget-data-table-header-filters th > .wget-multiselect .wget-multiselect-trigger {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  border-radius: 8px;
}

@media (max-width: 760px) {
  #subclient-users-table {
    overflow-x: hidden;
  }

  #subclient-users-grid.wget-data-table-header-filters,
  #subclient-users-grid.wget-data-table-header-filters thead,
  #subclient-users-grid.wget-data-table-header-filters tbody {
    display: block;
    width: 100%;
    min-width: 0;
  }

  #subclient-users-grid.wget-data-table-header-filters thead tr,
  #subclient-users-grid.wget-data-table-header-filters tbody tr:not([hidden]) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #subclient-users-grid.wget-data-table-header-filters thead th:not([hidden]) {
    display: flex;
    width: auto;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    border-right: 1px solid #bdd3e4;
  }

  #subclient-users-grid.wget-data-table-header-filters tbody tr:not([hidden]) {
    margin: 10px 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }

  #subclient-users-grid.wget-data-table-header-filters tbody td:not([hidden]) {
    display: grid;
    width: auto;
    grid-template-columns: minmax(6rem, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    border-bottom: 1px solid #edf2f5;
  }

  #subclient-users-grid.wget-data-table-header-filters tbody td:not([hidden])::before {
    content: attr(data-column-label);
    color: #567181;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
  }
}

@media (max-width: 520px) {
  #subclient-users-grid.wget-data-table-header-filters thead tr,
  #subclient-users-grid.wget-data-table-header-filters tbody tr:not([hidden]) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .management-page-panel > .management-page-mount > .client-list-toolbar {
    padding: 14px 14px 2px;
  }

  .management-page-panel > .management-page-mount > .client-list-toolbar .button {
    width: 100%;
  }

  .financial-preparation-copy {
    padding: 18px 14px;
  }

  .financial-summary-mount {
    padding: 16px 14px 18px;
  }

  .financial-summary-heading {
    gap: 14px;
  }

  .financial-year-filter,
  .financial-year-filter select,
  .financial-year-filter input {
    width: 100%;
  }

  .financial-period-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }

  .financial-period-filters[data-mode="annual"] {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  }

  .financial-period-filters[data-mode="custom"] {
    grid-template-columns: 1fr 1fr;
  }

  .financial-period-filters[data-mode="custom"] .financial-period-filter {
    grid-column: 1 / -1;
  }

  .financial-period-filters[data-mode="vacations"] {
    grid-template-columns: 1fr;
  }

  .financial-period-filters label {
    font-size: 0.82rem;
  }

  .financial-period-filters select,
  .financial-period-filters input {
    min-width: 0;
    padding: 8px;
  }

  .financial-kpi-grid,
  .financial-vacation-kpis {
    grid-template-columns: 1fr;
  }

  .vacation-calendar-host {
    padding: 2px 14px 14px;
  }

  .vacation-calendar {
    padding: 14px;
  }

  .vacation-calendar-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .vacation-calendar-legend {
    justify-content: flex-start;
  }

  .vacation-calendar-grid {
    grid-template-columns: 1fr;
  }

  .financial-page .module-list-wrapper > .wget-data-table-tools {
    width: calc(100% - 28px);
    margin: 8px 14px 12px;
    padding: 12px;
  }

  .financial-table-totals {
    grid-template-columns: 1fr;
    width: calc(100% - 28px);
    margin: -1px 14px 14px;
  }

  .financial-table-total-value {
    text-align: left;
  }

  .financial-employees-actions,
  .financial-employees-actions .button {
    width: 100%;
  }

  .financial-employees-summary {
    padding: 16px 14px 18px;
  }

  .financial-employees-summary-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .financial-employees-table-wrap {
    width: calc(100% - 28px);
    margin: 4px 14px 14px;
  }

  #page-users .subclient-users-panel > #subclient-users-mount {
    padding: 0;
  }

  .subclient-users-intro {
    padding: 14px 14px 2px;
  }

  .subclient-users-toolbar {
    align-items: stretch;
    flex-direction: column;
    padding: 12px 14px 14px;
  }

  .subclient-users-target-field {
    width: 100%;
    max-width: none;
  }

  .subclient-users-toolbar .button {
    width: 100%;
  }

  #subclient-users-mount > #subclient-users-status {
    margin: 12px 14px 0;
  }
}

@media (min-width: 681px) and (max-width: 1100px) {
  .vacation-calendar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.brand-light .brand-observe {
  color: var(--brand-pale);
}

.button-primary {
  background: var(--brand-teal);
  color: var(--brand-navy);
}

.button-primary:hover {
  background: var(--brand-teal-hover);
  color: var(--brand-navy);
}

.nav-link[aria-current="page"] {
  background: #163955;
  color: #fff;
  box-shadow: inset 3px 0 var(--brand-teal);
}

.nav-sub-link[aria-current="page"] {
  box-shadow: inset 2px 0 var(--brand-teal);
}

.nav-link.is-section-active {
  background: #12304d;
  color: var(--brand-pale);
}

.nav-link[aria-current="page"] .nav-icon,
.nav-link.is-section-active .nav-icon {
  color: var(--brand-teal);
}

.nav-sub-link[aria-current="page"]::before {
  background: var(--brand-teal);
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 3px;
}

.sidebar a:focus-visible,
.sidebar button:focus-visible,
.brand-light:focus-visible {
  outline-color: var(--brand-teal);
}

.login-intro {
  background: var(--brand-navy);
}

.login-intro::after {
  border-color: var(--brand-teal);
}

.login-intro .eyebrow {
  color: var(--brand-teal);
}

.intro-content > p:not(.eyebrow),
.intro-features > div {
  color: var(--brand-pale);
}

.feature-number {
  color: var(--brand-teal);
  border-color: #51718f;
}

.intro-footer {
  color: #b1c9df;
}

.assistant-scope {
  background: #f0f7fc;
  border-color: var(--brand-pale);
}

.assistant-summary {
  background: #f4f8fc;
  border-color: var(--brand-pale);
}

.module-placeholder-icon {
  background: #edf6fc;
  border-color: var(--brand-pale);
  color: var(--primary);
}

.sidebar .nav-list {
  scrollbar-color: #51718f transparent;
}

.sidebar .nav-list::-webkit-scrollbar-thumb {
  background: #51718f;
}

.ticket-catalog-sla-results{min-width:0}.ticket-catalog-layout>.ticket-catalog-sla-results:only-child{grid-column:1/-1}

/* Compact configuration catalogs: shared spacing and contained tables. */
.ticket-catalog-modern .ticket-catalog-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:20px}
.ticket-catalog-modern .ticket-catalog-form,
.ticket-catalog-modern .ticket-catalog-results-card{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:#fff}
.ticket-catalog-modern .ticket-catalog-form{padding:20px}
.ticket-catalog-modern .ticket-catalog-results-card{overflow:hidden}
.ticket-catalog-modern .ticket-catalog-results-heading{padding:20px 20px 14px;border-bottom:1px solid var(--line)}
.ticket-catalog-modern .ticket-catalog-results-heading h3{margin:0;font-size:14px}
.ticket-catalog-modern .ticket-catalog-results-heading .muted{margin:6px 0 0;font-size:10px;line-height:1.5}
.ticket-catalog-modern .ticket-catalog-results-card>.table-wrap{box-sizing:border-box;width:calc(100% - 40px);margin:16px 20px 20px;overflow-x:auto;border:1px solid var(--line);border-radius:9px}
.ticket-catalog-modern .ticket-catalog-table{width:100%;min-width:0;table-layout:fixed}
.ticket-catalog-modern .ticket-catalog-table th,
.ticket-catalog-modern .ticket-catalog-table td{min-width:0;padding:10px 11px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.ticket-catalog-modern .ticket-catalog-table .actions-column{min-width:0}
.ticket-catalog-modern .ticket-catalog-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ticket-catalog-modern .ticket-catalog-row-actions .button{min-width:0}
.ticket-catalog-modern .ticket-catalog-table-sla th:nth-child(1){width:15%}
.ticket-catalog-modern .ticket-catalog-table-sla th:nth-child(2){width:23%}
.ticket-catalog-modern .ticket-catalog-table-sla th:nth-child(3){width:12%}
.ticket-catalog-modern .ticket-catalog-table-sla th:nth-child(4){width:10%}
.ticket-catalog-modern .ticket-catalog-table-sla th:nth-child(5){width:25%}
.ticket-catalog-modern .ticket-catalog-table-sla th:nth-child(6){width:15%}
.ticket-catalog-modern .ticket-catalog-table-base th:nth-child(1){width:20%}
.ticket-catalog-modern .ticket-catalog-table-base th:nth-child(2){width:32%}
.ticket-catalog-modern .ticket-catalog-table-base th:nth-child(3){width:20%}
.ticket-catalog-modern .ticket-catalog-table-base th:nth-child(4){width:12%}
.ticket-catalog-modern .ticket-catalog-table-base th:nth-child(5){width:16%}
.ticket-catalog-modern .ticket-catalog-table-simple th:nth-child(1){width:22%}
.ticket-catalog-modern .ticket-catalog-table-simple th:nth-child(2){width:44%}
.ticket-catalog-modern .ticket-catalog-table-simple th:nth-child(3){width:14%}
.ticket-catalog-modern .ticket-catalog-table-simple th:nth-child(4){width:20%}
@media(max-width:1180px){.ticket-catalog-modern .ticket-catalog-layout{grid-template-columns:1fr}}
@media(max-width:680px){.ticket-catalog-modern .ticket-catalog-form{padding:16px}.ticket-catalog-modern .ticket-catalog-results-heading{padding:16px 14px 12px}.ticket-catalog-modern .ticket-catalog-results-card>.table-wrap{width:calc(100% - 28px);margin:14px}.ticket-catalog-modern .ticket-catalog-table{min-width:680px}}

.settings-compact-module{padding:0 24px 24px}
.settings-compact-module>.client-list-toolbar{box-sizing:border-box;margin:0 0 16px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}
.settings-compact-module>.settings-module-list{box-sizing:border-box;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}
.settings-compact-module .settings-module-list>.table-wrap{overflow-x:auto}
.settings-compact-module table{width:100%;min-width:0;table-layout:fixed}
.settings-compact-module th,.settings-compact-module td{min-width:0;padding:10px 11px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.settings-compact-module .module-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.settings-compact-module .module-actions .button{min-width:0}
#module-table-device_types th:nth-child(1){width:24%}
#module-table-device_types th:nth-child(2){width:42%}
#module-table-device_types th:nth-child(3){width:14%}
#module-table-device_types th:last-child{width:20%}
#module-table-recurring_calls th:nth-child(1){width:16%}
#module-table-recurring_calls th:nth-child(2){width:25%}
#module-table-recurring_calls th:nth-child(3){width:9%}
#module-table-recurring_calls th:nth-child(4){width:12%}
#module-table-recurring_calls th:nth-child(5){width:18%}
#module-table-recurring_calls th:last-child{width:20%}
@media(max-width:680px){.settings-compact-module{padding:0 14px 14px}.settings-compact-module table{min-width:680px}.settings-compact-module>.client-list-toolbar{padding:14px}}

.module-actions-menu{width:100%;min-width:0}
.module-actions-menu>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:7px 9px;border:1px solid #cfdee6;border-radius:7px;background:#fff;color:#285d70;font-size:10px;font-weight:700;cursor:pointer}
.module-actions-menu>summary::-webkit-details-marker{display:none}
.module-actions-menu>summary::after{content:"⌄";color:#6b8794;font-size:14px;line-height:1}
.module-actions-menu[open]>summary{border-color:#7db3bd;background:#f2f9fa;box-shadow:0 0 0 2px #dff1f3}
.module-actions-menu[open]>summary::after{content:"⌃"}
.module-actions-menu-items{display:grid;gap:4px;padding:6px 0 0}
.module-actions-menu-item{width:100%;min-height:30px;padding:6px 8px;border:0;border-radius:6px;background:#f6fafb;color:#285d70;font:inherit;font-size:10px;font-weight:650;text-align:left;cursor:pointer}
.module-actions-menu-item:hover,.module-actions-menu-item:focus-visible{background:#e8f4f6;color:#114c61}
.module-actions-menu-item.is-danger{background:#fff6f6;color:#b44d56}
.module-actions-menu-item.is-danger:hover,.module-actions-menu-item.is-danger:focus-visible{background:#ffebed;color:#99333d}
.recurring-state-badge{justify-self:start}

.device-name-link{appearance:none;border:0;background:transparent;color:#176c82;font:inherit;font-weight:650;padding:0;text-align:left;text-decoration:underline;text-decoration-color:#b6d7df;text-underline-offset:3px;cursor:pointer}.device-name-link:hover,.device-name-link:focus-visible{color:#063d59;text-decoration-color:currentColor}.device-context-dialog{max-width:1120px;width:calc(100% - 28px)}.device-context-content{padding:25px 25px 0}.device-context-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.device-context-summary h2{font-size:22px}.device-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid var(--line);padding:0 2px}.device-tab-button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:#6c8491;font-size:11px;font-weight:650;padding:11px 13px;white-space:nowrap;cursor:pointer}.device-tab-button[aria-selected=true]{border-bottom-color:var(--accent);color:#0b5269}.device-tab-panels{padding-top:20px}.device-tab-panel{min-width:0}.device-tab-panel[hidden]{display:none}.device-tab-heading{margin-bottom:15px}.device-tab-heading h3{font-size:16px}.device-information-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-information-item{border:1px solid var(--line);border-radius:8px;background:#f8fbfc;padding:13px}.device-information-item dt{color:#7c919d;font-size:9px;margin-bottom:5px}.device-information-item dd{color:#294b5b;font-size:12px;font-weight:600;margin:0;overflow-wrap:anywhere}.device-detail-table{max-height:430px}.device-detail-table table{min-width:720px}.device-tab-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.device-period-field{max-width:190px}.device-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.device-metric-card{border:1px solid var(--line);border-radius:9px;padding:15px;min-width:0;background:#fff}.device-metric-card h4{font-size:12px;margin-bottom:11px}.device-metric-chart{display:block;width:100%;height:auto;min-height:170px}.device-chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;font-size:9px;color:#6f8793}.device-chart-legend span{display:inline-flex;align-items:center;gap:5px}.device-chart-legend i{width:8px;height:8px;border-radius:50%}@media(max-width:760px){.device-context-content{padding:20px 15px 0}.device-context-summary{flex-direction:column}.device-information-grid,.device-metric-grid{grid-template-columns:1fr}.device-tab-heading{align-items:stretch;flex-direction:column}.device-period-field{max-width:none}}

.device-period-field{display:block;min-width:160px;font-size:10px;font-weight:600;color:#506977}.device-period-field select{margin-top:6px}.chart-axis{stroke:#d9e5ea;stroke-width:1}.chart-label{fill:#7b909b;font-size:10px}.device-chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;font-size:9px;color:#6f8793}.device-chart-legend span{display:inline-flex;align-items:center;gap:5px}.device-chart-legend i{width:8px;height:8px;border-radius:50%}

.device-vulnerability-overview{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;margin-bottom:22px}.device-vulnerability-summary{display:grid;grid-template-columns:1fr;gap:10px}.device-vulnerability-card{border:1px solid var(--line);border-left-width:4px;border-radius:8px;background:#fff;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.device-vulnerability-card strong{font-size:24px}.device-vulnerability-card span{font-size:11px}.device-vulnerability-card.vulnerability-critical{border-left-color:#c8322b}.device-vulnerability-card.vulnerability-critical strong{color:#b52822}.device-vulnerability-card.vulnerability-high{border-left-color:#e59a35}.device-vulnerability-card.vulnerability-high strong{color:#b76800}.device-vulnerability-card.vulnerability-medium{border-left-color:#4f82bd}.device-vulnerability-card.vulnerability-medium strong{color:#3b6fa9}.device-vulnerability-card.vulnerability-low{border-left-color:#078378}.device-vulnerability-card.vulnerability-low strong{color:#086f67}.device-vulnerability-card.vulnerability-unknown{border-left-color:#7c919d}.device-vulnerability-card.vulnerability-unknown strong{color:#5e737f}.device-vulnerability-packages{border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}.device-vulnerability-packages h4{font-size:14px;margin-bottom:10px}.device-vulnerability-packages .wget-data-table-description{display:none}.device-context-dialog .wget-data-table-tools{margin-bottom:10px}.device-context-dialog .wget-data-table-tools input{padding:7px}.device-context-dialog .device-detail-table{margin-bottom:22px}@media(max-width:760px){.device-vulnerability-overview{grid-template-columns:1fr}.device-vulnerability-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.device-vulnerability-summary{grid-template-columns:1fr}}
.device-vulnerability-packages .device-detail-table table{min-width:100%;width:100%}.device-vulnerability-packages .device-detail-table{max-height:none}
.device-vulnerability-packages table.wget-data-table.wget-data-table-header-filters{min-width:100%;width:100%;table-layout:fixed}.device-vulnerability-packages table.wget-data-table.wget-data-table-header-filters th,.device-vulnerability-packages table.wget-data-table.wget-data-table-header-filters td{min-width:0}.device-vulnerability-packages table.wget-data-table.wget-data-table-header-filters th:last-child,.device-vulnerability-packages table.wget-data-table.wget-data-table-header-filters td:last-child{width:9rem;text-align:right}
.device-cve-link{color:#086775;font-weight:700;text-decoration:underline;text-decoration-color:#9bcbd0;text-underline-offset:3px}.device-cve-link:hover,.device-cve-link:focus-visible{color:#063d59;text-decoration-color:currentColor}

/* Device workspace, operational overview and assistant */
.metrics-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.alert-overview-link{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}
.alert-overview-link:hover,.alert-overview-link:focus-visible{background:#f5fafb}
.device-context-dialog{width:calc(100vw - 28px);max-width:none;height:calc(100vh - 28px);max-height:none;margin:14px}
.device-context-dialog::backdrop{background:#061d2999}
.device-context-content{height:calc(100vh - 105px);overflow:auto;padding:20px 22px 0}
.device-context-dialog .modal-actions{position:sticky;bottom:0;background:#fff;z-index:5}
.device-context-actions{justify-content:space-between}
.button-danger{background:#a9363f;border:1px solid #a9363f;color:#fff}
.button-danger:hover{background:#8d2932}
.device-detail-table{max-height:none;overflow:auto}
.device-detail-table table{min-width:0;width:max-content;max-width:none}
.device-detail-table th,.device-detail-table td{white-space:normal;overflow-wrap:anywhere}
.device-vulnerability-overview{grid-template-columns:1fr}
.device-vulnerability-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.device-vulnerability-card{padding:9px 11px}
.device-vulnerability-card strong{font-size:19px}
.device-vulnerability-packages{padding:11px}
.device-metric-grid{grid-template-columns:repeat(2,minmax(360px,1fr))}
.device-metric-card{overflow:hidden;padding:18px}
.device-metric-chart{min-height:220px}
.chart-label{font-size:12px;fill:#516d7b}
.assistant-chat-toggle{position:fixed;right:24px;bottom:24px;z-index:45;width:50px;height:50px;border:0;border-radius:50%;background:#062e4f;color:#5ce1e6;font-size:23px;box-shadow:0 12px 28px #062e4f45;cursor:pointer}
.assistant-chat-panel{position:fixed;right:24px;bottom:84px;z-index:46;width:min(390px,calc(100vw - 32px));max-height:min(620px,calc(100vh - 110px));background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #062e4f38;overflow:hidden}
.assistant-chat-panel>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#062e4f;color:#fff}
.assistant-chat-panel>header button{border:0;background:transparent;color:#fff;font-size:20px}
.assistant-chat-messages{min-height:180px;max-height:360px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:11px;line-height:1.55}
.assistant-chat-user{align-self:flex-end;background:#e9f7f8;padding:8px 10px;border-radius:10px;max-width:85%}
.assistant-chat-answer{align-self:flex-start;background:#f1f5f7;padding:8px 10px;border-radius:10px;max-width:92%;white-space:pre-wrap}
.assistant-chat-panel form{padding:12px;border-top:1px solid var(--line);display:grid;gap:8px}
.assistant-chat-panel textarea{resize:vertical}
@media(max-width:900px){.metrics-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}.device-metric-grid{grid-template-columns:1fr}.device-vulnerability-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.metrics-grid-six{grid-template-columns:1fr}.device-context-dialog{width:100vw;height:100vh;margin:0}.device-context-content{height:calc(100vh - 90px);padding:15px}.device-vulnerability-summary{grid-template-columns:1fr}.assistant-chat-toggle{right:16px;bottom:16px}.assistant-chat-panel{right:16px;bottom:76px}}

/* Estado consolidado dos dois agentes do dispositivo. */
.communication-indicator{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.communication-indicator::before{content:"";width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#7c919d;box-shadow:0 0 0 3px #7c919d22}
.communication-indicator.communication-online::before{background:#1f9d66;box-shadow:0 0 0 3px #1f9d6624}
.communication-indicator.communication-partial::before{background:#d89a18;box-shadow:0 0 0 3px #d89a1826}
.communication-indicator.communication-offline::before{background:#c44343;box-shadow:0 0 0 3px #c4434324}

.knowledge-file-panel,.ai-report-history{display:grid;gap:12px}
.knowledge-file-panel .table-wrap,.ai-report-history article{border:1px solid var(--line);border-radius:9px;background:#fff}
.knowledge-browser-panel{min-width:0}
.knowledge-browser-panel>.panel-heading{padding:18px 20px}
.knowledge-loading{padding:22px 20px}
.knowledge-browser{display:grid;grid-template-columns:minmax(230px,285px) minmax(0,1fr);min-height:560px}
.knowledge-tree-pane{min-width:0;padding:16px 12px 18px;background:#f8fbfd;border-right:1px solid var(--line)}
.knowledge-pane-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 10px}
.knowledge-pane-heading h3,.knowledge-folder-toolbar h3{font-size:14px;margin:0}
.knowledge-tree-list{list-style:none;margin:0;padding:0}
.knowledge-tree-list .knowledge-tree-list{margin-left:17px;padding-left:7px;border-left:1px solid #dce7ed}
.knowledge-tree-item{margin:2px 0;min-width:0}
.knowledge-tree-row{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;min-width:0}
.knowledge-tree-toggle{display:grid;place-items:center;width:24px;height:34px;padding:0;border:0;background:transparent;color:#617b89;font-size:18px;cursor:pointer}
.knowledge-tree-toggle:disabled{cursor:default;opacity:.25}
.knowledge-tree-node{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:36px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#294b5b;text-align:left;cursor:pointer}
.knowledge-tree-node:hover{background:#eaf3f7}
.knowledge-tree-node.is-selected{background:#dceef9;color:#124c69;box-shadow:inset 3px 0 #2ba4b4}
.knowledge-folder-icon{font-size:15px;line-height:1}
.knowledge-tree-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}
.knowledge-tree-count{display:inline-grid;place-items:center;min-width:21px;height:20px;padding:0 5px;border-radius:10px;background:#e6eef2;color:#67808d;font-size:9px}
.knowledge-content-pane{min-width:0;padding:18px 20px 20px}
.knowledge-folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.knowledge-folder-toolbar .eyebrow{display:block;margin-bottom:4px;color:#78909d;font-size:8px;font-weight:700;letter-spacing:.1em}
.knowledge-folder-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.knowledge-upload-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:15px;border:1px solid #dce7ed;border-radius:10px;background:#f9fcfd}
.knowledge-upload-form .field{min-width:0}
.knowledge-upload-form .field input,.knowledge-upload-form .field select{width:100%;min-width:0}
.knowledge-upload-form .field:nth-child(5){grid-column:span 2}
.knowledge-upload-actions{display:flex;align-items:flex-end;justify-content:flex-end}
.knowledge-upload-actions .button{width:100%}
.knowledge-content-pane>.wget-data-table-tools{box-sizing:border-box;margin:0;padding:12px 0 14px;gap:9px 11px}
.knowledge-files-table-wrap{width:100%;max-width:100%;margin:0;overflow-x:hidden;border:1px solid var(--line);border-radius:10px}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters{width:100%;min-width:0;table-layout:fixed}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th,:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters td,:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:first-child,:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters td:first-child{min-width:0;max-width:none;padding:9px 7px;line-height:1.35;vertical-align:middle;overflow-wrap:anywhere}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th{font-size:9px;white-space:normal}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters td{font-size:10px}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(1){width:12%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(2){width:18%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(3){width:8%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(4){width:10%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(5){width:13%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(6){width:13%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(7){width:8%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th:nth-child(8){width:18%}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th>.wget-multiselect{margin-left:3px}
:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters th>.wget-multiselect .wget-multiselect-trigger{width:26px;min-width:26px;height:26px;min-height:26px;border-radius:8px}
.knowledge-file-actions{align-items:center;gap:4px;flex-wrap:wrap}
.knowledge-file-actions .button-small{min-width:0;min-height:29px;padding:5px 7px;font-size:9px}
.knowledge-dialog{width:min(600px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:0;border:0;border-radius:12px;color:var(--ink);box-shadow:0 24px 70px #071f2b42}
.knowledge-dialog::backdrop{background:#071f2b99}
.knowledge-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}
.knowledge-dialog-heading h2{margin:0;font-size:16px}
.knowledge-dialog-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 20px 20px}
.knowledge-dialog-form .inline-notice{margin:0}
@media(max-width:1100px){.knowledge-browser{grid-template-columns:minmax(210px,245px) minmax(0,1fr)}.knowledge-upload-form{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-upload-form .field:nth-child(5){grid-column:1/-1}.knowledge-upload-actions{grid-column:1/-1}.knowledge-upload-actions .button{width:auto}}
@media(max-width:900px){
  .knowledge-browser{grid-template-columns:minmax(0,1fr);min-height:0}
  .knowledge-tree-pane{border-right:0;border-bottom:1px solid var(--line);max-height:320px;overflow:auto}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters,:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters thead,:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters tbody{display:block;width:100%;min-width:0}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters thead tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-bottom:1px solid var(--line)}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters thead th:not([hidden]){display:flex;width:auto;align-items:center;justify-content:space-between;gap:6px;border-right:1px solid #bdd3e4}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters tbody tr:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:10px 0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters tbody td:not([hidden]){display:grid;width:auto;grid-template-columns:minmax(6.5rem,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #edf2f5}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters tbody td:not([hidden])::before{content:attr(data-column-label);color:#567181;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
  :is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters .table-empty{grid-column:1/-1;display:block}
}
@media(max-width:680px){.knowledge-content-pane{padding:15px 14px}.knowledge-folder-toolbar{align-items:flex-start;flex-direction:column}.knowledge-folder-actions{justify-content:flex-start}.knowledge-upload-form{grid-template-columns:minmax(0,1fr);padding:13px}.knowledge-upload-form .field:nth-child(5),.knowledge-upload-actions{grid-column:auto}.knowledge-upload-actions .button{width:100%}.knowledge-dialog-form{grid-template-columns:minmax(0,1fr);padding:16px 14px}.knowledge-dialog-heading{padding:16px 14px}}
@media(max-width:520px){:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters thead tr,:is(#knowledge-files-table,#project-documents-table).wget-data-table-header-filters tbody tr:not([hidden]){grid-template-columns:minmax(0,1fr)}}
.ai-report-history article{padding:14px;white-space:pre-wrap;overflow-wrap:anywhere}

.vault-layout{display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:18px;align-items:start}
.vault-status{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:16px 18px}
.vault-layout>.inline-notice,.vault-layout>.form-error{grid-column:1/-1}
.vault-form-card .panel-heading{border-bottom:1px solid var(--line)}
.vault-form{padding:18px;grid-template-columns:minmax(0,1fr)}
.vault-form>.field,.vault-form>.field-full{grid-column:1/-1;width:100%;min-width:0}
.vault-form .modal-actions{margin-top:0}
.vault-remove-totp{display:flex;align-items:center;gap:9px;color:#405f6f;font-weight:600}
.vault-remove-totp input{width:18px;height:18px;margin:0}
.vault-totp-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px;border:1px solid #b8dce1;border-radius:9px;background:#f4fbfc}
.vault-totp-code{font:700 1.25rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#07324d}
.vault-totp-result .muted{min-width:92px}
.vault-credential-details{display:grid;gap:12px}
.vault-detail-row,.vault-secret-row{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);align-items:center;gap:8px 14px;padding:11px 12px;border:1px solid #dce7ed;border-radius:9px;background:#fbfdfe}
.vault-secret-label{font-size:11px;font-weight:700;color:#4b6877}
.vault-detail-row strong{font-size:12px;font-weight:600;color:#294b5b;overflow-wrap:anywhere;white-space:pre-wrap}
.vault-secret-controls{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.vault-copy-value{min-width:0;max-width:100%;border:1px solid #bfd3dc;border-radius:7px;background:#fff;color:#173f51;padding:9px 11px;font:600 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.vault-copy-value:hover{border-color:#69aeb9;background:#f1fafb}
.vault-copy-value:disabled,.vault-secret-empty{color:#899da8;cursor:default}
.vault-table-card .wget-data-table-description,.vault-table-card .wget-data-table-actions>button{display:none}
#page-vault .vault-table-card{min-width:0}
.vault-table-card>.panel-heading{align-items:flex-start;flex-wrap:wrap;gap:6px 18px;padding:18px 20px}
.vault-table-card>.panel-heading h2{margin:0;flex:0 0 auto}
.vault-table-card>.panel-heading .muted{flex:1 1 420px;margin:1px 0 0;text-align:right;line-height:1.55}
.vault-table-card>.wget-data-table-tools{box-sizing:border-box;margin:0;padding:14px 20px 16px;gap:10px 12px;border-bottom:1px solid #edf1f4}
.vault-table-card>.wget-data-table-tools>label{margin:0}
#page-vault .vault-layout>.vault-table-card>.table-wrap{box-sizing:border-box;width:calc(100% - 40px);max-width:calc(100% - 40px);margin:0 20px 20px;overflow-x:hidden;border:1px solid var(--line);border-radius:10px}
#vault-credentials-table.wget-data-table-header-filters{width:100%;min-width:0;table-layout:fixed}
#vault-credentials-table.wget-data-table-header-filters th,#vault-credentials-table.wget-data-table-header-filters td,#vault-credentials-table.wget-data-table-header-filters th:first-child,#vault-credentials-table.wget-data-table-header-filters td:first-child{min-width:0;max-width:none;padding:9px 7px;vertical-align:middle;line-height:1.35}
#vault-credentials-table.wget-data-table-header-filters th{white-space:normal;font-size:10px}
#vault-credentials-table.wget-data-table-header-filters td{font-size:10px;overflow-wrap:anywhere;word-break:break-word}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(1){width:12%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(2){width:11%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(3){width:14%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(4){width:13%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(5){width:11%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(6){width:14%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(7){width:11%}
#vault-credentials-table.wget-data-table-header-filters th:nth-child(8){width:14%}
#vault-credentials-table.wget-data-table-header-filters th>.wget-multiselect{margin-left:4px}
#vault-credentials-table.wget-data-table-header-filters th>.wget-multiselect .wget-multiselect-trigger{width:28px;min-width:28px;height:28px;min-height:28px;border-radius:8px}
.vault-protected-value{display:inline-flex;align-items:center;min-height:30px;color:#718894;font-size:11px;font-weight:600;letter-spacing:.01em}
.vault-inline-value{display:block;width:100%;max-width:100%;min-height:34px;padding:6px 7px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;touch-action:manipulation}
.vault-secret-field{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:5px;min-width:0}
.vault-secret-display{min-width:0}
.vault-inline-totp .vault-totp-code{width:100%;text-align:center;letter-spacing:.12em}
.vault-inline-totp .muted{display:block;margin-top:5px;text-align:center;font-size:9px}
.vault-row-actions{align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap}
.vault-row-actions .button-small{min-width:0;min-height:30px;padding:6px 8px;font-size:10px}
.vault-eye-button{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:0;border:1px solid #9eb8c8;border-radius:10px;background:linear-gradient(180deg,#fff 0%,#f3f8fb 100%);box-shadow:0 1px 2px #06204114;color:#173f51;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease}
.vault-eye-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.vault-eye-button:hover{transform:translateY(-1px);border-color:#48bac0;background:#eefafb;box-shadow:0 4px 10px #0620411c;color:#0b7280}
.vault-eye-button:focus-visible{outline:3px solid #5ce1e65c;outline-offset:2px;border-color:#249da7}
.vault-eye-button.is-active{border-color:#2aaeb6;background:#dff7f8;box-shadow:0 0 0 3px #5ce1e62e;color:#086f77}
.vault-eye-button:disabled{opacity:.55;cursor:wait;transform:none}
.vault-secret-field .vault-eye-button{width:34px;min-width:34px;height:34px;border-radius:8px}
.vault-secret-field .vault-eye-button svg{width:18px;height:18px}
.vault-secret-row>small{grid-column:2;font-size:9px}
.vault-secret-row .vault-totp-result{flex-basis:100%;margin-top:0}
.vault-password-history{border-top:1px solid #dfe8ed;padding-top:12px}
.vault-password-history summary{cursor:pointer;color:#31596b;font-size:12px;font-weight:700;margin-bottom:10px}
.vault-password-history .vault-secret-row{margin-top:8px}
@media(max-width:1200px){.vault-layout{grid-template-columns:1fr}.vault-form-card{width:100%;max-width:520px}.vault-status{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.vault-detail-row,.vault-secret-row{grid-template-columns:1fr}.vault-secret-row>small{grid-column:auto}}
@media(max-width:900px){
  #vault-credentials-table.wget-data-table-header-filters,#vault-credentials-table.wget-data-table-header-filters thead,#vault-credentials-table.wget-data-table-header-filters tbody{display:block;width:100%;min-width:0}
  #vault-credentials-table.wget-data-table-header-filters thead tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-bottom:1px solid var(--line)}
  #vault-credentials-table.wget-data-table-header-filters thead th:not([hidden]){display:flex;width:auto;align-items:center;justify-content:space-between;gap:6px;border-right:1px solid #bdd3e4}
  #vault-credentials-table.wget-data-table-header-filters tbody tr:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
  #vault-credentials-table.wget-data-table-header-filters tbody td:not([hidden]){display:grid;width:auto;grid-template-columns:minmax(6.5rem,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #edf2f5}
  #vault-credentials-table.wget-data-table-header-filters tbody td:not([hidden])::before{content:attr(data-column-label);color:#567181;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
  #vault-credentials-table.wget-data-table-header-filters .table-empty{grid-column:1/-1;display:block}
  .vault-row-actions{justify-content:flex-start}
}
@media(max-width:560px){
  #vault-credentials-table.wget-data-table-header-filters thead tr,#vault-credentials-table.wget-data-table-header-filters tbody tr:not([hidden]){grid-template-columns:minmax(0,1fr)}
  #vault-credentials-table.wget-data-table-header-filters tbody td:not([hidden]){grid-template-columns:minmax(5.5rem,.7fr) minmax(0,1.3fr)}
  .vault-table-card>.panel-heading .muted{text-align:left}
  .vault-table-card>.wget-data-table-tools{padding:12px 14px 14px}
  #page-vault .vault-layout>.vault-table-card>.table-wrap{width:calc(100% - 28px);max-width:calc(100% - 28px);margin:0 14px 14px}
}
.device-context-dialog .device-tabs{flex-wrap:wrap;overflow-x:visible}
.device-update-notice{border:1px solid #e2c46d;border-left:4px solid #d49a16;border-radius:8px;background:#fff9e7;color:#5f4a12;margin:0 0 14px;padding:12px 14px}

/* Sidebar recolhível em desktop e painéis equivalentes na visão geral. */
.sidebar-header{position:relative;min-height:40px;flex-shrink:0}
.sidebar-collapse{position:absolute;top:5px;right:-34px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d2e0e7;border-radius:50%;background:#fff;color:#31586b;font-size:20px;line-height:1;box-shadow:0 3px 12px #0a263724;transition:background .15s,color .15s,transform .2s}
.sidebar-collapse:hover{background:#eef8fa;color:#075563}
.overview-columns>.panel{height:100%}
@media(min-width:681px){
  .sidebar,.app-shell{transition:width .2s ease,padding .2s ease,margin-left .2s ease}
  body.sidebar-collapsed .sidebar{width:72px;padding-left:10px;padding-right:10px}
  body.sidebar-collapsed .app-shell{margin-left:72px}
  body.sidebar-collapsed .sidebar-header .brand>span:last-child,
  body.sidebar-collapsed .sidebar-workspace,
  body.sidebar-collapsed .nav-count,
  body.sidebar-collapsed .nav-section-label,
  body.sidebar-collapsed .nav-group-toggle,
  body.sidebar-collapsed .nav-submenu,
  body.sidebar-collapsed .user-details{display:none!important}
  body.sidebar-collapsed .sidebar .brand{justify-content:center;padding:0}
  body.sidebar-collapsed .nav-list{align-items:stretch}
  body.sidebar-collapsed .nav-group-row{display:block}
  body.sidebar-collapsed .nav-link{justify-content:center;gap:0;padding-left:8px;padding-right:8px;font-size:0}
  body.sidebar-collapsed .nav-group-link{width:100%}
  body.sidebar-collapsed .nav-icon{width:22px;font-size:17px}
  body.sidebar-collapsed .sidebar-bottom{justify-content:center;flex-wrap:wrap}
  body.sidebar-collapsed .sidebar-collapse{transform:rotate(180deg)}
}
@media(max-width:680px){.sidebar-collapse{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar,.app-shell,.sidebar-collapse{transition:none!important}}

/* shared-list-spacing:start */
.page-section:not(#page-overview) > .panel > .table-toolbar,
#management-problems-mount > .panel > .management-problem-toolbar,
#management-projects-mount > .panel > .management-project-toolbar {
  padding-left: 24px;
  padding-right: 24px;
}

.page-section:not(#page-overview) > .panel > .wget-data-table-tools,
#page-inventory > #management-inventory-mount > .panel > .wget-data-table-tools,
#page-inventory-softwares > #inventory-softwares-mount > .panel > .wget-data-table-tools,
#page-users > .panel > #user-admin-mount > .wget-data-table-tools,
#page-users > .panel > #subclient-users-mount > .wget-data-table-tools,
.page-section .module-list-wrapper > .wget-data-table-tools {
  box-sizing: border-box;
  margin-bottom: 0;
  padding: 14px 24px 20px;
}

.page-section:not(#page-overview) > .panel > .table-wrap,
#page-inventory > #management-inventory-mount > .panel > .table-wrap,
#page-inventory-softwares > #inventory-softwares-mount > .panel > .table-wrap,
#page-users > .panel > #user-admin-mount > .table-wrap,
#page-users > .panel > #subclient-users-mount > .table-wrap,
#page-knowledge .knowledge-file-manager > .table-wrap,
#page-vault .vault-layout > .panel > .table-wrap,
#page-reports .management-report > .table-wrap,
.page-section .module-list-wrapper > .table-wrap {
  box-sizing: border-box;
  width: calc(100% - 48px);
  margin: 0 24px 24px;
  border: 1px solid var(--line);
  border-radius: 9px;
}

.page-section .module-list-wrapper > .module-list-toolbar {
  box-sizing: border-box;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.page-section > div[id^="management-"][id$="-mount"] > .client-list-toolbar {
  box-sizing: border-box;
  padding-left: 24px;
  padding-right: 24px;
}

#management-inventory-mount > .panel > h2,
#inventory-softwares-mount > .panel > h2 {
  margin: 0;
  padding: 20px 24px 0;
}

#management-inventory-mount > .panel > .subtitle,
#management-inventory-mount > .panel > .muted,
#management-inventory-mount > .panel > .rolealert,
#inventory-softwares-mount > .panel > .subtitle,
#inventory-softwares-mount > .panel > .muted,
#inventory-softwares-mount > .panel > .rolealert {
  margin-left: 24px;
  margin-right: 24px;
}

@media (max-width: 680px) {
  .page-section:not(#page-overview) > .panel > .table-toolbar,
#management-problems-mount > .panel > .management-problem-toolbar,
#management-projects-mount > .panel > .management-project-toolbar {
    padding-left: 14px;
    padding-right: 14px;
  }

  .page-section:not(#page-overview) > .panel > .wget-data-table-tools,
  #page-inventory > #management-inventory-mount > .panel > .wget-data-table-tools,
  #page-inventory-softwares > #inventory-softwares-mount > .panel > .wget-data-table-tools,
  #page-users > .panel > #user-admin-mount > .wget-data-table-tools,
  #page-users > .panel > #subclient-users-mount > .wget-data-table-tools,
  .page-section .module-list-wrapper > .wget-data-table-tools {
    padding: 12px 14px 16px;
  }

  .page-section:not(#page-overview) > .panel > .table-wrap,
  #page-inventory > #management-inventory-mount > .panel > .table-wrap,
  #page-inventory-softwares > #inventory-softwares-mount > .panel > .table-wrap,
  #page-users > .panel > #user-admin-mount > .table-wrap,
  #page-users > .panel > #subclient-users-mount > .table-wrap,
  #page-knowledge .knowledge-file-manager > .table-wrap,
  #page-vault .vault-layout > .panel > .table-wrap,
  #page-reports .management-report > .table-wrap,
  .page-section .module-list-wrapper > .table-wrap {
    width: calc(100% - 28px);
    margin: 0 14px 14px;
  }

  .page-section .module-list-wrapper > .module-list-toolbar,
  .page-section > div[id^="management-"][id$="-mount"] > .client-list-toolbar {
    padding-left: 14px;
    padding-right: 14px;
  }

  #management-inventory-mount > .panel > h2,
  #inventory-softwares-mount > .panel > h2 {
    margin: 0;
    padding: 18px 14px 0;
  }

  #management-inventory-mount > .panel > .subtitle,
  #management-inventory-mount > .panel > .muted,
  #management-inventory-mount > .panel > .rolealert,
  #inventory-softwares-mount > .panel > .subtitle,
  #inventory-softwares-mount > .panel > .muted,
  #inventory-softwares-mount > .panel > .rolealert {
    margin-left: 14px;
    margin-right: 14px;
  }
}
#module-table-problems.wget-data-table-header-filters {
  min-width: 0;
}

#module-table-problems.wget-data-table-header-filters th,
#module-table-problems.wget-data-table-header-filters td {
  min-width: 7.5rem;
}

#module-table-problems.wget-data-table-header-filters [data-column-key="name"] {
  min-width: 12rem;
}

#module-table-problems .module-actions {
  min-width: 6.5rem;
}

#module-table-projects.wget-data-table-header-filters {
  min-width: 0;
}

#module-table-projects.wget-data-table-header-filters th,
#module-table-projects.wget-data-table-header-filters td {
  min-width: 6rem;
}

#module-table-projects.wget-data-table-header-filters [data-column-key="name"] {
  min-width: 12rem;
}

#module-table-projects .module-actions {
  min-width: 6.5rem;
}

#page-licenses .module-list-wrapper > .table-wrap {
  overflow-x: hidden;
}

#module-table-licenses.wget-data-table-header-filters {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

#module-table-licenses.wget-data-table-header-filters th,
#module-table-licenses.wget-data-table-header-filters td,
#module-table-licenses.wget-data-table-header-filters th:first-child,
#module-table-licenses.wget-data-table-header-filters td:first-child {
  min-width: 0;
  max-width: none;
  padding: 9px 7px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: normal;
}

#module-table-licenses.wget-data-table-header-filters th {
  font-size: 10px;
  white-space: normal;
}

#module-table-licenses.wget-data-table-header-filters td {
  font-size: 10px;
}

#module-table-licenses.wget-data-table-header-filters th > .wget-multiselect {
  margin-left: 4px;
}

#module-table-licenses.wget-data-table-header-filters th > .wget-multiselect .wget-multiselect-trigger {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
}

#module-table-licenses [data-column-key="product"] { width: 18%; }
#module-table-licenses [data-column-key="purchased"] { width: 9%; }
#module-table-licenses [data-column-key="vendor"] { width: 14%; }
#module-table-licenses [data-column-key="expires_on"] { width: 13%; }
#module-table-licenses [data-column-key="alert_days_before_expiry"] { width: 16%; }
#module-table-licenses [data-column-key="computed.expired"] { width: 9%; }
#module-table-licenses [data-column-key="updated_at"] { width: 14%; }
#module-table-licenses [data-column-key="actions"] { width: 7%; }

#module-table-licenses .module-actions {
  white-space: normal;
}

#module-table-licenses .module-actions .button {
  min-width: 0;
  padding: 7px 9px;
}

@media (max-width: 760px) {
  #module-table-licenses.wget-data-table-header-filters,
  #module-table-licenses.wget-data-table-header-filters thead,
  #module-table-licenses.wget-data-table-header-filters tbody {
    display: block;
    width: 100%;
  }

  #module-table-licenses.wget-data-table-header-filters thead tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    border-bottom: 1px solid var(--line);
  }

  #module-table-licenses.wget-data-table-header-filters thead th:not([hidden]) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: auto !important;
    min-width: 0;
    border-right: 1px solid #bdd3e4;
  }

  #module-table-licenses.wget-data-table-header-filters tbody tr:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: white;
  }

  #module-table-licenses.wget-data-table-header-filters tbody td:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(7.5rem, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 10px;
    width: auto !important;
    min-width: 0;
    padding: 9px 10px;
  }

  #module-table-licenses.wget-data-table-header-filters tbody td:not([hidden])::before {
    content: attr(data-column-label);
    color: #567181;
    font-size: 9px;
    font-weight: 700;
  }

  #module-table-licenses .module-actions .button {
    justify-self: start;
  }
}

@media (max-width: 480px) {
  #module-table-licenses.wget-data-table-header-filters thead tr {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* shared-list-spacing:end */

/* inline-device-context:start */
.device-context-page {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  outline: none;
}
.device-context-page[hidden] {
  display: none !important;
}
.device-context-navigation {
  position: sticky;
  top: 0;
  z-index: 12;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 20px;
  border-bottom: 1px solid var(--line);
  border-radius: var(--radius) var(--radius) 0 0;
  background: #fff;
  box-shadow: 0 5px 16px #0620410a;
}
.device-context-navigation-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.device-context-position {
  min-width: 132px;
  color: #6d8491;
  font-size: 10px;
  font-weight: 650;
  text-align: center;
  white-space: nowrap;
}
.device-context-page .device-context-content {
  height: auto;
  min-height: 260px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 24px;
}
.device-context-page .device-context-shell,
.device-context-page .device-tab-panels,
.device-context-page .device-tab-panel {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.device-context-page .device-detail-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
.device-context-page .wget-data-table-tools {
  box-sizing: border-box;
  max-width: 100%;
}
.device-context-loading {
  display: grid;
  min-height: 220px;
  margin: 0;
  place-items: center;
}
.device-context-summary-copy {
  min-width: 0;
}
.device-context-summary-copy .muted {
  margin-top: 6px;
}
.device-context-page .device-tabs {
  flex-wrap: wrap;
  overflow-x: visible;
}
.device-context-page .wget-data-table-tools {
  margin-bottom: 10px;
}
.device-context-page .wget-data-table-tools input {
  padding: 7px;
}
.device-context-page .device-detail-table {
  margin-bottom: 22px;
}
.device-context-footer {
  display: flex;
  justify-content: flex-end;
  padding: 16px 20px;
  border-top: 1px solid var(--line);
  background: #fbfdfe;
}
.device-context-footer[hidden] {
  display: none !important;
}
@media (max-width: 900px) {
  .device-context-navigation {
    align-items: stretch;
    flex-direction: column;
  }
  .device-context-navigation-actions {
    justify-content: space-between;
    width: 100%;
  }
}
@media (max-width: 680px) {
  .device-context-navigation {
    padding: 13px 14px;
  }
  .device-context-navigation-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .device-context-position {
    order: -1;
    min-width: 0;
    padding: 3px 0;
  }
  .device-context-page .device-context-content {
    min-height: 220px;
    padding: 16px 14px;
  }
  .device-context-summary {
    align-items: flex-start;
  }
  .device-context-footer {
    padding: 14px;
  }
}
/* inline-device-context:end */





.device-disk-summary{display:grid;gap:8px;margin:0 0 12px}.device-disk-summary-row{display:grid;grid-template-columns:minmax(70px,.7fr) repeat(3,minmax(105px,1fr));gap:10px;border:1px solid var(--line);border-radius:7px;background:#f8fbfc;padding:9px 11px;font-size:10px;color:#5e7784}.device-disk-summary-row strong{color:#244a5a}[data-device-table="device-windows-events"] td:last-child{max-width:520px}@media(max-width:700px){.device-disk-summary-row{grid-template-columns:1fr 1fr}.device-disk-summary-row strong{grid-column:1/-1}}


/* Device metric selectors and custom date window. */
.device-metric-controls{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:12px;max-width:100%}.device-period-field,.device-date-field{display:grid;gap:6px;color:#526f7e;font-size:10px}.device-period-field select,.device-date-field input{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#183f51;padding:7px 10px;font:inherit}.device-metric-indicators{position:relative;min-width:170px}.device-metric-indicators summary{list-style:none;min-height:38px;border:1px solid #9dbcca;border-radius:8px;background:#fff;color:#123f54;padding:10px 36px 9px 12px;font-size:11px;font-weight:650;cursor:pointer;position:relative}.device-metric-indicators summary::-webkit-details-marker{display:none}.device-metric-indicators summary::after{content:"⌄";position:absolute;right:12px;top:8px;font-size:16px}.device-metric-indicators[open] summary::after{content:"⌃"}.device-metric-indicator-options{position:absolute;z-index:20;top:calc(100% + 5px);right:0;display:grid;gap:2px;width:max-content;min-width:210px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(20,62,80,.16);padding:8px}.device-metric-indicator-option{display:flex;align-items:center;gap:9px;border-radius:6px;padding:8px 9px;color:#294b5b;font-size:11px;cursor:pointer}.device-metric-indicator-option:hover{background:#eef7f9}.device-metric-indicator-option input{width:16px;height:16px;accent-color:var(--accent)}.device-custom-period{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.device-custom-period[hidden]{display:none}.device-period-apply{min-height:38px;white-space:nowrap}.device-metric-status{min-height:19px;margin:-5px 0 12px}.device-process-metric-card{grid-column:1/-1}.device-process-metric-card>.field-help{margin:-3px 0 12px}.device-process-metric-card .device-detail-table{max-height:360px}
@media(max-width:760px){.device-metric-controls{align-items:stretch;justify-content:stretch}.device-period-field,.device-metric-indicators,.device-custom-period{width:100%;max-width:none}.device-custom-period{display:grid;grid-template-columns:1fr}.device-metric-indicator-options{left:0;right:auto;width:100%}}


/* Single combined device metric chart. */
.device-process-field{display:grid;gap:6px;min-width:250px;color:#526f7e;font-size:10px}.device-process-field select{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#183f51;padding:7px 10px;font:inherit}.device-single-metric-grid{grid-template-columns:minmax(0,1fr)}.device-combined-metric-card{grid-column:1/-1}.device-combined-chart{min-height:260px}.device-combined-legend{gap:10px 16px}.device-process-history-note{margin:0 0 10px;border-left:3px solid #55d6df;background:#eef9fa;padding:9px 11px;color:#476b79}.chart-grid{stroke:#e2edf1;stroke-width:1}
@media(max-width:760px){.device-process-field{width:100%;min-width:0}}


/* Light time-series presentation for device metrics. */
.device-combined-metric-card>h4{text-align:center;font-size:14px;margin:2px 0 12px;color:#193c4a}.device-combined-chart{display:block;width:100%;min-height:360px;border:1px solid #d5e2e9;border-radius:8px;background:#f8fbfd}.metric-chart-background{fill:#f8fbfd}.metric-chart-grid{stroke:#c9d7df;stroke-width:1;stroke-dasharray:3 4}.metric-chart-axis{stroke:#708995;stroke-width:1.3}.metric-chart-label{fill:#496673;font-size:12px}.metric-time-label{font-size:11px;font-variant-numeric:tabular-nums}.metric-threshold{stroke:#c69020;stroke-width:2;stroke-dasharray:7 5}.metric-threshold-label{fill:#8b6206;font-size:11px;font-weight:700}.metric-network-scale{fill:#006d78;font-size:11px}.metric-series-line{stroke-linejoin:round;stroke-linecap:round}.metric-hit-point{fill:transparent;stroke:transparent;cursor:crosshair}.metric-hit-point:focus{fill:#fff;stroke:#15252c;stroke-width:2}.device-combined-legend{padding:10px 2px 2px;font-size:10px;color:#496673}.device-combined-legend i{width:10px;height:10px}
@media(max-width:760px){.device-combined-chart{min-height:315px}.metric-time-label{font-size:10px}}
/* Confirmação explícita para exclusão definitiva de dispositivo. */
.device-context-summary-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.delete-device-dialog{width:min(520px,calc(100vw - 32px));max-width:520px;border:0;border-radius:12px;padding:0;color:var(--ink);box-shadow:0 24px 70px #071f2b42}.delete-device-dialog::backdrop{background:#071f2b99}.delete-device-dialog-panel{display:grid;gap:16px;padding:24px}.delete-device-dialog-panel h2{font-size:20px}.delete-device-warning{border:1px solid #e6a9ae;border-left:5px solid var(--danger);border-radius:8px;background:#fff1f2;color:#9c252e;font-size:13px;font-weight:650;line-height:1.65;padding:14px}.delete-device-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media(max-width:680px){.device-context-summary-actions{width:100%;justify-content:space-between}.delete-device-dialog-panel{padding:20px}.delete-device-dialog-actions{flex-direction:column-reverse}.delete-device-dialog-actions .button{width:100%}}


.device-update-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}.device-update-controls .field-help{margin:0}

/* inventory-software-updates:start */
.inventory-software-update-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 24px 0;
}

.inventory-software-selection,
#inventory-software-table.wget-data-table-header-filters th:first-child,
#inventory-software-table.wget-data-table-header-filters td:first-child {
  width: 88px;
  min-width: 88px;
  text-align: center;
}

.inventory-software-selection-control {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  line-height: 1.2;
}

#inventory-software-table td:first-child {
  text-align: center;
}

#inventory-software-table input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--primary, #057080);
}

@media (min-width: 1024px) {
  #inventory-software-table.wget-data-table-header-filters {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  #inventory-software-table.wget-data-table-header-filters th,
  #inventory-software-table.wget-data-table-header-filters td {
    min-width: 0;
    max-width: none;
    padding: 10px 7px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  #inventory-software-table.wget-data-table-header-filters th {
    font-size: 10px;
  }

  #inventory-software-table.wget-data-table-header-filters td {
    font-size: 10px;
  }

  #inventory-software-table.wget-data-table-header-filters th:last-child,
  #inventory-software-table.wget-data-table-header-filters td:last-child {
    width: 94px;
    min-width: 0;
  }

  #inventory-software-table.wget-data-table-header-filters th > .wget-multiselect {
    margin-left: 6px;
  }
}

.inventory-update-dialog .modal-form {
  max-width: 580px;
}

@media (max-width: 680px) {
  .inventory-software-update-toolbar {
    padding-left: 14px;
    padding-right: 14px;
  }

  .inventory-software-update-toolbar .button {
    width: 100%;
  }
}
/* inventory-software-updates:end */

/* microsoft365-mail-settings:start */
.m365-mail-settings-panel > #microsoft365-mail-settings-mount {
  padding: 0 24px 24px;
}

.m365-mail-form {
  display: grid;
  gap: 20px;
}

.m365-mail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  max-width: 1040px;
}

.m365-mail-grid .field {
  margin: 0;
}

.m365-mail-secret-field,
.m365-mail-security,
.m365-mail-enabled,
.m365-mail-actions {
  grid-column: 1 / -1;
}

.m365-mail-secret-field {
  max-width: 760px;
}

.m365-mail-status {
  margin: 0;
}

.m365-mail-security {
  display: grid;
  gap: 6px;
  max-width: 1040px;
  padding: 16px 18px;
  border: 1px solid #cbdde9;
  border-left: 4px solid var(--primary, #057080);
  border-radius: 10px;
  background: #f5fafc;
  color: #385667;
}

.m365-mail-security p {
  margin: 0;
  line-height: 1.55;
}

.m365-mail-enabled {
  width: fit-content;
  min-height: 36px;
  align-items: center;
}

.m365-mail-actions {
  margin: 0;
}

.m365-mail-test-panel {
  display: grid;
  gap: 10px;
  max-width: 1040px;
  padding: 16px 18px;
  border: 1px solid #d3e1ea;
  border-radius: 10px;
  background: #fff;
}

.m365-mail-test-panel p,
.m365-mail-test-result {
  margin: 0;
}

.m365-mail-test-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.m365-mail-test-recipient {
  max-width: 560px;
  margin: 0;
}

.m365-mail-test-result {
  min-height: 22px;
  line-height: 1.5;
  color: #526d7d;
}

.m365-mail-test-result.is-running { color: #315f77; }
.m365-mail-test-result.is-success { color: #16734a; }
.m365-mail-test-result.is-warning { color: #895d00; }
.m365-mail-test-result.is-error { color: #a12b36; }

@media (max-width: 760px) {
  .m365-mail-settings-panel > #microsoft365-mail-settings-mount {
    padding: 0 14px 18px;
  }

  .m365-mail-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .m365-mail-actions .button,
  .m365-mail-test-actions .button {
    width: 100%;
  }
}
/* microsoft365-mail-settings:end */

/* public-access:start */
.auth-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 23px;
  color: #82949f;
  font-size: 11px;
}
.password-help { display: flex; justify-content: flex-end; margin-top: -0.4rem; }
.password-help a { color: var(--primary); font-size: 0.9rem; font-weight: 700; text-decoration: none; }
.password-help a:hover { text-decoration: underline; }
.auth-links a { color: #0b6b80; font-weight: 700; }
.auth-links a:hover { text-decoration: underline; }
.registration-form-wrap { max-width: 470px; }
.auth-access-scroll {
  justify-content: flex-start;
  overflow-y: auto;
  padding-top: 55px;
  padding-bottom: 35px;
}
.auth-access-scroll .stack-form { gap: 15px; }
.auth-footer-static { position: static; margin-top: 30px; }
.registration-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.button-block { width: 100%; }
@media (max-width: 680px) {
  .auth-access-scroll { padding-top: 36px; }
}
/* public-access:end */

/* portal-mfa:start */
.mfa-choice {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 15px;
  border: 1px solid #d3e1ea;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.mfa-choice:has(input:checked) { border-color: #08758a; box-shadow: 0 0 0 2px #d8f2f5; }
.mfa-choice input { margin-top: 3px; accent-color: #08758a; }
.mfa-choice span { display: grid; gap: 4px; }
.mfa-choice strong { color: #14364a; font-size: 14px; }
.mfa-choice small { color: #6c8290; line-height: 1.45; }
.mfa-steps { margin: 18px 0; padding-left: 22px; color: #4c6879; line-height: 1.6; }
.mfa-secret {
  display: grid;
  gap: 8px;
  margin: 18px 0;
  padding: 15px;
  border: 1px solid #cfe0e9;
  border-radius: 12px;
  background: #f4f9fb;
}
.mfa-qr { display: grid; justify-items: center; gap: 9px; margin: 18px 0; text-align: center; }
.mfa-qr img { width: min(240px, 100%); height: auto; padding: 10px; border: 1px solid #d3e1ea; border-radius: 14px; background: #fff; }
.mfa-qr p { max-width: 320px; margin: 0; color: #617988; font-size: 12px; line-height: 1.45; }
.mfa-secret span { color: #617988; font-size: 12px; font-weight: 700; }
.mfa-secret code { overflow-wrap: anywhere; color: #0c4e61; font-size: 15px; letter-spacing: .08em; }
.mfa-secret a, .mfa-resend button { color: #08758a; font-weight: 700; text-decoration: none; }
.mfa-resend { margin-top: 14px; text-align: center; }
.mfa-resend button { border: 0; background: none; cursor: pointer; }
.mfa-back { margin-top: 24px; text-align: center; }
.mfa-back button { border: 0; background: none; color: #718894; font: inherit; font-size: 12px; cursor: pointer; }
.mfa-back button:hover { color: #08758a; text-decoration: underline; }
/* portal-mfa:end */

/* Compact table controls in configuration catalogs. */
.ticket-catalog-modern .ticket-catalog-results-heading {
  padding: 16px;
}

.ticket-catalog-modern .ticket-catalog-results-card > .table-wrap,
.settings-compact-module .settings-module-list > .table-wrap {
  width: calc(100% - 32px);
  margin: 4px 16px 16px;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) auto;
  row-gap: 8px;
  column-gap: 12px;
  padding: 12px 16px 10px;
  margin: 0;
  align-items: center;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > label {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  gap: 4px;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > label > input[type="search"] {
  min-height: 38px;
  padding: 7px 10px;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > .wget-data-table-actions {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  margin: 0;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > p[role="status"] {
  grid-column: 1;
  width: auto;
  margin: 0;
  white-space: nowrap;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > .wget-data-table-description {
  grid-column: 2;
  width: auto;
  margin: 0;
  min-width: 0;
}

:is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > .wget-data-table-pagination {
  grid-column: 3;
  width: auto;
  margin: 0;
  justify-self: end;
}

@media (max-width: 760px) {
  :is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools {
    grid-template-columns: 1fr;
  }

  :is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > label {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  :is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > .wget-data-table-actions {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  :is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > p[role="status"] {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    white-space: normal;
  }

  :is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > .wget-data-table-description {
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100%;
  }

  :is(.ticket-catalog-results-card, .settings-compact-module .settings-module-list) > .wget-data-table-tools > .wget-data-table-pagination {
    grid-column: 1 / -1;
    grid-row: 5;
    width: auto;
    justify-self: start;
  }
}

.user-client-access-label{display:block;font-size:11px;font-weight:600;color:#506977;margin-bottom:6px}.user-client-access details{position:relative;border:1px solid #d4e0e7;border-radius:7px;background:#fff}.user-client-access summary{cursor:pointer;list-style:none;min-height:39px;padding:11px 36px 10px 11px;color:#345260;font-size:12px;position:relative}.user-client-access summary::-webkit-details-marker{display:none}.user-client-access summary::after{content:"⌄";position:absolute;right:13px;top:8px;font-size:17px;color:#5c7886}.user-client-access details[open] summary::after{content:"⌃"}.user-client-access-tools{display:flex;gap:7px;padding:9px 10px;border-top:1px solid #e6eef2}.user-client-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:230px;overflow:auto;padding:4px 10px 11px}.user-client-option{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 8px;border-radius:6px;color:#345260;font-size:11px;cursor:pointer}.user-client-option:hover{background:#eef6f8}.user-client-option input{width:15px;height:15px;flex:0 0 auto;accent-color:var(--primary)}.user-client-option span{overflow-wrap:anywhere}@media(max-width:680px){.user-client-options{grid-template-columns:1fr}}

#user-admin-mount th:last-child,#user-admin-mount td:last-child{width:1%;white-space:nowrap}#user-admin-mount .table-wrap:has(.user-actions-menu[open]){overflow:visible}.user-actions-menu{position:relative;display:inline-block;min-width:88px}.user-actions-trigger{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;border:1px solid #cfdde5;border-radius:7px;background:#fff;color:#275a70;padding:7px 10px;font-size:10px;font-weight:650;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.user-actions-trigger::-webkit-details-marker{display:none}.user-actions-trigger::after{content:"⌄";font-size:14px;line-height:1;color:#648493}.user-actions-menu[open] .user-actions-trigger{border-color:#78aebb;background:#f4fafb;box-shadow:0 0 0 2px #dff1f3}.user-actions-menu[open] .user-actions-trigger::after{content:"⌃"}.user-actions-menu-items{position:absolute;z-index:45;top:calc(100% + 6px);right:0;display:grid;gap:3px;min-width:185px;padding:6px;border:1px solid #d4e1e7;border-radius:9px;background:#fff;box-shadow:0 14px 34px rgba(16,53,69,.18)}.user-actions-menu-items .row-button{width:100%;min-height:34px;border:0;border-radius:6px;padding:8px 10px;text-align:left;font-size:10px;color:#315e71;background:#fff}.user-actions-menu-items .row-button:hover,.user-actions-menu-items .row-button:focus-visible{background:#edf6f8;color:#174e65}.user-actions-menu-items .row-button-danger{color:#b54d56}.user-actions-menu-items .row-button-danger:hover,.user-actions-menu-items .row-button-danger:focus-visible{background:#fff0f1;color:#9e343e}@media(max-width:680px){.user-actions-menu-items{right:auto;left:0;min-width:170px}}
#page-users>.panel:has(.user-actions-menu[open]){overflow:visible}
.user-actions-menu.opens-upward .user-actions-menu-items{top:auto;bottom:calc(100% + 6px)}

.network-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.network-summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:130px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.network-summary-card strong{font-size:30px;color:#123b4b;margin:8px 0}.network-summary-label{font-weight:700;color:#506f82}.network-collected-at{margin:0 0 16px}.network-topology-panel{margin-top:18px}.network-topology-canvas{height:360px;min-height:360px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd;overflow:hidden}.network-findings-mount{margin-top:18px}.firmware-mapping-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:22px;align-items:start}.firmware-mapping-form,.firmware-mapping-list{min-width:0}.firmware-mapping-list .table-wrap{margin-top:10px}.firmware-mapping-layout .row-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:1000px){.network-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.firmware-mapping-layout{grid-template-columns:1fr}}@media(max-width:620px){.network-summary-grid{grid-template-columns:1fr}}

.device-detail-table table[data-device-table="device-drivers-v2"]{width:100%;min-width:720px}
.device-driver-actions{display:flex;flex-wrap:wrap;gap:6px}
.device-driver-actions .button{white-space:nowrap}

.device-metric-communication{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:13px 16px;border:1px solid #e9b8b8;border-radius:10px;background:#fff5f4;color:#813333;font-size:12px}
.device-metric-communication[hidden]{display:none}
.device-metric-communication-value{flex:0 0 auto;font-size:24px;line-height:1;font-weight:750}
@media(max-width:620px){.device-metric-communication{align-items:flex-start;flex-direction:column;gap:7px}}


.installation-code-content{padding:20px 24px;display:grid;gap:14px}
.installation-code-content [hidden]{display:none!important}
#installation-code-fields{display:grid;gap:15px;min-width:0}
.installation-code-field{display:grid;gap:6px;min-width:0}
.installation-code-field label{font-weight:650;color:#173f52}
.installation-code-control{display:flex;align-items:flex-start;gap:10px;min-width:0}
.installation-code-control input,.installation-code-control textarea{flex:1;min-width:0;width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.installation-code-control textarea{resize:vertical}
@media(max-width:700px){.installation-code-control{flex-direction:column}.installation-code-control .button{align-self:flex-end}}
.device-agent-update{min-width:190px}
.device-agent-update .row-button{display:inline-block;margin-top:6px;text-decoration:none}
.device-agent-update .cell-subtitle{display:block;line-height:1.4}
