/* AVENQO design foundation: shared by Admin, Team and Customer Portal. */
:root{--bg:#07151d;--surface:#102730;--surface-raised:#173640;--line:#2d4a54;--text:#f4f8fa;--muted:#b8c8d0;--accent:#3dd6be;--primary:#3dd6be;--primary-hover:#79e4d1;--on-accent:#062a23;--danger:#a53b49;--radius:20px;--shadow:0 12px 32px #00000018;color-scheme:dark}
:root[data-theme=light]{--bg:#eff5f4;--surface:#fff;--surface-raised:#e3f0ed;--line:#b5cbc7;--text:#132e37;--muted:#48646e;--accent:#087c6c;--primary:#087c6c;--primary-hover:#066655;--on-accent:#fff;--shadow:0 10px 28px #254d4110;color-scheme:light}
html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:inherit}button,input,select,textarea{font:inherit;max-width:100%}button{min-height:48px;touch-action:manipulation;white-space:normal;overflow-wrap:anywhere;transition:background .15s,border-color .15s,box-shadow .15s}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{min-height:48px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px}input[type=checkbox]{min-height:22px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}label,.field-help,.muted,small,.metric-label,.table-meta{color:var(--muted)}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.025em;line-height:1.2;overflow-wrap:anywhere}h1{font-size:clamp(1.6rem,3vw,2.5rem)}h2{font-size:1.2rem}strong,b{font-weight:650}p{overflow-wrap:anywhere}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary,button.active{background:var(--primary);color:var(--on-accent);border:1px solid transparent;font-weight:650}.primary:hover{background:var(--primary-hover)}.secondary,.ghost,button:not(.primary):not(.active):not(.nav-btn):not(.conversation):not(.order){background:var(--surface-raised);border-color:var(--line);color:var(--text)}.secondary{background:var(--surface-raised);border-color:var(--line)}.secondary:hover,.ghost:hover{background:var(--surface-raised)}.ghost{color:var(--muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:8px 12px;min-height:48px;font-size:.85rem}.theme-toggle span:first-child{font-size:1.25rem}.theme-toggle .theme-label{color:var(--text)}
.panel,.metric-card,.card,.login-card,.modal-panel,.message-card,.task-card,.chat-layout{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel{padding:24px}.metric-card{padding:22px;position:relative;overflow:hidden}.metric-card:before{content:"";display:block;width:28px;height:4px;background:var(--accent);border-radius:8px;margin-bottom:16px}.metric-card strong{font-variant-numeric:tabular-nums;font-size:2rem;letter-spacing:-.05em}.metric-card small{color:var(--muted)}.metric-label{font-size:.85rem}.metric{font-variant-numeric:tabular-nums;font-size:2.1rem}.cards{gap:16px}.grid>*{min-width:0}.table-wrap{border-color:var(--line);border-radius:14px;overscroll-behavior-inline:contain}table th{background:var(--surface-raised);color:var(--muted);letter-spacing:.04em}th,td{border-color:var(--line);font-size:.875rem}tbody tr:hover{background:var(--surface-raised)}.status,.badge{background:var(--surface-raised);border:1px solid var(--line);color:var(--text);font-size:.75rem;white-space:normal;overflow-wrap:anywhere}.status-approved,.status-passed,.status-aktiv{color:var(--accent);border-color:var(--accent)}.status-cancelled,.status-failed{color:#ffc0c0;background:#492830}.status-quality_check,.status-rework{color:#ffdfa3;background:#44361b}.error,.form-error{color:#ffc0c0}.form-error{background:#492830}:root[data-theme=light] .error{color:#a13232}.empty-box{border-color:var(--line);padding:32px}.loading-panel{background:var(--surface);min-height:220px}.spinner{border-top-color:var(--accent)}.sm{min-height:44px}.actions{background:var(--surface)}dialog{background:var(--surface);color:var(--text);border-color:var(--line);border-radius:24px}dialog::backdrop{background:#021014bb;backdrop-filter:blur(4px)}.modal-panel{padding:24px}.signature,.sig,canvas{background:#fff}.sig{border-color:var(--line)}
/* Administration: calm workspace, distinct navigation and data hierarchy. */
body[data-surface=admin] #sidebar{background:var(--surface);width:264px;flex-basis:264px;padding:24px 16px;height:100dvh;overflow-y:auto}.brand>b{background:var(--accent);color:var(--on-accent);border-radius:16px}.brand-text strong{font-size:1.05rem;letter-spacing:.12em}.brand-text span{color:var(--muted)}.nav-btn{color:var(--muted);min-height:48px}.nav-btn:hover{background:var(--surface-raised);border-color:transparent}.nav-btn.active{background:var(--surface-raised);color:var(--text);border-color:var(--line);box-shadow:inset 3px 0 var(--accent)}.nav-label{white-space:normal;text-overflow:clip}.nav-icon{color:var(--accent)}.user-mini,.role-pill,.avatar{background:var(--surface-raised);color:var(--text);border-color:var(--line)}.user-mini span,.foot{color:var(--muted)}.sidebar-bottom{padding-top:24px}.app-main{padding:0 32px 40px}.topbar{background:var(--bg);backdrop-filter:none;padding:24px 0;position:relative;flex-wrap:wrap}.topbar h1{font-size:1.75rem}.topbar-actions{max-width:100%}.topbar-actions select{width:auto;max-width:150px}.topbar-actions button{min-height:48px}.role-pill{white-space:normal}.workspace-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 32px;margin-bottom:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(110deg,var(--surface),var(--surface-raised));position:relative;overflow:hidden}.workspace-hero h2{font-size:clamp(1.75rem,3vw,2.7rem);max-width:680px;margin:12px 0;line-height:1.08;font-weight:650}.workspace-hero p{margin:0;color:var(--muted)}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:650;letter-spacing:.16em}.hero-mark{flex:0 0 108px;width:108px;height:108px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:30px;transform:rotate(-8deg);color:var(--accent);font-size:4rem;font-weight:650;box-shadow:12px 12px 0 var(--surface-raised)}.snapshot{display:block;font-size:.75rem;margin-top:20px;color:var(--muted)}.quick-grid button{background:var(--surface-raised);color:var(--text);border-color:var(--line);min-height:108px;border-radius:16px}.quick-grid button:hover{border-color:var(--accent)}.quick-grid b:before{content:"↗";float:right;color:var(--accent);font-size:1.25rem}.dashboard-grid{gap:20px;margin-top:20px}.login-page{background:radial-gradient(ellipse at 20% 10%,var(--surface-raised),transparent 55%),var(--bg)}.login-card{padding:32px}.login-card .theme-toggle{margin-bottom:16px}.password-wrap .icon-btn{height:40px;min-height:40px}.search-box{min-width:0}
/* Team workspace, including the authenticated Android WebView. */
body[data-surface=team]>header{background:var(--surface);border-color:var(--line);padding:20px max(20px,calc((100vw - 1200px)/2));flex-wrap:wrap}body[data-surface=team]>header>div{flex-wrap:wrap}body[data-surface=team]>header strong{letter-spacing:.15em}body[data-surface=team]>header strong span{color:var(--accent)}body[data-surface=team]>nav{padding:12px max(20px,calc((100vw - 1200px)/2));border-color:var(--line);gap:8px;background:var(--bg)}body[data-surface=team]>nav button{flex-shrink:0;border-radius:999px}body[data-surface=team]>main{max-width:1200px;padding:28px 20px 80px}#connection{color:var(--muted);overflow-wrap:anywhere}#connection:empty{display:none}#connection:not(:empty){border:1px solid var(--line);padding:6px 10px;border-radius:999px}.chat-layout{margin-top:24px}.conversation-panel{border-color:var(--line);background:var(--surface)}.conversation{color:var(--text);min-height:68px}.conversation.selected{background:var(--surface-raised);box-shadow:inset 3px 0 var(--accent)}.avatar-dot{background:var(--surface-raised);color:var(--text);border-color:var(--muted);width:40px;height:40px}.avatar-dot.online{border-color:var(--accent)}.conversation-main{padding:24px}.chat-heading{border-color:var(--line)}.bubble{background:var(--surface-raised);color:var(--text);border-radius:18px 18px 18px 5px;padding:16px 18px}.bubble.mine{background:#164e44;border-radius:18px 18px 5px 18px;color:#f4f8fa}.bubble.mine small{color:#c0ded8}.bubble.mine .translation small{color:#c0ded8}.bubble.mine a{color:#79e4d1}.quoted,.reply-preview blockquote{color:var(--muted)}.bubble.mine .quoted{color:#c0ded8}.reply-preview{background:var(--surface-raised)}.composer textarea{background:var(--bg);border-radius:16px}.chat-toolbar button,.reply-button{min-height:44px;font-size:.8rem}.chat-toolbar .check{color:var(--text)}.conversation-main .chat-list{height:44vh;min-height:200px}.translation-help{color:var(--muted);opacity:1}.unread{color:var(--on-accent)}.typing{color:var(--accent)}
/* Customer portal: cards remain keyboard-operable and signatures readable. */
body[data-surface=customer] .wrap{max-width:1160px;padding:32px 24px}body[data-surface=customer] .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}body[data-surface=customer] .lang{width:auto;max-width:100%;margin:0 8px 16px 0}body[data-surface=customer] .order{transition:border-color .15s,box-shadow .15s}body[data-surface=customer] .order:hover{border-color:var(--accent)}body[data-surface=customer] .order h2{color:var(--accent);font-size:.8rem;letter-spacing:.08em}body[data-surface=customer] .order p:first-of-type{font-size:1.3rem;font-weight:650}body[data-surface=customer] .order p{overflow-wrap:anywhere}.sig{background:#fff}
@media(max-width:1100px){.app-main{padding:0 20px 32px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:900px){.app-main{padding:0 16px 28px}.topbar{padding:16px 0}.topbar-left{width:100%}.topbar-actions{width:100%;justify-content:flex-start}.nav-overlay:not([hidden]){display:block}body[data-surface=admin] #sidebar{max-width:calc(100vw - 32px)}.workspace-hero{padding:24px}.hero-mark{display:none}}
@media(max-width:650px){.panel,.login-card,.modal-panel{padding:18px}.workspace-hero{padding:24px 20px;margin-bottom:16px}.workspace-hero h2{font-size:1.9rem}.cards{gap:10px}.metric-card{padding:16px}.metric-card strong{font-size:1.65rem}.quick-grid{grid-template-columns:1fr 1fr}.quick-grid button{padding:14px}.topbar-actions .theme-label{display:none}.topbar-actions .theme-toggle{width:48px}.topbar-actions .secondary{min-height:48px}.conversation-main{padding:16px}.chat-layout{grid-template-columns:1fr}.conversation-panel{border-right:0;border-bottom:1px solid var(--line)}body[data-surface=team]>header{padding:16px}body[data-surface=team]>header>div{gap:8px;width:100%}body[data-surface=team]>header select{flex:1;min-width:100px;width:auto}body[data-surface=team]>nav{padding:12px 16px;margin:0}body[data-surface=team]>main{padding:20px 12px 64px}body[data-surface=team] .theme-label{display:none}body[data-surface=team] .grid{grid-template-columns:1fr}.conversation-main .chat-list{height:42vh}.bubble{max-width:94%}body[data-surface=customer] .wrap{padding:20px 12px}.actions{position:static}.modal{padding:12px}.modal-panel{border-radius:20px;max-height:calc(100dvh - 24px)}}
@media(max-width:380px){.cards,.quick-grid{grid-template-columns:1fr}.workspace-hero h2{font-size:1.6rem}.topbar-actions{gap:6px}.topbar-actions select{max-width:130px}.panel{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.workspace-hero,.theme-toggle,aside,.topbar,body[data-surface=team]>header,body[data-surface=team]>nav{display:none}html,body,.panel,.card,dialog{background:white!important;color:black!important;box-shadow:none}small,.muted{color:#333!important}}

.customer-login-form{display:grid;gap:12px;max-width:440px}.customer-login-form label{margin-top:8px}.customer-login-form button{margin-top:12px}