.pro-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.pro-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.pro-fields label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.wide{grid-column:1/-1}.checkgroup{grid-column:1/-1;border:1px solid var(--line);border-radius:8px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkgroup label{display:block!important;color:var(--text)!important}.checkgroup legend{color:var(--muted);font-size:13px;padding:0 6px}.position-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:16px 0;border-top:1px solid var(--line)}.position-row label:nth-child(1),.position-row label:nth-child(2){grid-column:span 3}.position-row label:nth-child(3),.position-row label:nth-child(4),.position-row label:nth-child(5){grid-column:span 2}.position-row>button{grid-column:1/-1;justify-self:end}.position-row label{font-size:12px}dialog{width:min(840px,95vw)}.clock{font-size:46px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);margin:10px 0}.day-add{border:0;background:transparent;width:100%;font-size:12px;padding:5px;margin-bottom:15px;text-align:left}.day article small{display:block;margin-top:5px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-grid dt{color:var(--muted);font-size:12px}.profile-grid dd{margin:5px 0 0}.upload-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.upload-form input{width:min(360px,100%)}.upload-form small{color:var(--muted)}.file-row,.session-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px 0}.file-row small,.session-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.avatar{width:85px;height:85px;object-fit:cover;border-radius:50%;margin-bottom:15px}.chat-history{max-height:450px;overflow:auto;margin:20px 0}.chat-history article{background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:10px;margin-bottom:12px;max-width:85%}.chat-history article.own{margin-left:auto;border-color:var(--accent)}.chat-history p,.mail-body{white-space:pre-wrap;overflow-wrap:anywhere}.chat-history small{font-size:10px;color:var(--muted)}.feed-url{overflow-wrap:anywhere;font-size:12px;background:var(--bg);padding:12px}.danger{color:var(--accent)}#notificationBell{white-space:nowrap}.headeractions{gap:7px}#fields{max-height:68vh;overflow:auto}.settings .pro-fields{max-width:1000px}@media(max-width:650px){.pro-fields,.profile-grid{grid-template-columns:1fr}.checkgroup{grid-template-columns:1fr}.position-row{grid-template-columns:1fr 1fr}.position-row label:nth-child(n){grid-column:span 2}.clock{font-size:36px}.pro-tabs button{font-size:12px}.file-row,.session-row{align-items:flex-start;flex-wrap:wrap}.headeractions #who{max-width:100px}.upload-form input{width:100%}}

/* Compact working overview, using the existing palette and header. */
.work-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start}.work-section{margin:0}.work-section:last-child{grid-column:1/-1}.work-heading{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.work-heading h2{font-size:16px;margin:0}.work-heading small{color:var(--muted);font-size:12px}.work-heading button{font-size:12px;padding:6px 9px}.work-list{padding:0 20px}.work-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 0;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text)}.work-row:last-child{border-bottom:0}.work-row:hover{background:var(--hover)}.work-row>span:first-child{flex:1;min-width:0}.work-row b{display:block;font-size:13px;font-weight:600}.work-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.work-row .work-tag{font-size:11px;color:var(--muted);white-space:nowrap}.work-empty{padding:16px 0;margin:0;color:var(--muted);font-size:13px}#userMenuWrap{position:relative}#who{border-color:transparent}#who::after{content:' ▾';color:var(--muted)}.user-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:230px;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0004}.user-menu[hidden]{display:none}.user-menu button{display:block;width:100%;text-align:left;margin:0;border:0!important;white-space:normal}.user-menu button:hover{background:var(--hover)}.user-menu-label{font-size:11px;color:var(--muted);padding:12px 12px 5px}.user-menu #logout{border-top:1px solid var(--line)!important;border-radius:0;margin-top:5px;padding-top:12px}@media(max-width:760px){.work-overview{grid-template-columns:1fr}.work-section:last-child{grid-column:auto}.work-heading,.work-list{padding-left:14px;padding-right:14px}.work-row{flex-wrap:wrap}.work-row .work-tag{white-space:normal}.user-menu{max-width:calc(100vw - 28px)}}

.work-target{outline:2px solid var(--accent);outline-offset:-2px}

/* Dashboard work overview only; existing navigation and module styles stay intact. */
.dashboard-workspace .titlebar{margin-bottom:20px}.dash-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.dash-search{flex:0 1 570px;min-width:0;position:relative}.dash-search>label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.dash-search>input{width:100%}.dash-search #globalResults:not(:empty){position:absolute;left:0;right:0;top:100%;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;z-index:10;max-height:420px;overflow:auto;box-shadow:0 10px 30px #0003}.dash-search #globalResults button{display:block;width:100%;text-align:left;margin:5px 0}.dash-search #globalResults small{display:block;color:var(--muted);margin-top:5px}.dash-quick{display:flex;gap:8px;flex-wrap:wrap;align-self:flex-end}.dash-quick button{padding:9px 13px;font-size:12px;white-space:nowrap}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.dash-metric{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;align-items:center}.dash-metric>span{font-size:12px;color:var(--muted);line-height:1.4}.dash-metric strong{font-size:27px;grid-column:2;grid-row:1/3;font-variant-numeric:tabular-nums;color:var(--text)}.dash-metric small{font-size:10px;color:var(--muted)}.dash-metric:hover:not(:disabled){border-color:var(--accent);background:var(--hover)}.dash-metric:disabled{cursor:default;opacity:.55}.dash-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(275px,1fr);gap:22px;align-items:start}.dash-main,.dash-attention{min-width:0;display:grid;gap:20px}.dash-panel{margin:0;overflow:hidden}.dash-panel-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-panel-head h2{font-size:16px;margin:0}.dash-panel-head .dash-text-link{font-size:11px;padding:4px 0;border:0;border-radius:0;color:var(--muted);background:transparent;white-space:nowrap}.dash-text-link:hover{color:var(--accent)!important}.dash-date{font-size:12px;color:var(--muted)}.dash-empty{margin:0;padding:19px 20px;font-size:12px;line-height:1.6;color:var(--muted)}.dash-attention .work-list .dash-empty{padding:16px 0}.dash-attention .dash-panel-head{padding:14px 18px}.dash-attention .dash-panel-head h2{font-size:14px}.dash-attention .work-list{padding:0 18px}.dash-attention .work-row{gap:10px}.dash-attention .work-row .work-tag{font-size:10px;white-space:normal;max-width:90px;text-align:right}.dash-attention .work-row b{font-size:12px}.dash-attention .work-row small{font-size:11px}.dash-day-row{width:100%;display:flex;gap:20px;text-align:left;padding:19px 22px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text)}.dash-day-row:last-child{border-bottom:0}.dash-day-row:hover{background:var(--hover)}.dash-time{flex:0 0 65px;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;color:var(--accent);padding-top:2px}.dash-time small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:6px}.dash-day-info{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere}.dash-day-info>b{font-size:14px}.dash-day-info>span{font-size:12px;color:var(--muted)}.dash-day-info>small{font-size:11px;color:var(--muted)}.dash-day-info .dash-kind{text-transform:uppercase;letter-spacing:.7px;font-size:9px}.dash-day-info .dash-open{color:var(--text);margin-top:2px}.dash-order-link{border:0;background:transparent;padding:0;text-align:left;display:block;width:100%;color:var(--text)}.dash-order-link b{font-size:12px}.dash-order-link small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.dashboard-workspace td{font-size:12px;padding:15px 16px}.dashboard-workspace th{font-size:10px;padding:12px 16px}.dashboard-workspace td:last-child{white-space:nowrap}.dashboard-workspace td:nth-child(3){white-space:nowrap}.dash-warning{color:var(--accent);font-weight:700}.dashboard-workspace #dashboardDay:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(min-width:1600px){main:has(.dashboard-workspace){max-width:1600px}}@media(max-width:1050px){.dash-layout{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:16px}.dash-metric{padding:13px}.dash-metric strong{font-size:24px}.dash-tools{gap:14px}.dash-quick button{padding:9px 10px}.dash-day-row{padding:17px;gap:14px}.dash-panel-head{padding:15px 17px}}@media(max-width:800px){.dash-layout{grid-template-columns:1fr}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-tools{flex-direction:column;align-items:stretch;gap:13px}.dash-search{flex:auto}.dash-quick{align-self:flex-start}.dash-attention{gap:14px}.dash-search #globalResults:not(:empty){max-height:330px}}@media(max-width:420px){.dash-metric{padding:12px 10px}.dash-metric>span{font-size:11px}.dash-metric strong{font-size:23px}.dash-day-row{padding:16px 13px;gap:12px}.dash-time{flex-basis:53px;font-size:13px}.dash-panel-head{padding:14px 13px}.dash-panel-head h2{font-size:14px}}

.receipt-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.5fr);gap:22px;align-items:start}.receipt-preview{display:block;max-width:100%;height:auto;margin:18px 0;border:1px solid var(--line)}.receipt-warning{padding:10px 15px;border-left:3px solid var(--accent);background:var(--soft);font-size:12px;margin:15px 0}.receipt-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.receipt-filters input{min-width:240px}#receiptReview{margin-top:20px}#receiptReview label{color:var(--muted)}@media(max-width:850px){.receipt-layout{grid-template-columns:1fr}.receipt-filters input{min-width:0;width:100%}}

/* Time clock page: existing theme tokens, dedicated compact control cards. */
.time-workspace{max-width:1080px;margin:0 auto}.time-back{margin-bottom:22px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:12px;font-weight:650}.time-title{margin-bottom:24px}.time-title h1{color:var(--accent);font-size:31px;margin:0 0 10px;display:flex;align-items:center;gap:13px}.time-title h1>span{font-size:25px}.time-title .sub{font-size:13px}.time-status{padding:26px;margin:0 0 22px;border-radius:17px;background:linear-gradient(125deg,var(--panel),var(--hover));position:relative;overflow:hidden}.time-status-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.time-status-copy{min-width:0;flex:1}.time-state{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:20px;font-size:11px;font-weight:650;background:var(--bg)}.time-state i{width:9px;height:9px;background:var(--muted);border-radius:50%}.time-state.running i{background:#22b86a}.time-state.paused i{background:#d99c32}.time-status-copy h2{font-size:18px;margin:18px 0 10px;color:var(--accent)}.time-status-copy p{font-size:12px;line-height:1.6}.time-now{text-align:right;position:relative;padding-top:1px;flex-shrink:0}.time-now strong{display:block;font-size:42px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--text)}.time-now small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.time-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 10px}.time-facts>div{border:1px solid var(--line);border-radius:10px;padding:15px;background:var(--bg)}.time-facts span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.time-facts b{display:block;font-size:13px;font-variant-numeric:tabular-nums}.time-control{padding:25px;border-radius:17px;margin:0}.time-control>h2{text-align:center;color:var(--accent);font-size:20px;margin:0 0 12px}.time-control>.sub{font-size:12px;margin-bottom:22px;line-height:1.6}.time-control form>label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin-bottom:24px;color:var(--text)}.time-control input,.time-control select,.time-control textarea{width:100%}.time-control textarea{min-height:110px;resize:vertical;font-family:inherit}.time-start-button{width:100%;background:#12823c;border-color:#12823c;color:#fff;padding:13px;margin:3px 0 20px;font-weight:700}.time-start-button:hover{background:#0f7134;border-color:#0f7134}.time-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.time-shortcuts>button{display:flex;gap:14px;text-align:left;align-items:center;padding:17px;background:var(--bg);border-radius:11px}.time-shortcuts>button>span:first-child{font-size:21px}.time-shortcuts>button>span:nth-child(2){flex:1;min-width:0}.time-shortcuts b{display:block;font-size:12px}.time-shortcuts small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.time-shortcuts>button>span:last-child{color:var(--muted)}.time-elapsed{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;margin:8px 0;color:var(--text)}.time-actions{display:flex;gap:12px;margin:22px 0}.time-actions button{flex:1;padding:14px;font-weight:650}.time-pause-button{background:var(--bg)}.time-stop-button{background:var(--accent);border-color:var(--accent);color:#fff}.time-note{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}@media(max-width:700px){.time-status,.time-control{padding:20px}.time-status-top{gap:15px}.time-now strong{font-size:30px}.time-title h1{font-size:27px}.time-facts{gap:8px}.time-facts>div{padding:12px}.time-shortcuts{grid-template-columns:1fr}}@media(max-width:460px){.time-status-top{flex-direction:column-reverse}.time-now{text-align:left}.time-now strong{font-size:35px}.time-facts{grid-template-columns:1fr}.time-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.time-facts span{margin:0}.time-status,.time-control{padding:16px}.time-actions{flex-direction:column}.time-title h1{font-size:25px}}

/* Employee directory: compact profile cards using the current app palette. */
.employee-workspace{max-width:1200px;margin:0 auto}.employee-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.employee-toolbar>button{font-size:12px;padding:10px 14px}.employee-heading{margin-bottom:28px}.employee-heading h1{color:var(--accent);font-size:27px;margin:0 0 14px}.employee-heading .sub{font-size:13px;line-height:1.6;margin:0}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:13px;align-items:start}.employee-card{position:relative;display:flex;align-items:stretch;padding:0;min-width:0;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden;min-height:85px;color:var(--text);transition:border-color .15s,background .15s}.employee-card:hover{border-color:var(--accent);background:var(--hover)}.employee-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.employee-photo{width:70px;height:85px;min-height:85px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);border-right:1px solid var(--line)}.employee-photo img{width:70px;height:85px;min-height:85px;max-height:85px;object-fit:cover;object-position:center 25%;display:block}.employee-initials{font-size:26px;font-weight:400;letter-spacing:-1px}.employee-card-info{padding:12px 20px 11px 10px;min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;justify-content:center}.employee-card-info>b{display:block;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.employee-position{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.employee-card-info>small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.employee-status{position:absolute;right:9px;top:10px;display:block;width:8px;height:8px;border-radius:50%}.employee-status.active{background:#2cc96b}.employee-status.archived{background:var(--muted)}.employee-archived .employee-photo,.employee-archived .employee-card-info{opacity:.65}.employee-legend{display:flex;gap:18px;margin-top:20px;font-size:11px;color:var(--muted)}.employee-legend>span:first-child{color:#2ca764}@media(max-width:600px){.employee-grid{grid-template-columns:1fr}.employee-workspace{max-width:440px}.employee-heading h1{font-size:25px}.employee-heading .sub{font-size:12px}.employee-card{min-height:84px}.employee-photo{width:70px}.employee-toolbar{margin-bottom:24px}}

/* Native color emoji glyphs instead of outline SVGs or text-symbol substitutes. */
.emoji-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:emoji;font-style:normal;font-weight:400;font-size:18px;line-height:1.1;vertical-align:middle;text-shadow:none;filter:none}.moduleicon>.emoji-icon{font-size:24px}header nav .emoji-icon{font-size:17px;width:19px}.time-title h1>.emoji-icon{font-size:27px}.time-shortcuts>button>.emoji-icon{font-size:22px}.employee-card-info>small>.emoji-icon{font-size:11px;margin-right:2px}.headeractions button,.time-start-button,.time-actions button{font-family:"Segoe UI",Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:emoji}

.dash-heading-clock{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.dash-heading-clock>.titlebar{flex:1;min-width:0;margin:0}.dash-clock-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 15px;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-shrink:0;min-width:94px}.dash-clock-link>.emoji-icon{font-size:48px;line-height:1.1}.dash-clock-link>small{font-size:11px;color:var(--muted)}.dash-clock-link:hover{border-color:var(--accent);background:var(--hover)}.dash-clock-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:500px){.dash-heading-clock{gap:12px}.dash-clock-link{min-width:80px;padding:9px}.dash-clock-link>.emoji-icon{font-size:40px}.dash-clock-link>small{font-size:10px}}

/* Emoji elements are not navigation badges: remove inherited badge boxes. */
.emoji-icon,header nav .emoji-icon{background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;padding:0;text-shadow:none}
.moduleicon{background:transparent;background-image:none;border:0;box-shadow:none}

.company-doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.company-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.company-breadcrumb button{font-size:12px;background:transparent;padding:7px 9px}.company-breadcrumb>span{font-size:13px;background:none;padding:0;color:var(--muted)}.company-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:22px}.company-folder-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.company-folder-open{width:100%;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;background:transparent;border:0;border-radius:0}.company-folder-open>.emoji-icon{font-size:35px}.company-folder-open>span:last-child{min-width:0;overflow-wrap:anywhere}.company-folder-open b{display:block;font-size:14px}.company-folder-open small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.company-folder-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 10px 10px}.company-folder-actions button{padding:6px 10px}.company-file-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.company-file-actions button{font-size:12px}.company-doc-toolbar>.primary{white-space:nowrap}@media(max-width:650px){.company-doc-toolbar{flex-direction:column;align-items:flex-start}.company-folder-grid{grid-template-columns:1fr}.company-file-actions{justify-content:flex-start}.company-file-actions button{font-size:11px}}

/* Firmendokumente: scoped Explorer layout, preserving the app navigation. */
.company-explorer-workspace{max-width:1600px;margin:auto}.company-explorer{padding:0;overflow:visible;margin:0}.company-explorer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--line);flex-wrap:wrap}.company-pathbar{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.company-up{padding:8px 12px;font-size:19px;line-height:1}.company-up:disabled{opacity:.35;cursor:default}.company-explorer .company-breadcrumb{min-width:0;padding:4px 7px;background:var(--bg);border:1px solid var(--line);border-radius:7px;flex:1}.company-explorer .company-breadcrumb button{padding:5px 7px;border:0;font-size:12px;color:var(--muted)}.company-explorer .company-breadcrumb [aria-current="page"]{font-weight:700;color:var(--text)}.company-explorer-actions{display:flex;gap:9px;flex-wrap:wrap}.company-explorer-actions button{font-size:12px;padding:10px 13px;white-space:nowrap}.company-explorer-body{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:480px}.company-folder-tree{padding:16px 8px;border-right:1px solid var(--line);background:var(--bg);border-radius:0 0 0 10px;max-height:680px;overflow:auto;display:block}.company-folder-tree>h2{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0;padding:5px 13px 14px}.company-tree-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);font-size:12px;margin-bottom:3px}.company-tree-item>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-tree-item>.emoji-icon{font-size:18px}.company-tree-item.selected{background:var(--soft);border-color:var(--line);box-shadow:inset 3px 0 0 var(--accent);font-weight:650}.company-tree-item:hover{background:var(--hover)}.company-explorer-main{padding:23px;min-width:0}.company-current-folder{display:flex;align-items:center;gap:13px;padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.company-current-folder>.emoji-icon{font-size:35px}.company-current-folder h2{font-size:20px;margin:0 0 5px;overflow-wrap:anywhere}.company-current-folder p{font-size:12px;color:var(--muted);margin:0;overflow-wrap:anywhere}.company-entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:14px;align-items:start}.company-entry{position:relative;min-width:0;border:1px solid transparent;border-radius:8px;background:transparent}.company-entry:hover,.company-entry:focus-within{background:var(--hover);border-color:var(--line)}.company-entry-open{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-height:153px;width:100%;padding:16px 10px 12px;border:0;background:transparent;color:var(--text);border-radius:8px}.company-entry-open:hover{background:transparent}.company-entry-icon{font-size:59px;line-height:1.2}.company-entry-open b{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.company-entry-open small{font-size:10px;color:var(--muted)}.company-entry-menu{position:absolute;right:3px;top:3px;z-index:2}.company-entry-menu[open]{z-index:15}.company-entry-menu>summary{list-style:none;cursor:pointer;padding:1px 7px;border-radius:4px;color:var(--muted);font-size:20px;line-height:1.2}.company-entry-menu>summary::-webkit-details-marker{display:none}.company-entry-menu>summary:hover{color:var(--text);background:var(--panel)}.company-entry-menu>div{position:absolute;right:0;top:27px;min-width:155px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px;box-shadow:0 8px 24px #0004}.company-entry-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px;font-size:12px;white-space:nowrap}.company-entry-menu button:hover{background:var(--hover)}.company-explorer-status{border-top:1px solid var(--line);padding:10px 15px;font-size:11px;color:var(--muted);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.company-folder-empty{grid-column:1/-1;color:var(--muted);font-size:13px;padding:35px 15px;line-height:1.8;text-align:center}@media(max-width:850px){.company-explorer-body{grid-template-columns:190px minmax(0,1fr)}.company-explorer-toolbar{align-items:stretch}.company-pathbar{flex-basis:100%}.company-explorer-main{padding:17px}.company-explorer-actions{margin-left:auto}}@media(max-width:600px){.company-explorer-body{grid-template-columns:1fr}.company-folder-tree{border-right:0;border-bottom:1px solid var(--line);max-height:190px;border-radius:0}.company-entry-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}.company-explorer-toolbar{padding:11px}.company-explorer-actions{width:100%;margin-left:0}.company-explorer-actions button{flex:1;padding:10px 8px;font-size:11px}.company-current-folder h2{font-size:18px}.company-entry-icon{font-size:53px}.company-explorer-main{padding:16px 12px}}

.company-folder-tree span{background:transparent;padding:0;border-radius:0;color:inherit;font-size:inherit}.company-folder-tree .emoji-icon{font-size:18px}

.panel-upload-action{margin-left:auto;flex-shrink:0}.panel-upload-action>button{font-size:12px;padding:9px 14px}.upload-button-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-button-block:has(>small):not(:has(>button)){margin:0 0 14px}.upload-button-block small{color:var(--muted);font-size:11px}.upload-button-block:empty{display:none}.billing-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}.billing-module-card{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-height:225px;padding:28px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text)}.billing-module-card:hover{background:var(--hover);border-color:var(--accent)}.billing-module-card>.emoji-icon{font-size:44px}.billing-module-card>b{font-size:20px}.billing-module-card>small{color:var(--muted);font-size:13px;line-height:1.6}.billing-module-card>span:last-child{font-size:12px;color:var(--muted);margin-top:auto}.billing-back{margin-bottom:20px}@media(max-width:850px){.billing-module-grid{grid-template-columns:1fr;gap:14px}.billing-module-card{min-height:170px;padding:22px}.panel-upload-action>button{font-size:11px;padding:8px 10px}.panelhead:has(.panel-upload-action){gap:12px;flex-wrap:wrap}}

.company-image-frame{height:85px;width:100%;display:flex;align-items:center;justify-content:center}.company-file-thumbnail{display:block;width:100%;height:85px;object-fit:contain;border-radius:5px}.company-menu-preview{display:block;max-width:100%;max-height:50vh;object-fit:contain;margin:0 auto 20px}.company-file-choices{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;padding:12px 0}.company-file-choices>.company-open-original{display:inline-block;padding:12px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-decoration:none;font-size:14px}.company-file-choices>button{padding:12px 20px;font-size:14px}.company-file-choices>.company-open-original:hover{background:var(--hover);border-color:var(--accent)}.company-preview-unavailable{font-size:11px;line-height:1.5;color:var(--muted);text-align:center}

/* Finance overview inspired by the reference; scoped to this page only. */
.finance-workspace{max-width:1200px;margin:0 auto}.finance-back{margin-bottom:20px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:12px;padding:10px 15px}.finance-intro{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:24px;margin:0 0 24px;align-items:start}.finance-intro h1{font-size:26px;line-height:1.3;color:var(--accent);margin:3px 0 9px}.finance-intro p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.finance-top-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.finance-top-actions button{font-size:12px;padding:10px 13px}.finance-green{background:#12823c;border-color:#12823c;color:#fff}.finance-green:hover{background:#0f7134;border-color:#0f7134}.finance-filter-panel{display:flex;flex-wrap:wrap;gap:13px;align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:22px}.finance-filter-panel>label{display:flex;flex:1 1 125px;min-width:0;flex-direction:column;gap:8px;font-size:11px;color:var(--muted)}.finance-filter-panel>.finance-filter-search{flex:2 1 225px}.finance-filter-panel input,.finance-filter-panel select{width:100%;font-size:12px;padding:10px}.finance-filter-actions{display:flex;gap:8px}.finance-filter-actions button{font-size:12px;padding:10px 13px}.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 28px}.finance-metric{padding:25px 17px;min-height:180px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;background:linear-gradient(135deg,var(--panel),var(--hover));border:1px solid var(--line);border-radius:15px;overflow-wrap:anywhere}.finance-metric>.emoji-icon{font-size:29px;line-height:1.3}.finance-metric-label{font-size:12px;color:var(--muted);line-height:1.5}.finance-metric>strong{font-size:24px;font-weight:750;color:var(--text);font-variant-numeric:tabular-nums}.finance-metric>small{color:var(--muted);font-size:10px;line-height:1.5;max-width:220px}.finance-metric.positive>strong{color:#2ac66a}.finance-metric.negative>strong{color:var(--accent)}.finance-metric.attention>strong{color:#e8a33d}.finance-metric.unavailable>strong{color:var(--muted)}.finance-expense-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.finance-expense-options button{padding:20px;font-size:13px}@media(max-width:1000px){.finance-intro{grid-template-columns:1fr}.finance-metrics{gap:12px}.finance-metric{padding:22px 12px}.finance-metric>strong{font-size:21px}}@media(max-width:700px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-filter-panel{padding:15px;gap:12px}.finance-filter-actions{width:100%}.finance-filter-actions button{flex:1}.finance-top-actions button{font-size:11px}.finance-intro h1{font-size:24px}}@media(max-width:400px){.finance-metric{padding:20px 10px;min-height:170px}.finance-metric>strong{font-size:20px}.finance-expense-options{grid-template-columns:1fr}}
/* Shared team availability and conversation overview. */
.presence-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted,#9ba9b8);white-space:nowrap}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#7b8794}.presence-dot.online{background:#2ecc71}.presence-dot.away{background:#f4ad22}.presence-dot.dnd{background:#f2545b}.presence-picker{padding:8px;border-bottom:1px solid var(--border,#303942);margin-bottom:6px}.presence-picker summary{cursor:pointer;display:flex;gap:10px;align-items:center;padding:8px 0}.presence-picker button{display:flex!important;align-items:center;gap:9px;width:100%}#who{display:flex;align-items:center;gap:8px}#who .presence-badge>span{display:none}.employee-presence{position:absolute;right:10px;top:9px}.employee-presence .presence-badge>span{font-size:10px}.employee-card-info{padding-right:65px}.chat-actions{display:flex;justify-content:flex-end;margin:0 0 18px}.conversation-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border,#303942);border-radius:0;padding:20px;background:transparent;color:inherit}.conversation-row:hover{background:rgba(128,128,128,.08)}.conversation-avatar{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:rgba(239,51,73,.14);font-weight:bold}.conversation-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.conversation-content>span:not(.presence-badge){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#9ba9b8)}.conversation-row time{font-size:12px;color:var(--muted,#9ba9b8)}.empty-chats{padding:22px}.chat-contact{margin:-10px 0 20px}.chat-person{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;margin-bottom:9px}.chat-history p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.conversation-row{padding:14px;gap:10px}.conversation-row time{max-width:65px}.employee-presence .presence-badge>span{display:none}.employee-card-info{padding-right:12px}}

.employee-presence .presence-badge>span{display:none}.employee-presence .presence-badge{cursor:help}.employee-card-info{padding-right:22px}

.presence-picker .user-menu-label{padding:5px 4px 9px;display:flex;flex-wrap:wrap;gap:5px}.presence-picker button{cursor:pointer;min-height:38px}.presence-picker button:hover,.presence-picker button:focus-visible{background:var(--hover);outline-color:var(--accent)}

.conversation-avatar{overflow:hidden}.conversation-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}.chat-contact{display:flex;align-items:center;gap:12px}.chat-person{gap:12px}.chat-person-name{flex:1;text-align:left}
.settings-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.settings-nav button{padding:10px 14px;font-size:13px}.settings-nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-save{display:flex;justify-content:flex-end;padding-top:20px;margin-top:12px;border-top:1px solid var(--line)}.settings-check{display:flex;align-items:center;gap:10px;padding:12px 0}.settings-check input{width:auto;margin:0}.settings-nav+section .pro-fields{margin-top:20px}.settings-nav+section .profile-grid dd{overflow-wrap:anywhere}.settings-nav+section hr{border:0;border-top:1px solid var(--line);margin:28px 0}.settings-nav+section h3{margin-top:24px}@media(max-width:650px){.settings-nav button{flex:1 1 140px}.settings-save button{width:100%}}
.pro-fields label.settings-check{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;gap:10px}.pro-fields label.settings-check input{width:18px;height:18px;flex:0 0 18px;margin:0}.pro-fields label.settings-check span{flex:1}
.access-section{padding:20px 0;border-bottom:1px solid var(--line)}.access-section:first-child{padding-top:0}.access-device{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:18px;margin:12px 0}.access-device.current{border-color:#25a865}.access-device>div:first-child{flex:1;min-width:0}.access-device b{overflow-wrap:anywhere}.access-device small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.access-device label{display:block;margin-top:14px}.access-device input{width:100%;margin-top:6px}.access-tag{display:inline-block;margin-left:10px;background:#17673e;color:white;border-radius:5px;padding:3px 6px;font-size:10px}.access-device-actions{width:320px;flex-shrink:0;display:grid;gap:7px}.access-device-actions>div{display:flex;gap:7px}.access-device-actions input{margin:0;min-width:0}.access-bottom{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}@media(max-width:750px){.access-device{align-items:stretch;flex-direction:column;gap:14px}.access-device-actions{width:100%}.access-bottom{flex-wrap:wrap}.access-bottom button{flex:1}}

.pill.status-success{background:#153f2e;color:#77e3a9}.pill.status-info{background:#173c56;color:#85cfff}.pill.status-warning{background:#4a3718;color:#ffce76}.pill.status-danger{background:#4f202b;color:#ff9aab}.pill.status-muted{background:#343b46;color:#c3ccd8}.pill.status-violet{background:#382c55;color:#d0b3ff}body:not(.dark) .pill.status-success{background:#ddf7e9;color:#15613a}body:not(.dark) .pill.status-info{background:#e0f0ff;color:#155b8a}body:not(.dark) .pill.status-warning{background:#fff0ce;color:#795000}body:not(.dark) .pill.status-danger{background:#ffe3e9;color:#a12441}body:not(.dark) .pill.status-muted{background:#e8ecf1;color:#465263}body:not(.dark) .pill.status-violet{background:#efe5ff;color:#633a96}.invoice-overview-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.invoice-overview-summary p{margin-bottom:0}@media(max-width:650px){.invoice-overview-summary{align-items:stretch;flex-direction:column}}

.detailactions.document-row-actions{margin:0;gap:8px}

.customer-image-preview img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.customer-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow:auto;background:var(--bg);padding:18px;border-radius:8px}.file-row>span{min-width:0;flex:1}.file-row>span>b{overflow-wrap:anywhere}

.billing-module-grid{gap:16px;grid-auto-rows:1fr}

.customer-note{padding:18px 0;border-top:1px solid var(--line)}.customer-note .document-row-actions{margin-top:14px}

.customer-note-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}

.helper-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.helper-tabs button.active{background:var(--accent);border-color:var(--accent);color:white}.helper-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}.helper-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:14px}.helper-card h3{margin-top:0}.helper-prose{white-space:pre-wrap;overflow-wrap:anywhere}.helper-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.helper-row>div{min-width:0}.helper-row small{display:block;color:var(--muted);margin-top:6px}.helper-row>div:last-child{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.helper-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.helper-permissions label{display:flex!important;align-items:flex-start;gap:10px;font-size:13px}.helper-permissions input{width:18px!important;height:18px;flex:0 0 18px;margin:0}.helper-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.helper-stats article{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:8px}.helper-stats b{font-size:28px}.helper-stats span{color:var(--muted);font-size:13px}.helper-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.helper-module-grid button{display:flex;align-items:center;gap:12px;text-align:left;padding:22px}.helper-module-grid span{font-size:28px}.helper-chat-history{max-height:480px;overflow:auto;margin:20px 0}.helper-message{padding:15px;border:1px solid var(--line);background:var(--bg);border-radius:10px;margin-bottom:12px;max-width:90%}.helper-message.own{margin-left:auto;border-color:var(--accent)}.helper-message p{margin:8px 0}.helper-message small{color:var(--muted);font-size:11px}.helper-portal form>label{display:block}.helper-portal form>label textarea{width:100%}@media(max-width:750px){.helper-permissions,.helper-module-grid{grid-template-columns:1fr}.helper-row{align-items:stretch;flex-direction:column;gap:12px}.helper-row>div:last-child{flex-shrink:1}.helper-stats{gap:8px}.helper-stats article{padding:12px}.helper-stats b{font-size:23px}.helper-tabs button{padding:10px;font-size:12px}.helper-message{max-width:100%}.helper-toolbar{flex-wrap:wrap}.helper-portal .pro-fields{grid-template-columns:1fr}}

@media(max-width:750px){.helper-portal>.helper-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;white-space:nowrap}.helper-portal>.helper-tabs button{flex:0 0 auto}}
