/* Shared Chef-App presentation. Business logic and printable canvases are unchanged. */
:root { color-scheme: light; --chef-surface:#fff; --chef-soft:#f1f6f8; --chef-ink:#21313a; --chef-muted:#60717b; --chef-border:#dbe5e9; --chef-accent:#176fa8;
  /* Brand paint stays saturated in both themes; readable text uses separate tokens. */
  --chef-brand-pink:#ca147c; --chef-brand-purple:#78398e; --chef-brand-blue:#2d67aa; --chef-brand-cyan:#49b4c9; }
body :is(.brand img,.home-header>img,.topbar-brand img,.chef-mobile-brand img,header>img,.login-card img,.auth-logo,.tool-icon:has(img)) { background:transparent;border:0;border-radius:0;padding:0;box-shadow:none; }
html { -webkit-text-size-adjust:100%; }
body { padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); }
button,a,input,select,textarea { touch-action:manipulation; }
:focus-visible { outline:2px solid var(--chef-accent);outline-offset:3px; }
.chef-menu-toggle,.chef-menu-close,.chef-mobile-brand,.chef-settings-picker { display:none; }
.chef-position-field { display:contents; }
.chef-position-field > label { display:none; }
[hidden] { display:none!important; }
.permission-hint { display:inline-flex;max-width:100%;align-items:stretch; }
.permission-hint:focus-visible { outline:2px solid var(--chef-accent);outline-offset:3px; }
.action-menu .permission-hint,.status-menu .permission-hint { display:flex;width:100%; }
button[data-role-locked] { opacity:.48!important;cursor:not-allowed!important; }
input[data-role-locked],select[data-role-locked],textarea[data-role-locked] { opacity:1!important;cursor:not-allowed; }
.permission-hint>[data-role-locked] { pointer-events:none; }
body.chef-faktura .topbar { top:var(--chef-local-banner-height,0px); }
body.chef-faktura .topbar .phase6-sync { position:static;flex-shrink:0;box-shadow:none;margin-left:4px; }
.chef-menu-backdrop { position:fixed;inset:0;background:rgba(5,14,25,.55);z-index:1000; }
.chef-menu-backdrop[hidden] { display:none; }
.weekend-insight { grid-column:1/-1; }
.weekend-links { display:flex;flex-wrap:wrap;gap:8px;margin-top:10px; }
.weekend-links button { border:1px solid var(--chef-border);border-radius:8px;padding:8px 12px;background:var(--chef-soft);color:var(--chef-accent);font:inherit;font-weight:750;cursor:pointer; }

@media (prefers-color-scheme: dark) {
  :root { color-scheme:dark; --chef-surface:#192632; --chef-soft:#21323f; --chef-ink:#e4edf2; --chef-muted:#a9bbc7; --chef-border:#344957; --chef-accent:#78cbe6;
    --bg:#101922;--panel:#192632;--soft:#21323f;--text:#e4edf2;--ink:#e4edf2;--muted:#a9bbc7;--line:#344957;--line2:#486171;--blue:var(--chef-brand-blue);--cyan:var(--chef-brand-cyan);--purple:var(--chef-brand-purple);--magenta:var(--chef-brand-pink);--pink:var(--chef-brand-pink);--green:#76d3a8;--green-bg:#173d33;--amber:#f1ca79;--amber-bg:#433722;--red:#ffa0aa;--red-bg:#462b35;--shadow:0 12px 34px #0002; }
  html body { color:var(--chef-ink);background:#101922; }
  :root { --surface:#192632;--canvas:#101922;--positive:#76d3a8;--negative:#ffa0aa; }
  body :is(td,.data-status strong) { color:var(--chef-ink); }
  body :is(.filter-field,.employee-count,.kpi-symbol,.custom-range-form button,.data-status button,.change.neutral) { color:var(--chef-ink);background:var(--chef-soft);border-color:var(--chef-border); }
  body .connection-pill,body .change.positive { background:var(--green-bg);color:var(--green);border-color:#345d4d; }
  body .change.negative { background:var(--red-bg);color:var(--red); }
  body tbody tr:hover { background:#263c4b; }
  body :is(.sidebar,.topbar,.card,.tool-card,.account-bar,.login-card,.auth-card,.customer-card,.summary article,.search-field,.period-panel,.kpi-card,.insight-panel,.employee-panel,.insight-card,.preview-top,.action-menu,.status-menu,.column-pop,.article-pop,.template-item-v2,.user-row,.right-card,.dialog-head,.confirm-actions,.invoice-dialog-head,.invoice-dialog-header,.number-card,.auth-gate) { background:var(--chef-surface);color:var(--chef-ink);border-color:var(--chef-border); }
  body dialog { color:var(--chef-ink)!important;background:var(--chef-surface)!important; }
  body :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.input,.select,.textarea,.head-select) { background:var(--chef-surface)!important;color:var(--chef-ink)!important;border-color:var(--chef-border)!important; }
  body :is(input,select,textarea):disabled { background:#243541!important;color:#afc0cc!important; }
  body input::placeholder,body textarea::placeholder { color:#91a6b5;opacity:1; }
  body :is(.btn,.icon-btn,.page-btn,.home-button,.article-choice,.order-type,.segment,.calendar-button,.filter-pill,.list-actions button,.actions button,.buchbar-connect-dialog button,.dialog-close) { color:var(--chef-ink);background:var(--chef-surface);border-color:var(--chef-border); }
  body :is(.btn-primary,button.primary,.copy-button,.txt-export-button,.export-button,.security-mark,.avatar) { color:#fff!important;background:linear-gradient(110deg,var(--chef-brand-blue),var(--chef-brand-purple) 65%,var(--chef-brand-pink))!important; }
  body :is(.search,.locked-banner,.order-type i,.email-chip.primary,.error-list) { background:var(--chef-soft);color:var(--chef-ink);border-color:var(--chef-border); }
  body :is(.btn-danger,.remove-pos,.status-danger,.error,.auth-error,.bb-error,.two-factor-error) { background:var(--red-bg)!important;color:var(--red)!important;border-color:#794856; }
  body :is(.nav-item,.settings-nav button,.settings-nav-link,.field label,label,legend,.doc-id,.customer,.profile,.lock-note,.period-buttons button,.filter-field) { color:var(--chef-ink); }
  body :is(.nav-item.active,.settings-nav button.active,.order-type.active,.segment.active,.page-btn.active,.period-buttons button.active,.filter-pill.active) { background:var(--chef-brand-blue);color:#fff;border-color:var(--chef-brand-cyan); }
  body .nav-item.active { background:linear-gradient(115deg,var(--chef-brand-pink),var(--chef-brand-purple) 58%,var(--chef-brand-blue)); }
  body :is(.number-year-tabs,.template-tabs,.datev-tabs) { background:#20394a;border-color:var(--chef-brand-cyan); }
  body :is(.number-year-tabs,.template-tabs,.datev-tabs) button { color:#adc6d4; }
  body :is(.number-year-tabs,.template-tabs,.datev-tabs) button.active { background:var(--chef-brand-blue);color:#fff;border-color:var(--chef-brand-cyan); }
  body :is(th,.badge,.segmented,.special-discount,.customer-summary,.master-preview,.article-sample,.datev-summary,.booking-flow>div,.number-preview,.format-preview,.prefix-preview,.type-row,.notice,.switch-row,.history-banner,.readonly-row,.test-result,.setting-info,.number-lock-note,.number-year-note,.lock-banner,.check-item,.detail-list>div,.email-chip,.days-chip,.apps span) { background:var(--chef-soft);color:var(--chef-ink);border-color:var(--chef-border); }
  body :is(td,.position-row,.details,.table-wrap,.table-head,.preview-shell,.template-upload,.sender-config,.master-form-actions) { border-color:var(--chef-border); }
  body :is(.status-panel,.data-status,.status-panel.success,.status-panel.error,.software-run-summary>div.grand) { background:#1c323d;color:var(--chef-ink);border-color:var(--chef-border); }
  body :is(.status-draft,.role) { color:#d9b9f2;background:#382c48; }
  body :is(.status-info,.status-off,.status-cancelled) { color:#bad8e8;background:#2c414f; }
  body :is(.billing-usage-indicator.is-warning,.warning-list strong) { color:#f1ca79; }
  body :is(.warning-list article,.stamp-warning-row,.data-status.is-stale) { background:#3d2c30;color:#f5c5ce; }
  body :is(.subline,.setting-note,.inline-note,.master-preview span,.customer-summary span,.table-note,.metric-muted,.type-row span:last-child,.bb-copy,.bb-eyebrow,.buchbar-connect-dialog label,.buchbar-connect-dialog small,.warning-list p) { color:var(--chef-muted)!important; }
  body :is(.row-click:hover,.nav-item:hover,.profile:hover,.article-choice:hover,.user-row:hover,.action-menu button:hover,.status-menu button:hover) { background:#263c4b; }
  body .nav-item:hover,body .settings-nav-link:hover { color:var(--chef-ink); }
  body :is(.template-upload,.template-check,.sender-style label) { background:var(--chef-soft);color:var(--chef-ink);border-color:var(--chef-border); }
  body .position-row.free-text-row { background:#172934; }
  body .preview-shell { background:#283c49; }
  body .settings-form-actions { background:linear-gradient(to bottom,#10192200,#101922 24px); }
  body .phase6-sync { color:var(--chef-ink);background:var(--chef-surface);border-color:var(--chef-border); }
  body :is(.tool-copy small,.eyebrow,.product,.back,.back-link,.account-settings,.tool-arrow,.arrow,.details summary,.project-button span,.detail-list strong,.idea-number,.article-choice.manual,.status-menu .original,.plz-result,.template-file-name,.free-text-marker,.template-star) { color:var(--chef-accent); }
  body .required:after { color:#f04caf; }
  body .move-pos { background:#78cbe60d;color:#a4daec;border-color:#78cbe62e; }
}

@media (max-width:900px) {
  body { padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right); }
  body :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size:16px!important;min-width:0;max-width:100%; }
  body :is(input:not([type=checkbox]):not([type=radio]),select) { min-height:44px; }
  body input[type=checkbox],body input[type=radio] { width:20px;height:20px;flex-shrink:0; }
  body :is(button,.btn,.icon-btn,.home-button,.back-link,.back,.page-btn,.account-settings,.settings-nav-link) { min-height:44px; }
  body button.switch { width:38px;min-width:38px;height:22px;min-height:22px;padding:2px;flex-shrink:0; }
  body button.switch:before { width:16px;height:16px;top:3px;left:3px; }
  body button.switch.on:before { left:19px; }
  body button.switch:after { content:"";position:absolute;inset:-11px -3px; }
  body :is(.icon-btn,.page-btn,.remove-pos,.move-pos,.close,.dialog-close) { min-width:44px; }
  body :is(.field,.field-grid>*,.page-actions>*,.section-head>*,.panel-head>*,.filter-row>*,.customer-summary>*,.tool-copy,.status-panel>div,.user-row>*,.detail-list>div>*,.insight-card>*,.automation-row>*) { min-width:0; }
  body :is(h1,h2,h3,p,.subline,.setting-note,.inline-note,.check-item,.customer-summary,.master-preview,.customer-name,.tool-copy,.user-row,.confirm-body,.dialog-content,.status-panel,.data-status,.type-row,.software-run-summary,.lock-banner) { overflow-wrap:anywhere; }
  body :is(.section-head,.panel-head,.page-head,.pagination,.master-form-actions,.editor-footer,.confirm-actions,.batch-actions,.bb-actions,.actions,.sender-style,.template-upload,.history-banner) { flex-wrap:wrap; }
  body :is(.field-grid.two,.field-grid.three,.field-grid.four,.master-layout,.editor-layout,.settings-layout,.layout-two,.direct-layout,.phase-grid,.template-settings-grid,.position-summary) { grid-template-columns:minmax(0,1fr); }
  body .field-grid > * { grid-column:auto!important; }
  body :is(.sticky-preview,.sticky-side,.template-live) { position:static;min-width:0; }
  body .master-layout>.sticky-side { display:block!important;margin-top:16px; }
  body :is(.prefix-row,.format-grid,.order-types) { grid-template-columns:minmax(0,1fr); }
  body .chef-menu-toggle,body .chef-menu-close { display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--chef-border);background:var(--chef-surface);color:var(--chef-ink);border-radius:11px;flex-shrink:0; }
  .chef-menu-toggle svg { width:23px;height:23px; }
  body .chef-menu-close { margin:12px 12px 0 auto;font-size:24px; }
  body .sidebar { display:flex;position:fixed;inset:0 auto 0 0;top:var(--chef-local-banner-height,0px);width:min(310px,calc(100vw - 48px));height:calc(100dvh - var(--chef-local-banner-height,0px));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);z-index:1001;transform:translateX(-105%);visibility:hidden;overflow-y:auto;overscroll-behavior:contain; }
  body.chef-menu-open { overflow:hidden; }
  body.chef-menu-open .sidebar { transform:translateX(0);visibility:visible; }
  body .sidebar .nav { padding-top:12px; }
  body .sidebar .nav-item { min-height:46px;height:auto;font-size:14px; }
  body .sidebar .brand { padding:8px 20px 15px; }
  body .sidebar .sidebar-foot { margin-top:auto; }
  body .sidebar nav { width:100%; }
  body .chef-settings-picker { display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--chef-border);border-radius:12px;background:var(--chef-surface);color:var(--chef-ink);font-weight:750;font-size:15px;width:100%; }
  body .settings-nav { display:none; }
  body .settings-nav.mobile-expanded { display:block; }
  body .settings-nav button,body .settings-nav-link { font-size:14px; }
  body :is(.number-year-tabs,.template-tabs,.datev-tabs) { flex-wrap:wrap;overflow:visible;gap:5px;padding:8px 6px 0; }
  body :is(.number-year-tabs,.template-tabs,.datev-tabs) button { flex:1 1 auto;white-space:normal;min-height:44px;padding:9px 10px;font-size:13px; }
  body :is(.number-year-tabs,.template-tabs,.datev-tabs) button.active { border-bottom:3px solid var(--chef-accent); }
  body :is(.settings-form-actions,.editor-footer,.master-form-actions) { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
  body .settings-form-actions { position:static; }
  body dialog { max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain; }
  body dialog :is(form,.confirm-body,.dialog-content) { padding:20px; }
  body dialog :is(.field-grid,.validation-grid,.form-grid,.rights-grid) { grid-template-columns:minmax(0,1fr); }
  body dialog :is(.confirm-actions,.actions,.bb-actions) button { flex:1 1 130px;padding:10px;font-size:14px; }
  body :is(.toast,.phase6-toast) { max-width:calc(100vw - 28px);left:14px;right:auto;bottom:max(18px,env(safe-area-inset-bottom));font-size:13px;overflow-wrap:anywhere; }
  body.chef-faktura .toast { transform:translateY(20px); }
  body.chef-faktura .toast.show { transform:translateY(0); }
  /* Reflow records without cloning controls, hiding data or changing actions. */
  body table.chef-responsive-table { display:block;min-width:0!important;width:100%; }
  body .chef-responsive-table thead { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
  body .chef-responsive-table :is(tbody,tfoot) { display:block; }
  body .chef-responsive-table tbody tr { display:grid;grid-template-columns:minmax(0,1fr);padding:12px 14px;border-bottom:1px solid var(--chef-border); }
  body .chef-responsive-table td { display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;width:auto;min-width:0;border:0;padding:7px 0;font-size:14px;text-align:left;white-space:normal;overflow-wrap:anywhere; }
  body .chef-responsive-table td::before { content:attr(data-label);color:var(--chef-muted);font-size:12px;font-weight:650;min-width:90px; }
  body .chef-responsive-table td[data-label=""]::before { display:none; }
  body .chef-responsive-table td>div:not(.action-menu):not(.status-menu) { max-width:100%; }
  body .chef-responsive-table :is(.actions-cell,.status-cell) { position:relative; }
  body .chef-responsive-table :is(.action-menu,.status-menu) { left:auto;right:0;top:48px;max-width:100%; }
  body .table-wrap { overflow:visible; }
  body :is(.action-menu,.status-menu) button { font-size:14px; }
  body :is(.subline,.setting-note,.inline-note,.check-item,.lock-note,.password-rule,.test-result,.switch-copy span,.workflow-step span,.billing-usage-indicator) { font-size:12px;line-height:1.5; }
  body :is(.field label,.switch-copy strong,.workflow-step strong,.section-head h2,.panel-head h2) { font-size:14px; }
  body :is(.btn,.btn-sm,.filter-pill) { font-size:14px;padding:10px 12px; }
  body .filter-row { display:grid;grid-template-columns:minmax(0,1fr); }
  body .filter-row :is(.grow,.select) { width:100%!important;min-width:0; }
  body .page-head { display:block; }
  body .page-actions { margin-top:14px;justify-content:flex-start; }
  body .page-actions:empty { display:none; }
  body .page-actions :is(.select,.field) { width:100%!important; }
  body .section-head .right:has(select) { width:100%;margin-left:0; }
  body .head-select { width:100%;max-width:100%; }
  body .customer-summary { grid-template-columns:minmax(0,1fr); }
  body .customer-summary span { font-size:13px; }
  body .position-head { display:none; }
  body .position-row { position:relative;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;padding:18px 0; }
  body .position-name { grid-column:1/-1;padding-right:50px; }
  body .position-name :is(.input,.textarea),body .position-row .input,body .position-row .textarea { font-size:16px!important; }
  body .position-row .position-row-controls { position:absolute;right:0;top:14px;padding:0;gap:3px; }
  body .position-row-controls :is(.remove-pos,.move-pos) { width:44px;height:44px;min-height:44px;font-size:15px; }
  body .chef-position-field { display:block;min-width:0; }
  body .chef-position-field>label { display:block;font-size:12px;font-weight:750;color:var(--chef-muted);margin-bottom:6px; }
  body .position-row .money-input .input { padding-left:10px!important;padding-right:32px!important; }
  body .money-input span { font-size:12px;top:50%; }
  body .position-total { grid-column:1/-1;font-size:16px;padding-top:4px; }
  body .position-row.free-text-row { grid-template-columns:minmax(0,1fr)!important;padding:16px 50px 16px 10px; }
  body .free-text-marker { text-align:left;padding:0;font-size:13px; }
  body .position-actions { flex-wrap:wrap; }
  body :is(.article-pop,.column-pop) { max-width:100%;width:100%;left:0;right:0; }
  body .article-choice { grid-template-columns:minmax(0,1fr) auto; }
  body .article-choice strong { font-size:13px; }
  body .total-line { font-size:14px;gap:12px; }
  body .total-line.grand { font-size:17px; }
  body .date-wrap .input { width:100%;min-width:0;padding-right:46px; }
  body .date-wrap input::-webkit-calendar-picker-indicator { opacity:0;width:30px; }
  body .calendar-button { right:0;top:0;width:44px;height:44px;min-width:44px;border:0;background:transparent; }
  body input[type=date]::-webkit-date-and-time-value { text-align:left; }
  body .grid-kpi { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  body .kpi { padding:14px;min-width:0; }
  body .kpi strong { font-size:22px;overflow-wrap:anywhere; }
  body .kpi span,body .kpi label { font-size:12px; }
  body .invoice-dialog { height:auto;width:calc(100vw - 24px); }
  body .invoice-dialog .dialog-head { height:auto;display:flex;flex-wrap:wrap;padding:12px;gap:8px; }
  body .invoice-dialog .dialog-head h2 { flex-basis:calc(100% - 55px);font-size:18px; }
  body .invoice-dialog .dialog-head .spacer { display:none; }
  body .invoice-dialog .dialog-body { height:auto;max-height:none;padding:10px; }
  body .error-row { grid-template-columns:minmax(0,1fr);font-size:13px; }
  body :is(.invoice-dialog-head,.invoice-dialog-header) { height:auto;min-height:61px;display:flex;flex-wrap:wrap;padding:12px;gap:8px; }
  body :is(.invoice-dialog-head,.invoice-dialog-header) h2 { flex-basis:100%;font-size:18px; }
  body :is(.invoice-dialog-body,.invoice-dialog-content) { height:auto;max-height:none;padding:10px; }
  body :is(.preview-top,.template-upload,.sender-style) { flex-wrap:wrap; }
  body .preview-actions { flex-wrap:wrap; }
  body .preview-top strong { font-size:14px; }
  body .preview-top span { font-size:12px; }
  body .preview-shell { padding:8px; }
  body #view-order-editor #previewPrint { display:none; }
  body #view-order-editor :is(#printOffer,#mailOffer) { padding:0;width:44px;min-width:44px;font-size:19px; }
  body .article-sample { grid-template-columns:minmax(0,1fr);font-size:14px; }
  body .template-upload .btn,body #resetInvoiceTemplate { white-space:normal; }
  body .app { display:block; }
  body.chef-faktura .main { padding:22px 14px 32px; }
  body.chef-faktura .topbar { height:auto;padding:10px 14px 12px;display:grid;grid-template-columns:44px 1fr 24px 44px;gap:8px;position:sticky; }
  .chef-faktura .topbar>.spacer,.chef-faktura .topbar>.concept { display:none; }
  .chef-faktura .topbar>.chef-menu-toggle { grid-column:1;grid-row:1; }
  body .chef-mobile-brand { display:block;grid-column:2;grid-row:1;justify-self:end;max-width:100%;margin-right:4px; }
  .chef-mobile-brand img { display:block;width:150px;max-width:100%;height:auto; }
  .chef-faktura .topbar>.icon-btn { grid-column:4;grid-row:1; }
  body.chef-faktura .topbar .search { grid-column:1/-1;grid-row:2;width:100%;height:46px; }
  body.chef-faktura .topbar .search input { min-height:0;height:40px;border:0!important;background:transparent!important; }
  body.chef-faktura .topbar .phase6-sync { grid-column:3;grid-row:1;position:static!important;font-size:0;width:24px;height:44px;padding:0;border:0;background:transparent;box-shadow:none;justify-content:center; }
  body.chef-faktura .topbar .phase6-sync::before { width:9px;height:9px;flex-shrink:0; }
  body #orderEditorTitle { font-size:clamp(21px,5.8vw,27px);line-height:1.2; }
  body .page-head h1 { line-height:1.2; }
  /* Companion apps: same touch, table, dialog and safe-area rules. */
  .chef-portal .home-header { gap:20px; }
  .chef-portal .account-bar { min-width:0; }
  .chef-portal .account-bar strong { font-size:14px; }
  .chef-portal .account-bar span { font-size:12px; }
  .chef-portal .tools { grid-template-columns:minmax(0,1fr); }
  .chef-portal .tool-card { min-width:0;min-height:150px; }
  .chef-portal .tool-copy>span { font-size:14px; }
  .chef-portal .tool-copy small { font-size:11px; }
  .chef-portal .welcome { margin-top:35px; }
  .chef-portal .page-shell,.chef-portal .shell { width:calc(100% - 28px); }
  .chef-portal .hero h1 { font-size:clamp(28px,7.5vw,42px); }
  .chef-portal .month-actions,.chef-portal .month-field select { min-width:0;width:100%; }
  .chef-portal .type-list { grid-template-columns:minmax(0,1fr); }
  .chef-portal .type-row { grid-template-columns:minmax(0,1fr);font-size:13px; }
  .chef-portal .metric span,.chef-portal .summary article span { font-size:12px; }
  .chef-portal .details summary { font-size:14px;min-height:44px; }
  .chef-portal :is(.status-panel div span,.customer-name span,.list-actions span,.data-status span,.kpi-foot small,.insight-card p,.dialog-note,.dialog-empty,.table-note) { font-size:12px;line-height:1.5; }
  .chef-portal .copy-button,.chef-portal .txt-export-button { font-size:14px; }
  .chef-portal .status-panel { flex-wrap:wrap; }
  .chef-portal .status-panel>div { flex:1 1 180px; }
  .chef-portal .topbar-brand { margin-left:auto; }
  .chef-portal .app-shell .topbar { display:flex;flex-wrap:wrap;gap:14px;align-items:center; }
  .chef-portal .app-shell .topbar>div:first-of-type { order:3;flex-basis:100%; }
  .chef-portal .topbar-brand img { max-width:180px; }
  .chef-portal .project-button strong { white-space:normal;max-width:100%;font-size:14px; }
  .chef-portal .project-button span,.chef-portal .employee-meta small { font-size:12px; }
  .chef-portal .employee-cell { min-width:0; }
  .chef-portal .detail-list>div { flex-wrap:wrap;font-size:14px; }
  .chef-portal .table-tools { flex-wrap:wrap;width:100%; }
  .chef-portal .table-tools .search-field { width:100%;min-width:0; }
  .chef-portal .custom-range-form { flex-wrap:wrap; }
  .chef-portal .custom-range-form label { width:100%;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center; }
  .chef-portal .user-row { padding:16px;font-size:14px; }
  .chef-portal .user-row .user-name strong { font-size:15px; }
  .chef-portal :is(.right-card strong,.right-check,.form-grid label,.password-rule) { font-size:13px; }
}
@media (max-width:360px) {
  body .grid-kpi,body .position-row,body .summary { grid-template-columns:minmax(0,1fr)!important; }
  body .chef-mobile-brand img { width:125px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important; } }