/* Live application layout: phone, tablet, desktop and installed web app. */
:root{font-size:16px;--muted:#646774;--shadow:0 6px 24px #27273008}
html{min-height:100%;-webkit-text-size-adjust:100%}body{font-size:14px;line-height:1.5;min-width:0;min-height:100vh;min-height:100dvh}body.dark{--muted:#b0b3c2}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-size:16px}button,a{touch-action:manipulation}button:disabled{opacity:.6;cursor:wait}input,select,textarea{max-width:100%;min-width:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px}textarea{resize:vertical}label{font-size:14px!important}h1,h2,p,pre,a{overflow-wrap:anywhere}h1{line-height:1.2}h2{font-size:18px;letter-spacing:-.3px}.button{font-size:14px;min-height:44px;padding:10px 16px;border-radius:10px}.primary:hover{filter:brightness(.96)}.muted{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions input{flex:1;min-width:160px;min-height:44px}.error{color:#b43145;white-space:pre-wrap}.dark .error{color:#ffa4b2}.error:empty{display:none}.form-hint{font-size:13px;color:var(--muted)}[hidden]{display:none!important}
.sidebar{width:242px;padding:24px 16px 20px;padding-top:max(24px,env(safe-area-inset-top));height:100vh;height:100dvh;z-index:30}.sidebar .brand{margin:0;justify-content:flex-start}.sidebar .brand>span:last-child{display:block}.drawer-heading{display:flex;align-items:center;justify-content:space-between}.nav-item{font-size:13px;min-height:44px}.nav-item>span{display:block}.nav-item svg{width:20px;height:20px}.sidebar nav{min-height:0;overscroll-behavior:contain}.side-bottom{padding-top:14px}.side-bottom p{font-size:11px;overflow-wrap:anywhere;color:#b2b3bd}.side-bottom .button{width:100%;background:#2f3039;color:white;border-color:#42434c}.workspace{margin:24px 3px 22px}.icon-control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:22px}.sidebar .icon-control{background:#33343d;color:#fff;border-color:#444550}#menu-toggle,#menu-close,.nav-backdrop,.bottom-nav{display:none}
.app{margin-left:242px;min-width:0;min-height:100dvh}.topbar{height:auto;min-height:78px;padding:16px 32px;gap:14px;position:sticky;top:0;z-index:10;padding-top:max(16px,env(safe-area-inset-top));background:var(--surface)}.topbar-start{display:flex;align-items:center;gap:12px;min-width:0}.breadcrumb{font-size:13px}.header-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.badge-live{font-size:11px;color:var(--muted);white-space:nowrap}.header-right .button{font-size:12px}main{padding:28px 32px 48px;min-width:0;max-width:1600px}.page-title{font-size:30px;letter-spacing:-1px;margin:0 0 24px}.notice{color:#78591b;background:#fff7e8;padding:12px 16px;border:1px solid #f0dfb8;border-radius:12px;margin:0 0 26px;font-size:12px}.dark .notice{color:#f1d393;background:#332c1f;border-color:#51452e}.entry{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0;min-width:0;box-shadow:var(--shadow)}.entry .entry{padding:16px;box-shadow:none}.entry pre{white-space:pre-wrap;font:inherit}.entry a{color:#3b60af}.dark .entry a{color:#b1c9ff}.entry>h2:first-child{margin-top:0}.entry select{min-height:44px}.layout-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--muted)}.metric strong{display:block;font-size:36px;line-height:1.2;margin-top:12px;color:var(--ink);font-variant-numeric:tabular-nums}.empty-state{padding:28px 0;text-align:center;max-width:480px;margin:auto}.empty-state h2{font-size:22px}.empty-state p{color:var(--muted);margin-bottom:20px}.empty{padding:30px 16px;color:var(--muted);white-space:normal}
.table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}table{white-space:normal;font-size:14px;width:100%;table-layout:auto}th{font-size:11px;padding:12px 16px;color:var(--muted)}td{padding:16px;max-width:360px;overflow-wrap:anywhere;vertical-align:middle}td a{display:inline-block;padding:6px 0}td select{width:100%;min-width:150px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row>label{flex:1;min-width:160px}.form-row input{width:100%}.entry form label{display:block;margin:16px 0}.entry form select{width:100%}.entry form .button{margin-top:8px}
.auth{width:calc(100% - 32px);max-width:470px;margin:8vh auto;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth .brand{margin:0 0 28px;justify-content:flex-start;padding:0}.auth .brand>span:last-child{display:block}.auth .brand-sub{color:var(--muted)}.auth h1{font-size:28px}.auth label{display:block;margin:20px 0}.auth input{width:100%;min-height:48px}.auth .button{width:100%;min-height:48px}.auth code{display:block;overflow-wrap:anywhere;word-break:break-all;background:var(--bg);color:var(--ink);padding:16px;border-radius:12px;font-size:15px}.auth p{font-size:14px}
dialog{width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);overscroll-behavior:contain}dialog form{padding:28px}dialog h2{font-size:24px;margin:0 0 22px}dialog label{display:block;margin:18px 0}dialog input,dialog select,dialog textarea{width:100%;min-height:48px;margin-top:7px}dialog .actions{position:sticky;bottom:-28px;background:var(--surface);padding:16px 0 6px;margin-top:20px}dialog .actions .button{flex:1}dialog .error{padding:12px;background:#fff1f2;border-radius:9px}body.dark dialog .error{background:#442b34}.toast{position:fixed;bottom:24px;right:24px;max-width:min(460px,calc(100vw - 32px));padding:14px 18px;background:#25262e;color:#fff;border-radius:12px;font-size:14px;z-index:100;display:none;box-shadow:0 10px 30px #0003}.toast.show{display:block}
@media(min-width:1024px){.workspace,.nav-label{display:flex}.nav-label{display:block}.side-bottom p{display:block}}
@media(max-width:1023px){.sidebar{width:min(330px,calc(100vw - 44px));transform:translateX(-105%);transition:transform .18s ease;padding:24px 18px;padding-top:max(24px,env(safe-area-inset-top))}.sidebar .brand{margin:0}.sidebar .workspace,.sidebar .nav-label{display:block}.sidebar .workspace{display:flex}.side-bottom p{display:block}.sidebar .nav-item{justify-content:flex-start;padding:12px 14px;gap:14px}.sidebar .brand-mark{flex-shrink:0}.sidebar .brand>span:last-child{font-size:20px}.app{margin-left:0}.topbar{padding:12px 24px;padding-top:max(12px,env(safe-area-inset-top));min-height:72px}#menu-toggle,#menu-close{display:inline-flex}.menu-open .sidebar{transform:translateX(0)}.nav-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:25;border:0;background:#11131b88;display:block;backdrop-filter:blur(2px)}body.menu-open{overflow:hidden}main{padding:26px 24px 48px}.header-right .badge-live{display:none}}
@media(max-width:699px){body{font-size:15px}.topbar{gap:8px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));min-height:66px}.breadcrumb{display:block;font-size:0}.breadcrumb strong{font-size:14px;font-weight:600}.header-right{flex-wrap:nowrap;gap:8px}.header-right #install{display:none}.header-right #theme{font-size:22px;width:44px;padding:0}.header-right #theme span{display:none}.topbar-start{gap:10px}.topbar{justify-content:space-between}.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}main{padding:22px 16px 24px}.notice{font-size:11px;padding:10px 12px;margin-bottom:22px}.page-title{font-size:28px;margin-bottom:20px}.layout-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{padding:14px 10px;font-size:11px;border-radius:12px}.metric strong{font-size:28px;margin-top:10px}.entry{padding:18px 16px;margin:18px 0;border-radius:14px}.actions{gap:10px}.actions>#new-ticket{width:100%}.actions>#search{width:100%;min-width:0}.entry .entry{padding:14px}.empty-state{padding:16px 0}.empty-state .button{width:100%}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{padding:14px 0;border-bottom:1px solid var(--line)}tr:last-child{border:0}td{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;align-items:start;border:0;padding:7px 0;max-width:none;text-align:left;font-size:14px}td::before{content:attr(data-label);font-size:12px;color:var(--muted);padding-top:2px}td[colspan]{display:block}td[colspan]::before{display:none}td a{padding:0}td select{min-width:0}td strong{display:inline-block;margin-right:5px}.table-wrap{overflow:visible}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -4px 20px #00000005}.bottom-nav a,.bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border:0;background:transparent;border-radius:10px;color:var(--muted);font:inherit;font-size:10px}.bottom-nav svg{width:22px;height:22px;stroke-width:1.8}.bottom-nav .active{color:var(--ink);background:var(--accent-soft)}.bottom-nav .active svg{color:#ce5c5c}.toast{left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:none}.auth{margin:max(24px,env(safe-area-inset-top)) auto;padding:26px 22px}.auth .brand{margin-bottom:26px}.auth h1{font-size:26px}.auth p{font-size:14px}dialog{width:100%;max-width:100%;margin:auto 0 0;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;border-bottom:0}dialog form{padding:24px 20px calc(20px + env(safe-area-inset-bottom))}dialog .actions{bottom:calc(-20px - env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}dialog h2{font-size:24px}.form-row{display:block}}
@media(max-width:359px){.layout-cards{grid-template-columns:1fr}.metric{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.metric strong{margin:0;font-size:26px}.breadcrumb strong{font-size:13px}main{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
@media print{.bottom-nav,.nav-backdrop,#menu-toggle{display:none!important}.app{margin:0;padding:0}.entry{box-shadow:none}}

/* Theme tokens belong to the document, so inherited text and the canvas change together. */
:root{color-scheme:light;--bg:#f5f6f8;--surface:#ffffff;--surface-raised:#fafafb;--ink:#24242d;--muted:#646774;--line:#e0e2e8;--control:#ffffff;--control-line:#858b99;--link:#3159a7;--focus:#9e3e49;--accent:#fc7474;--accent-soft:#fff0ef;--button-ink:#302025;--hover:#f0f1f5;--shadow:0 6px 24px #27273008}
:root[data-theme="dark"],body.dark{color-scheme:dark;--bg:#101217;--surface:#1a1d25;--surface-raised:#222631;--ink:#f0f1f5;--muted:#b1b7c6;--line:#383e4b;--control:#14171e;--control-line:#677184;--link:#b3cdff;--focus:#ff9a9e;--accent:#ff969b;--accent-soft:#3b2932;--button-ink:#30181e;--hover:#292f3c;--shadow:0 8px 28px #00000024}
html,body{background:var(--bg);color:var(--ink)}.app,.auth{color:var(--ink)}.entry,.metric,dialog,.topbar,.bottom-nav{background:var(--surface);border-color:var(--line);color:var(--ink)}
input,select,textarea,form input,form select,form textarea,.auth input,dialog input,dialog select,dialog textarea{background:var(--control);color:var(--ink);border-color:var(--control-line);caret-color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select option{background:var(--control);color:var(--ink)}
.button,.icon-control{background:var(--surface-raised);color:var(--ink);border-color:var(--control-line)}.primary{background:var(--accent);border-color:var(--accent);color:var(--button-ink)}.secondary:hover,.icon-control:hover{background:var(--hover)}.primary:hover{filter:brightness(1.05)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.entry a,.dark .entry a{color:var(--link)}.entry a:hover{text-decoration:underline}.metric{color:var(--muted)}.metric strong,.breadcrumb strong{color:var(--ink)}.muted,.form-hint,.empty,.badge-live,td::before,th{color:var(--muted)}th,body.dark th{background:var(--surface-raised)}td,tr,th{border-color:var(--line)}.auth code{background:var(--control);color:var(--ink);border:1px solid var(--control-line)}
.auth-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:28px}.auth-heading .brand{margin-bottom:0}.auth-heading .icon-control{width:44px!important;min-width:44px}.auth .brand-mark,.sidebar .brand-mark{color:#24242d}.auth .brand-sub{color:var(--muted)}
.sidebar{background:#191c24;border-right:1px solid #343a48}.sidebar .workspace{border-color:#3a404e}.sidebar .nav-item{color:#c0c6d4}.sidebar .nav-item.active{background:var(--accent);color:var(--button-ink)}.sidebar .nav-item:hover:not(.active){background:#2a303d;color:#fff}.sidebar .side-bottom p,.sidebar .brand-sub{color:#adb5c6}.sidebar .nav-label{color:#a3adbf}.sidebar .workspace-logo{background:#343c4d;color:#f3f4f8}.sidebar .button,.sidebar .icon-control{background:#282e3b;color:#f0f1f5;border-color:#606b80}.sidebar .button:hover,.sidebar .icon-control:hover{background:#374153}.side-bottom .button+.button{margin-top:8px}.bottom-nav .active{background:var(--accent-soft);color:var(--ink)}.bottom-nav .active svg{color:#b84656}.dark .bottom-nav .active svg{color:var(--accent)}
.dark .notice{background:#30291d;color:#f2d59d;border-color:#78623a}.dark .error{color:#ffc0c9}.dark dialog .error{background:#3d2531;color:#ffc0c9;border:1px solid #9b5b6e}.dark .toast{background:#eef0f7;color:#20242e;border:1px solid #c5cbd7}.dark dialog::backdrop{background:#05080ecc}.dark .brand-mark{background:var(--accent)}.dark .entry .entry{background:var(--surface-raised)}.dark .empty-state p{color:var(--muted)}
@media(min-width:1024px){#install-mobile{display:none}}
@media(max-width:699px){.auth .auth-heading .brand{margin-bottom:0}}
.section-gap{margin-top:18px}.check{width:20px!important;height:20px!important;min-height:20px!important;display:inline-block;vertical-align:middle;margin:0 8px 0 0!important;accent-color:var(--accent)}.integration-card{padding:16px 0;border-bottom:1px solid var(--line)}.integration-card:last-child{border-bottom:0}.integration-card h3{margin:0 0 6px}.integration-card p{color:var(--muted)}.wide-dialog{width:min(1060px,calc(100vw - 32px))}.builder-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.builder-field{border:1px solid var(--control-line);padding:16px;margin:14px 0;border-radius:12px;background:var(--surface)}.builder-field-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.builder-field-heading .button{padding:8px;min-width:44px}.builder-group{padding-left:14px;border-left:2px solid var(--accent);margin-top:14px}.builder-preview{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0;align-self:start}.builder-preview input:disabled,.builder-preview textarea:disabled,.builder-preview select:disabled{opacity:1}.protocol-group{border:1px solid var(--line);border-radius:12px;margin:18px 0;padding:16px;min-width:0}.protocol-group legend{font-weight:600;padding:0 8px}.formula-output{display:block;padding:12px;background:var(--bg);border-radius:10px;margin-top:8px}.signature-pad{display:block;width:100%;height:150px;background:white;border:1px solid var(--control-line);border-radius:10px;margin:12px 0;touch-action:none}details{color:var(--muted)}details>summary{min-height:40px;padding:8px 0;cursor:pointer}dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}.actions>label{margin:0!important;flex:1;min-width:160px}.actions>label input{width:100%}.entry input[type=file]{width:100%;margin-top:8px;font-size:14px}@media(max-width:699px){.wide-dialog{width:100%}.builder-layout{grid-template-columns:minmax(0,1fr)}.builder-preview{order:-1}.builder-field-heading{align-items:flex-start;flex-direction:column}.actions>label{flex-basis:100%}}

.metric strong{overflow-wrap:anywhere;font-size:clamp(20px,2.6vw,36px)}

/* Original brand accent sampled from the authorized DocBee interface. */
:root{--accent:#fc6f6f;--accent-soft:#fff0ef}
:root[data-theme=dark]{--accent:#fc6f6f;--accent-soft:#422b30}
.button.primary{background:var(--accent);color:#251a1c}
.nav-group summary{list-style:none;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';margin-left:auto}.nav-group[open] summary:after{transform:rotate(180deg)}.nav-children{padding:3px 0 5px 30px}.nav-children a{display:block;padding:9px 10px;color:inherit;border-left:1px solid var(--line);font-size:12px}.nav-children a.active{color:var(--accent);border-color:var(--accent)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.stat-label{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;gap:12px}.stat-label svg{width:19px;height:19px;color:var(--accent)}.stat-value{font-size:30px;font-weight:700;margin:15px 0 10px;letter-spacing:-1px}.stat-footer{font-size:12px;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:24px}.two-col>div{min-width:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:24px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);gap:12px}.panel-header h2{margin:0;font-size:16px}.panel-header small,.panel-header a{font-size:12px;color:var(--muted)}.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-intro h1{margin:0 0 7px;font-size:28px}.dashboard-intro p{margin:0;color:var(--muted)}.schedule,.team-list{padding:8px 22px}.schedule-item{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.schedule-item:last-child{border:0}.schedule-time{font-size:12px;color:var(--muted);min-width:40px}.schedule-info h3,.team-row h3{margin:0 0 5px;font-size:13px}.schedule-info p,.team-row p{margin:0;color:var(--muted);font-size:12px}.team-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.team-row:last-child{border:0}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--ink);border-radius:11px;font-size:12px;flex-shrink:0}.team-state{margin-left:auto;font-size:11px;color:#39b98c}.team-state.away{color:var(--muted)}.workload{padding:18px 22px}.workload-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.progress{height:6px;background:var(--line);border-radius:4px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.week-chart{display:flex;align-items:flex-end;gap:8%;height:200px;padding:25px 30px 40px}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;gap:5px;position:relative}.bar{flex:1;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px}.bar.secondary{background:var(--line)}.bar-group small{position:absolute;bottom:-24px;left:0;right:0;text-align:center;color:var(--muted);font-size:11px}.chart-legend{padding:0 22px 18px;font-size:11px;color:var(--muted)}.workspace-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.workspace-form .wide{grid-column:1/-1}.workspace-form label{margin:0}.workspace-form textarea{min-height:110px}.side-editor{width:min(820px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;border:0;border-left:1px solid var(--line);padding:26px}.side-editor::backdrop{background:#0005}.side-editor form{max-height:none}.empty-panel{padding:25px;color:var(--muted)}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}
@media(max-width:540px){.stats{gap:10px;margin:18px 0}.stat{padding:15px}.stat-value{font-size:24px}.stat-label{font-size:12px}.dashboard-intro{align-items:flex-start;flex-direction:column}.workspace-form{grid-template-columns:1fr}.workspace-form .wide{grid-column:auto}.side-editor{padding:20px 16px}.panel-header{padding:16px}.week-chart{gap:6%;padding-left:18px;padding-right:18px}.team-row{flex-wrap:wrap}}

body.dark{--accent:#fc6f6f;--accent-soft:#422b30}.nav-item.active,.brand-mark{background:var(--accent)}
.week-chart .height-0{height:0%;min-height:0px}.progress .width-0{width:0%}
.week-chart .height-1{height:1%;min-height:2px}.progress .width-1{width:1%}
.week-chart .height-2{height:2%;min-height:2px}.progress .width-2{width:2%}
.week-chart .height-3{height:3%;min-height:2px}.progress .width-3{width:3%}
.week-chart .height-4{height:4%;min-height:2px}.progress .width-4{width:4%}
.week-chart .height-5{height:5%;min-height:2px}.progress .width-5{width:5%}
.week-chart .height-6{height:6%;min-height:2px}.progress .width-6{width:6%}
.week-chart .height-7{height:7%;min-height:2px}.progress .width-7{width:7%}
.week-chart .height-8{height:8%;min-height:2px}.progress .width-8{width:8%}
.week-chart .height-9{height:9%;min-height:2px}.progress .width-9{width:9%}
.week-chart .height-10{height:10%;min-height:2px}.progress .width-10{width:10%}
.week-chart .height-11{height:11%;min-height:2px}.progress .width-11{width:11%}
.week-chart .height-12{height:12%;min-height:2px}.progress .width-12{width:12%}
.week-chart .height-13{height:13%;min-height:2px}.progress .width-13{width:13%}
.week-chart .height-14{height:14%;min-height:2px}.progress .width-14{width:14%}
.week-chart .height-15{height:15%;min-height:2px}.progress .width-15{width:15%}
.week-chart .height-16{height:16%;min-height:2px}.progress .width-16{width:16%}
.week-chart .height-17{height:17%;min-height:2px}.progress .width-17{width:17%}
.week-chart .height-18{height:18%;min-height:2px}.progress .width-18{width:18%}
.week-chart .height-19{height:19%;min-height:2px}.progress .width-19{width:19%}
.week-chart .height-20{height:20%;min-height:2px}.progress .width-20{width:20%}
.week-chart .height-21{height:21%;min-height:2px}.progress .width-21{width:21%}
.week-chart .height-22{height:22%;min-height:2px}.progress .width-22{width:22%}
.week-chart .height-23{height:23%;min-height:2px}.progress .width-23{width:23%}
.week-chart .height-24{height:24%;min-height:2px}.progress .width-24{width:24%}
.week-chart .height-25{height:25%;min-height:2px}.progress .width-25{width:25%}
.week-chart .height-26{height:26%;min-height:2px}.progress .width-26{width:26%}
.week-chart .height-27{height:27%;min-height:2px}.progress .width-27{width:27%}
.week-chart .height-28{height:28%;min-height:2px}.progress .width-28{width:28%}
.week-chart .height-29{height:29%;min-height:2px}.progress .width-29{width:29%}
.week-chart .height-30{height:30%;min-height:2px}.progress .width-30{width:30%}
.week-chart .height-31{height:31%;min-height:2px}.progress .width-31{width:31%}
.week-chart .height-32{height:32%;min-height:2px}.progress .width-32{width:32%}
.week-chart .height-33{height:33%;min-height:2px}.progress .width-33{width:33%}
.week-chart .height-34{height:34%;min-height:2px}.progress .width-34{width:34%}
.week-chart .height-35{height:35%;min-height:2px}.progress .width-35{width:35%}
.week-chart .height-36{height:36%;min-height:2px}.progress .width-36{width:36%}
.week-chart .height-37{height:37%;min-height:2px}.progress .width-37{width:37%}
.week-chart .height-38{height:38%;min-height:2px}.progress .width-38{width:38%}
.week-chart .height-39{height:39%;min-height:2px}.progress .width-39{width:39%}
.week-chart .height-40{height:40%;min-height:2px}.progress .width-40{width:40%}
.week-chart .height-41{height:41%;min-height:2px}.progress .width-41{width:41%}
.week-chart .height-42{height:42%;min-height:2px}.progress .width-42{width:42%}
.week-chart .height-43{height:43%;min-height:2px}.progress .width-43{width:43%}
.week-chart .height-44{height:44%;min-height:2px}.progress .width-44{width:44%}
.week-chart .height-45{height:45%;min-height:2px}.progress .width-45{width:45%}
.week-chart .height-46{height:46%;min-height:2px}.progress .width-46{width:46%}
.week-chart .height-47{height:47%;min-height:2px}.progress .width-47{width:47%}
.week-chart .height-48{height:48%;min-height:2px}.progress .width-48{width:48%}
.week-chart .height-49{height:49%;min-height:2px}.progress .width-49{width:49%}
.week-chart .height-50{height:50%;min-height:2px}.progress .width-50{width:50%}
.week-chart .height-51{height:51%;min-height:2px}.progress .width-51{width:51%}
.week-chart .height-52{height:52%;min-height:2px}.progress .width-52{width:52%}
.week-chart .height-53{height:53%;min-height:2px}.progress .width-53{width:53%}
.week-chart .height-54{height:54%;min-height:2px}.progress .width-54{width:54%}
.week-chart .height-55{height:55%;min-height:2px}.progress .width-55{width:55%}
.week-chart .height-56{height:56%;min-height:2px}.progress .width-56{width:56%}
.week-chart .height-57{height:57%;min-height:2px}.progress .width-57{width:57%}
.week-chart .height-58{height:58%;min-height:2px}.progress .width-58{width:58%}
.week-chart .height-59{height:59%;min-height:2px}.progress .width-59{width:59%}
.week-chart .height-60{height:60%;min-height:2px}.progress .width-60{width:60%}
.week-chart .height-61{height:61%;min-height:2px}.progress .width-61{width:61%}
.week-chart .height-62{height:62%;min-height:2px}.progress .width-62{width:62%}
.week-chart .height-63{height:63%;min-height:2px}.progress .width-63{width:63%}
.week-chart .height-64{height:64%;min-height:2px}.progress .width-64{width:64%}
.week-chart .height-65{height:65%;min-height:2px}.progress .width-65{width:65%}
.week-chart .height-66{height:66%;min-height:2px}.progress .width-66{width:66%}
.week-chart .height-67{height:67%;min-height:2px}.progress .width-67{width:67%}
.week-chart .height-68{height:68%;min-height:2px}.progress .width-68{width:68%}
.week-chart .height-69{height:69%;min-height:2px}.progress .width-69{width:69%}
.week-chart .height-70{height:70%;min-height:2px}.progress .width-70{width:70%}
.week-chart .height-71{height:71%;min-height:2px}.progress .width-71{width:71%}
.week-chart .height-72{height:72%;min-height:2px}.progress .width-72{width:72%}
.week-chart .height-73{height:73%;min-height:2px}.progress .width-73{width:73%}
.week-chart .height-74{height:74%;min-height:2px}.progress .width-74{width:74%}
.week-chart .height-75{height:75%;min-height:2px}.progress .width-75{width:75%}
.week-chart .height-76{height:76%;min-height:2px}.progress .width-76{width:76%}
.week-chart .height-77{height:77%;min-height:2px}.progress .width-77{width:77%}
.week-chart .height-78{height:78%;min-height:2px}.progress .width-78{width:78%}
.week-chart .height-79{height:79%;min-height:2px}.progress .width-79{width:79%}
.week-chart .height-80{height:80%;min-height:2px}.progress .width-80{width:80%}
.week-chart .height-81{height:81%;min-height:2px}.progress .width-81{width:81%}
.week-chart .height-82{height:82%;min-height:2px}.progress .width-82{width:82%}
.week-chart .height-83{height:83%;min-height:2px}.progress .width-83{width:83%}
.week-chart .height-84{height:84%;min-height:2px}.progress .width-84{width:84%}
.week-chart .height-85{height:85%;min-height:2px}.progress .width-85{width:85%}
.week-chart .height-86{height:86%;min-height:2px}.progress .width-86{width:86%}
.week-chart .height-87{height:87%;min-height:2px}.progress .width-87{width:87%}
.week-chart .height-88{height:88%;min-height:2px}.progress .width-88{width:88%}
.week-chart .height-89{height:89%;min-height:2px}.progress .width-89{width:89%}
.week-chart .height-90{height:90%;min-height:2px}.progress .width-90{width:90%}
.week-chart .height-91{height:91%;min-height:2px}.progress .width-91{width:91%}
.week-chart .height-92{height:92%;min-height:2px}.progress .width-92{width:92%}
.week-chart .height-93{height:93%;min-height:2px}.progress .width-93{width:93%}
.week-chart .height-94{height:94%;min-height:2px}.progress .width-94{width:94%}
.week-chart .height-95{height:95%;min-height:2px}.progress .width-95{width:95%}
.week-chart .height-96{height:96%;min-height:2px}.progress .width-96{width:96%}
.week-chart .height-97{height:97%;min-height:2px}.progress .width-97{width:97%}
.week-chart .height-98{height:98%;min-height:2px}.progress .width-98{width:98%}
.week-chart .height-99{height:99%;min-height:2px}.progress .width-99{width:99%}
.week-chart .height-100{height:100%;min-height:2px}.progress .width-100{width:100%}

.stat-value{white-space:normal;overflow-wrap:anywhere}.team-row>div{min-width:0}.team-row h3{overflow-wrap:anywhere}

.historical-image{display:block;max-width:100%;height:auto;max-height:600px;object-fit:contain;background:#fff;border-radius:12px;margin:12px 0}

/* Product identity and account actions keep the workspace navigation quiet. */
.version-card{display:flex;align-items:center;gap:12px;padding:14px 8px;border-top:1px solid var(--line);font-size:12px}.version-card strong{display:block;font-size:13px}.version-card small{display:block;margin-top:4px;color:var(--muted)}.version-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#202127;font-weight:850;font-size:23px}.version-mark span{font-size:14px}.version-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--accent)}.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line)}.account-menu summary::-webkit-details-marker{display:none}.account-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent);color:#202127;font-size:11px;font-weight:800}.account-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;min-width:240px;box-shadow:0 16px 48px #0003}.account-popover p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.account-popover .button{width:100%}
/* Ticket workstation: fixed context, separate information and conversation panes. */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.record-page .app{height:100dvh;min-height:0;display:flex;flex-direction:column}.record-page #content{width:100%;max-width:none;min-height:0;flex:1;display:flex;flex-direction:column;padding:14px 22px 18px;overflow:hidden}.record-page #content>.notice{flex:none;font-size:11px;padding:7px 12px;margin-bottom:10px}.record-page #page{flex:1;min-height:0;display:flex;flex-direction:column}.record-workspace{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px}.record-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none}.record-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}.record-identity h1{font-size:21px;margin:0 5px 0 0;letter-spacing:-.6px}.back-link{font-size:21px;width:30px;text-align:center}.record-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;min-height:36px;padding:6px 13px;font-size:12px;font-weight:600}.record-pill.priority-high{background:var(--accent-soft);color:var(--ink);border-color:var(--accent)}.record-pill:disabled{opacity:1;cursor:default}.legacy-ref{color:var(--muted);font-size:10px}.record-meta{display:grid;grid-template-columns:1fr 1.35fr 1fr 1fr;gap:10px;flex:none}.meta-card{min-width:0;padding:13px 15px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.meta-card h2{font-size:11px;color:var(--muted);margin:0 0 8px;font-weight:600}.record-field{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;font-size:12px;min-width:0}.record-field>span:first-child{color:var(--muted);font-size:11px}.record-field strong{font-size:12px;font-weight:500}.quick-value{border:0;background:transparent;color:var(--ink);padding:3px 0;text-align:right;font-weight:550;max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:28px}.quick-value:not(:disabled):hover{color:var(--accent)}.quick-value:disabled{opacity:1;cursor:default}.customer-quick{display:flex;align-items:center;gap:5px;justify-content:space-between;min-width:0}.customer-quick a{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-quick small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.customer-quick .icon-control{min-width:30px;min-height:30px;padding:3px}.history-label{display:block;color:var(--muted);font-size:10px;margin-top:5px}.record-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:14px;min-height:0;flex:1}.record-left,.record-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.record-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:0 18px;flex:none}.record-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;padding:13px 0;min-height:44px}.record-tabs button.active{color:var(--ink);border-color:var(--accent)}.record-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px;overscroll-behavior:contain;scrollbar-width:thin}.record-title{font-size:19px;line-height:1.4;margin:0 0 15px;overflow-wrap:anywhere}.record-scroll pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.65;margin:0}.ticket-description{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:14px}.ticket-note{margin:12px 0;color:var(--ink)}.ticket-note summary{font-size:12px;font-weight:600;color:var(--muted);min-height:32px}.record-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 12px}.record-section-heading h2{font-size:14px;margin:0}.record-section-heading>strong{font-size:12px;color:var(--muted)}.text-button{background:transparent;border:0;padding:4px 0;color:var(--accent);font-size:12px}.related-service{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:9px}.related-service:hover{border-color:var(--accent)}.related-service>div:first-child{min-width:0}.related-service strong{display:block;font-size:12px}.related-service span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.related-service p{font-size:12px;margin:7px 0 0;overflow-wrap:anywhere}.service-amount{flex:none;text-align:right}.record-actions{padding:12px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:11px;flex:none}.record-actions .button{font-size:12px;padding:9px 12px}.conversation-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 16px;flex:none;min-height:47px}.conversation-toolbar h2{font-size:12px;white-space:nowrap;margin:0}.conversation-toolbar h2 span{color:var(--muted);font-weight:400;margin-left:4px}.conversation-toolbar input{min-width:0;max-width:190px;width:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:9px;padding:7px 9px;font-size:11px;min-height:32px}.conversation-message{padding:17px 0;border-bottom:1px solid var(--line)}.conversation-message:first-child{padding-top:0}.conversation-message:last-child{border-bottom:0}.message-byline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px}.message-byline .avatar{width:29px;height:29px;border-radius:9px;font-size:10px}.message-byline strong{font-size:12px;font-weight:600}.message-byline time{font-size:10px;color:var(--muted);margin-left:auto}.message-visibility{font-size:9px;border-radius:5px;padding:2px 5px;background:var(--bg);color:var(--muted)}.conversation-message.internal .message-visibility{background:var(--accent-soft);color:var(--ink)}.message-expand summary{list-style:none;padding:0;min-height:0;color:var(--ink)}.message-expand summary::-webkit-details-marker{display:none}.message-expand summary>span{font-size:11px;color:var(--muted);display:block;margin-top:8px}.message-expand[open] summary>pre{display:none}.message-expand[open] summary>span{font-size:0}.message-expand[open] summary>span:after{content:'Weniger anzeigen';font-size:11px}.record-composer{padding:13px 16px;border-top:1px solid var(--line);flex:none;margin:0;font-size:12px}.record-composer textarea{display:block;width:100%;resize:vertical;min-height:75px;max-height:22vh;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:13px}.composer-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}.visibility-toggle{display:flex;gap:6px;align-items:center;margin:0 auto 0 0;font-size:11px;min-height:36px}.visibility-toggle input{width:auto;min-height:0}.composer-actions .button{font-size:11px;padding:8px 11px}.composer-actions svg{width:14px;height:14px}.record-mobile-panes{display:none}.attachment-picker{display:block;font-size:12px;margin-top:20px}.attachment-picker input{display:block;max-width:100%;margin-top:8px}.record-scroll .entry{margin:12px 0;padding:15px}.record-scroll h1{font-size:20px}.record-scroll h2{font-size:15px}.record-scroll .entry h2{font-size:14px}
@media(max-width:1250px) and (min-width:900px){.record-meta{grid-template-columns:1fr 1.2fr 1fr}.record-meta .meta-card:last-child{display:none}.record-heading .legacy-ref{display:none}.record-identity h1{font-size:18px}.record-pill{font-size:11px;padding:6px 10px}.record-body{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr)}}
@media(max-width:899px){.record-page .app{padding-bottom:76px}.record-page #content{padding:10px 12px 12px}.record-heading{align-items:flex-start}.record-heading>.actions{display:none}.record-identity{gap:7px}.record-identity h1{font-size:18px}.record-pill{font-size:11px;padding:5px 10px;min-height:32px}.record-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.record-meta .meta-card:nth-child(n+3){display:none}.meta-card{padding:10px 12px}.meta-card h2{font-size:10px;margin-bottom:5px}.record-field,.quick-value{font-size:11px}.record-field>span:first-child{font-size:10px}.customer-quick a{font-size:11px}.record-mobile-panes{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;flex:none}.record-mobile-panes button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:7px;font-size:12px;min-height:38px;padding:8px}.record-mobile-panes button.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.record-body{display:flex;min-height:0}.record-left,.record-chat{flex:1}.record-workspace[data-pane=ticket] .record-chat{display:none}.record-workspace[data-pane=chat] .record-left{display:none}.record-scroll{padding:14px}.record-composer{padding:10px 12px}.record-composer textarea{min-height:64px;max-height:20vh}.message-byline time{font-size:9px}.record-actions{padding:9px 12px}.record-title{font-size:17px}.record-tabs{padding:0 14px;gap:18px}.record-page #content>.notice{font-size:10px;padding:6px 10px}.conversation-toolbar{padding:10px 12px}.account-popover{min-width:225px;max-width:calc(100vw - 28px)}}
@media(max-width:430px){.record-identity .due{display:none}.record-meta{grid-template-columns:minmax(0,1fr)}.record-meta .meta-card:first-child{display:none}.customer-card .record-field{display:none}.record-title{font-size:16px}.record-tabs{gap:14px}.record-tabs button{font-size:11px}.record-workspace{gap:8px}.customer-quick a{white-space:normal}}

.mobile-ticket-edit{display:none!important}@media(max-width:899px){.mobile-ticket-edit{display:inline-flex!important}}
.billability-control{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:.9rem}.billability-control>span{font-weight:650}.billability-control>p{flex-basis:100%;margin:0;white-space:pre-wrap}.billability-control>small{flex-basis:100%;color:var(--muted)}.billability-control .button{margin-left:auto}.billability-control>.nonbillable{color:var(--accent)}

.sort-column{background:transparent;color:inherit;border:0;padding:0;cursor:pointer;text-align:left;font-size:inherit;font-weight:inherit}.ticket-tag{display:inline-block;padding:2px 7px;border:1px solid var(--line);border-radius:8px;font-size:12px}#w-list-filters details{margin-top:1rem}#w-list-filters .workspace-form{margin-top:1rem}

/* Dense operational lists: a single readable row and horizontally accessible mobile tables. */
.sidebar{padding:17px 12px 12px;width:224px}.app{margin-left:224px}.workspace{margin:15px 3px 12px;padding:9px}.nav-label{margin:10px 10px 5px}.sidebar .nav-item{min-height:34px;padding:7px 11px;font-size:12px;gap:10px}.sidebar .nav-item svg{width:18px;height:18px}.nav-children a{min-height:29px;padding:5px 11px 5px 35px;font-size:11px}.nav-group{margin:0}.side-bottom{padding-top:9px}.version-card{padding:10px}.sidebar nav{flex:1;overflow-y:auto}.sidebar .brand{font-size:20px}.sidebar .brand-mark{width:34px;height:38px;font-size:30px}.sidebar .brand-sub{font-size:8px;letter-spacing:2px}
.list-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;margin:0 0 12px;min-width:0}.list-actions{display:flex;gap:6px;flex:none}.list-toolbar .button{padding:6px 10px;min-height:32px;font-size:11px;white-space:nowrap;border-radius:8px}.list-filters{display:flex;flex:1;align-items:center;gap:8px;min-width:0}.list-main-filters{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.list-toolbar label{margin:0!important;font-size:0!important;min-width:0}.list-toolbar input,.list-toolbar select{height:32px;min-height:32px;padding:5px 9px;font-size:12px;border-radius:8px}.list-main-filters>label:first-child{flex:1;min-width:120px}.list-main-filters>label:first-child input{width:100%}.list-main-filters>label:nth-child(2){flex:0 1 190px}.list-main-filters select{width:100%;min-width:100px}.list-toolbar details{flex:none;font-size:11px;position:relative}.list-toolbar details>summary{cursor:pointer;white-space:nowrap;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.list-toolbar details>.workspace-form{position:absolute;right:0;top:35px;width:min(760px,85vw);max-height:65vh;overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;z-index:15;border-radius:12px}.list-toolbar details>.form-hint{display:none}.list-toolbar details .workspace-form label{font-size:12px!important}.list-toolbar details .workspace-form select[multiple]{height:100px}.dense-results{padding:0!important;margin:10px 0!important;overflow:hidden}.table-wrap.dense-table{overflow-x:auto;overflow-y:hidden;max-width:100%;border-radius:8px}.dense-table table{display:table;table-layout:fixed;min-width:620px;width:100%;font-size:12px;white-space:nowrap}.dense-table thead{display:table-header-group}.dense-table tbody{display:table-row-group}.dense-table tr{display:table-row;padding:0;height:34px}.dense-table th,.dense-table td{display:table-cell;width:auto;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px;vertical-align:middle;height:34px;line-height:1.3;overflow-wrap:normal}.dense-table th{font-size:10px;height:32px;font-weight:600;letter-spacing:.2px}.dense-table td:before{display:none}.cell-value{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.5}.cell-value p,.cell-value pre,.cell-value small{display:inline;margin:0;white-space:nowrap;font:inherit}.cell-value a{display:inline;padding:0}.cell-value .button,.cell-value button{min-height:24px;padding:3px 7px;font-size:10px}.cell-value select{min-height:26px;min-width:0;padding:3px 5px;font-size:11px;width:auto;max-width:100%}.ticket-grid .col-title{width:34%}.ticket-grid .col-number{width:155px}.ticket-grid .col-owner{width:130px}.ticket-grid .col-status{width:110px}.ticket-grid .col-priority{width:75px}.ticket-grid .col-due_at,.ticket-grid .col-created_at{width:130px}.ticket-grid .col-customer{width:145px}.ticket-grid .col-services{width:65px}.ticket-grid .col-queue,.ticket-grid .col-category{width:120px}.page-title{font-size:25px;margin-bottom:14px}
@media(max-width:1150px) and (min-width:900px){.list-toolbar{overflow-x:auto;padding-bottom:4px}.list-filters{min-width:450px}.list-actions{gap:4px}.list-toolbar details{position:static}.list-toolbar details>.workspace-form{position:fixed;right:20px;top:180px}}
@media(max-width:899px){.app{margin-left:0}.list-toolbar{overflow-x:auto;padding-bottom:6px}.list-toolbar>.list-filters{min-width:450px}.list-toolbar details{position:static}.list-toolbar details>.workspace-form{position:fixed;top:120px;right:12px;width:calc(100vw - 24px)}.list-actions .button{min-height:36px}.list-toolbar input,.list-toolbar select{min-height:36px}.dense-table tr,.dense-table td{height:36px}.sidebar{width:244px}}

.service-workspace-body{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 20px}.service-workspace-body>.entry:first-child{margin-top:0}.service-workspace-body .entry{padding:15px 18px;margin:12px 0;box-shadow:none}.service-workspace-body .entry h2{font-size:15px;margin:0 0 10px}.service-workspace-body .entry pre{font-size:13px}.quick-editor{width:min(410px,calc(100vw - 24px));max-height:80vh;border-radius:14px}.quick-editor form{padding:22px}.quick-editor h2{font-size:19px}.quick-value:not(:disabled){cursor:pointer}.quick-value:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}.record-actions{gap:6px}.record-actions .button{min-height:34px;padding:6px 10px}.service-workspace-body #p-service-edit{display:none}@media(max-width:899px){.service-workspace-body{padding:10px}.service-workspace .record-meta .meta-card:first-child{display:block}.service-workspace .record-meta{grid-template-columns:1fr}.service-workspace .record-meta .customer-card{display:block}.service-workspace .record-field{min-height:25px}.service-workspace .customer-card .record-field{display:flex}}

.system-heading{display:flex;gap:15px;align-items:center;margin:5px 0 25px}.system-heading h1{margin:0}.system-heading p{margin:5px 0 0;font-size:13px}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.system-card{display:flex;align-items:center;gap:16px;min-height:130px;padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:16px;color:var(--ink);box-shadow:var(--shadow)}.system-card:hover{border-color:var(--accent);transform:translateY(-1px)}.system-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:var(--accent-soft);flex:none;color:var(--accent)}.system-icon svg{width:24px;height:24px}.system-card h2{font-size:16px;margin:0 0 8px}.system-card p{font-size:12px;color:var(--muted);margin:0}.system-chevron{margin-left:auto;color:var(--muted);font-size:25px}.system-product{margin:28px 0;padding:24px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.system-product>span:last-child{margin-left:auto;color:var(--muted);font-size:12px}.system-product p{font-size:12px;color:var(--muted)}.settings-back{display:inline-block;margin-bottom:10px}.system-settings>.entry:first-child{margin-top:0}.dashboard-calendar{margin-top:20px}.calendar-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;padding:20px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{text-align:center;font-size:11px;color:var(--muted);padding:6px}.calendar-day{border:1px solid transparent;border-radius:8px;min-height:50px;padding:7px;background:var(--bg);color:var(--ink);text-align:left;font-size:12px}.calendar-day small{display:block;color:var(--accent);font-size:9px;margin-top:4px}.calendar-day.outside{opacity:.4}.calendar-day.selected{background:var(--accent-soft);border-color:var(--accent)}.calendar-day.today>span{font-weight:750;text-decoration:underline;text-underline-offset:4px}.calendar-agenda h3{font-size:15px;margin:0 0 18px}.calendar-agenda article{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:6px;font-size:12px}.calendar-agenda article small{grid-column:2;color:var(--muted)}.customer-workspace{display:flex;flex-direction:column;min-height:0;height:100%;gap:15px}.customer-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;min-height:0;flex:1}.customer-profile,.customer-details{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:0;min-width:0}.customer-profile{padding:20px;overflow:auto;font-size:12px}.customer-avatar{display:grid;place-items:center;width:50px;height:50px;background:var(--accent-soft);border-radius:13px;color:var(--accent);font-size:20px;font-weight:700}.customer-profile h2{font-size:17px;margin:12px 0}.customer-profile section{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}.customer-profile h3{font-size:11px;color:var(--muted);font-weight:600}.customer-profile p{margin:5px 0;font-size:12px}.customer-profile section a{display:block;margin:5px 0;overflow-wrap:anywhere}.customer-profile .button{font-size:11px;min-height:32px;margin-top:12px}.customer-details{display:flex;flex-direction:column;overflow:hidden}.customer-details .record-tabs{overflow-x:auto;gap:18px;white-space:nowrap}.customer-tab-content{padding:14px}.customer-tab-content .list-toolbar{margin-bottom:10px}.customer-tab-content .list-toolbar input[type=checkbox]{min-height:0;height:auto}.customer-tab-content .list-toolbar label{display:flex;gap:6px;align-items:center;font-size:11px!important}.list-pagination{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px}.list-pagination .button{min-height:30px;padding:5px 10px;font-size:11px}
@media(max-width:1150px){.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-card{padding:18px;min-height:115px}.customer-body{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:899px){.system-grid{grid-template-columns:1fr}.system-card{min-height:95px}.system-product{flex-wrap:wrap}.system-product>span:last-child{margin:0}.customer-body{display:flex;flex-direction:column}.customer-profile{flex:none;max-height:145px;padding:12px 15px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.customer-profile h2{margin:0;font-size:14px}.customer-profile section{display:none}.customer-profile .button{margin:0;font-size:10px}.customer-avatar{width:35px;height:35px;font-size:15px}.customer-details{flex:1}.customer-workspace>.record-heading{flex-wrap:wrap;gap:8px}.customer-workspace>.record-heading .button{min-height:32px;font-size:11px;padding:6px 9px}.customer-workspace .record-identity h1{font-size:17px}.calendar-workspace{grid-template-columns:1fr;padding:12px}.calendar-day{min-height:43px}.dashboard-calendar .panel-header{flex-wrap:wrap}.dashboard-calendar .panel-header .button{min-height:30px;padding:5px 8px;font-size:11px}}

@media(max-width:1023px){.app{margin-left:0}}

.sidebar .nav-item{min-height:30px;padding:5px 10px}.sidebar .nav-children a{min-height:24px;padding:3px 8px 3px 32px;font-size:11px}.sidebar .nav-children{padding-top:1px;padding-bottom:3px}.sidebar .nav-group>summary{min-height:30px}.record-meta .record-field:has(.quick-value:disabled){cursor:default}
.service-workspace-body{padding:10px 14px}.service-workspace-body .entry{padding:10px 14px;margin:9px 0;border-radius:10px}.service-workspace-body .panel-header{padding:0 0 7px;min-height:30px}.service-workspace-body .entry>.muted{margin:5px 0 9px;font-size:11px}.service-workspace-body .entry pre{line-height:1.45}.service-workspace-body .billability-control{padding:7px 10px;margin-top:9px;gap:6px;font-size:11px}.service-workspace-body .billability-control>small{display:none}.service-workspace-body .billability-control .button,.service-workspace-body .actions .button,.service-workspace-body .panel-header .button{min-height:30px;padding:5px 9px;font-size:11px}.service-workspace-body>.entry:nth-child(2){padding:4px 2px;background:transparent;border:0;margin:7px 0}.service-workspace-body .entry .actions{margin-top:8px;gap:6px}.service-workspace-body .dense-table table{min-width:500px}.service-workspace-body .dense-table td{height:30px}.service-workspace .record-meta{gap:8px}.service-workspace .meta-card{padding:10px 13px}.service-workspace .record-field{min-height:25px}

.customer-tab-content .list-toolbar>input{flex:1;min-width:130px}.customer-tab-content .list-toolbar>label{flex:none;white-space:nowrap;min-width:95px}.customer-tab-content[data-tab=tickets] th:nth-child(1){width:160px}.customer-tab-content[data-tab=tickets] th:nth-child(2){width:45%}.customer-tab-content[data-tab=tickets] th:nth-child(3){width:110px}.customer-tab-content[data-tab=tickets] th:nth-child(4){width:75px}.customer-tab-content[data-tab=tickets] th:nth-child(5){width:135px}.customer-tab-content[data-tab=services] th:nth-child(3){width:45%}

.row-actions{display:inline-block;vertical-align:middle;margin-left:6px}.row-actions>summary{display:inline-block;cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:0 7px;font-size:16px;line-height:20px;list-style:none}.row-actions>summary::-webkit-details-marker{display:none}.row-action-menu{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;white-space:normal;min-width:110px}.dense-table td:has(.row-actions[open]),.cell-value:has(.row-actions){overflow:visible;white-space:normal}.dense-table tr:has(.row-actions[open]){height:auto}.cell-value .row-action-menu button{white-space:normal}

@media(min-width:700px) and (max-width:899px){.record-page .app{padding-bottom:0}}@media(max-width:899px){.service-workspace .record-heading>.actions{display:flex}.service-workspace .record-heading{flex-wrap:wrap}.service-workspace .record-heading .button{min-height:32px;padding:5px 9px;font-size:11px}}

.mobile-customer-profile-toggle{display:none}@media(max-width:899px){.mobile-customer-profile-toggle{display:inline-block}.customer-profile.expanded{display:block;max-height:45vh}.customer-profile.expanded section{display:block;margin-top:10px;padding-top:8px}.customer-profile.expanded .customer-avatar{float:left;margin-right:10px}.customer-profile.expanded .button{margin-top:8px;margin-right:6px}}

/* Core module access and the shared-record customer portal. */
.core-module-switch{display:flex;align-items:center;gap:8px;padding:8px 14px 12px}.core-home-link{font-weight:800;color:var(--ink)}.core-module-switch select{min-width:0;flex:1;padding:7px;border-radius:8px;font-size:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}.core-roadmap{margin-top:20px}.core-launcher{margin-bottom:8px}.portal-app{min-height:100dvh;display:flex;flex-direction:column}.portal-header{display:flex;gap:18px;align-items:center;padding:18px max(20px,calc((100vw - 1200px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.portal-header .brand{padding:0}.portal-header .brand-mark{width:40px;height:40px;font-size:36px}.portal-customer{margin-left:auto;font-weight:600}.portal-nav{display:flex;gap:8px;padding:12px max(20px,calc((100vw - 1200px)/2));overflow-x:auto;border-bottom:1px solid var(--line)}.portal-nav a{white-space:nowrap;padding:9px 14px;border-radius:8px;color:var(--ink);text-decoration:none}.portal-nav a.active{background:var(--accent);color:#202127}.portal-main{width:min(1200px,calc(100% - 40px));margin:24px auto;flex:1;min-width:0}.portal-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.portal-title h1{margin:0}.portal-message{padding:16px 0;border-bottom:1px solid var(--line)}.portal-message>div{display:flex;justify-content:space-between;gap:14px;font-size:12px}.portal-message time{color:var(--muted)}.portal-message p,.portal-description p{white-space:pre-wrap;overflow-wrap:anywhere}.portal-footer{padding:18px;text-align:center;color:var(--muted);font-size:12px}.portal-release{margin-top:14px}.entry-links{font-size:13px}.portal-main .notice{margin:0 0 20px}.portal-main textarea{width:100%}@media(max-width:650px){.portal-header{padding:12px;gap:10px;flex-wrap:wrap}.portal-customer{order:3;width:100%;font-size:13px}.portal-header>.brand{flex:1}.portal-nav{padding:10px 12px}.portal-main{width:calc(100% - 24px);margin:12px auto}.portal-title{align-items:flex-start;flex-direction:column}.portal-title h1{font-size:23px}.portal-message>div{flex-wrap:wrap}.core-module-switch select{min-height:44px}}
.portal-header .brand{margin:0;justify-content:flex-start}.portal-header .brand>span:last-child{display:block;font-size:20px}.portal-header .brand-sub{font-size:8px}@media(max-width:650px){.portal-header .brand>span:last-child{font-size:17px}.portal-header .brand-sub{letter-spacing:1px;font-size:7px}}
/* One wordmark across the application and its customer portal. */
.brand-mark img,.version-mark img{display:block;width:100%;height:100%;border-radius:inherit}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-word-dot{color:#fc7474}.brand-word-core{font-weight:650}.brand-sub{display:block}.portal-header .brand-name{font-size:20px}.auth .brand-name{font-size:23px}.version-card strong{font-size:12px}.version-card .version-mark{padding:0}.release-history{max-width:1180px;margin:0 auto}.release-back{display:inline-flex;margin:0 0 18px}.release-intro{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.release-heading{display:flex;align-items:center;gap:18px}.release-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.release-icon svg{width:25px;height:25px}.release-eyebrow{font-size:11px;letter-spacing:1px;color:var(--muted);font-weight:700}.release-heading h1{font-size:26px;margin:6px 0 8px}.release-heading p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.release-current{white-space:nowrap;border:1px solid var(--line);background:var(--surface-raised);padding:9px 13px;border-radius:20px;font-size:12px}.release-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.release-toolbar>span{font-size:12px;color:var(--muted);white-space:nowrap}.release-search{display:flex;align-items:center;gap:12px;border:1px solid var(--control-line);border-radius:12px;padding:0 15px;background:var(--control);width:100%;max-width:500px;color:var(--muted)}.release-search svg{width:18px;height:18px}.release-search input{border:0;box-shadow:none;background:transparent;padding:14px 0;width:100%;font-size:13px;color:var(--ink)}.release-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.release-search input:focus{outline:none}.release-timeline{list-style:none;padding:0;margin:0}.release-timeline>li{display:grid;grid-template-columns:95px minmax(0,1fr);gap:22px;position:relative;padding-bottom:24px}.release-timeline>li:not(:last-child):before{content:'';position:absolute;left:46px;top:42px;bottom:0;width:2px;background:var(--line)}.release-marker{padding-top:17px;z-index:1}.release-marker>span{display:block;text-align:center;background:var(--surface-raised);border:1px solid var(--line);border-radius:11px;padding:12px 8px;font-size:14px;font-weight:650;color:var(--muted)}.release-timeline>li:first-child .release-marker>span{background:var(--accent-soft);color:var(--ink)}.release-card{padding:27px 30px;margin:0}.release-card.latest{border-color:var(--accent)}.release-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:14px;font-size:12px;color:var(--muted)}.release-latest{color:var(--ink);background:var(--accent-soft);border-radius:7px;padding:5px 9px;font-size:11px}.release-card h2{font-size:19px;line-height:1.4;margin:0 0 9px}.release-card header p{color:var(--muted);font-size:13px;line-height:1.65;max-width:780px}.release-card ul{margin:20px 0 0;padding:18px 0 0 20px;border-top:1px solid var(--line);font-size:13px;line-height:1.8}.release-card ul li{padding-left:4px;margin:5px 0}.release-card ul li::marker{color:var(--accent)}.release-empty{padding:40px;text-align:center}.release-empty p{color:var(--muted)}@media(max-width:650px){.portal-header .brand-name{font-size:17px}.release-intro{padding:22px;align-items:flex-start;flex-direction:column;gap:18px}.release-heading{gap:13px}.release-heading h1{font-size:22px}.release-icon{width:43px;height:43px}.release-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.release-search{max-width:none}.release-timeline>li{grid-template-columns:minmax(0,1fr);gap:9px;padding-left:16px}.release-timeline>li:not(:last-child):before{left:0;top:30px}.release-marker{padding-top:0}.release-marker>span{display:inline-block;padding:8px 14px}.release-card{padding:22px}.release-card h2{font-size:17px}.release-meta{gap:8px}}

.mobile-wordmark{display:none}@media(max-width:1023px){.mobile-wordmark{display:block;font-size:17px;font-weight:800;letter-spacing:-.7px;color:var(--ink);white-space:nowrap;text-decoration:none}.mobile-wordmark span{color:#fc7474}.topbar-start .breadcrumb{display:none}}

/* Keep sparse module navigation compact instead of stretching grid rows. */
.sidebar nav{align-content:start;grid-auto-rows:max-content}