@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.1ypl14jhz9yyw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.2g9li78_0_it5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.00u3xrku2lqty.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.2vepgg3wcdr2q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.2ttjmmx-9gnz1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.3259ncl47-hqj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_9b24f49e-module__hJlnFq__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_9b24f49e-module__hJlnFq__variable{--font-manrope:"Manrope", "Manrope Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_e6988195-module__RNs2Mq__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_e6988195-module__RNs2Mq__variable{--font-space-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg:#f3f7fc;--surface:#fff;--surface-strong:#f7fbff;--text:#0b1b33;--muted:#4a607c;--line:#d8e2ef;--brand:#1f6feb;--brand-2:#0ca6a6;--accent:#0b8f7a;--warn:#d97706;--danger:#dc2626;--font-sans:var(--font-manrope), "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-space-grotesk), var(--font-manrope), "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 8px 24px #0f172a14;--shadow-md:0 18px 44px #0f172a24;--radius:16px;--step-0:clamp(15px, .95vw + .2rem, 16px);--step-1:clamp(18px, 1.2vw + .2rem, 20px);--step-2:clamp(23px, 1.8vw + .2rem, 27px);--step-3:clamp(30px, 2.6vw + .2rem, 38px);--step-4:clamp(40px, 4vw + .2rem, 54px)}html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(1200px 480px at 20% -20%, #1f6feb24, transparent 55%), radial-gradient(1200px 480px at 92% 0%, #0ca6a61f, transparent 52%), var(--bg);font-family:var(--font-sans);font-size:var(--step-0);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1, "calt" 1;font-synthesis-weight:none;font-synthesis-style:none;margin:0;line-height:1.64}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}a:focus-visible{outline:3px solid color-mix(in oklab, var(--brand) 55%, transparent);outline-offset:2px;border-radius:10px}::selection{background:color-mix(in oklab, var(--brand) 28%, transparent)}img{max-width:100%;display:block}.container{max-width:1220px;margin:0 auto;padding:0 20px}.hidden{display:none!important}.visually-hidden{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}h1,h2,h3{letter-spacing:-.03em;line-height:1.1;font-family:var(--font-display);margin:0}h1{font-size:var(--step-4);font-weight:700}h2{font-size:var(--step-3);font-weight:700}h3{font-size:var(--step-1);font-weight:700}p{max-width:76ch;margin:0}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{color:#fff;z-index:10000;background:#111827;border-radius:10px;width:auto;height:auto;padding:10px 14px;position:fixed;top:16px;left:16px}.header{z-index:50;background:color-mix(in oklab, var(--bg) 86%, white 14%);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid color-mix(in oklab, var(--line) 85%, transparent);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand img{width:36px;height:36px}.brand .name{letter-spacing:.2px;font-weight:800}.brand-tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:color-mix(in oklab, var(--text) 82%, var(--muted));border-radius:11px;padding:8px 12px}.nav-links a:hover{background:color-mix(in oklab, var(--line) 45%, transparent);color:var(--text)}.cta{border-radius:var(--radius);background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;box-shadow:var(--shadow-sm);border:1px solid #0000;padding:10px 15px;font-weight:650}.cta:hover{filter:brightness(1.04)}.menu-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;padding:8px 10px;display:none}@media (max-width:930px){.menu-toggle{display:inline-flex}.brand-tag{display:none}.nav-links{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;padding:12px;display:none;position:fixed;inset:64px 16px auto}.nav-links.show{display:flex}}.hero{padding:82px 0 58px;position:relative}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:stretch;gap:22px;display:grid}.hero-copy{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in oklab, var(--surface) 93%, white 7%), var(--surface));box-shadow:var(--shadow-md);border-radius:24px;padding:34px}.hero h1{margin-bottom:14px}.hero p{color:var(--muted);margin-bottom:24px}.hero .actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 82%, white 18%);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:inline-flex}.button:hover{border-color:color-mix(in oklab, var(--brand) 35%, var(--line))}.button.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000}.badges{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.badge{border:1px solid color-mix(in oklab, var(--brand) 20%, var(--line));background:color-mix(in oklab, var(--brand) 6%, var(--surface));color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.hero-panel{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in oklab, var(--surface-strong) 88%, white 12%), var(--surface));box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;gap:14px;padding:24px;display:flex}.hero-panel-meta{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:12px}.hero-panel h2{font-size:clamp(25px,2.3vw,31px)}.hero-facts{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hero-facts li{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 92%, white 8%);border-radius:12px;justify-content:space-between;gap:10px;padding:11px 13px;display:flex}.hero-facts span{color:var(--muted)}.hero-facts strong{font-family:var(--font-display)}.hero-panel-cta{text-align:center;margin-top:4px}@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-panel{padding:22px}}.section{padding:56px 0}.section-tight{padding-top:24px}.section-soft .container,.section-lined .container{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 94%, white 6%);box-shadow:var(--shadow-sm);border-radius:22px;padding:24px}.section-lined .container{background-image:linear-gradient(120deg, color-mix(in oklab, var(--brand) 9%, transparent), transparent 46%, color-mix(in oklab, var(--brand-2) 9%, transparent))}.section .meta{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.section h2{margin-bottom:14px}.section-intro{color:var(--muted);margin-bottom:16px}.grid{gap:16px;display:grid}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1040px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.section-soft .container,.section-lined .container{padding:18px}}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(165deg, color-mix(in oklab, var(--surface) 90%, white 10%), var(--surface));box-shadow:var(--shadow-sm);padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{border-color:color-mix(in oklab, var(--brand) 36%, var(--line));box-shadow:var(--shadow-md);transform:translateY(-3px)}.service-card{position:relative;overflow:hidden}.service-card:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--brand) 18%, transparent), transparent 68%);border-radius:999px;width:120px;height:120px;position:absolute;inset:auto -40px -40px auto}.usp-card{background:linear-gradient(160deg, color-mix(in oklab, var(--brand) 6%, var(--surface)), var(--surface))}.process-card{border-top:4px solid color-mix(in oklab, var(--brand) 60%, var(--brand-2))}.about-lead{background:linear-gradient(165deg, color-mix(in oklab, var(--brand) 8%, var(--surface)), var(--surface))}.about-points{background:linear-gradient(165deg, color-mix(in oklab, var(--brand-2) 8%, var(--surface)), var(--surface))}.case-card{position:relative}.case-card .kpi{border:1px solid color-mix(in oklab, var(--accent) 28%, var(--line));background:color-mix(in oklab, var(--accent) 8%, var(--surface));border-radius:10px;margin-top:10px;padding:8px 10px}.pricing-card{flex-direction:column;gap:8px;display:flex}.pricing-card-featured{border-color:color-mix(in oklab, var(--brand) 54%, var(--line));transform:translateY(-2px);box-shadow:0 22px 48px #1f6feb33}.pricing-card-featured h3:after{content:"Meest gekozen";letter-spacing:.07em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:999px;margin-left:8px;padding:3px 7px;font-size:11px;display:inline-block}.content-page{padding-top:48px}.content-page-wrap{border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 95%, white 5%);box-shadow:var(--shadow-sm);border-radius:22px;padding:24px}.content-page-intro{color:var(--muted);margin:0 0 18px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.resource-card{flex-direction:column;gap:10px;display:flex}.resource-card h2{font-size:var(--step-1)}.resource-tag{letter-spacing:.07em;text-transform:uppercase;border:1px solid color-mix(in oklab, var(--brand) 35%, var(--line));color:color-mix(in oklab, var(--brand) 70%, var(--text));background:color-mix(in oklab, var(--brand) 10%, var(--surface));border-radius:999px;align-self:flex-start;padding:4px 8px;font-size:12px;font-weight:700}.resource-tagline{color:var(--muted);margin:8px 0 0}.content-detail{padding-top:48px}.content-detail-grid{grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px;display:grid}.detail-main h2{font-size:var(--step-2);margin-bottom:10px}.detail-main h3{margin:16px 0 8px}.detail-side{align-self:start}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (max-width:1024px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-detail-grid{grid-template-columns:1fr}}@media (max-width:760px){.content-page-wrap{padding:18px}.resource-grid{grid-template-columns:1fr}}ul.clean{margin:0;padding:0;list-style:none}ul.clean li{color:var(--muted);margin:9px 0;padding-left:24px;position:relative}ul.clean li:before{content:"";background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:999px;width:12px;height:12px;position:absolute;top:8px;left:0}.kpi{font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:700;display:flex}.testimonial{flex-direction:column;gap:10px;display:flex}.stars{letter-spacing:2px}.price{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.price small{color:var(--muted);font-size:14px;font-weight:650}.band{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in oklab, var(--brand) 12%, var(--surface)), color-mix(in oklab, var(--brand-2) 11%, var(--surface)));box-shadow:var(--shadow-md);border-radius:20px;padding:24px}footer{border-top:1px solid var(--line);color:var(--muted);background:color-mix(in oklab, var(--surface) 92%, white 8%);padding:30px 0;font-size:14px}.footgrid{grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;display:grid}@media (max-width:900px){.footgrid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.footgrid{grid-template-columns:1fr}}.backtotop{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;display:none;position:fixed;bottom:16px;right:16px}.backtotop.show{display:flex}small.help{color:var(--muted)}.input{flex-direction:column;gap:6px;display:flex}.input label{font-weight:600}.input input,.input select,.input textarea,.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:10px 12px}.input input:focus-visible,.input select:focus-visible,.input textarea:focus-visible,.admin-form input:focus-visible,.admin-form select:focus-visible,.admin-form textarea:focus-visible{outline:3px solid color-mix(in oklab, var(--brand) 40%, transparent);outline-offset:1px}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin:16px 0;display:flex}.consent input{margin-top:4px}.trustbar{padding:20px 0}.logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.logo{border:1px solid var(--line);color:var(--muted);background:color-mix(in oklab, var(--surface) 94%, white 6%);border-radius:999px;padding:9px 14px;font-weight:700;transition:transform .2s,border-color .2s}.logo:hover{border-color:color-mix(in oklab, var(--brand) 40%, var(--line));transform:translateY(-2px)}.cert-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.cert-grid{grid-template-columns:1fr}}.cert{align-items:flex-start;gap:12px;display:flex}.carousel{position:relative;overflow:hidden}.carousel-track{gap:18px;display:flex}.carousel-item{min-width:100%}.carousel-controls{justify-content:center;gap:8px;margin-top:10px;display:flex}.carousel-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:12px;padding:8px 12px}.sticky-cta{z-index:40;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;bottom:80px;right:16px}.news-band{border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in oklab, var(--brand) 11%, var(--surface)), color-mix(in oklab, var(--brand-2) 10%, var(--surface)));border-radius:18px;padding:22px}.prose{max-width:75ch}.prose p{margin:0 0 1em}.prose h1,.prose h2,.prose h3{margin:1.2em 0 .4em}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}.prose img{border-radius:12px}.admin-page,.portal-page{background:linear-gradient(#ffffffdb,#f2f7faf0),repeating-linear-gradient(90deg,#0b1b3309 0 1px,#0000 1px 78px),#eef4f8;min-height:calc(100vh - 120px)}.admin-wrap,.portal-wrap{padding:34px 20px 64px}.admin-topbar,.portal-hero{border:1px solid color-mix(in oklab, var(--line) 85%, white 15%);background:linear-gradient(135deg,#fffffff5,#f8fcffeb),linear-gradient(135deg,#0ca6a614,#1f6feb14);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex;box-shadow:0 18px 45px #0f172a12}.portal-hero h1,.admin-topbar h1{margin-top:2px}.portal-ticket-hero .meta{margin-top:14px}.portal-mark{color:#dff9f2;letter-spacing:.04em;background:#ffffff14;border:1px solid #63d9b059;border-radius:999px;align-items:center;width:fit-content;margin-bottom:22px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.admin-card,.portal-panel,.support-admin-section{border:1px solid color-mix(in oklab, var(--line) 88%, white 12%);background:#ffffffeb;border-radius:10px;box-shadow:0 14px 34px #0f172a0f}.admin-card,.portal-panel{padding:20px}.admin-card,.support-admin-section{margin-top:18px}.panel-heading{margin-bottom:16px}.panel-heading h2,.panel-heading h3{margin-top:2px}.admin-form{gap:12px;display:grid}.admin-form label{color:color-mix(in oklab, var(--text) 84%, var(--muted));font-weight:700}.admin-form input[type=file]{background:#fff;padding:12px}.form-hint{color:var(--muted);font-size:13px}.ticket-evidence-panel{border:1px solid color-mix(in oklab, var(--brand-2) 28%, var(--line));background:linear-gradient(145deg,#fffffff5,#f2fafaeb),radial-gradient(circle at 100% 0,#0ca6a61f,#0000 38%);border-radius:16px;gap:12px;padding:14px;display:grid}.ticket-evidence-panel.compact{gap:6px}.ticket-evidence-panel strong{color:var(--text);font-family:var(--font-display);font-size:17px;line-height:1.2;display:block}.ticket-evidence-panel p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.45}.ticket-evidence-chips{flex-wrap:wrap;gap:8px;display:flex}.ticket-evidence-chips span{color:color-mix(in oklab, var(--text) 82%, var(--brand-2));background:#ffffffc7;border:1px solid #0ca6a638;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850}.ticket-attachment-field{gap:10px;min-width:0;display:grid}.attachment-selection{border:1px dashed color-mix(in oklab, var(--line) 86%, var(--brand-2));background:#ffffffb8;border-radius:14px;gap:8px;padding:12px;display:grid}.attachment-selection-summary{color:var(--text);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.attachment-selection-summary span,.attachment-selection-empty{color:var(--muted);font-size:13px}.attachment-selection-error{border:1px solid color-mix(in oklab, var(--danger) 26%, white);background:color-mix(in oklab, var(--danger) 8%, white);color:color-mix(in oklab, var(--danger) 78%, #111827);border-radius:10px;margin:0;padding:9px 10px;font-size:13px;font-weight:800}.attachment-selection-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.attachment-selection-list li{border:1px solid var(--line);background:#fff;border-radius:12px;gap:2px;min-width:0;padding:10px 11px;display:grid}.attachment-selection-list strong,.attachment-selection-list small{overflow-wrap:anywhere;display:block}.attachment-selection-list small{color:var(--muted);margin-top:2px}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-grid button{grid-column:1/-1}.admin-status{color:#0a4f9c;background:#eef6ff;border:1px solid #b8d8ff;border-radius:8px;margin-top:14px;padding:11px 13px;font-weight:650}.portal-auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(340px,440px);align-items:stretch;gap:0;max-width:1040px;display:grid}.portal-auth-copy{color:#f8fbff;background:linear-gradient(135deg,#081220eb,#05222deb),repeating-linear-gradient(135deg,#63d9b024 0 1px,#0000 1px 18px);border-radius:18px 0 0 18px;min-height:560px;padding:44px;box-shadow:0 22px 55px #0f172a26}.portal-auth-copy .meta,.portal-auth-copy p{color:#f8fbffc7}.portal-auth-copy h1{max-width:560px}.portal-auth-points{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.portal-auth-points span{color:#e7f7ff;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:750}.portal-login-card{border:1px solid var(--line);background:#fffffffa;border-left:0;border-radius:0 18px 18px 0;align-content:center;padding:44px;box-shadow:0 22px 55px #0f172a1a}.portal-stats,.portal-admin-summary,.support-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:420px;display:grid}.portal-stats div,.portal-admin-summary div,.support-metrics div{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:12px}.portal-stats strong,.portal-admin-summary strong,.support-metrics strong{font-size:24px;line-height:1;display:block}.portal-stats span,.portal-admin-summary span,.support-metrics span{color:var(--muted);margin-top:6px;font-size:13px;display:block}.portal-command-strip,.admin-subnav{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.portal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.portal-command-strip span,.admin-subnav a{border:1px solid var(--line);color:color-mix(in oklab, var(--text) 75%, var(--muted));background:#ffffffd1;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:750}.admin-subnav a:hover{border-color:color-mix(in oklab, var(--brand-2) 42%, var(--line));color:var(--text)}.portal-layout,.support-admin-grid{align-items:start;gap:18px;margin-top:18px;display:grid}.portal-layout{grid-template-columns:minmax(320px,.82fr) minmax(0,1.28fr)}.ticket-detail-layout,.customer-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.support-admin-grid{grid-template-columns:minmax(300px,.4fr) minmax(0,1fr)}.support-metrics{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin-bottom:18px}.portal-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin-bottom:14px}.customer-mini-list{gap:8px;margin-bottom:14px;display:grid}.customer-mini-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.customer-mini-row small{color:var(--muted);display:block}.customer-directory-panel{margin-top:18px}.customer-directory-filter{grid-template-columns:minmax(240px,1fr) minmax(160px,.3fr) auto auto;margin-bottom:14px}.customer-directory-list{gap:10px;display:grid}.customer-directory-row{border:1px solid var(--line);background:linear-gradient(145deg,#fffffffa,#f8fcffeb),radial-gradient(circle at 100% 0,#1f6feb12,#0000 34%);border-radius:16px;grid-template-columns:minmax(280px,1fr) minmax(320px,.8fr) auto;align-items:center;gap:14px;padding:14px;display:grid;box-shadow:0 12px 32px #0f23410d}.customer-directory-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.customer-directory-main strong,.customer-directory-main small{overflow-wrap:anywhere;display:block}.customer-directory-main small{color:var(--muted)}.customer-directory-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.customer-directory-stats span{border:1px solid var(--line);color:var(--muted);background:#ffffffd1;border-radius:12px;gap:2px;padding:9px 10px;font-size:12px;font-weight:760;display:grid}.customer-directory-stats strong{color:var(--text);font-size:18px;line-height:1}.customer-directory-stats .customer-stat-attention{color:#8a5a00;background:#fff8e8;border-color:#f4d79b}.customer-state{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.customer-state-active{color:#12603d;background:#effbf5;border-color:#b7e4ca}.customer-state-inactive{color:#374151;background:#f3f4f6;border-color:#d1d5db}.ticket-create-panel,.ticket-reply-panel,.ticket-side-stack{position:sticky;top:92px}.ticket-side-stack{align-self:start;gap:14px;display:grid}.ticket-side-stack .ticket-reply-panel{position:static}.ticket-customer-action-panel{border-color:color-mix(in oklab, var(--brand-2) 26%, var(--line));background:linear-gradient(145deg,#fffffffa,#f3fbfbeb),radial-gradient(circle at 100% 0,#0ca6a624,#0000 36%);gap:12px;display:grid}.ticket-customer-action-panel p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.ticket-action-state{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ticket-state-form{display:grid}.ticket-list{gap:10px;margin-top:14px;display:grid}.ticket-filter-bar{border:1px solid var(--line);background:linear-gradient(135deg,#fffffff5,#f8fcffeb),linear-gradient(135deg,#0ca6a614,#1f6feb0f);border-radius:12px;grid-template-columns:minmax(220px,1fr) minmax(160px,.45fr) minmax(160px,.45fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.ticket-filter-bar label{color:color-mix(in oklab, var(--text) 82%, var(--muted));gap:6px;font-size:13px;font-weight:750;display:grid}.ticket-row,.ticket-admin-item{border:1px solid var(--line);background:var(--surface);border-radius:10px}.ticket-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.ticket-row:hover{border-color:color-mix(in oklab, var(--brand) 38%, var(--line));transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.ticket-row small,.ticket-admin-head small,.ticket-meta-grid small,.ticket-message small,.ticket-kicker{color:var(--muted);display:block}.ticket-kicker{letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:750}.ticket-status{border:1px solid var(--line);width:fit-content;color:var(--text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;font-weight:750;display:inline-flex}.ticket-status-nieuw{color:#0a4f9c;background:#eef6ff;border-color:#b8d8ff}.ticket-status-in_behandeling{color:#12603d;background:#effbf5;border-color:#b7e4ca}.ticket-status-wacht_op_klant{color:#8a5a00;background:#fff8e8;border-color:#f4d79b}.ticket-status-validatie{color:#075985;background:#f0f9ff;border-color:#8bd4f8}.ticket-status-opgelost,.ticket-status-gesloten{color:#374151;background:#f3f4f6;border-color:#d1d5db}.ticket-progress{border:1px solid color-mix(in oklab, var(--brand) 14%, var(--line));background:linear-gradient(135deg,#fffffff5,#f8fcffeb),radial-gradient(circle at 6% 0,#0ca6a61f,#0000 36%);border-radius:18px;gap:12px;width:100%;min-width:0;padding:14px;display:grid;box-shadow:inset 0 1px #ffffffbf}.ticket-progress-top{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.ticket-progress-top strong{color:var(--text);letter-spacing:0;text-transform:none}.ticket-progress-track{background:color-mix(in oklab, var(--line) 72%, #fff);border-radius:999px;height:8px;position:relative;overflow:hidden}.ticket-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-2));height:100%;display:block;box-shadow:0 0 18px #0ca6a647}.ticket-progress-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ticket-progress-step{min-width:0;color:var(--muted);grid-template-columns:auto minmax(0,1fr);gap:8px;font-size:12px;display:grid}.ticket-progress-step strong,.ticket-progress-step small{overflow-wrap:anywhere;display:block}.ticket-progress-step strong{color:color-mix(in oklab, var(--text) 72%, var(--muted));font-size:12px}.ticket-progress-step small{margin-top:2px}.ticket-progress-dot{border:2px solid color-mix(in oklab, var(--muted) 28%, #fff);background:#fff;border-radius:999px;width:13px;height:13px;margin-top:2px}.ticket-progress-step.is-complete .ticket-progress-dot,.ticket-progress-step.is-current .ticket-progress-dot{border-color:var(--brand-2);background:var(--brand-2);box-shadow:0 0 0 4px #0ca6a61f}.ticket-progress-step.is-current strong{color:var(--text)}.ticket-progress-step.is-current .ticket-progress-dot{background:var(--brand);border-color:var(--brand)}.ticket-progress-compact{box-shadow:none;border-radius:14px;gap:9px;padding:11px}.ticket-progress-compact .ticket-progress-steps{gap:7px}.ticket-progress-compact .ticket-progress-step{grid-template-columns:1fr;gap:5px}.ticket-progress-compact .ticket-progress-dot{width:10px;height:10px;margin-top:0}.ticket-progress-row,.ticket-progress-hero{grid-column:1/-1}.ticket-badge-stack{flex-direction:column;align-items:flex-end;gap:6px;display:inline-flex}.sla-badge{border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.sla-badge-ok{color:#12603d;background:#effbf5;border-color:#b7e4ca}.sla-badge-due-soon{color:#8a5a00;background:#fff8e8;border-color:#f4d79b}.sla-badge-overdue{color:#b42318;background:#fff1f2;border-color:#fecaca}.sla-badge-closed{color:#374151;background:#f3f4f6;border-color:#d1d5db}.ticket-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.ticket-meta-grid>div{border:1px solid var(--line);background:var(--surface-strong);border-radius:10px;padding:12px}.ticket-meta-grid strong{margin-top:5px;display:block}.ticket-thread{gap:12px;display:grid}.attachment-panel{border:1px solid var(--line);background:color-mix(in oklab, var(--surface-strong) 78%, white 22%);border-radius:12px;margin:0 0 18px;padding:14px}.panel-heading.compact{margin-bottom:10px}.admin-action-block{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.admin-action-block .panel-heading p:not(.meta){color:var(--muted);margin-top:4px;font-size:14px;line-height:1.45}.customer-notes-section textarea{min-height:132px}.customer-note-list{gap:9px;display:grid}.customer-note-list article{border:1px solid color-mix(in oklab, var(--brand) 16%, var(--line));background:linear-gradient(145deg,#fffffffa,#f7fbffe6),radial-gradient(circle at 100% 0,#1f6feb14,#0000 36%);border-radius:13px;padding:12px}.customer-note-list small{color:var(--muted);margin-top:2px;display:block}.customer-note-list p{color:color-mix(in oklab, var(--text) 84%, var(--muted));white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:14px;line-height:1.5}.compact-empty{padding:12px}.attachment-list{gap:8px;display:grid}.attachment-link{border:1px solid var(--line);color:inherit;background:linear-gradient(135deg,#fffffffa,#f5faffe6),radial-gradient(circle at 0 0,#0ab8cf1a,#0000 34%);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 12px 26px #0f172a0f}.attachment-link:hover{border-color:color-mix(in oklab, var(--brand) 40%, var(--line));transform:translateY(-1px);box-shadow:0 16px 34px #0f172a17}.attachment-copy{gap:3px;min-width:0;display:grid}.attachment-copy strong,.attachment-copy small{overflow-wrap:anywhere}.attachment-link small,.attachment-copy small{color:var(--muted)}.attachment-kind-badge,.attachment-download-label{letter-spacing:.02em;white-space:nowrap;border-radius:999px;font-size:12px;font-weight:900}.attachment-kind-badge{border:1px solid color-mix(in oklab, var(--brand-2) 38%, var(--line));background:color-mix(in oklab, var(--brand-2) 11%, #fff);color:color-mix(in oklab, var(--brand) 70%, #063047);padding:7px 10px}.attachment-download-label{border:1px solid color-mix(in oklab, var(--brand) 24%, var(--line));color:var(--brand);background:#fff;padding:8px 11px}.ticket-message{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px}.ticket-message-admin{border-color:color-mix(in oklab, var(--brand-2) 34%, var(--line));background:color-mix(in oklab, var(--brand-2) 6%, var(--surface))}.ticket-message-internal{background:#fffaf0;border-style:dashed;border-color:#f4d79b}.ticket-ownership-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ticket-ownership-fields>div{gap:6px;min-width:0;display:grid}.ticket-message p{white-space:pre-wrap;margin-top:10px}.ticket-admin-head,.ticket-admin-controls{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ticket-admin-form{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.ticket-follow-up{border:1px solid color-mix(in oklab, var(--brand-2) 32%, var(--line));width:fit-content;color:color-mix(in oklab, var(--brand-2) 68%, var(--text));background:color-mix(in oklab, var(--brand-2) 8%, #fff);border-radius:999px;margin-top:7px;padding:5px 9px;font-weight:800;display:block}.ticket-follow-up-overdue{border-color:color-mix(in oklab, var(--danger) 36%, var(--line));color:#a51d1d;background:#fff4f4}.ticket-admin-controls{align-items:end}.ticket-admin-controls>div{flex:1}.checkbox-line{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:flex!important}.checkbox-line input{width:auto}.ticket-open-link{justify-self:start}.ticket-hero-status{justify-items:end;gap:7px;display:grid}.ticket-hero-status small{color:var(--muted)}.audit-panel{grid-column:2}.audit-list{gap:9px;max-height:520px;display:grid;overflow:auto}.audit-list article{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px}.audit-list article>div{min-width:0}.audit-list small{color:var(--muted);margin-top:3px;display:block}.audit-list p{color:color-mix(in oklab, var(--text) 80%, var(--muted));margin-top:7px;font-size:14px}.customer-audit-section{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.customer-audit-section .panel-heading p:not(.meta){color:var(--muted);margin-top:4px}.customer-audit-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.profile-change-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.dashboard-shell{grid-template-columns:260px minmax(0,1fr);gap:22px;max-width:1480px;display:grid}.dashboard-main{gap:18px;min-width:0;display:grid}.dashboard-sidebar{color:#eaf6ff;background:radial-gradient(circle at 20% 0,#26ddbe3d,#0000 34%),linear-gradient(#081523 0%,#0b2033 48%,#0a1727 100%);border:1px solid #b4c6dcb8;border-radius:22px;align-self:start;gap:18px;min-height:calc(100vh - 44px);padding:18px;display:grid;position:sticky;top:22px;box-shadow:0 24px 70px #0815233d}.dashboard-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding-bottom:14px;display:flex}.dashboard-brand-mark{color:#78fff0;width:42px;height:42px;font-family:var(--font-display);letter-spacing:.06em;background:#ffffff12;border:1px solid #56e2d270;border-radius:14px;place-items:center;font-size:13px;font-weight:800;display:grid}.dashboard-brand strong,.dashboard-brand small,.sidebar-sla-card small,.sidebar-sla-card span{display:block}.dashboard-brand strong{line-height:1.1}.dashboard-brand small,.sidebar-sla-card small,.sidebar-sla-card span{color:#eaf6ffa8;font-size:12px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{color:#eaf6ffc7;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-weight:760;transition:background .18s,border-color .18s,color .18s;display:flex}.sidebar-nav-count{color:#fff;background:#56e2d22e;border:1px solid #78fff057;border-radius:999px;place-items:center;min-width:24px;height:24px;padding-inline:6px;font-size:12px;font-weight:900;display:inline-grid}.sidebar-nav a:hover,.sidebar-nav a:first-child{color:#fff;background:#ffffff14;border-color:#56e2d238}.sidebar-sla-card{background:#ffffff12;border:1px solid #56e2d23d;border-radius:18px;align-self:end;padding:14px}.sidebar-sla-card strong{color:#fff;margin:5px 0;font-size:34px;line-height:1;display:block}.admin-control-hub{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.admin-control-card{min-height:156px;color:var(--text);background:linear-gradient(145deg,#fffffffa,#f7fcffeb),radial-gradient(circle at 100% 0,#0ca6a624,#0000 38%);border:1px solid #b4c6dcbd;border-radius:22px;padding:18px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f234114}.admin-control-card:after{content:"";opacity:.12;border-radius:999px;width:112px;height:112px;position:absolute;bottom:-36px;right:-24px}.admin-control-card:hover{border-color:color-mix(in oklab, var(--brand-2) 34%, var(--line));transform:translateY(-3px);box-shadow:0 24px 64px #0f23411f}.admin-control-card span,.admin-control-card strong,.admin-control-card small{z-index:1;display:block;position:relative}.admin-control-card span{color:var(--muted);letter-spacing:.08em;margin-bottom:28px;font-size:12px;font-weight:900}.admin-control-card strong{letter-spacing:-.02em;margin-bottom:8px;font-size:19px}.admin-control-card small{color:var(--muted);line-height:1.45}.admin-control-card-support:after{background:#1f6feb}.admin-control-card-company:after{background:#0ca6a6}.admin-control-card-activity:after{background:#22c55e}.admin-control-card-content:after{background:#d97706}.admin-control-card-config:after{background:#0f172a}.admin-governance-zone{background:linear-gradient(145deg,#ffffffeb,#f7fcffc7),radial-gradient(circle at 8% 0,#1f6feb1a,#0000 34%),radial-gradient(circle at 100% 10%,#0ca6a61a,#0000 36%);border:1px solid #b4c6dcbd;border-radius:28px;gap:18px;padding:18px;scroll-margin-top:24px;display:grid;box-shadow:0 24px 72px #0f23411a}.admin-governance-heading{border-bottom:1px solid var(--line);margin-bottom:0;padding-bottom:16px}.admin-governance-layout{grid-template-columns:minmax(240px,.28fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-governance-index{gap:12px;display:grid;position:sticky;top:20px}.admin-governance-link{background:#ffffffe6;border:1px solid #b4c6dcd1;border-radius:20px;gap:6px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #0f234112}.admin-governance-link:after{content:"";opacity:.11;border-radius:999px;width:104px;height:104px;position:absolute;bottom:-42px;right:-28px}.admin-governance-link:hover{border-color:color-mix(in oklab, var(--brand) 32%, var(--line));transform:translateY(-2px);box-shadow:0 20px 52px #0f23411f}.admin-governance-link span,.admin-governance-link strong,.admin-governance-link small{z-index:1;position:relative}.admin-governance-link span{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.admin-governance-link strong{font-size:17px;line-height:1.2}.admin-governance-link small{color:var(--muted);line-height:1.45}.admin-governance-link-company:after{background:#0ca6a6}.admin-governance-link-content:after{background:#d97706}.admin-governance-link-config:after{background:#0f172a}.admin-governance-forms{gap:18px;min-width:0;display:grid}.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.admin-section-heading h2{margin-top:2px}.admin-section-heading p:not(.meta){max-width:76ch;color:var(--muted);margin-top:6px}.admin-management-section{scroll-margin-top:24px}.admin-content-form{gap:18px}.admin-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.admin-config-group{background:linear-gradient(#fffffffa,#f7fbffdb),radial-gradient(circle at 100% 0,#1f6feb17,#0000 34%);border:1px solid #b4c6dcbd;border-radius:18px;gap:11px;min-width:0;height:100%;margin:0;padding:16px;display:grid}.admin-config-group legend{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;padding:0 8px;font-size:20px;font-weight:800}.admin-config-group p{color:var(--muted);margin:-4px 0 2px;font-size:14px}.admin-config-group textarea{resize:vertical;min-height:112px}.admin-save-bar{justify-self:end;min-width:min(100%,280px)}.admin-config-section textarea{min-height:620px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.admin-activity-panel{background:linear-gradient(145deg,#fffffffa,#f7fcffe6),radial-gradient(circle at 100% 0,#22c55e1c,#0000 38%);border:1px solid #b4c6dcbd;border-radius:20px;margin-bottom:18px;padding:18px;box-shadow:0 18px 55px #0f234114}.admin-section-heading.compact{margin-bottom:14px}.admin-section-heading.compact h3{margin-top:2px;font-size:clamp(24px,2vw,32px)}.admin-activity-list{gap:10px;display:grid}.admin-activity-item{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.admin-activity-item:before{content:"";background:#1f6feb;border-radius:999px;grid-area:1/1;width:9px;height:100%;min-height:44px;display:block}.admin-activity-item>div:first-child{grid-column:2;align-items:start;gap:0;display:grid}.admin-activity-item>div:first-child>*{grid-column:1}.admin-activity-item strong,.admin-activity-item small,.admin-activity-item p{overflow-wrap:anywhere}.admin-activity-item small{color:var(--muted);margin-top:3px;display:block}.admin-activity-item p{color:color-mix(in oklab, var(--text) 80%, var(--muted));margin-top:6px;font-size:14px}.admin-activity-customer:before{background:#0ca6a6}.admin-activity-admin:before{background:#1f6feb}.admin-activity-system:before{background:#d97706}.admin-activity-links{flex-wrap:wrap;grid-column:3;justify-content:flex-end;gap:8px;display:flex}.admin-detail-shell{max-width:min(1760px,100vw - 32px)}.admin-detail-hero{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;display:grid}.admin-detail-shell .ticket-detail-layout,.admin-detail-shell .customer-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px}.admin-detail-shell .ticket-reply-panel{position:sticky;top:22px}.admin-detail-shell .audit-panel{grid-column:1/-1}.admin-detail-sidebar .sidebar-sla-card strong{overflow-wrap:anywhere;font-size:clamp(22px,2vw,32px)}.customer-portal-shell{grid-template-columns:minmax(240px,286px) minmax(0,1fr);gap:24px;width:100%;max-width:min(1760px,100vw - 32px);display:grid}.customer-portal-main{gap:18px;min-width:0;display:grid}.customer-portal-sidebar{color:#eaf6ff;background:radial-gradient(circle at 18% 0,#56e2d247,#0000 34%),radial-gradient(circle at 88% 18%,#1f6feb38,#0000 34%),linear-gradient(#061424 0%,#0b2033 54%,#071320 100%);border:1px solid #b4c6dcb8;border-radius:24px;align-self:start;gap:18px;min-height:calc(100vh - 44px);padding:18px;display:grid;position:sticky;top:22px;box-shadow:0 26px 78px #0815233d}.customer-portal-sidebar .sidebar-sla-card{min-width:0}.customer-portal-sidebar .sidebar-sla-card strong{overflow-wrap:anywhere;font-size:clamp(24px,2.2vw,34px)}.customer-account-card strong{font-size:clamp(20px,1.7vw,28px)}.customer-portal-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.customer-portal-hero .portal-stats{grid-area:2/1/auto/-1;width:100%;min-width:0}.customer-portal-hero>form{grid-area:1/2;justify-self:end}.customer-portal-detail-shell .customer-portal-hero{grid-template-columns:minmax(0,1fr) auto}.customer-portal-detail-shell .ticket-hero-status{justify-self:end}.customer-dashboard-grid{grid-template-columns:minmax(360px,.44fr) minmax(0,1fr);gap:22px}.portal-focus-strip{grid-template-columns:minmax(0,1fr) minmax(220px,.28fr);gap:14px;display:grid}.portal-overview-ticket-panel{margin-top:0}.portal-focus-card{background:linear-gradient(145deg,#fffffffa,#f7fcffe6),radial-gradient(circle at 100% 0,#0ca6a621,#0000 36%);border:1px solid #b4c6dcbd;border-radius:20px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f234112}.portal-focus-card-link{color:var(--text);text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:block}.portal-focus-card-link:hover{border-color:color-mix(in oklab, var(--brand-2) 45%, var(--line));transform:translateY(-2px);box-shadow:0 22px 56px #0f23411c}.portal-focus-card-link small{width:fit-content;color:var(--brand);border-bottom:1px solid;margin-top:16px;font-weight:850;display:block}.portal-focus-card-primary{grid-template-columns:minmax(0,.82fr) minmax(260px,.48fr);align-items:start;gap:18px;display:grid}.portal-focus-card h2{margin-top:2px;font-size:clamp(24px,2.4vw,34px)}.portal-focus-card p{color:var(--muted);margin-top:7px}.portal-focus-card>strong{margin-top:10px;font-size:42px;line-height:1;display:block}.portal-focus-card>span{color:var(--muted);margin-top:8px;font-weight:700;display:block}.portal-action-list{gap:8px;display:grid}.portal-action-list a{border:1px solid var(--line);color:var(--text);background:#ffffffdb;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-weight:760;display:grid}.portal-action-list a:hover{border-color:color-mix(in oklab, var(--brand-2) 38%, var(--line))}.portal-action-list span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-portal-shell .portal-panel{min-width:0}.customer-portal-shell .ticket-create-panel,.customer-portal-shell .ticket-reply-panel,.customer-portal-shell .ticket-side-stack{position:sticky;top:22px}.customer-portal-shell .ticket-side-stack .ticket-reply-panel{position:static}.customer-portal-shell .ticket-list-panel,.customer-portal-shell .portal-ticket-list{min-width:0}.portal-panel-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.portal-ticket-list{gap:10px;display:grid}.portal-ticket-row{grid-template-columns:minmax(0,1fr) minmax(150px,auto);min-height:88px}.customer-ticket-filter{grid-template-columns:minmax(220px,1fr) minmax(145px,.28fr) minmax(145px,.28fr) auto auto;margin-bottom:14px}.customer-portal-shell .portal-stats{min-width:0}.customer-portal-shell .portal-command-strip{margin-top:0}.customer-portal-shell .ticket-detail-layout,.customer-portal-shell .customer-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px}.admin-page,.portal-page{background:radial-gradient(900px 380px at 16% -14%,#1f6feb21,#0000 60%),radial-gradient(760px 360px at 92% 2%,#0ca6a61f,#0000 58%),linear-gradient(#f8fbff 0%,#eef5fb 100%)}.admin-topbar,.portal-hero{background:linear-gradient(135deg,#fffffffa,#f7fcffe6),radial-gradient(circle at 100% 0,#0ca6a62e,#0000 32%);border-color:#b4c6dcb8;border-radius:22px;padding:24px;box-shadow:0 20px 60px #0f234117}.admin-card,.portal-panel,.support-admin-section{background:#fffffff0;border-color:#b4c6dcbd;border-radius:20px;box-shadow:0 18px 55px #0f234114}.support-admin-section{padding:22px}.support-metrics{gap:12px}.metric-card{min-height:104px;position:relative;overflow:hidden;border-radius:18px!important;padding:16px!important}.metric-card:after{content:"";opacity:.12;border-radius:999px;width:86px;height:86px;position:absolute;bottom:-24px;right:-18px}.metric-card-active:after{background:#1f6feb}.metric-card-waiting:after{background:#d97706}.metric-card-priority:after{background:#0ca6a6}.metric-card-danger:after{background:#dc2626}.support-command-center{grid-template-columns:1fr 1fr 1.25fr;gap:12px;margin-bottom:18px;display:grid}.sla-radar-card,.sla-policy-card{background:linear-gradient(#fffffff5,#f7fbffe6),radial-gradient(circle at 100% 0,#0ca6a61c,#0000 36%);border:1px solid #b4c6dcbd;border-radius:18px;padding:15px}.sla-radar-card>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sla-radar-card small,.sla-policy-card small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.sla-radar-card strong{font-size:28px;line-height:1}.sla-radar-card p{color:var(--muted);margin:10px 0 0;font-size:14px}.sla-radar-bars{background:#e8eff7;border-radius:999px;height:9px;margin-top:12px;overflow:hidden}.sla-radar-bars span{border-radius:inherit;background:linear-gradient(90deg,#0ca6a6,#1f6feb);height:100%;display:block}.sla-policy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.sla-policy-grid span,.sla-target-strip span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;padding:9px;font-size:12px}.sla-policy-grid strong{color:var(--text);display:block}.ticket-filter-bar{border-radius:18px;grid-template-columns:minmax(220px,1fr) repeat(5,minmax(120px,.3fr)) auto auto;padding:14px}.ticket-admin-item,.ticket-row{border-radius:16px}.ticket-admin-item{padding:18px}.ticket-has-unread{border-color:color-mix(in oklab, var(--brand) 42%, var(--line));box-shadow:inset 4px 0 0 var(--brand), 0 16px 38px #0f234114;background:linear-gradient(100deg,#1f6feb0f,#fffffffa 28%),#fff}.ticket-kicker-line{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;display:flex}.ticket-unread-badge{border:1px solid color-mix(in oklab, var(--brand) 38%, var(--line));color:#0a4f9c;letter-spacing:.02em;text-transform:uppercase;background:#eef6ff;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.ticket-admin-head strong,.ticket-row strong{letter-spacing:-.01em;font-size:16px}.sla-countdown{color:var(--muted);text-align:right;font-size:12px;font-weight:750}.sla-target-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.ticket-create-panel{border-top:4px solid #0ca6a6}.ticket-list-panel{border-top:4px solid #1f6feb}.empty-state{border:1px dashed color-mix(in oklab, var(--line) 80%, var(--muted));color:var(--muted);background:color-mix(in oklab, var(--surface-strong) 70%, white 30%);border-radius:10px;padding:22px}.empty-state strong{color:var(--text);margin-bottom:4px;display:block}@media (max-width:980px){.admin-grid,.ticket-filter-bar,.dashboard-shell,.customer-portal-shell,.support-command-center,.sla-policy-grid,.sla-target-strip,.portal-auth-shell,.portal-layout,.support-admin-grid,.ticket-detail-layout,.customer-detail-layout,.ticket-meta-grid{grid-template-columns:1fr}.dashboard-sidebar,.customer-portal-sidebar{min-height:auto;position:static}.audit-panel{grid-column:auto}.portal-auth-copy,.portal-login-card{border:1px solid var(--line);border-radius:14px}.ticket-create-panel,.ticket-reply-panel{position:static}.portal-stats{width:100%;min-width:0}}@media (max-width:700px){.admin-topbar,.portal-hero,.ticket-admin-head,.ticket-admin-controls,.ticket-hero-status{flex-direction:column;place-items:flex-start start}.ticket-row,.ticket-progress-steps{grid-template-columns:1fr}.ticket-progress-step,.ticket-progress-compact .ticket-progress-step{grid-template-columns:auto minmax(0,1fr)}.ticket-badge-stack{align-items:flex-start}.customer-mini-row{grid-template-columns:1fr}.portal-stats,.portal-admin-summary,.support-metrics{grid-template-columns:1fr 1fr;width:100%;min-width:0}.support-command-center{grid-template-columns:1fr}.portal-actions{justify-content:flex-start}.admin-grid{grid-template-columns:1fr}}.legal-wrap{max-width:920px}.legal-updated{color:var(--muted);margin-top:-6px}.legal-section{margin:20px 0 26px}.legal-section h2{font-size:var(--step-1)}.admin-page,.portal-page{overflow-x:clip}.admin-wrap,.portal-wrap,.dashboard-main,.portal-panel,.admin-card,.support-admin-section,.ticket-admin-item,.ticket-row,.ticket-admin-head>div,.customer-mini-row>span,.ticket-meta-grid>div{min-width:0}.admin-form input,.admin-form select,.admin-form textarea,.ticket-filter-bar input,.ticket-filter-bar select,.ticket-admin-controls select{width:100%;min-width:0;max-width:100%}.portal-panel,.admin-card,.support-admin-section,.ticket-admin-item,.ticket-row,.ticket-message,.attachment-link,.customer-mini-row{overflow-wrap:anywhere}.ticket-admin-head,.ticket-row,.portal-hero,.admin-topbar{min-width:0}.ticket-badge-stack,.ticket-hero-status{flex-shrink:0}.dashboard-shell,.customer-portal-shell{width:100%}@media (max-width:1280px){.dashboard-shell,.customer-portal-shell{grid-template-columns:230px minmax(0,1fr);gap:18px}.dashboard-sidebar,.customer-portal-sidebar{padding:16px}.customer-portal-hero,.customer-portal-detail-shell .customer-portal-hero,.admin-detail-hero{grid-template-columns:minmax(0,1fr)}.customer-portal-hero .portal-actions,.customer-portal-detail-shell .ticket-hero-status,.admin-detail-hero .ticket-hero-status{justify-content:flex-start;justify-self:start}.admin-control-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-content-grid,.admin-governance-layout{grid-template-columns:1fr}.admin-governance-index{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.support-admin-grid{grid-template-columns:minmax(260px,.36fr) minmax(0,1fr)}.ticket-filter-bar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(135px,.4fr))}.ticket-filter-bar button{grid-column:1/-1;justify-self:end}}.metric-card-csat:after{background:linear-gradient(#0ca6a6,#2563eb)}.sla-radar-bars-csat span{background:linear-gradient(90deg,#0ca6a6,#38bdf8)}.ticket-feedback-panel{background:radial-gradient(circle at 100% 0,#0ca6a621,#0000 42%),linear-gradient(145deg,#fffffffc,#f2fafcf7);gap:16px;display:grid;overflow:hidden}.ticket-feedback-panel .panel-heading p:last-child{color:var(--muted);margin-bottom:0}.ticket-feedback-scores{border:0;min-width:0;margin:0;padding:0}.ticket-feedback-scores legend{color:var(--text);margin-bottom:9px;font-size:12px;font-weight:850}.ticket-feedback-scores>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.ticket-feedback-scores label{border:1px solid var(--line);min-width:0;min-height:72px;color:var(--muted);cursor:pointer;text-align:center;background:#ffffffdb;border-radius:13px;align-content:center;justify-items:center;gap:3px;padding:8px 4px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid;position:relative}.ticket-feedback-scores label:hover{border-color:color-mix(in oklab, var(--brand) 48%, var(--line));transform:translateY(-1px)}.ticket-feedback-scores label:focus-within{outline-offset:2px;outline:3px solid #1f6feb2e}.ticket-feedback-scores label.is-selected{color:var(--text);background:linear-gradient(145deg,#dbfcf7f5,#e6f4fff5);border-color:#0ca6a694;box-shadow:0 12px 26px #0f53681f}.ticket-feedback-scores input{opacity:0;width:1px;height:1px;position:absolute}.ticket-feedback-scores strong{font-family:var(--font-display), sans-serif;font-size:25px;line-height:1}.ticket-feedback-scores span{overflow-wrap:anywhere;font-size:9px;font-weight:800;line-height:1.15}.ticket-feedback-panel>label{justify-content:space-between;align-items:baseline;gap:12px;font-weight:850;display:flex}.ticket-feedback-panel>label small{color:var(--muted);font-weight:650}.ticket-feedback-panel textarea{resize:vertical;min-width:0}.ticket-feedback-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.ticket-feedback-footer>small{max-width:32ch;color:var(--muted);line-height:1.45}.admin-feedback-card{background:radial-gradient(circle at 100% 0%, #38bdf824, transparent 46%), var(--surface);gap:14px;display:grid}.admin-feedback-score{border-block:1px solid var(--line);grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:5px;padding-block:14px;display:grid}.admin-feedback-score strong{font-family:var(--font-display), sans-serif;font-size:clamp(42px,4vw,58px);line-height:.9}.admin-feedback-score>span{color:var(--muted);font-weight:800}.admin-feedback-score>small{color:#087f71;justify-self:end;font-weight:850}.admin-feedback-card blockquote{color:var(--text);border-left:3px solid #0ca6a6;margin:0;padding:3px 0 3px 13px;font-size:14px;line-height:1.55}.admin-feedback-card.is-pending{background:#f8fafcd1;border-style:dashed}@media (max-width:1280px){.support-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.support-metrics{grid-template-columns:1fr}.ticket-feedback-panel{gap:13px}.ticket-feedback-scores>div{gap:4px}.ticket-feedback-scores label{border-radius:10px;min-height:66px;padding-inline:2px}.ticket-feedback-scores strong{font-size:22px}.ticket-feedback-footer{flex-direction:column;align-items:stretch}.ticket-feedback-footer .cta{width:100%}.admin-feedback-score{grid-template-columns:auto auto}.admin-feedback-score>small{grid-column:1/-1;justify-self:start}}.admin-service-zone{gap:20px;min-width:0;display:grid}.admin-service-heading{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:radial-gradient(circle at 90% 0,#0ca6a624,#0000 34%),linear-gradient(145deg,#fff,#f5faff);border-radius:22px;padding:clamp(22px,2.4vw,34px)}.admin-service-heading>div{max-width:780px}.admin-service-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-service-summary article{border:1px solid var(--line);background:#ffffffeb;border-radius:18px;align-content:start;gap:5px;min-width:0;min-height:138px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0f234112}.admin-service-summary article:before{content:"";background:linear-gradient(180deg, var(--brand), var(--brand-2));width:4px;position:absolute;inset:0 auto 0 0}.admin-service-summary span,.admin-service-summary small{color:var(--muted)}.admin-service-summary span{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:850}.admin-service-summary strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(20px,2vw,30px);line-height:1.2}.admin-service-settings-card{border-radius:22px;margin:0;padding:clamp(20px,2.4vw,34px)}.support-settings-form{gap:24px;display:grid}.support-settings-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.support-settings-intro h3,.support-settings-intro p{margin:0}.support-settings-intro h3{font-family:var(--font-display);font-size:clamp(22px,2vw,30px)}.support-settings-intro p:not(.meta){max-width:720px;color:var(--muted)}.support-category-editor{gap:12px;display:grid}.support-category-row{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f8fbff);border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 20px;margin:0;padding:16px 18px 18px;display:grid}.support-category-row legend,.support-policy-card legend{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;padding:0 8px;font-size:11px;font-weight:900}.support-category-fields{grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);gap:14px;min-width:0;display:grid}.support-category-fields label,.support-defaults-grid label,.support-policy-card label,.ticket-category-field{align-content:start;gap:6px;display:grid}.support-category-actions{justify-content:flex-end;align-items:center;gap:12px;padding-bottom:2px;display:flex}.button-danger-quiet{color:#a61b1b;background:#fef2f2cc;border-color:#dc262633}.button-danger-quiet:disabled{cursor:not-allowed;opacity:.45}.support-defaults-grid{background:#eff6ffb8;border:1px solid #1f6feb29;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.support-sla-heading{margin-top:12px}.support-settings-note{color:#08766f;white-space:nowrap;background:#ecfdfad6;border:1px solid #0ca6a638;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850}.support-policy-editor{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.support-policy-card{border:1px solid var(--line);border-top:4px solid var(--brand-2);background:#fff;border-radius:17px;align-content:start;gap:13px;min-width:0;margin:0;padding:18px;display:grid;position:relative;box-shadow:0 10px 28px #0f23410f}.support-policy-hoog{border-top-color:var(--warn)}.support-policy-urgent{border-top-color:var(--danger)}.support-hours-input{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.support-hours-input input{width:100%;box-shadow:none;border:0;border-radius:0}.support-hours-input span{color:var(--muted);padding:0 12px;font-size:12px;font-weight:800}.support-settings-savebar{background:#fffffff0;border:1px solid #1f6feb33;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex;box-shadow:0 18px 45px #0f234129}.support-settings-savebar>div{display:grid}.support-settings-savebar span{color:var(--muted);font-size:13px}.ticket-intake-fields{gap:22px;display:grid}.ticket-category-field{border:1px solid var(--line);background:#f8fbffdb;border-radius:16px;padding:18px}.ticket-category-field>span,.ticket-priority-picker legend{font-weight:850}.ticket-category-field small,.ticket-priority-picker>p{color:var(--muted)}.ticket-priority-picker{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.ticket-priority-picker legend{padding:0;font-size:16px}.ticket-priority-picker>p{margin:-5px 0 2px;font-size:13px}.ticket-priority-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ticket-priority-option{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:10px;min-width:0;min-height:174px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.ticket-priority-option:hover{border-color:#1f6feb59;transform:translateY(-2px);box-shadow:0 12px 30px #0f234117}.ticket-priority-option:has(input:checked){border-color:var(--brand);background:radial-gradient(circle at 100% 0,#0ca6a621,#0000 38%),#f8fbff;box-shadow:0 0 0 3px #1f6feb1c,0 14px 34px #0f23411a}.ticket-priority-option input{width:18px;height:18px;accent-color:var(--brand);margin:0;position:absolute;top:16px;right:16px}.ticket-priority-option-head{gap:2px;padding-right:24px;display:grid}.ticket-priority-option-head strong{font-family:var(--font-display);font-size:18px}.ticket-priority-option-head span,.ticket-priority-resolution{color:var(--brand);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.ticket-priority-option small{color:var(--muted);font-size:12px;line-height:1.5}.ticket-priority-resolution{border-top:1px solid var(--line);align-self:end;margin-top:auto;padding-top:10px}.ticket-priority-hoog:has(input:checked){border-color:var(--warn);box-shadow:0 0 0 3px #d977061a,0 14px 34px #0f23411a}.ticket-priority-urgent:has(input:checked){border-color:var(--danger);box-shadow:0 0 0 3px #dc262617,0 14px 34px #0f23411a}.admin-control-card-service:before{background:linear-gradient(90deg, var(--brand-2), #22c55e)}@media (max-width:1280px){.support-policy-editor,.ticket-priority-options{grid-template-columns:repeat(2,minmax(0,1fr))}.support-category-row{grid-template-columns:minmax(0,1fr)}.support-category-actions{justify-content:space-between}}@media (max-width:760px){.admin-service-summary,.support-defaults-grid,.support-category-fields,.support-policy-editor,.ticket-priority-options{grid-template-columns:minmax(0,1fr)}.support-settings-intro,.support-settings-savebar{flex-direction:column;align-items:stretch}.support-settings-intro .button,.support-settings-savebar .cta{width:100%}.support-category-actions{flex-direction:column;align-items:flex-start}.support-category-actions .button{width:100%}.ticket-priority-option{min-height:148px}.dashboard-sidebar,.customer-portal-sidebar{border-radius:18px;gap:12px;min-height:0;padding:14px;display:grid;position:static}.dashboard-sidebar .dashboard-brand,.customer-portal-sidebar .dashboard-brand{border-bottom:1px solid #ffffff21;padding-bottom:12px}.dashboard-sidebar .sidebar-nav,.customer-portal-sidebar .sidebar-nav{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;min-width:0;padding:0 0 3px;display:flex;overflow-x:auto}.dashboard-sidebar .sidebar-nav::-webkit-scrollbar{display:none}.customer-portal-sidebar .sidebar-nav::-webkit-scrollbar{display:none}.dashboard-sidebar .sidebar-nav a,.customer-portal-sidebar .sidebar-nav a{scroll-snap-align:start;white-space:nowrap;flex:none;min-height:44px;padding:10px 14px}.dashboard-sidebar .sidebar-nav a.is-active,.dashboard-sidebar .sidebar-nav a[aria-current=page],.customer-portal-sidebar .sidebar-nav a.is-active,.customer-portal-sidebar .sidebar-nav a[aria-current=page]{order:-1}.dashboard-sidebar .sidebar-sla-card,.customer-portal-sidebar .sidebar-sla-card{display:none}}.admin-topbar-actions,.ticket-hero-admin-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.support-agent-switcher{border:1px solid var(--line);background:#ffffffdb;border-radius:15px;grid-template-columns:auto minmax(170px,1fr) auto;align-items:center;gap:9px;min-width:min(100%,420px);padding:8px;display:grid}.support-agent-switcher label{gap:1px;min-width:0;display:grid}.support-agent-switcher label>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.support-agent-switcher select{min-width:0;box-shadow:none;background-color:#0000;border:0;padding:5px 25px 5px 0;font-size:12px;font-weight:800}.support-agent-switcher .button{min-height:34px;padding:6px 10px;font-size:11px}.support-agent-avatar{color:#086e68;letter-spacing:.04em;background:linear-gradient(145deg,#dcfcf7f5,#dbeafeeb);border:1px solid #0ca6a64d;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:950;display:inline-grid}.support-agent-avatar.large{border-radius:15px;width:52px;height:52px;font-size:14px}.service-management-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.service-management-tabs a{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;gap:3px;min-width:0;padding:17px 18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.service-management-tabs a:before{content:"";background:0 0;width:4px;position:absolute;inset:0 auto 0 0}.service-management-tabs a:hover{border-color:#1f6feb4d;transform:translateY(-2px);box-shadow:0 12px 30px #0f234114}.service-management-tabs a.is-active,.service-management-tabs a[aria-current=page]{background:radial-gradient(circle at 100% 0,#0ca6a624,#0000 38%),#fff;border-color:#0ca6a652;box-shadow:0 14px 34px #0f234117}.service-management-tabs a.is-active:before,.service-management-tabs a[aria-current=page]:before{background:linear-gradient(180deg, var(--brand-2), var(--brand))}.service-management-tabs span,.service-management-tabs small{color:var(--muted)}.service-management-tabs span{letter-spacing:.1em;font-size:10px;font-weight:900}.service-management-tabs strong{font-family:var(--font-display);font-size:17px}.service-management-tabs small{font-size:12px}.support-team-form,.reply-template-form{gap:24px;display:grid}.support-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:14px;display:grid}.support-agent-card,.reply-template-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f8fbff);border-radius:18px;align-content:start;gap:16px;min-width:0;margin:0;padding:18px;display:grid;box-shadow:0 10px 30px #0f23410f}.support-agent-card.is-inactive,.reply-template-card.is-inactive{opacity:.68;box-shadow:none;background:#f4f6f9}.support-agent-card legend,.reply-template-card legend{color:var(--brand);letter-spacing:.09em;text-transform:uppercase;padding:0 8px;font-size:10px;font-weight:900}.support-agent-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.support-agent-card-head>div{min-width:0;display:grid}.support-agent-card-head strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:18px}.support-agent-card-head small{color:var(--muted)}.support-default-agent{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;font-weight:850;display:flex}.support-default-agent input,.support-agent-active input{accent-color:var(--brand-2)}.support-agent-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.support-agent-fields label,.reply-template-meta-grid label,.reply-template-card>label{align-content:start;gap:6px;display:grid}.support-agent-active{background:#ecfdfaa3;border:1px solid #0ca6a62e;border-radius:12px;padding:12px}.template-variable-guide{background:#eff6ffad;border:1px solid #1f6feb2b;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.template-variable-guide strong{margin-right:4px}.template-variable-guide code{color:#174ea6;background:#fff;border:1px solid #1f6feb2e;border-radius:8px;padding:5px 8px;font-size:11px;font-weight:800}.reply-template-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:14px;display:grid}.reply-template-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reply-template-card textarea{min-height:180px;font-family:var(--font-sans);line-height:1.55}.composer-identity-banner{background:radial-gradient(circle at 100% 0,#0ca6a61a,#0000 45%),#f8fdfdeb;border:1px solid #0ca6a633;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.composer-identity-banner>div{display:grid}.composer-identity-banner small,.composer-identity-banner span{color:var(--muted);font-size:11px}.composer-template-tool{background:#eff6ffad;border:1px solid #1f6feb2b;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.composer-template-tool>div{gap:6px;min-width:0;display:grid}.composer-template-tool .button{min-height:44px}.composer-template-tool .button:disabled{cursor:not-allowed;opacity:.52}.composer-template-applied{border-left:4px solid var(--brand-2);color:#075e59;background:#ecfdf9;border-radius:10px;gap:2px;padding:11px 13px;display:grid}.composer-template-applied span{font-size:11px}.composer-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.composer-control-grid label,.admin-ticket-composer .ticket-ownership-fields label{gap:6px;display:grid}.composer-visibility-toggle{cursor:pointer;background:#ecfdfaad;border:1px solid #0ca6a638;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px;display:grid}.composer-visibility-toggle.is-internal{background:#fffbebe6;border-color:#d977063d}.composer-visibility-toggle input{width:18px;height:18px;accent-color:var(--brand-2);margin:2px 0 0}.composer-visibility-toggle>span{display:grid}.composer-visibility-toggle small{color:var(--muted)}.composer-submit{width:100%}@media (max-width:1180px){.admin-topbar-actions,.ticket-hero-admin-actions{flex-direction:column;align-items:stretch;width:100%}.support-agent-switcher{width:100%;max-width:none}}@media (max-width:760px){.service-management-tabs{scrollbar-width:none;scroll-snap-type:x mandatory;gap:9px;display:flex;overflow-x:auto}.service-management-tabs::-webkit-scrollbar{display:none}.service-management-tabs a{scroll-snap-align:start;flex:0 0 min(78vw,280px)}.service-management-tabs a.is-active,.service-management-tabs a[aria-current=page]{order:-1}.support-agent-switcher{grid-template-columns:auto minmax(0,1fr)}.support-agent-switcher .button{grid-column:1/-1;width:100%}.support-agent-fields,.reply-template-meta-grid,.composer-control-grid,.composer-template-tool{grid-template-columns:minmax(0,1fr)}.support-agent-card-head{grid-template-columns:auto minmax(0,1fr)}.support-default-agent{grid-column:1/-1;justify-content:center}.composer-template-tool .button{width:100%}}.sla-badge-met{color:#12603d;background:#ecf9f1;border-color:#a7ddbf}.sla-badge-breached,.sla-badge-overdue{color:#a51d1d;background:#fff1f2;border-color:#f4b5b5}.sla-badge-not-applicable{color:#5b6574;background:#f4f6f8;border-color:#d1d5db}.ticket-sla-summary{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin:-4px 0 15px;padding-bottom:15px;display:flex}.ticket-sla-summary strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(17px,1.6vw,23px)}.ticket-sla-summary span{color:var(--muted);font-size:12px;font-weight:800}.ticket-sla-metrics{gap:11px;display:grid}.ticket-sla-metric{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;min-width:0;padding:13px;box-shadow:0 9px 24px #0f23410d}.ticket-sla-metric-met,.ticket-sla-metric-ok{border-color:color-mix(in oklab, #41ad78 28%, var(--line))}.ticket-sla-metric-due-soon{background:#fffdf6;border-color:#efd18b}.ticket-sla-metric-overdue,.ticket-sla-metric-breached{background:#fff8f8;border-color:#f2b1b1}.ticket-sla-metric-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ticket-sla-metric-heading small,.ticket-sla-metric-heading strong{display:block}.ticket-sla-metric-heading small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.ticket-sla-metric-heading strong{font-family:var(--font-display);margin-top:2px;font-size:20px}.ticket-sla-metric>p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.45}.ticket-sla-metric .ticket-sla-meter{height:7px;margin:12px 0}.ticket-sla-metric-overdue .ticket-sla-meter span,.ticket-sla-metric-breached .ticket-sla-meter span{background:linear-gradient(90deg,#ef4444,#b91c1c)}.ticket-sla-metric-due-soon .ticket-sla-meter span{background:linear-gradient(90deg,#eab308,#d97706)}.ticket-sla-metric dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.ticket-sla-metric dl div{background:color-mix(in oklab, var(--surface-strong) 82%, #fff);border-radius:10px;min-width:0;padding:8px 9px}.ticket-sla-metric dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.ticket-sla-metric dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:11px;font-weight:850;line-height:1.35}.metric-card-response:after{background:#2563eb}.support-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.support-command-center{grid-template-columns:repeat(3,minmax(0,1fr))}.support-command-center .sla-policy-card{grid-column:1/-1}.sla-radar-bars-resolution span{background:linear-gradient(90deg,#1f6feb,#0ca6a6)}.sla-policy-grid>span{gap:7px;display:grid}.sla-policy-grid>span>strong{border-bottom:1px solid var(--line);padding-bottom:6px}.sla-policy-grid .sla-policy-target{color:var(--text);background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:baseline;gap:8px;padding:0;font-weight:850;display:flex}.sla-policy-grid .sla-policy-target small{color:var(--muted);font-size:9px}@media (max-width:1280px){.support-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.support-metrics,.support-command-center{grid-template-columns:repeat(2,minmax(0,1fr))}.support-command-center .sla-policy-card{grid-column:1/-1}}@media (max-width:560px){.support-metrics,.support-command-center,.ticket-sla-metric dl{grid-template-columns:1fr}.ticket-sla-metric-heading{flex-direction:column;align-items:stretch}.ticket-sla-metric-heading .sla-badge{align-self:flex-start}}.ticket-workspace-panel{border-color:color-mix(in oklab, var(--brand) 13%, var(--line));min-width:0;padding:0;overflow:hidden;box-shadow:0 22px 68px #0f23411a}.ticket-workspace-panel>.ticket-meta-grid{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fcfffa,#f1f9faeb),radial-gradient(circle at 0 0,#1f6feb14,#0000 36%);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}.ticket-workspace-panel>.ticket-meta-grid>div{border:0;border-right:1px solid var(--line);background:0 0;border-radius:0;padding:16px 18px}.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(3n){border-right:0}.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(n+4){border-top:1px solid var(--line)}.ticket-workspace-panel>.ticket-meta-grid strong{font-size:14px;line-height:1.35}.ticket-workspace-tabs{min-width:0}.ticket-workspace-tablist{border-bottom:1px solid var(--line);scrollbar-width:thin;background:#f8fbffdb;align-items:center;gap:4px;padding:10px 12px 0;display:flex;overflow-x:auto}.ticket-workspace-tablist button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px 11px 0 0;flex:none;align-items:center;gap:8px;padding:12px 14px 13px;font-size:14px;font-weight:800;display:inline-flex;position:relative}.ticket-workspace-tablist button:after{content:"";background:0 0;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.ticket-workspace-tablist button:hover{color:var(--text);background:#ffffffbd}.ticket-workspace-tablist button.is-active{color:var(--brand);background:#fff}.ticket-workspace-tablist button.is-active:after{background:linear-gradient(90deg, var(--brand), var(--brand-2))}.ticket-workspace-tablist small,.workspace-count{border:1px solid color-mix(in oklab, var(--brand) 18%, var(--line));min-width:24px;color:color-mix(in oklab, var(--brand) 72%, var(--muted));background:color-mix(in oklab, var(--brand) 7%, #fff);border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:900;display:inline-flex}.ticket-workspace-tabpanel{outline:0;min-width:0}.ticket-workspace-tabpanel:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--brand) 22%, transparent)}.ticket-workspace-content{min-width:0;padding:22px}.ticket-workspace-heading,.ticket-sla-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ticket-workspace-heading h2,.ticket-sla-heading h2,.ticket-workflow-panel h2,.ticket-customer-action-panel h2,.ticket-reply-panel h2{font-size:clamp(21px,1.7vw,28px)}.ticket-thread-timeline{gap:16px;position:relative}.ticket-thread-timeline:before{content:"";background:linear-gradient(var(--brand-2), color-mix(in oklab, var(--brand) 18%, var(--line)));width:2px;position:absolute;top:28px;bottom:28px;left:21px}.ticket-thread-timeline .ticket-message{background:0 0;border:0;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:0;display:grid;position:relative}.ticket-message-avatar{z-index:1;color:#fff;background:linear-gradient(145deg, var(--brand), #1759bc);letter-spacing:.04em;border:3px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 8px 22px #1f6feb38}.ticket-message-customer .ticket-message-avatar{color:#083d43;background:linear-gradient(145deg,#7de8dc,#36c2b7);box-shadow:0 8px 22px #0ca6a633}.ticket-message-body{border:1px solid var(--line);background:#fff;border-radius:7px 18px 18px;min-width:0;padding:15px 17px;box-shadow:0 11px 30px #0f23410f}.ticket-message-admin .ticket-message-body{border-color:color-mix(in oklab, var(--brand) 20%, var(--line));background:linear-gradient(145deg,#fff,#f5f9ff)}.ticket-message-internal .ticket-message-body{background:#fffbef;border-style:dashed;border-color:#e5b954}.ticket-message-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.ticket-message-head strong{font-size:14px}.ticket-thread-timeline .ticket-message p{color:color-mix(in oklab, var(--text) 88%, var(--muted));line-height:1.62}.ticket-workspace-empty{border:1px dashed color-mix(in oklab, var(--brand) 24%, var(--line));text-align:center;background:radial-gradient(circle at 50% 0,#0ca6a61a,#0000 44%),#f8fcffbd;border-radius:18px;place-items:center;min-height:240px;padding:30px;display:grid}.ticket-workspace-empty p{max-width:46ch;color:var(--muted);font-size:14px}.audit-timeline{max-height:none;overflow:visible}.audit-timeline article{background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);gap:11px;padding:0 0 18px;display:grid;position:relative}.audit-timeline article:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:14px;bottom:-2px;left:6px}.audit-timeline-dot{z-index:1;background:var(--brand-2);width:14px;height:14px;box-shadow:0 0 0 2px color-mix(in oklab, var(--brand-2) 26%, var(--line));border:3px solid #fff;border-radius:999px;margin-top:4px;position:relative}.ticket-detail-layout .ticket-side-stack{position:static}.ticket-sla-overview{border-color:color-mix(in oklab, var(--brand) 18%, var(--line));background:linear-gradient(145deg,#fffffffc,#f4fafff2),radial-gradient(circle at 100% 0,#1f6feb24,#0000 42%);position:relative;overflow:hidden}.ticket-sla-overview:after{content:"";background:color-mix(in oklab, var(--brand) 10%, transparent);pointer-events:none;border-radius:999px;width:150px;height:150px;position:absolute;top:-54px;right:-52px}.ticket-sla-overview-due-soon{border-color:#efd18b}.ticket-sla-overview-overdue{border-color:#f5b7b7}.ticket-sla-countdown{font-family:var(--font-display);letter-spacing:-.04em;margin:2px 0 4px;font-size:clamp(26px,2.5vw,38px);line-height:1;display:block}.ticket-sla-copy,.ticket-workflow-intro{color:var(--muted);font-size:14px;line-height:1.5}.ticket-sla-meter{background:color-mix(in oklab, var(--line) 78%, #fff);border-radius:999px;height:9px;margin:18px 0;overflow:hidden}.ticket-sla-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-2), var(--brand));height:100%;display:block}.ticket-sla-overview-due-soon .ticket-sla-meter span{background:linear-gradient(90deg,#eab308,#d97706)}.ticket-sla-overview-overdue .ticket-sla-meter span{background:linear-gradient(90deg,#ef4444,#b91c1c)}.ticket-sla-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.ticket-sla-facts div{border:1px solid var(--line);background:#ffffffd1;border-radius:12px;min-width:0;padding:10px}.ticket-sla-facts dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.ticket-sla-facts dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:850;line-height:1.35}.ticket-workflow-panel{border-color:color-mix(in oklab, var(--brand-2) 22%, var(--line));background:linear-gradient(145deg,#fffffffc,#f3fbfbf2),radial-gradient(circle at 100% 0,#0ca6a621,#0000 40%);gap:14px;display:grid}.ticket-workflow-panel .panel-heading{margin-bottom:0}.ticket-workflow-actions{gap:8px;display:grid}.ticket-workflow-action{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffffe6;border-radius:14px;gap:2px;padding:12px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.ticket-workflow-action:hover{border-color:color-mix(in oklab, var(--brand) 34%, var(--line));transform:translateY(-1px);box-shadow:0 10px 24px #0f234114}.ticket-workflow-action span{font:800 14px/1.3 var(--font-sans)}.ticket-workflow-action small{color:var(--muted);font:500 12px/1.42 var(--font-sans)}.ticket-workflow-action-primary{border-color:color-mix(in oklab, var(--brand) 28%, var(--line));background:color-mix(in oklab, var(--brand) 6%, #fff)}.ticket-workflow-action-success{background:#f2fbf6;border-color:#b7e4ca}.admin-ticket-side-stack .ticket-reply-panel{position:static}@media (max-width:1120px){.ticket-workspace-panel>.ticket-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(3n){border-right:1px solid var(--line)}.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(2n){border-right:0}.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:700px){.ticket-workspace-panel>.ticket-meta-grid{grid-template-columns:1fr}.ticket-workspace-panel>.ticket-meta-grid>div,.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(2n),.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(3n){border-right:0}.ticket-workspace-panel>.ticket-meta-grid>div:nth-child(n+2){border-top:1px solid var(--line)}.ticket-workspace-tablist{padding-inline:8px}.ticket-workspace-content{padding:17px}.ticket-workspace-heading,.ticket-sla-heading{flex-direction:column;align-items:stretch}.ticket-workspace-heading .button,.ticket-workspace-heading .workspace-count{align-self:flex-start}.ticket-sla-facts{grid-template-columns:1fr}.ticket-message-head{display:grid}}@media (max-width:460px){.ticket-thread-timeline:before{left:17px}.ticket-thread-timeline .ticket-message{grid-template-columns:36px minmax(0,1fr);gap:9px}.ticket-message-avatar{border-radius:11px;width:36px;height:36px;font-size:9px}.ticket-message-body{padding:13px}}@media (max-width:1120px){.support-command-center{grid-template-columns:1fr 1fr}.sla-policy-card{grid-column:1/-1}.support-admin-grid{grid-template-columns:1fr}.customer-directory-row{grid-template-columns:1fr;align-items:stretch}.dashboard-shell{grid-template-columns:1fr;max-width:min(1240px,100vw - 28px)}.admin-detail-shell{max-width:min(1240px,100vw - 28px)}.dashboard-sidebar{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr) minmax(180px,.5fr);align-items:stretch;min-height:auto;display:grid;position:static}.dashboard-sidebar .dashboard-brand,.dashboard-sidebar .sidebar-sla-card{border-bottom:0}.dashboard-sidebar .sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.customer-portal-shell{grid-template-columns:1fr;max-width:min(1240px,100vw - 28px)}.customer-portal-sidebar{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr) minmax(180px,.5fr);align-items:stretch;min-height:auto;display:grid;position:static}.customer-portal-sidebar .dashboard-brand,.customer-portal-sidebar .sidebar-sla-card{border-bottom:0}.customer-portal-sidebar .sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.ticket-create-panel,.ticket-reply-panel,.ticket-side-stack,.customer-portal-shell .ticket-create-panel,.customer-portal-shell .ticket-reply-panel,.customer-portal-shell .ticket-side-stack,.admin-detail-shell .ticket-reply-panel{position:static}}@media (max-width:860px){.admin-wrap,.portal-wrap{padding:24px 14px 48px}.portal-hero,.admin-topbar{flex-direction:column;align-items:stretch}.portal-stats,.support-metrics{width:100%;min-width:0}.customer-portal-shell{max-width:calc(100vw - 20px);padding-inline:0}.dashboard-shell{max-width:calc(100vw - 20px)}.dashboard-sidebar{grid-template-columns:1fr}.dashboard-sidebar .sidebar-nav{grid-template-columns:1fr 1fr}.customer-portal-sidebar{grid-template-columns:1fr}.customer-portal-sidebar .sidebar-nav{grid-template-columns:1fr 1fr}.customer-dashboard-grid,.portal-focus-strip,.portal-focus-card-primary,.admin-detail-shell .ticket-detail-layout,.admin-detail-shell .customer-detail-layout,.customer-portal-shell .ticket-detail-layout,.customer-portal-shell .customer-detail-layout{grid-template-columns:1fr}.portal-actions,.ticket-hero-status{justify-content:flex-start;justify-items:start}.admin-section-heading{flex-direction:column;align-items:stretch}.admin-governance-index{grid-template-columns:1fr}.ticket-filter-bar,.customer-directory-filter{grid-template-columns:1fr 1fr}.ticket-filter-bar label:first-child,.ticket-filter-bar button,.customer-ticket-filter a,.customer-directory-filter a{grid-column:1/-1}}@media (max-width:560px){.admin-wrap,.portal-wrap{padding-inline:10px}.admin-card,.portal-panel,.support-admin-section,.admin-governance-zone,.admin-topbar,.portal-hero{border-radius:16px;padding:16px}.portal-ticket-hero h1{max-width:100%;font-size:clamp(34px,10vw,46px);line-height:.98}.portal-stats,.portal-admin-summary,.support-metrics,.admin-control-hub,.sla-policy-grid,.sla-target-strip,.ticket-filter-bar,.portal-focus-card-primary,.customer-directory-filter,.customer-directory-stats,.ticket-ownership-fields{grid-template-columns:1fr}.attachment-link{grid-template-columns:1fr;align-items:start}.attachment-kind-badge,.attachment-download-label{justify-self:start}.admin-control-card{min-height:132px}.admin-save-bar{justify-self:stretch}.admin-activity-item{grid-template-columns:9px minmax(0,1fr)}.admin-activity-links{grid-column:2;justify-content:flex-start}.customer-audit-list article{grid-template-columns:1fr}.ticket-filter-bar button{justify-self:stretch}.ticket-row,.ticket-admin-head,.ticket-admin-controls{grid-template-columns:1fr;display:grid}.ticket-badge-stack,.ticket-hero-status{place-items:flex-start start}.dashboard-sidebar,.customer-portal-sidebar{border-radius:16px}.dashboard-sidebar .sidebar-nav,.customer-portal-sidebar .sidebar-nav,.portal-panel-head,.portal-ticket-row{grid-template-columns:1fr}.portal-panel-head{display:grid}}[hidden]{display:none!important}.sidebar-nav a:first-child:not(.is-active){color:#eaf6ffc7;background:0 0;border-color:#0000}.sidebar-nav a.is-active,.sidebar-nav a[aria-current=page]{color:#fff;background:linear-gradient(135deg,#56e2d224,#1f6feb24),#ffffff14;border-color:#56e2d252;box-shadow:inset 3px 0 #56e2d2}.admin-view-panel,.portal-tab-stage{min-width:0}.dashboard-main,.customer-portal-main{align-content:start}[data-admin-view=tickets] .support-admin-grid,[data-admin-view=customers] .support-admin-grid,.portal-tab-stage-new,.portal-tab-stage-tickets{grid-template-columns:minmax(0,1fr)}[data-admin-view=customers] .support-admin-grid>aside{width:min(100%,720px)}[data-portal-view]:not([data-portal-view=overview]) .customer-portal-hero{grid-template-columns:minmax(0,1fr) auto}.portal-tab-stage .ticket-create-panel,.portal-tab-stage .ticket-list-panel{width:100%;position:static}.portal-tab-stage-new .ticket-create-panel{max-width:1180px}.admin-governance-link.is-active{border-color:color-mix(in oklab, var(--brand) 48%, var(--line));background:linear-gradient(145deg,#fffffffc,#eff8fff5),radial-gradient(circle at 100% 0,#0ca6a624,#0000 38%);transform:translateY(-1px);box-shadow:0 18px 42px #0f23411a}[data-admin-view=company] .admin-governance-zone,[data-admin-view=content] .admin-governance-zone,[data-admin-view=config] .admin-governance-zone{box-shadow:none;background:0 0;border:0;padding:0}[data-admin-view=company] .admin-governance-heading,[data-admin-view=content] .admin-governance-heading,[data-admin-view=config] .admin-governance-heading,[data-admin-view=company] .admin-governance-index,[data-admin-view=content] .admin-governance-index,[data-admin-view=config] .admin-governance-index{display:none}[data-admin-view=company] .admin-governance-layout,[data-admin-view=content] .admin-governance-layout,[data-admin-view=config] .admin-governance-layout{grid-template-columns:minmax(0,1fr)}[data-admin-view=company] .admin-management-section,[data-admin-view=content] .admin-management-section,[data-admin-view=config] .admin-management-section{margin-top:0}@media (min-width:1121px){.admin-wrap.dashboard-shell,.portal-wrap.customer-portal-shell,.admin-detail-shell{width:calc(100vw - 24px);max-width:none;margin-inline:auto}.dashboard-shell{grid-template-columns:252px minmax(0,1fr)}.customer-portal-shell{grid-template-columns:268px minmax(0,1fr)}.dashboard-main,.customer-portal-main{width:100%}}@media (max-width:1280px){[data-portal-view]:not([data-portal-view=overview]) .customer-portal-hero{grid-template-columns:minmax(0,1fr)}.customer-portal-hero>form,.customer-portal-hero .portal-stats{grid-area:auto/1;justify-self:stretch}}@media (min-width:1281px){.support-metrics{grid-template-columns:repeat(7,minmax(0,1fr))}}.metric-card-escalation:after{background:linear-gradient(#f97316,#dc2626)}.ticket-escalation-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 9px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.ticket-escalation-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.ticket-escalation-badge.escalation-attention{color:#b45309;background:#fff7ed;border-color:#d977063d}.ticket-escalation-badge.escalation-escalated{color:#c2410c;background:#fff1e8;border-color:#ea580c47}.ticket-escalation-badge.escalation-critical{color:#b91c1c;background:#fff0f0;border-color:#dc262647}.composer-escalation-control{border:1px solid var(--line);background:#f8fafce0;border-radius:16px;gap:12px;padding:15px;display:grid}.composer-escalation-control:not(.escalation-none){background:radial-gradient(circle at 100% 0,#f9731621,#0000 42%),#fffaf6;border-color:#ea580c57}.composer-escalation-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-escalation-heading>div{gap:2px;display:grid}.composer-escalation-heading small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:900}.composer-escalation-heading>span{color:#466174;text-transform:uppercase;background:#e8f1f8;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.composer-escalation-control:not(.escalation-none) .composer-escalation-heading>span{color:#c2410c;background:#ffedd5}.composer-escalation-control label{gap:6px;display:grid}.admin-escalation-card,.customer-escalation-notice{gap:13px;display:grid;position:relative;overflow:hidden}.admin-escalation-card:before,.customer-escalation-notice:before{content:"";background:#f97316;width:4px;position:absolute;inset:0 auto 0 0}.admin-escalation-card.escalation-critical:before,.customer-escalation-notice.escalation-critical:before{background:#dc2626}.admin-escalation-card{background:radial-gradient(circle at 100% 0%, #f9731621, transparent 48%), var(--surface)}.admin-escalation-card>p{background:#fff7ede6;border-radius:12px;margin:0;padding:11px 12px;line-height:1.5}.admin-escalation-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.admin-escalation-card dl div{border-top:1px solid var(--line);padding-top:10px}.admin-escalation-card dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:900}.admin-escalation-card dd{margin:4px 0 0;font-size:12px;font-weight:850}.customer-escalation-notice{background:radial-gradient(circle at 100% 0,#f973161a,#0000 50%),linear-gradient(145deg,#fff,#fffaf5)}.customer-escalation-notice>div{align-items:center;gap:11px;display:flex}.customer-escalation-notice h2,.customer-escalation-notice p{margin:0}.escalation-signal{background:#ea580c;border:9px solid #ffedd5;border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 0 1px #ea580c29}.escalation-critical .escalation-signal{background:#dc2626;border-color:#fee2e2}@media (max-width:1450px) and (min-width:1281px){.support-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.ticket-escalation-badge{white-space:normal}.composer-escalation-heading{align-items:flex-start}.admin-escalation-card dl{grid-template-columns:1fr}}