/* DCO Kundnav — a shared visual language for the support workspace. */
:root{--kn-teal:#126653;--kn-ink:#18342e;--kn-muted:#66746f;--kn-line:#dfe6e1;--kn-paper:#f5f6f2}
.kn-login{margin:0;background:var(--kn-paper);color:var(--kn-ink);font-family:Inter,Manrope,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.kn-login *{box-sizing:border-box}.kn-login a{text-decoration:none;color:inherit}.kn-login button,.kn-login input{font:inherit}
.kn-login-header,.kn-login-footer{max-width:1352px;margin:auto;padding:32px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.kn-wordmark{display:flex;align-items:center;gap:12px}.kn-mark{display:grid;place-items:center;background:var(--kn-teal);color:#fff;width:44px;height:44px;border-radius:13px;font-size:35px;font-weight:600;line-height:1}.kn-wordmark strong{font-size:25px;letter-spacing:-1px}.kn-wordmark strong span{display:block;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-top:1px;color:var(--kn-muted)}
.kn-login-main{max-width:1352px;margin:30px auto 40px;padding:0 48px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:100px;align-items:center}.kn-eyebrow{display:block;font-size:11px;line-height:1.6;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;color:var(--kn-teal);margin-bottom:14px}.kn-story h1{font-size:clamp(38px,4.1vw,60px);line-height:1.09;letter-spacing:-2.7px;margin:0 0 22px;font-weight:650}.kn-story h1 em{font-style:normal;color:var(--kn-teal)}.kn-story>p{font-size:16px;line-height:1.8;color:var(--kn-muted);max-width:480px}.kn-story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.kn-story-tags span{font-size:12px;border:1px solid #d7e1d9;border-radius:30px;padding:8px 13px;background:#fff9;color:#456057}
.kn-product-illustration{margin-top:38px;padding:0 25px;background:#fff;border:1px solid var(--kn-line);border-radius:18px;box-shadow:0 16px 40px #19372c08;max-width:510px;transform:rotate(-1deg)}.kn-illustration-top{padding:22px 0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;border-bottom:1px solid #edf0ec}.kn-illustration-top>span:last-child{margin-left:auto}.kn-dot{width:7px;height:7px;background:#3c9675;border-radius:50%}.kn-example{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #edf0ec}.kn-example>div{flex:1}.kn-example strong{font-size:13px}.kn-example small{display:block;font-size:11px;color:var(--kn-muted);margin-top:5px}.kn-initial{display:grid;place-items:center;flex:none;width:39px;height:39px;background:#eaf1eb;color:#46695a;border-radius:12px;font-size:13px;font-weight:700}.kn-example:nth-child(3) .kn-initial{background:#f7efdc;color:#8b713a}.kn-check{color:var(--kn-teal)}.kn-illustration-foot{font-size:11px;color:var(--kn-muted);padding:17px 0}.kn-story>p.kn-renamed{font-size:12px;margin-top:24px}
.kn-login-card{padding:40px;border:1px solid var(--kn-line);border-radius:22px;background:#fff;box-shadow:0 18px 50px #1d392809}.kn-login-card h2{font-size:28px;font-weight:650;letter-spacing:-.9px;margin:0 0 12px}.kn-login-card>p{font-size:14px;color:var(--kn-muted);line-height:1.7;margin-bottom:28px}.kn-auth-form{display:flex;flex-direction:column;gap:10px}.kn-auth-form label{font-size:12px;font-weight:650;margin-top:8px}.kn-auth-form input{width:100%;padding:14px;border:1px solid #d8e0da;border-radius:9px;background:#fcfdfb;color:var(--kn-ink);min-height:48px}.kn-password-wrap{position:relative}.kn-password-wrap input{padding-right:67px}.kn-password-wrap button{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:none;color:var(--kn-teal);font-size:12px;font-weight:650;padding:0 12px;cursor:pointer}.kn-submit{display:flex;justify-content:space-between;padding:16px 18px;border:0;border-radius:9px;background:var(--kn-teal);color:#fff;font-weight:650;margin-top:17px;cursor:pointer}.kn-submit:hover{background:#0a5141}.kn-login-help{display:block;text-align:center;font-size:12px;margin-top:23px;color:var(--kn-muted)!important}.kn-new-customer{border-top:1px solid var(--kn-line);margin-top:30px;padding-top:24px;font-size:13px}.kn-new-customer p{color:var(--kn-muted);line-height:1.7;font-size:12px}.kn-text-link{font-size:12px;font-weight:650;color:var(--kn-teal)!important}.kn-login-footer{color:var(--kn-muted);font-size:11px}.kn-login-footer nav{display:flex;gap:24px}.kn-form-error,.kn-form-success{padding:14px;font-size:13px;line-height:1.6;border-radius:8px;margin:16px 0;background:#fff0ec;color:#9e3324}.kn-form-success{background:#eaf6ed;color:#21643d}.kn-form-error ul{padding-left:18px;margin:6px 0 0}.kn-caps{font-size:12px;color:#9e5f15}.kn-skip{position:absolute;top:-100px}.kn-skip:focus{top:8px;left:8px;background:white;padding:14px;z-index:1000}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #52a891;outline-offset:3px}
/* Overrides come after the existing portal stylesheet, preserving its feature layouts. */
body.kn-portal{--bg:#f5f6f2;--surface:#fff;--surface-soft:#f5f7f3;--ink:#213a32;--muted:#718078;--line:#e0e6df;--brand:#176b55;--brand-strong:#105440;--shadow:0 4px 20px #17342104;background:var(--bg)}
.kn-portal .app{grid-template-columns:234px minmax(0,1fr)}.kn-portal .app.sidebar-collapsed{grid-template-columns:104px minmax(0,1fr)}.kn-portal .sidebar{padding:32px 17px 20px;background:#edf1e9;border-right:1px solid #dce4d9;color:#35483b;box-shadow:none;gap:30px;overflow-y:auto}.kn-portal .brand-lockup{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;padding:0 13px}.kn-portal .logo{font-size:28px;font-weight:750;letter-spacing:-1.3px;color:#173c2c}.kn-portal .brand-lockup span{font-size:10px;letter-spacing:1.8px;color:#69806a}.kn-portal .nav{gap:5px}.kn-portal .nav a{border-radius:9px;font-size:12px;padding:12px 13px;border:0;color:#536653;font-weight:600}.kn-portal .nav a:hover{background:#e0e8dc}.kn-portal .nav a.active{background:#d6e5d4;color:#204c32;box-shadow:none}.kn-portal .nav-icon{background:none;box-shadow:none;color:inherit}.kn-portal .topbar{padding:25px 32px;background:var(--surface);border-bottom:1px solid var(--line)}.kn-portal .title h1{font-size:23px;letter-spacing:-.7px}.kn-portal .title p{font-size:12px;max-width:570px;line-height:1.6}.kn-portal .content{padding:28px 32px}.kn-portal .card,.kn-portal .ops-card{border:1px solid var(--line);border-radius:14px;box-shadow:none;background:var(--surface)}.kn-portal .card.pad{padding:24px}.kn-portal .btn{border-radius:8px;min-height:40px;font-size:12px;padding:10px 15px;box-shadow:none}.kn-portal .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.kn-portal .header-pill{min-height:38px;padding:8px 12px;font-size:11px;border-radius:8px}.kn-portal .theme-switch{min-height:38px;border-radius:8px}.kn-portal .theme-option{width:30px;height:30px}.kn-portal .dco-badge{width:38px;height:38px;border-radius:50%;background:#dce9d9;color:#365536}.kn-portal .top-actions{gap:8px}.kn-portal h2{font-size:18px;letter-spacing:-.4px}.kn-portal .section-title p{font-size:12px}.kn-muted{color:var(--muted,var(--kn-muted));font-size:13px;line-height:1.7}
.kn-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:2px 0 27px}.kn-welcome h2{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:0}.kn-welcome p{font-size:13px;color:var(--muted);line-height:1.7;margin:13px 0 0;max-width:490px}.kn-welcome .kn-eyebrow{font-size:10px}.kn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kn-metric{display:flex;flex-direction:column;background:var(--surface);padding:21px 22px;border:1px solid var(--line);border-radius:12px;gap:12px;transition:transform .15s,border-color .15s}.kn-metric:hover{transform:translateY(-2px);border-color:#8bac98}.kn-metric>span{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.kn-metric strong{font-size:38px;font-weight:650;line-height:1}.kn-metric small{font-size:10px;color:var(--muted)}.kn-metric.kn-alert{border-color:#e6cfc4;background:#fff9f3}.kn-alert strong{color:#ae6139}.kn-overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px;margin-bottom:22px}.kn-overview-grid .section-title{align-items:center}.kn-focus-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.kn-focus-row:last-child{border:0}.kn-focus-row:hover .kn-focus-text strong{color:var(--brand)}.kn-focus-text{min-width:0;flex:1}.kn-focus-text strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kn-focus-text small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.kn-priority{font-size:10px;border-radius:5px;padding:5px 8px;background:var(--surface-soft);white-space:nowrap}.kn-priority.urgent,.kn-priority.high{background:#fcf0e3;color:#9c5a29}.kn-empty{text-align:center;padding:28px 20px}.kn-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f1e4;color:#43794c;margin:0 auto}.kn-empty h3{font-size:15px;margin:15px 0 8px}.kn-empty p{color:var(--muted);font-size:12px;line-height:1.7}.kn-channels{display:grid;gap:17px;margin:24px 0}.kn-channels>div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.kn-track{grid-column:1/-1;height:5px;background:var(--surface-soft);border-radius:5px;overflow:hidden}.kn-track span{display:block;height:100%;background:#81a38b;border-radius:5px}.kn-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kn-bottom-grid h2{font-size:23px;margin:12px 0}.kn-bottom-grid p{min-height:44px}.kn-queues{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.kn-queues a{font-size:12px;border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:var(--surface)}.kn-queues a[aria-current=page]{color:var(--brand);background:var(--surface-soft);border-color:var(--brand)}.kn-queues b{margin-left:6px;font-size:10px;opacity:.65}.kn-result-count{font-size:12px;color:var(--muted);margin:18px 0}.kn-portal .ticket-toolbar{display:flex;flex-wrap:wrap;gap:9px}.kn-portal .ticket-search{flex:1;min-width:220px}.kn-portal .ticket-filters{display:flex;flex-wrap:wrap;gap:8px}.kn-portal .ticket-toolbar select{width:auto;max-width:100%;min-height:40px}.kn-portal .ticket-row{border-radius:9px;grid-template-columns:42px minmax(0,1fr) 190px;padding:17px;gap:15px}.kn-portal .ticket-avatar{width:38px;height:38px;background:#edf2e9;color:#526d4d}.kn-portal .ticket-side{font-size:11px}.kn-portal .ticket-title-line>a{font-size:14px}.kn-portal .ticket-meta{font-size:11px}.kn-copy-row{display:flex;align-items:center;gap:12px;margin-top:8px}.kn-copy-row [role=status]{font-size:11px;color:var(--muted)}
[data-theme=dark] body.kn-portal{--bg:#14221d;--surface:#1c2c25;--surface-soft:#24382e;--ink:#e3ece5;--muted:#a4b6a8;--line:#33483b;--brand:#83b59b;--brand-strong:#a1c9b3;--kn-teal:#96c7ab}[data-theme=dark] .kn-portal .sidebar{background:#16291f;border-color:#33483b;color:#bdcfbf}[data-theme=dark] .kn-portal .logo{color:#d3e6d7}[data-theme=dark] .kn-portal .nav a{color:#b8cbbd}[data-theme=dark] .kn-portal .nav a.active,[data-theme=dark] .kn-portal .nav a:hover{background:#2e4938;color:#d9eedc}[data-theme=dark] .kn-portal .btn.primary{background:#366f53;color:white;border-color:#477e62}[data-theme=dark] .kn-metric.kn-alert{background:#382e22;border-color:#65503b}
@media(min-width:1550px){.kn-portal .content{padding:36px 48px}.kn-portal .topbar{padding:26px 48px}.kn-welcome h2{font-size:42px}}
@media(max-width:1100px){.kn-login-main{gap:44px}.kn-login-card{padding:28px}.kn-overview-grid{grid-template-columns:1fr}.kn-portal .app{grid-template-columns:210px minmax(0,1fr)}.kn-portal .content{padding:22px}.kn-portal .topbar{padding:20px 22px}.kn-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-bottom-grid{gap:12px}.kn-portal .topbar{flex-wrap:wrap}}
@media(max-width:760px){.kn-login-header,.kn-login-footer{padding:24px}.kn-login-main{padding:0 24px;margin:16px auto 28px;grid-template-columns:1fr;gap:30px}.kn-login-card{grid-row:1}.kn-story h1{font-size:37px;letter-spacing:-1.6px}.kn-story{padding:10px 0}.kn-story>p{font-size:14px}.kn-product-illustration{transform:none}.kn-login-header>.kn-text-link{font-size:10px}.kn-login-footer{align-items:flex-start;flex-direction:column;gap:15px}.kn-portal .app,.kn-portal .app.sidebar-collapsed{grid-template-columns:1fr}.kn-portal .sidebar{position:static;height:auto;max-height:none;padding:16px;gap:15px}.kn-portal .brand-lockup{padding:0 7px}.kn-portal .nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:3px}.kn-portal .nav a{flex:none;padding:10px;font-size:11px;display:flex;align-items:center;gap:6px}.kn-portal .nav-icon{width:18px;height:18px}.kn-portal .sidebar-actions{position:absolute;right:16px;top:14px;margin:0}.kn-portal [data-sidebar-toggle]{display:none}.kn-portal .plan-box{display:none}.kn-portal .topbar{padding:20px;gap:12px}.kn-portal .title h1{font-size:21px}.kn-portal .title p{display:none}.kn-portal .content{padding:20px 16px}.kn-welcome{align-items:flex-start}.kn-welcome h2{font-size:27px}.kn-welcome .btn{white-space:nowrap;padding:10px}.kn-welcome p{font-size:12px}.kn-welcome .kn-eyebrow{font-size:9px}.kn-metrics{gap:10px}.kn-metric{padding:16px;gap:12px}.kn-metric strong{font-size:32px}.kn-metric>span{font-size:11px}.kn-overview-grid,.kn-bottom-grid{grid-template-columns:1fr}.kn-portal .card.pad{padding:20px}.kn-portal .header-pill{font-size:10px}.kn-portal .ticket-row{grid-template-columns:32px minmax(0,1fr);padding:13px;gap:10px}.kn-portal .ticket-side{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}.kn-portal .ticket-avatar{width:30px;height:30px}.kn-focus-row{gap:8px}.kn-focus-text small{line-height:1.6}.kn-focus-row>.kn-priority{display:none}.kn-portal .ticket-filters{width:100%}.kn-portal .ticket-filters select{flex:1;min-width:130px}.kn-portal .ticket-search{min-width:0;width:100%}.kn-queues a{font-size:11px;padding:8px}.kn-portal .brand-lockup strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}