:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;--bg:#F5F5F7;--surface:#FFFFFF;--surface-alt:#F5F5F7;--text:#1D1D1F;--muted:#6E6E73;--line:#E5E5EA;--blue:#007AFF;--tint:#EAF3FF;--link:#0069dd;--button-bg:#006fe8;--on-accent:#fff;--focus:#007AFF;--success-text:#248A3D;--success-bg:#edf7ef;--warning-text:#B86E00;--warning-bg:#fff7e9;--error-text:#D70015;--error-bg:#fff0f1;--danger-text:#D70015;--danger-bg:#fff0f1}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text)}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.icon{width:22px;height:22px;flex:none;vertical-align:middle}
.skip-link{position:fixed;top:-80px;left:80px;z-index:100;background:var(--surface);padding:16px}
.skip-link:focus{top:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

.app-sidebar{position:fixed;inset:0 auto 0 0;width:64px;background:var(--surface);border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;transition:width 180ms ease;overflow:visible}
.app-sidebar:hover,.app-sidebar:focus-within,.nav-open .app-sidebar{width:232px}
.sidebar-brand{height:104px;flex:none;position:relative;display:flex;align-items:center}
.sidebar-brand>a{display:flex;align-items:center;width:100%;height:104px;color:var(--text);font-weight:600;overflow:hidden}
.brand-icon{width:100%;display:flex;justify-content:center;padding:4px}
.sidebar-brand .brand-image{width:100%;max-width:200px;height:88px;object-fit:contain}
.brand-symbol{font-size:28px;color:var(--blue);font-weight:600}
.brand-label,.nav-label,.profile-label{white-space:nowrap;opacity:0;transition:opacity 180ms;pointer-events:none}
.app-sidebar:hover .brand-label,.app-sidebar:focus-within .brand-label,.nav-open .brand-label,.app-sidebar:hover .nav-label,.app-sidebar:focus-within .nav-label,.nav-open .nav-label,.app-sidebar:hover .profile-label,.app-sidebar:focus-within .profile-label,.nav-open .profile-label{opacity:1;pointer-events:auto}
.main-navigation{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 8px}
.nav-item{display:flex;position:relative;align-items:center;min-height:48px;width:100%;margin-bottom:8px;border-radius:10px;color:var(--muted);font-size:15px;white-space:nowrap;background:transparent;border:0;padding:0;text-align:left}
.nav-icon{width:48px;flex:none;display:flex;justify-content:center;align-items:center}
.nav-item:hover{background:var(--surface-alt);text-decoration:none}
.nav-item.selected{background:var(--tint);color:var(--link)}
.nav-label{padding-left:8px}
.nav-tooltip,.control-tooltip{display:none;position:absolute;z-index:60;background:var(--text);color:var(--surface);border-radius:8px;padding:8px 12px;font-size:13px;white-space:nowrap;pointer-events:none}
.nav-tooltip{left:calc(100% + 8px)}
.profile-access:hover .nav-tooltip,.profile-access:focus-visible .nav-tooltip{display:block}
.sidebar-footer{padding:8px;border-top:1px solid var(--line);flex:none}
.sidebar-footer form{margin:0}
.profile-label{padding-left:8px;overflow:hidden;text-overflow:ellipsis}
.profile-label strong,.profile-label small{display:block;overflow:hidden;text-overflow:ellipsis;max-width:152px}
.profile-label small{font-size:13px;color:var(--muted)}
.sidebar-logout{color:var(--muted);background:transparent;min-height:44px}
.sidebar-logout:hover{background:var(--surface-alt)}
.drawer-close{display:none!important}
.drawer-backdrop[hidden]{display:none}
.drawer-backdrop{position:fixed;inset:0;border:0;border-radius:0;background:#0005;z-index:35;width:100%;height:100%;padding:0}
.app-shell{margin-left:64px;min-width:0}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:var(--surface)}
.topbar-section{display:flex;align-items:center;gap:16px;min-width:0;font-size:15px;font-weight:600}
.icon-button{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:0;border-radius:10px;position:relative}
.icon-button:hover{background:var(--surface-alt);color:var(--link);text-decoration:none}
.control-tooltip{right:0;top:48px}
.settings-entry:hover .control-tooltip,.settings-entry:focus-visible .control-tooltip{display:block}
.menu-toggle{display:none}
.nav-open .drawer-close{display:inline-flex!important;position:absolute;right:8px;background:var(--surface)}

main{width:100%;max-width:1440px;margin:0 auto;padding:32px;min-width:0}
main:focus{outline:none}
.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.heading-actions{display:flex;gap:8px}
h1{font-size:32px;font-weight:600;letter-spacing:-.8px;line-height:1.25;margin:0}
h2{font-size:18px;font-weight:600;margin:0 0 16px}
h3{font-size:17px;font-weight:600}
p{margin-top:0}
.page-description{color:var(--muted);margin:8px 0 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:24px;min-width:0}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.section-head h2{margin:0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.metric p{font-size:15px;color:var(--muted);margin:0}
.metric strong{display:block;font-size:36px;font-weight:600;line-height:1.2;margin:16px 0}
.metric small{font-size:13px;color:var(--muted)}
.analytics-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.analytics-total p{color:var(--muted);margin:0;font-size:15px}
.analytics-total strong{display:block;font-size:36px;font-weight:600;line-height:1.2;margin:16px 0;font-variant-numeric:tabular-nums}
.analytics-total small{font-size:13px;color:var(--muted)}
.status-bars{display:grid;gap:16px}
.status-row{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr) minmax(32px,max-content);gap:16px;align-items:center;min-width:0}
.status-row strong{text-align:right;font-variant-numeric:tabular-nums}
.status-row meter{display:block;width:100%;min-width:0;height:16px;appearance:none;background:var(--surface-alt);border-radius:8px;border:0}
.status-row meter::-webkit-meter-bar{background:var(--surface-alt);border:0;border-radius:8px}
.status-row meter::-webkit-meter-optimum-value{background:var(--blue);border-radius:8px}
.status-row meter::-moz-meter-bar{background:var(--blue);border-radius:8px}
.technician-statistics td:not(:first-child){font-variant-numeric:tabular-nums}
@media(max-width:767px){.analytics-totals{grid-template-columns:minmax(0,1fr);gap:24px}.status-row{grid-template-columns:120px minmax(0,1fr) minmax(24px,max-content);gap:8px}}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
.ticket-empty{text-align:center;padding:32px 16px;color:var(--muted)}
.ticket-empty>.icon{width:32px;height:32px}
.ticket-empty h3{color:var(--text);margin:16px 0 8px}
.ticket-empty p{margin:0}
.quick-links{display:grid;gap:8px}
.quick-link{display:flex;align-items:center;gap:16px;padding:12px 8px;min-height:48px;border-radius:10px;color:var(--text)}
.quick-link:hover{background:var(--surface-alt);text-decoration:none}
.quick-link>.icon:first-child{color:var(--link)}
.quick-link>.icon:last-child{margin-left:auto;width:18px;color:var(--muted)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
.two-col>*,.detail-grid>*{min-width:0}
.editor{max-width:960px}
.muted,.eyebrow,footer{color:var(--muted);font-size:13px}
.table-scroll,.calendar-scroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}
table{border-collapse:collapse;width:100%;text-align:left;font-size:15px}
th{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
th,td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top}
td{height:56px}
td small{display:block;color:var(--muted);font-size:13px}
tbody tr:last-child td{border-bottom:0}
.text-link{font-weight:500}
.badge{display:inline-block;padding:4px 8px;border-radius:8px;font-size:13px;white-space:nowrap;background:var(--surface-alt);color:var(--muted)}
.badge.open,.badge.progress,.badge.normal{background:var(--tint);color:var(--link)}
.badge.waiting{background:var(--warning-bg);color:var(--warning-text)}
.badge.resolved,.badge.closed{background:var(--success-bg);color:var(--success-text)}
.badge.high,.badge.urgent{background:var(--danger-bg);color:var(--danger-text)}

label{display:block;font-size:15px;font-weight:500;margin-bottom:24px}
input,select,textarea{display:block;width:100%;min-width:0;min-height:44px;margin-top:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:16px;font-weight:400}
input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:1px}
textarea{resize:vertical;line-height:1.6}
label small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:8px}
input[type=checkbox],input[type=radio]{width:24px;min-height:24px;accent-color:var(--blue)}
input[type=color]{max-width:180px;height:48px;padding:4px}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:10px;background:var(--button-bg);color:var(--on-accent);font-size:15px;font-weight:500;cursor:pointer;text-align:center;white-space:normal}
button:hover,.button:hover{text-decoration:none;box-shadow:inset 0 0 0 100px #0000000a}
.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}
.quiet{background:transparent;color:var(--muted);padding:8px}
.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.filters,.inline-form,.account-form{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.inline-form{margin-top:24px}
.filters label,.inline-form label,.account-form label{flex:1;min-width:160px;margin:0}
.account-form .form-actions{margin:0}
.empty{padding:24px 16px;color:var(--muted);text-align:center;font-size:15px}
.alert,.notice{padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}
.alert{color:var(--error-text);background:var(--error-bg);border-color:var(--error-text)}
.notice{color:var(--success-text);background:var(--success-bg)}
.field-error,label .field-error{color:var(--error-text);font-size:13px;display:block;margin-top:8px;font-weight:400}
[aria-invalid=true]{border-color:var(--error-text)}
.prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}
.prose ul{white-space:normal}
.wiki-body{max-width:100%;padding:8px 0}
.timeline{list-style:none;padding:0;margin:0}
.timeline li{border-left:2px solid var(--line);padding:0 0 24px 16px;margin-left:8px;overflow-wrap:anywhere}
.timeline-head{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted);margin-bottom:8px}
.timeline-head strong{color:var(--text)}
.linked{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:16px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.article{border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--text);overflow-wrap:anywhere}
.article:hover{background:var(--surface-alt);text-decoration:none}
.article h3{margin:0 0 16px}
.article p,.article small{color:var(--muted);font-size:13px}
.pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:24px;color:var(--muted);font-size:13px}
.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:840px}
.weekday{padding:16px;text-align:center;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}
.calendar-day{min-height:144px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.calendar-day>strong{display:block;margin-bottom:8px;font-size:13px;color:var(--muted)}
.calendar-day.outside{background:var(--surface-alt)}
.calendar-day.today>strong{color:var(--link)}
.calendar-event{display:block;padding:8px;margin:8px 0;border-radius:8px;background:var(--tint);color:var(--link);font-size:13px;overflow-wrap:anywhere}
.calendar-event small{display:block;font-size:13px}
.calendar-event.due_at{background:var(--danger-bg);color:var(--danger-text)}
.calendar-agenda{display:none}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.positive{color:var(--success-text)}
.negative{color:var(--danger-text)}
details{padding:16px 0;border-bottom:1px solid var(--line)}
summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:15px}
fieldset{border:0;margin:0;padding:0;min-width:0}
fieldset[disabled]{opacity:.8}
.settings-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px}
.settings-sidebar{align-self:start;position:sticky;top:24px}
.settings-sidebar .eyebrow{margin:16px 8px 8px}
.settings-tab{display:block;min-height:44px;padding:12px;border-radius:10px;color:var(--muted);margin-bottom:8px;font-size:15px}
.settings-tab.active{background:var(--tint);color:var(--link);font-weight:600}
.settings-tab:hover{background:var(--surface-alt);text-decoration:none}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.theme-option{border:1px solid var(--line);border-radius:16px;padding:16px;position:relative;margin:0;cursor:pointer}
.theme-option:has(input:checked){outline:2px solid var(--blue);background:var(--tint)}
.theme-option input{position:absolute;top:8px;right:8px;width:24px}
.theme-option strong{display:block;margin-right:24px;font-size:15px}
.theme-preview{display:block;height:96px;background:#F5F5F7;border:1px solid #E5E5EA;border-radius:10px;padding:16px 8px;margin:16px 0;--preview-accent:#007AFF}
.theme-preview span{display:block;height:8px;margin:8px;border-radius:4px;background:#E5E5EA;width:80%}
.theme-preview span:first-child{background:var(--preview-accent);width:40%}
.theme-preview span:last-child{width:60%}
.preview-slate{--preview-accent:#526478}
.preview-ocean{--preview-accent:#0067b8}
.preview-violet{--preview-accent:#6553c7}
.preview-forest{--preview-accent:#19735c}
.preview-sunset{--preview-accent:#b84f20}
footer{padding:24px 32px;text-align:center;overflow-wrap:anywhere}
.login-page .app-shell{margin-left:0}
.login-header{height:80px;padding:16px 32px;border-bottom:1px solid var(--line);background:var(--surface)}
.login-brand{display:inline-flex;gap:16px;align-items:center;color:var(--text);font-weight:600}
.login{max-width:480px;margin:0 auto 32px;padding:32px}
.login-page .heading{max-width:480px;margin:0 auto 24px}
.login-symbol{width:56px;height:56px;border-radius:16px;background:var(--tint);color:var(--blue);display:grid;place-items:center;font-size:28px;margin-bottom:24px}
.login .form-actions button{width:100%}

@media(max-width:1199px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-grid{grid-template-columns:minmax(0,1fr)}
.menu-toggle{display:inline-flex}
.article-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.detail-grid{grid-template-columns:minmax(0,1fr)}
}

@media(hover:none){.menu-toggle{display:inline-flex}
.app-sidebar:hover{width:64px}
.app-sidebar:hover .brand-label,.app-sidebar:hover .nav-label,.app-sidebar:hover .profile-label{opacity:0}
.nav-open .app-sidebar,.app-sidebar:focus-within{width:232px}
.nav-open .brand-label,.nav-open .nav-label,.nav-open .profile-label,.app-sidebar:focus-within .brand-label,.app-sidebar:focus-within .nav-label,.app-sidebar:focus-within .profile-label{opacity:1}
}

@media(max-width:767px){.app-shell{margin-left:0}
.app-sidebar{width:232px;transform:translateX(-100%);transition:transform 180ms ease;visibility:hidden}
.app-sidebar:hover{width:232px}
.nav-open .app-sidebar{transform:translateX(0);visibility:visible}
.app-sidebar .nav-label,.app-sidebar .brand-label,.app-sidebar .profile-label{opacity:1}
.topbar{padding:0 16px}
.topbar-section{gap:8px}
main{padding:24px 16px}
.heading{gap:16px;margin-bottom:24px}
h1{font-size:30px}
.card{padding:16px;margin-bottom:16px}
.metrics{gap:16px}
.metric strong{font-size:34px}
.metric p{font-size:14px}
.metric small{font-size:13px}
.dashboard-grid,.two-col,.detail-grid,.article-grid{grid-template-columns:minmax(0,1fr);gap:16px}
.filters,.inline-form,.account-form{display:block}
.filters label,.inline-form label,.account-form label{min-width:0;margin-bottom:16px}
.two-col label{margin-bottom:16px}
.form-actions{margin-top:16px}
.settings-layout{display:block}
.settings-sidebar{position:static;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.settings-sidebar .eyebrow{width:100%;margin:8px 0}
.settings-tab{margin:0}
.theme-grid{gap:16px}
.calendar-scroll{display:none}
.calendar-agenda{display:block}
.timeline-head{flex-direction:column;gap:8px}
.linked{flex-wrap:wrap}
.login-header{padding:16px}
.login{padding:24px}
.nav-tooltip{display:none!important}
footer{padding:24px 16px}
}

@media(max-width:359px){.metrics,.theme-grid{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}
}

.nav-item:hover .nav-tooltip,.nav-item:focus-visible .nav-tooltip{display:block}
.nav-tooltip{position:fixed;left:240px}
.sidebar-logout{opacity:0}
.app-sidebar:hover .sidebar-logout,.app-sidebar:focus-within .sidebar-logout,.nav-open .sidebar-logout{opacity:1}
.quick-icon{color:var(--link)}
h1,h2,h3,.page-description{overflow-wrap:anywhere}
.nav-item.selected .nav-icon{color:var(--blue)}

@media(hover:none){.app-sidebar:hover .sidebar-logout{opacity:0}
.nav-open .sidebar-logout,.app-sidebar:focus-within .sidebar-logout{opacity:1}
}

@media(max-width:767px){.nav-open{overflow:hidden}
}

:root{--success:#248A3D;--warning:#B86E00;--error:#D70015;--success-text:#207c37;--warning-text:#9b5d00}
.nav-item.selected .nav-label{color:var(--link)}

.mail-message{padding:24px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.mail-message:last-child{border-bottom:0}.mail-message .section-head{margin-bottom:8px}.mail-message h3{margin:0 0 16px}.mail-attachments{padding-left:24px}.mail-attachments li{padding:8px 0;overflow-wrap:anywhere}input[type=file]{padding:8px;min-height:48px}
.calendar-event.wake_at{border-left-color:var(--success-text);background:var(--success-bg);color:var(--success-text)}

.brand-image{width:40px;height:40px;object-fit:contain;vertical-align:middle}
.login-logo{width:128px;height:64px;object-fit:contain}
.branding-preview{display:flex;align-items:center;min-height:96px;padding:16px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px}
.branding-preview img{max-width:100%;width:256px;height:80px;object-fit:contain}
.login-symbol{width:160px;height:80px;background:transparent}
@media(max-width:767px){.sidebar-brand .brand-icon{padding-right:48px}}
td .badge+small{display:block;margin-top:4px;color:var(--muted)}
.sidebar-brand .logo-expanded{display:none}
.sidebar-brand .logo-collapsed{display:block}
@media(hover:hover){
  .app-sidebar:hover .logo-expanded{display:block}
  .app-sidebar:hover .logo-collapsed{display:none}
}
.app-sidebar:focus-within .logo-expanded,.nav-open .app-sidebar .logo-expanded{display:block}
.app-sidebar:focus-within .logo-collapsed,.nav-open .app-sidebar .logo-collapsed{display:none}
@media(max-width:767px){
  .sidebar-brand .logo-expanded{display:block}
  .sidebar-brand .logo-collapsed{display:none}
}

.customer-types{display:flex;gap:16px;flex-wrap:wrap;border:0;padding:0;margin:0 0 24px;min-width:0}
.customer-types legend{margin-bottom:8px}
.customer-types label{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.customer-types input{width:20px;min-height:20px;height:20px;margin:0}
.customer-types label:has(input:checked){background:var(--tint);border-color:var(--blue)}
.customer-vip{background:var(--warning-bg);color:var(--warning-text);display:inline-flex;align-items:center;gap:4px}
.customer-vip .icon{width:16px;height:16px}

.customer-sections{margin:0 0 24px}
/* Knowledge base: local editor and readable guides. */
.knowledge-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}
.knowledge-layout>div{min-width:0}.category-navigation summary{min-height:44px;cursor:pointer;padding:8px 0}
.category-tree details{padding-left:16px}.category-tree{overflow-wrap:anywhere}.category-tree>details{padding-left:0}
.wiki-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.wiki-actions,.wiki-controls,.wiki-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.wiki-actions form{margin:0}
.wiki-controls{margin:16px 0 24px}.wiki-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;line-height:1.8}
.wiki-editor-card{max-width:1100px}.wiki-toolbar{padding:16px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:var(--surface-alt)}
.wiki-toolbar button{font-size:13px;padding:8px 12px;min-height:44px}
.wiki-rich-editor{min-height:360px;padding:24px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;outline-offset:3px;overflow-wrap:anywhere}
.wiki-reading{max-width:900px;margin:0 auto 24px}.wiki-prose{font-size:16px;line-height:1.75;white-space:normal;overflow-wrap:anywhere}
.wiki-prose h2,.wiki-rich-editor h2{margin:32px 0 16px;font-size:24px}.wiki-prose h3{margin:24px 0 16px}
.wiki-prose img,.wiki-rich-editor img{display:block;max-width:100%;height:auto;border-radius:8px}.wiki-prose img{cursor:zoom-in}
.wiki-prose figure,.wiki-rich-editor figure{margin:24px 0}.wiki-prose figcaption,.wiki-rich-editor figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.wiki-image-selected{outline:2px solid var(--blue);outline-offset:4px}
.wiki-prose table,.wiki-rich-editor table{display:block;overflow-x:auto;max-width:100%;border:1px solid var(--line);margin:16px 0}
.wiki-rich-editor td,.wiki-rich-editor th{min-width:96px}.wiki-prose pre,.wiki-rich-editor pre{white-space:pre-wrap;padding:16px;background:var(--surface-alt);border-radius:10px;overflow-wrap:anywhere}
.wiki-prose code,.wiki-rich-editor code{font-size:14px;background:var(--surface-alt);border-radius:4px;padding:2px 4px}
.wiki-note,.wiki-warning,.wiki-tip{border-left:4px solid var(--blue);padding:16px;margin:24px 0;background:var(--surface-alt);border-radius:8px}
.wiki-warning{border-left-color:var(--warning-text)}.wiki-tip{border-left-color:var(--success-text)}.wiki-note p:last-child,.wiki-warning p:last-child,.wiki-tip p:last-child{margin-bottom:0}
.wiki-file-item{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}
.wiki-file-item[hidden]{display:none}.wiki-file-item span{overflow-wrap:anywhere}.wiki-upload-panel{max-width:1100px}
.wiki-diff{display:grid;gap:8px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:32px}.wiki-diff ins{background:var(--success-bg);color:var(--success-text)}.wiki-diff del{background:var(--error-bg);color:var(--error-text)}
.wiki-due{color:var(--warning-text);font-weight:600}.wiki-toc{border:1px solid var(--line);border-radius:10px;padding:16px;margin:24px 0}.wiki-toc summary{cursor:pointer;min-height:44px}
.wiki-driver code{overflow-wrap:anywhere}.wiki-driver{margin:24px 0}.wiki-state-actions form{margin:16px 0}
.wiki-lightbox{max-width:95vw;max-height:95vh;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:16px}
.wiki-lightbox img{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin-top:16px}.wiki-lightbox::backdrop{background:rgba(0,0,0,.55)}
@media(max-width:1199px){.knowledge-layout{grid-template-columns:minmax(0,1fr)}.category-navigation{max-height:400px;overflow:auto}}
@media(max-width:767px){.wiki-filters{grid-template-columns:minmax(0,1fr)}.wiki-rich-editor{padding:16px}.wiki-toolbar{padding:8px}.wiki-file-item{gap:8px}}
@media print{.app-sidebar,.topbar,footer,.skip-link,.wiki-controls,.wiki-history,.wiki-state-actions,.wiki-related,.heading-actions{display:none!important}.app-shell{margin-left:0!important}main{padding:0;max-width:none}.wiki-reading{border:0;padding:0;max-width:none}.wiki-prose img{max-height:80vh;object-fit:contain}.wiki-prose figure{break-inside:avoid}.wiki-prose a{color:inherit}.wiki-toc{display:none}.card{box-shadow:none}}
.wiki-checksum{max-width:320px;overflow-wrap:anywhere;white-space:normal}

/* Ticketarbeitsplatz: Kommunikation links, dauerhafte Kontaktinformationen rechts. */
.ticket-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:24px;align-items:start;width:100%}
.ticket-communication,.ticket-information{min-width:0}.ticket-information .card{padding:20px}.ticket-breadcrumb{margin-bottom:16px;font-size:14px}.ticket-heading h1{overflow-wrap:anywhere}.ticket-attributes{margin-bottom:24px}.compact-attribute-form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.compact-attribute-form label{flex:1;min-width:160px}.compact-attribute-form label span{font-size:13px}.compact-attribute-form button{margin-bottom:0}.ticket-context{position:relative}.ticket-context>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.ticket-context-content{position:absolute;right:0;top:52px;z-index:20;width:360px;max-width:calc(100vw - 32px);padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #00000012}.ticket-context-content .card{border:0;padding:0;box-shadow:none}.ticket-workspace summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.conversation-entry{margin-bottom:16px}.conversation-head{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.conversation-head time{margin-left:auto;font-size:13px;color:var(--muted)}.conversation-head strong{overflow-wrap:anywhere}.conversation-head .icon{width:15px;height:15px}.internal-message{background:color-mix(in srgb,var(--surface) 95%,#d5a143 5%);border-left:3px solid #b58b45}.rich-message{font-size:16px;line-height:1.65;overflow-wrap:anywhere}.rich-message p:first-child{margin-top:0}.rich-message img,.rich-editor img{max-width:100%;height:auto;cursor:zoom-in}.rich-message table,.rich-editor table{display:block;max-width:100%;overflow:auto}.rich-message pre{overflow:auto;max-width:100%}.mail-quote{color:var(--muted);margin-top:16px}.compact-attachments{list-style:none;padding:0;margin:16px 0 0}.compact-attachments li{padding:8px 0;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.message-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.message-toolbar button,.message-toolbar .button{min-height:44px;padding:8px 12px}.attachment-picker{position:relative;overflow:hidden}.attachment-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.message-edit-frame{border:1px solid var(--line);border-radius:10px;overflow:hidden}.rich-editor{padding:16px;min-height:180px;line-height:1.6;overflow-wrap:anywhere;outline-offset:-3px}.message-signature{padding:16px;border-top:1px solid var(--line)}.message-signature img,.signature-edit img{max-width:160px;max-height:120px;object-fit:contain}.message-action-footer{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-top:16px}.message-action-footer>div{display:flex;align-items:end;gap:8px}.message-action-footer label{margin:0}.message-action-footer select{min-width:210px}.draft-file{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0;overflow-wrap:anywhere}.ticket-todos .section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.todo-row{display:flex;align-items:start;gap:8px;margin:8px 0;position:relative}.todo-title{flex:1;min-width:0;overflow-wrap:anywhere;padding-top:12px}.todo-row.done .todo-title{text-decoration:line-through;color:var(--muted)}.todo-toggle{min-width:44px}.todo-actions{margin-left:auto}.todo-actions[open]{position:absolute;right:0;z-index:5;width:min(280px,100%);padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.todo-actions>summary{justify-content:end}.compact-actions{display:flex;flex-wrap:wrap;gap:8px}.remote-device{padding:16px 0;border-bottom:1px solid var(--line)}.remote-device:last-child{border-bottom:0}.remote-device p{margin:8px 0}.contact-card small{color:var(--muted)}.image-lightbox{width:min(1000px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface)}.image-lightbox img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:auto}.image-lightbox::backdrop{background:#0008}[hidden]{display:none!important}
@media(max-width:1100px){.ticket-workspace{grid-template-columns:minmax(0,1fr) 320px}.message-action-footer{flex-wrap:wrap}}
@media(max-width:900px){.ticket-workspace{grid-template-columns:minmax(0,1fr)}.ticket-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ticket-information .card{margin-bottom:0}}
@media(max-width:600px){.ticket-information{display:block}.ticket-information .card{margin-bottom:16px}.message-action-footer,.message-action-footer>div{width:100%;flex-wrap:wrap}.message-action-footer label{flex:1}.message-action-footer select{min-width:0;width:100%}.conversation-head time{margin-left:0;width:100%}.ticket-context-content{position:fixed;top:132px;right:16px;max-height:70vh;overflow:auto}.compact-attribute-form{gap:8px}.compact-attribute-form label{min-width:100%;}.message-composer{padding:16px}}

/* Ticketansicht: gemeinsame Ausrichtung, Editor- und Navigationsaktionen. */
.ticket-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:24px}.ticket-intro{margin-bottom:24px}.ticket-title-line{display:flex;align-items:flex-start;gap:8px;min-width:0}.ticket-title-line h1{flex:1;min-width:0;overflow-wrap:anywhere}.ticket-title-line>.icon-button,.ticket-title-line>.ticket-context{flex:none}.ticket-intro .page-description{overflow-wrap:anywhere}.compact-attribute-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px}.compact-attribute-form label{min-width:0;margin:0}.compact-attribute-form select{width:100%;min-width:0;text-overflow:ellipsis}.compact-attribute-form button{align-self:end;height:44px;margin:0}.compact-attribute-form #ticket-attribute-status{grid-column:1/-1;font-size:13px}.subject-edit-form{margin-top:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.subject-edit-form label{margin-bottom:16px}.subject-edit-form input{font-size:24px;font-weight:600}.original-message-content{--original-line-height:26.4px;line-height:var(--original-line-height);font-size:16px;display:flow-root}.original-message-content.is-collapsed{max-height:calc(var(--original-line-height) * 15);overflow:hidden;overflow:clip}.original-message-content :is(h1,h2,h3,h4,p,li,td,th){overflow-wrap:anywhere}.original-message-content img{display:block;max-width:100%;height:auto}.original-message-content table{overflow:auto;max-width:100%}.original-message-toggle{margin-top:8px}.original-mail-subject{overflow-wrap:anywhere;font-size:13px}.toolbar-icon,.message-toolbar .toolbar-icon{width:44px;height:44px;padding:0;border-color:var(--line);flex:none}.toolbar-icon .icon{width:20px;height:20px}.toolbar-icon[aria-pressed=true]{background:var(--tint);color:var(--link);border-color:var(--blue)}.attachment-picker:focus-within{outline:2px solid var(--focus);outline-offset:3px}.message-composer label:has([name=message_mode]){max-width:220px;margin-bottom:16px}.message-action-footer{align-items:end}.message-action-footer>div{align-items:end;flex-wrap:wrap;justify-content:flex-end}.reply-action-fields{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.reply-defer-fields{display:flex;gap:8px;align-items:end}.reply-defer-fields label{min-width:0;max-width:170px}.reply-defer-fields input{width:100%;min-width:0}.reply-action-fields select{min-width:150px}.info-card-heading{display:flex;align-items:center;gap:8px}.info-card-heading .icon,.remote-device strong .icon{width:18px;height:18px;color:var(--muted);flex:none}.remote-device strong{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.ticket-information a,.ticket-information p,.rich-editor a{overflow-wrap:anywhere;word-break:normal}.ticket-submenu-toggle{display:none;position:absolute;right:4px;top:2px;background:transparent;color:var(--muted);width:40px;height:44px;padding:0}.ticket-nav-parent{position:relative}.ticket-nav-parent .nav-item{margin-bottom:0}.ticket-nav-group{margin-bottom:8px}.ticket-submenu{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows 180ms ease,opacity 180ms ease,visibility 180ms;overflow:hidden}.ticket-submenu>a{min-height:0;overflow:hidden}.ticket-nav-group.submenu-open .ticket-submenu{grid-template-rows:1fr;visibility:visible;opacity:1}.ticket-submenu-link{display:flex;align-items:center;margin-left:40px;padding:0 8px;border-radius:8px;color:var(--muted);font-size:13px;white-space:nowrap}.ticket-nav-group.submenu-open .ticket-submenu-link{padding-top:12px;padding-bottom:12px;min-height:44px}.ticket-submenu-link.selected{background:var(--tint);color:var(--link)}.app-sidebar:hover .ticket-submenu-toggle,.app-sidebar:focus-within .ticket-submenu-toggle,.nav-open .ticket-submenu-toggle{display:flex}.ticket-nav-parent .nav-label{padding-right:40px}
@media(max-width:1199px){.compact-attribute-form{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-attribute-form button{grid-column:3;justify-self:end}.compact-attribute-form #ticket-attribute-status{grid-row:3}}
@media(max-width:1000px){.ticket-workspace{grid-template-columns:minmax(0,1fr)}.ticket-information{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ticket-information .card{margin-bottom:0}}
@media(max-width:600px){.ticket-information{display:block}.ticket-information .card{margin-bottom:16px}.compact-attribute-form{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-attribute-form label{min-width:0}.compact-attribute-form button{grid-column:2;grid-row:2}.compact-attribute-form #ticket-attribute-status{grid-column:1/-1}.ticket-title-line h1{font-size:28px}.reply-action-fields,.reply-defer-fields{width:100%}.reply-action-fields>label{max-width:none;width:100%}.reply-defer-fields label{max-width:none;flex:1}.message-action-footer>div{justify-content:stretch}.message-action-footer #message-execute{width:100%}.ticket-context-content{position:fixed;right:16px;top:132px}}
@media(prefers-reduced-motion:reduce){.ticket-submenu{transition:none}}
.original-message-content.is-collapsed{max-height:var(--original-limit,calc(var(--original-line-height) * 15))}.original-message-content table{overflow-x:auto;overflow-y:hidden}.original-message-content.is-collapsed table{max-height:none}.ticket-information .remote-device .compact-actions{align-items:center}
.ticket-title-line .subject-edit-form{flex:1;min-width:0;margin:0;padding:0;border:0;background:transparent}.ticket-title-line .subject-edit-form input{width:100%}.ticket-submenu-link{line-height:20px}.ticket-nav-parent .nav-item{padding-right:40px}

/* Compact composer and information cards; fields keep their existing semantics. */
.contact-name-row{display:flex;align-items:center;gap:8px;min-width:0}
.contact-name-row strong{min-width:0;overflow-wrap:anywhere}
.contact-name-row .badge{flex:none;line-height:20px}
.ticket-title-line{align-items:center}
.ticket-title-line>.icon-button,.ticket-title-line>.ticket-context{margin:0;align-self:center}
.ticket-title-line>.ticket-context>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;line-height:1;list-style:none;gap:0}
.ticket-title-line>.ticket-context>summary::-webkit-details-marker{display:none}
.ticket-title-line>.ticket-context>summary .icon{display:block;width:22px;height:22px}
.message-address-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:12px;align-items:start}
.message-address-row>*,.message-recipients{min-width:0}
.message-address-row label,.message-cc label{display:block;margin:0;font-size:13px;color:var(--muted)}
.message-composer .message-address-row label:has([name=message_mode]){max-width:none;margin:0}
.message-address-row input,.message-address-row select,.message-cc input{display:block;width:100%;min-width:0;height:44px;min-height:44px;margin-top:4px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:15px;text-overflow:ellipsis}
.message-address-row:has(.message-recipients[hidden]){grid-template-columns:minmax(0,1fr)}
.message-address-row:has(.message-recipients[hidden])>label{width:min(220px,100%);justify-self:end}
.message-cc{margin:4px 0 0}
.message-composer .message-cc>summary{min-height:32px;font-size:13px;color:var(--link);width:fit-content}
.message-cc label{margin:4px 0 8px}
.message-composer .message-toolbar{margin:8px 0;gap:4px}
.message-composer form{margin:0}
.message-composer #message-action-hint{margin:8px 0;font-size:13px}
.message-composer #message-save-status{margin:0;font-size:13px}
.contact-detail{display:flex;align-items:baseline;gap:8px;margin:8px 0;min-width:0}
.contact-detail .icon{width:16px;height:16px;color:var(--muted);position:relative;top:2px}
.contact-detail>span,.contact-detail>a{min-width:0;overflow-wrap:anywhere}
.remote-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.remote-card-head h2{margin:0;min-width:0}
.remote-settings{flex:none;width:44px;height:44px}
.remote-settings .icon{width:18px;height:18px}
.remote-device{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0}
.remote-device-info{min-width:0}
.remote-device-info strong{font-size:14px;line-height:20px}
.remote-device-info strong .icon{width:16px;height:16px}
.remote-device-info p{font-size:13px;margin:4px 0 0 24px}
.remote-device .remote-connect{min-height:36px;padding:6px 10px;font-size:13px;white-space:nowrap;border-radius:8px}
.ticket-todos .todo-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:8px;margin:8px 0}
.todo-row>form{margin:0;min-width:0}
.todo-row .todo-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}
.todo-row .todo-title{padding:10px 0;line-height:24px;min-width:0}
.todo-row .todo-actions,.todo-row .todo-actions[open]{position:static;width:44px;min-width:0;margin:0;padding:0;border:0;background:transparent;border-radius:0}
.ticket-workspace .todo-actions>summary{display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;list-style:none;border-radius:10px}
.todo-actions>summary::-webkit-details-marker{display:none}
.todo-actions>summary:hover{background:var(--surface-alt)}
.todo-actions .todo-menu{position:absolute;top:44px;right:0;width:min(280px,100%);z-index:5;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 4px 16px #0000000c}
.todo-state{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--muted)}
.todo-row:not(:has(>.todo-actions)){grid-template-columns:44px minmax(0,1fr)}
@media(max-width:600px){.message-address-row{grid-template-columns:minmax(0,1fr);gap:8px}.message-address-row:has(.message-recipients[hidden])>label{justify-self:start}.remote-device .remote-connect{min-height:44px}.remote-device{gap:8px}}

/* Personal IT cockpit: one page, content before decorative space. */
.cockpit-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}
.cockpit-header>div{min-width:0;max-width:900px}
.cockpit-header h1{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-.8px;overflow-wrap:anywhere}
.cockpit-eyebrow{font-size:13px;color:var(--muted);letter-spacing:.08em;margin:0 0 8px}
.cockpit-summary{color:var(--muted);font-size:16px;line-height:1.6;margin:12px 0 0}
.cockpit-header>time{flex:none;color:var(--muted);font-size:13px;padding-top:8px}
.cockpit-section-title{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 16px}
.cockpit-section-title .icon{width:18px;height:18px;color:var(--muted)}
.cockpit-next{background:color-mix(in srgb,var(--surface) 90%,var(--tint) 10%);border-color:color-mix(in srgb,var(--line) 65%,var(--blue) 35%);padding:20px 24px}
.cockpit-next-content{display:flex;justify-content:space-between;align-items:center;gap:24px}
.cockpit-next-content>div{min-width:0}
.cockpit-next-content>.button{flex:none}
.cockpit-next .cockpit-ticket-title{font-size:18px}
.cockpit-reason{margin:8px 0 0;font-size:13px;color:var(--link)}
.cockpit-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:start}
.cockpit-columns>*{min-width:0}
.cockpit-columns .card{padding:24px}
.cockpit-right .card{margin-bottom:16px}
.cockpit-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.cockpit-filter{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:10px;font-size:13px;color:var(--muted)}
.cockpit-filter.selected{background:var(--tint);color:var(--link);font-weight:600}
.cockpit-filter:hover{text-decoration:none;background:var(--surface-alt)}
.cockpit-count{font-size:13px;margin:0 0 4px}
.cockpit-ticket-list,.cockpit-events{list-style:none;padding:0;margin:0}
.cockpit-ticket-list>li,.cockpit-events>li{border-bottom:1px solid var(--line);padding:12px 0;min-width:0}
.cockpit-ticket-list>li:last-child,.cockpit-events>li:last-child{border-bottom:0}
.cockpit-ticket-title{display:block;font-size:15px;font-weight:600;color:var(--text);overflow-wrap:anywhere;line-height:1.5;padding:4px 0}
.cockpit-ticket-title:hover{color:var(--link)}
.cockpit-contact{font-size:13px;color:var(--muted);margin:4px 0;overflow-wrap:anywhere}
.cockpit-ticket-meta{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:8px}
.cockpit-unread{display:inline-flex;align-items:center;gap:4px;color:var(--link);font-size:13px}
.cockpit-unread .icon{width:14px;height:14px}
.cockpit-overdue{color:var(--danger-text)}
.cockpit-event-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}
.cockpit-event-label>time{white-space:nowrap}
.cockpit-feedback-meta{font-size:13px;color:var(--muted);margin:4px 0 8px;overflow-wrap:anywhere}
.cockpit-excerpt{font-size:14px;line-height:1.5;margin:8px 0 0;overflow-wrap:anywhere}
.cockpit-empty{font-size:14px;color:var(--muted);margin:8px 0;line-height:1.6}
.cockpit-list-link{font-size:13px;margin:16px 0 0}
.cockpit-team{margin-top:8px;border-top:1px solid var(--line);padding-top:20px}
.cockpit-team-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cockpit-team-metric{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);min-width:0}
.cockpit-team-metric span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.cockpit-team-metric strong{font-size:24px;font-weight:600}
.cockpit-team-metric:hover{text-decoration:none;border-color:var(--blue)}
@media(max-width:1000px){.cockpit-columns{grid-template-columns:minmax(0,1fr)}.cockpit-header{flex-wrap:wrap;gap:8px}.cockpit-team-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cockpit-header h1{font-size:30px}.cockpit-columns{gap:16px}.cockpit-columns .card,.cockpit-next{padding:16px}.cockpit-next-content{align-items:flex-start;gap:12px;flex-direction:column}.cockpit-next-content>.button{width:100%}.cockpit-team-metrics{gap:8px}.cockpit-team-metric{padding:12px}.cockpit-filter{padding:8px}.cockpit-header>time{padding-top:0}}

/* Password workspace: no fixed minimum content width, independent mobile panels. */
.vault-top,.vault-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;min-width:0}
.vault-section-head h2{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;margin:0;font-size:18px}
.vault-workspace{display:grid;grid-template-columns:210px 300px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:560px}
.vault-column{padding:16px;min-width:0;border-right:1px solid var(--line)}
.vault-column:last-child{border-right:0}.vault-column h2{font-size:18px;margin-top:0}
.vault-gate{max-width:560px}.vault-gate details{margin-top:24px}.vault-gate code{overflow-wrap:anywhere}
.vault-link,.vault-entry{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;color:var(--text,#1D1D1F);border:0;border-radius:10px;padding:12px 8px;margin:4px 0;min-width:0}
.vault-link.active,.vault-entry.active{background:var(--tint);color:var(--link)}
.vault-link{overflow-wrap:anywhere}.vault-entry>span:nth-child(2){flex:1;min-width:0}.vault-entry strong,.vault-entry small{display:block;overflow-wrap:anywhere}.vault-entry small{color:var(--muted,#6E6E73);font-size:13px;margin-top:4px}
.vault-entry-icon{flex:0 0 24px;display:flex;align-items:center}.vault-entry-icon img{width:24px;height:24px;object-fit:contain}
.vault-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.vault-filters label:last-child{grid-column:1/-1}
#vault-search{margin-bottom:16px}#vault-search label{font-size:13px}#vault-search input,#vault-search select{min-width:0;width:100%}
.vault-trash{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}.vault-trash input{width:18px;height:18px;min-height:18px}
.vault-fields{border-top:1px solid var(--line);padding-top:16px;margin:16px 0}.vault-fields h3{font-size:15px}
.vault-field{padding:8px 0}.vault-field>small{color:var(--muted,#6E6E73);font-size:13px}.vault-field-content{display:flex;align-items:center;gap:8px;min-width:0}.vault-field-content>span,.vault-field-content>code{flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.vault-field-content .icon-button{flex-shrink:0}
.vault-text-button,.vault-history-link{border:0;background:transparent;color:var(--link);padding:8px;font-size:13px}.vault-history-link{display:block;text-align:left;width:100%}
.vault-actions{margin:24px 0}.vault-actions button{margin:8px 8px 0 0}.vault-back{display:none}
.vault-edit-section{border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0}.vault-edit-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.vault-edit-field>label:nth-child(3){grid-column:1/-1}.vault-field-controls{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.vault-field-controls input[type=file]{max-width:100%}
#vault-dialog{width:min(600px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--surface);color:var(--text,#1D1D1F)}#vault-dialog::backdrop{background:rgba(0,0,0,.24)}#vault-dialog label{display:block;margin:16px 0}#vault-dialog code{overflow-wrap:anywhere}
#password-app [hidden]{display:none!important}#vault-error{border:1px solid #D70015;border-radius:10px;padding:12px;color:#D70015}#vault-feedback:empty{display:none}
@media(max-width:1199px){.vault-workspace{grid-template-columns:170px 240px minmax(0,1fr)}.vault-column{padding:12px}.vault-field-content{flex-wrap:wrap}}
@media(max-width:900px){.vault-workspace{display:block;min-height:0}.vault-column{border:0;display:none}.vault-workspace[data-panel=vaults] #vault-panel,.vault-workspace[data-panel=entries] #entry-panel,.vault-workspace[data-panel=detail] #detail-panel{display:block}.vault-back{display:inline-flex;margin-bottom:16px}.vault-edit-field{grid-template-columns:1fr}.vault-edit-field>label:nth-child(3){grid-column:auto}.vault-top{flex-wrap:wrap}}
.vault-favorite{color:var(--link);background:var(--tint)}