/* Shared finishing layer. Keep print styles isolated in print.css. */
/* Route animation belongs to workspace.js, not three competing animation layers. */
#pakr-app .pakr-view.is-active,#pakr-app .pakr-view.is-active > *{animation:none!important}
#pakr-app .pakr-content{overflow-anchor:none;scrollbar-gutter:stable}
#pakr-app .pakr-account-button{border:0;background:none;color:inherit;text-align:left;padding:4px 6px;cursor:pointer;border-radius:8px;font:inherit}
#pakr-app .pakr-account-button strong,#pakr-app .pakr-account-button small{display:block}
#pakr-app .pakr-account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
#pakr-app .pakr-account-layout .pakr-auth-settings-panel{grid-column:auto}
#pakr-app .pakr-account-layout .pakr-auth-method-grid{grid-template-columns:1fr}
#pakr-app .pakr-account-layout .pakr-auth-method-grid article{background:var(--pakr-soft);border-color:var(--pakr-line)}
#pakr-app .pakr-account-layout .pakr-auth-method-grid small{color:var(--pakr-muted)}
#pakr-app .pakr-account-layout .pakr-auth-passkeys article{grid-template-columns:32px minmax(0,1fr) auto auto}
#pakr-app .pakr-account-layout .pakr-auth-passkeys article>div{grid-column:2/-1;grid-row:2}
#pakr-app .pakr-account-layout .pakr-auth-passkeys article input{width:100%}
#pakr-app :is(.pakr-account-layout,.pakr-staff-layout) .pakr-field{margin:0;gap:8px}
#pakr-app .pakr-staff-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
#pakr-app .pakr-staff-layout.is-editing{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}
#pakr-app :is(.pakr-account-layout,.pakr-staff-layout)>.pakr-panel{min-width:0;padding:22px}
#pakr-app :is(.pakr-account-layout,.pakr-staff-layout) .pakr-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#pakr-app .pakr-staff-form-actions,#pakr-app .pakr-staff-pagination{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:20px}
#pakr-app .pakr-staff-search{display:flex;gap:16px;align-items:end;margin-bottom:20px;padding:18px}
#pakr-app .pakr-staff-search .pakr-field{flex:1;max-width:540px}
#pakr-app .pakr-staff-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--pakr-line)}
#pakr-app .pakr-staff-row>div:first-child{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
#pakr-app .pakr-staff-row strong{font-size:18px;font-weight:700}
#pakr-app .pakr-staff-row span,#pakr-app .pakr-audit-meta{font-size:14px;color:var(--pakr-muted)}
#pakr-app .pakr-staff-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}
#pakr-app .pakr-staff-audit-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:18px;margin-bottom:20px}
#pakr-app .pakr-staff-audit-filters .pakr-field{flex:1 1 160px;min-width:0}
#pakr-app .pakr-staff-audit-filters .pakr-field:first-child{flex:2 1 240px}
#pakr-app [data-view="activity"]>.pakr-panel{padding:22px}
#pakr-app .pakr-audit-row{border-bottom:1px solid var(--pakr-line);padding:20px 0;overflow-wrap:anywhere}
#pakr-app .pakr-audit-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:9px}
#pakr-app .pakr-audit-heading strong{font-size:16px;font-weight:700}
#pakr-app .pakr-audit-heading time{font-size:13px;color:var(--pakr-muted);white-space:nowrap}
#pakr-app .pakr-audit-row details{margin-top:12px}
#pakr-app .pakr-audit-row summary{cursor:pointer;font-size:14px;color:var(--pakr-primary)}
#pakr-app .pakr-audit-changes{padding:14px;background:var(--pakr-soft);border-radius:10px}
#pakr-app .pakr-audit-changes>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:6px 0}
#pakr-app .pakr-audit-changes dd{margin:0}
#pakr-app [data-profile-feedback],#pakr-app [data-staff-editor-feedback]{color:var(--pakr-primary);min-height:22px}
#pakr-app .is-error{color:#cf344b}
@media(max-width:1100px){#pakr-app .pakr-account-layout,#pakr-app .pakr-staff-layout.is-editing{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){#pakr-app :is(.pakr-account-layout,.pakr-staff-layout) .pakr-form-grid{grid-template-columns:1fr}#pakr-app .pakr-audit-heading{display:grid;gap:6px}#pakr-app .pakr-staff-row{align-items:start;flex-direction:column}#pakr-app .pakr-audit-changes>div{grid-template-columns:1fr}}
:root {
    --pakr-ease-ui: cubic-bezier(.2,.7,.2,1);
    --pakr-focus-ring: 0 0 0 3px color-mix(in srgb,var(--pakr-primary) 24%,transparent);
}
@media screen {
    #pakr-app { --pakr-muted: #60728a; }
    [data-pakr-theme="dark"] #pakr-app { --pakr-muted: #a6b9cd; }
    #pakr-app .pakr-content { padding: 22px clamp(16px,1.65vw,32px) 28px; }
    #pakr-app .pakr-panel { box-shadow: 0 3px 14px rgba(24,48,78,.035); }
    #pakr-app .pakr-panel-head h2 { font-size: 17px; letter-spacing: -.025em; }
    #pakr-app .pakr-page-heading { margin-bottom: 20px; }
    #pakr-app .pakr-sidebar nav a { border-radius: 11px; min-height: 43px; transition: background .18s,color .18s,box-shadow .18s; }
    #pakr-app .pakr-sidebar nav a.is-active { box-shadow: inset 3px 0 0 #6fbad8; }
    #pakr-app .pakr-sidebar nav a:hover svg { transform: translateX(2px); }
    #pakr-app .pakr-sidebar nav a svg { transition: transform .18s var(--pakr-ease-ui); }
    #pakr-app :is(button,a,input,textarea,select):focus-visible { outline: 2px solid var(--pakr-primary); outline-offset: 3px; }
    #pakr-app :is(input,textarea):not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--pakr-primary); box-shadow: var(--pakr-focus-ring); }
    #pakr-app .pakr-search-field:focus-within { border-color: var(--pakr-primary); box-shadow: var(--pakr-focus-ring); }
    #pakr-app .pakr-search-field input:focus { outline: none; box-shadow: none; }
    #pakr-app .pakr-search-field input:is(:focus,:focus-visible),
    #pakr-app .pakr-filter-date input:is(:focus,:focus-visible) { outline: 0 !important; box-shadow: none !important; border: 0 !important; background: transparent !important; }
    #pakr-app .pakr-job-toolbar :is(.pakr-search-field,.pakr-select-trigger,.pakr-filter-date,.pakr-clear-job-filters) { height: 46px; min-height: 46px; max-height: 46px; box-sizing: border-box; border: 1px solid var(--pakr-line); border-radius: 11px; background: var(--pakr-soft); font-size: 14px; font-weight: 600; margin: 0; }
    #pakr-app .pakr-job-toolbar :is(.pakr-search-field,.pakr-filter-date) { padding: 0 12px; }
    #pakr-app .pakr-job-toolbar :is(.pakr-search-field,.pakr-filter-date)>input { height: 42px !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 6px !important; font-size: 14px; width: 100%; margin: 0; }
    #pakr-app .pakr-filter-date:focus-within { border-color: var(--pakr-primary); box-shadow: var(--pakr-focus-ring); }
    /* The toolbar is a grid, not the old flex row: span every parent column. */
    #pakr-app .pakr-job-toolbar .pakr-job-advanced-filters { grid-column: 1 / -1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; padding-top: 0; margin-top: 0; gap: 12px; }
    #pakr-app .pakr-job-advanced-filters > * { flex: 1 1 150px; min-width: 0; }
    #pakr-app .pakr-quick-priority { display: block; max-width: 130px; }
    #pakr-app .pakr-quick-priority .pakr-select-trigger { min-height: 32px; padding: 4px 9px; font-size: 12px; }
    #pakr-app .pakr-quick-priority[data-priority="high"] .pakr-select-trigger { border-color: #cb911c; background: color-mix(in srgb,#dfaf3e 18%,var(--pakr-surface)); }
    #pakr-app .pakr-quick-priority[data-priority="urgent"] .pakr-select-trigger { border-color: #d94355; background: color-mix(in srgb,#d94355 15%,var(--pakr-surface)); }
    #pakr-app .pakr-undo-toast { position: fixed; z-index: 100100; bottom: 24px; right: 24px; max-width: calc(100vw - 32px); display: flex; align-items: center; gap: 18px; padding: 15px 18px; border-radius: 14px; color: var(--pakr-ink); background: var(--pakr-surface); border: 1px solid var(--pakr-primary); box-shadow: 0 12px 40px #0003; }
    #pakr-app .pakr-undo-toast button { border: 0; padding: 9px 14px; border-radius: 8px; background: var(--pakr-primary); color: #fff; cursor: pointer; white-space: nowrap; }
    #pakr-app .pakr-duration-controls { display: grid; gap: 6px; width: 100%; margin-top: 8px; }
    #pakr-app .pakr-duration-controls>div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
    #pakr-app .pakr-duration-controls button { border: 1px solid var(--pakr-line); border-radius: 8px; background: var(--pakr-soft); color: var(--pakr-ink); min-height: 34px; padding: 4px; font: inherit; font-size: 12px; cursor: pointer; }
    #pakr-app .pakr-duration-controls button:hover { border-color: var(--pakr-primary); }
    #pakr-app .pakr-intake-items { margin-top: 12px; }
    #pakr-app .pakr-intake-items header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
    #pakr-app .pakr-intake-item-row { display: grid; grid-template-columns: minmax(0,1fr) auto 32px; gap: 10px; align-items: center; border-bottom: 1px solid var(--pakr-line); padding: 12px 0; }
    #pakr-app .pakr-intake-item-row small { display: block; color: var(--pakr-muted); }
    #pakr-app .pakr-intake-item-row button { color: var(--pakr-ink); background: var(--pakr-soft); border: 0; border-radius: 8px; padding: 6px; cursor: pointer; }
    #pakr-app [data-item-modal] { z-index: 100030; }
    .pakr-language-control { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--pakr-line,#dce5ef); border-radius: 10px; background: var(--pakr-surface,#fff); color: var(--pakr-ink,#172b43); font: 600 13px system-ui; }
    .pakr-language-control select { appearance: none; border: 0; color: inherit; font: inherit; background: transparent; min-height: 26px; padding: 0; cursor: pointer; }
    #pakr-app .pakr-language-control select { padding: 0; min-height: 26px; background: transparent; border: 0; }
    @media (min-width:1100px) { #pakr-app .pakr-job-intake-form .pakr-intake-card { padding: 15px; } #pakr-app .pakr-job-intake-form .pakr-form-grid { gap: 12px; } }
    @media (max-width:760px) { .pakr-language-control>span { display:none; } .pakr-language-control { padding:4px 6px; font-size:12px; } }
    #pakr-app input::placeholder,#pakr-app textarea::placeholder { color: var(--pakr-muted); opacity: .85; }
    #pakr-app :is(.pakr-field input,.pakr-field textarea,.pakr-field select,.pakr-select-trigger) { font-size: 14px; line-height: 1.45; }
    #pakr-app .pakr-field>span:first-child { font-size: 12px; font-weight: 750; }
    #pakr-app .pakr-select-menu { overscroll-behavior: contain; scrollbar-width: thin; }
    #pakr-app .pakr-select-menu button { font-size: 13px; min-height: 40px; padding: 9px 12px; }
    #pakr-app .pakr-select-menu button[aria-selected="true"] { background: color-mix(in srgb,var(--pakr-primary) 12%,var(--pakr-surface)); color: var(--pakr-ink); }
    #pakr-app .pakr-select-trigger { min-height: 40px; border-radius: 10px; }
    #pakr-app :is(.pakr-button,.pakr-job-actions-trigger,.pakr-row-action) { transition: background .18s,box-shadow .18s,transform .18s,opacity .18s; }
    #pakr-app :is(.pakr-button,.pakr-job-actions-trigger):active:not(:disabled) { transform: translateY(1px) scale(.985); }
    #pakr-app button:disabled { cursor: not-allowed; }
    #pakr-app .pakr-table-loading { min-height: 160px; background: linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--pakr-primary) 5%,transparent) 48%,transparent 66%); background-size: 220% 100%; animation: pakr-polish-loading 1.8s ease-in-out infinite; }
    #pakr-app .pakr-job-list { transition: opacity .15s; }
    #pakr-app .pakr-job-list[aria-busy="true"] { cursor: progress; }
    #pakr-app .pakr-job-row { padding-block: 15px; }
    #pakr-app .pakr-job-row:nth-child(even) { background: color-mix(in srgb,var(--pakr-soft) 58%,var(--pakr-surface)); }
    #pakr-app .pakr-job-row:hover { background: color-mix(in srgb,var(--pakr-primary) 6%,var(--pakr-surface)); }
    #pakr-app :is(.pakr-job-row-repair>strong,.pakr-job-row-customer>strong,.pakr-job-row-technician>strong) { font-size: 14px; font-weight: 750; }
    #pakr-app .pakr-job-row-dates>span { display: grid; grid-template-columns: 1fr; gap: 2px; }
    #pakr-app .pakr-job-row-dates>span>small { font-size: 10px; line-height: 1.4; letter-spacing: .04em; }
    #pakr-app .pakr-job-row-dates strong { font-size: 12px; line-height: 1.4; }
    #pakr-app .pakr-job-row-amount>small { font-size: 12px; line-height: 1.45; }
    #pakr-app :is(.pakr-job-row-amount,.pakr-job-row-balance)>strong { font-size: 16px; font-variant-numeric: tabular-nums; }
    #pakr-app :is(.pakr-job-row-customer>small,.pakr-job-row-customer>em) { font-size: 12px; }
    #pakr-app .pakr-job-card { position: relative; border-radius: 15px; box-shadow: 0 2px 5px rgba(20,40,65,.04); }
    #pakr-app .pakr-job-card>header { border-radius: 14px 14px 0 0; }
    #pakr-app .pakr-job-card:hover { border-color: color-mix(in srgb,var(--pakr-primary) 42%,var(--pakr-line)); box-shadow: 0 8px 24px rgba(20,40,65,.08); }
    #pakr-app .pakr-job-card dl { font-size: 12px; }
    #pakr-app .pakr-job-card-device strong { font-size: 16px; }
    #pakr-app .pakr-job-actions-trigger { min-height: 40px; font-size: 12px; }
    #pakr-app .pakr-job-actions-popover { min-width: 222px; }
    #pakr-app .pakr-job-actions-popover strong { font-size: 13px; }
    #pakr-app .pakr-job-actions-popover small { font-size: 11px; }
    #pakr-app .pakr-job-actions-popover>button { min-height: 49px; }
    #pakr-app .pakr-job-status { background: color-mix(in srgb,var(--status-color,#3279f6) 12%,var(--pakr-surface)); color: var(--pakr-ink); }
    #pakr-app .pakr-payment-badge { line-height: 1.4; }
    [data-pakr-theme="dark"] #pakr-app .pakr-payment-badge { background: #24344a; border-color: #354b64; color: #d8e8f7; }
    [data-pakr-theme="dark"] #pakr-app :is(.pakr-payment-badge--unpaid,.pakr-payment-badge--partially_paid) { background: #402b2a; border-color: #71504a; color: #ffbbaa; }
    [data-pakr-theme="dark"] #pakr-app .pakr-payment-badge--paid { background: #183d34; border-color: #326955; color: #8be3bd; }
    [data-pakr-theme="dark"] #pakr-app .pakr-payment-badge small { color: inherit; }
    [data-pakr-theme="dark"] #pakr-app .has-balance>strong { color: #ffb19a; }
    [data-pakr-theme="dark"] #pakr-app .is-clear>strong { color: #8de0b9; }
    #pakr-app .pakr-toast { font-size: 14px; max-width: min(480px,calc(100vw - 32px)); }
    #pakr-app .pakr-modal:not([hidden])>.pakr-modal-card { animation: pakr-polish-dialog .22s var(--pakr-ease-ui); }
    #pakr-app .pakr-modal-card { border: 1px solid var(--pakr-line); box-shadow: 0 28px 90px rgba(5,20,40,.24); }
    #pakr-app :is(.pakr-intake-card,.pakr-detail-card) { background: var(--pakr-surface); }
    #pakr-app .pakr-detail-layout-grid.is-packed { grid-auto-rows: 10px; grid-auto-flow: row dense; }
    #pakr-app .pakr-empty-state { gap: 12px; padding: 36px 22px; }
    #pakr-app .pakr-empty-state strong { font-size: 17px; }
    #pakr-app .pakr-empty-state>span { font-size: 14px; max-width: 460px; line-height: 1.6; }
    #pakr-app .pakr-pagination button { border-radius: 9px; font-size: 13px; min-height: 40px; }
}

.pakr-register-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.pakr-register-tools>button,.pakr-filter-editor button,.pakr-saved-filter button { font: inherit; font-size: 12px; cursor: pointer; border: 1px solid var(--pakr-line); color: var(--pakr-ink); background: var(--pakr-surface); border-radius: 9px; min-height: 36px; padding: 7px 12px; }
.pakr-register-tools>button:hover,.pakr-filter-editor button:hover,.pakr-saved-filter button:hover { border-color: var(--pakr-primary); background: color-mix(in srgb,var(--pakr-primary) 7%,var(--pakr-surface)); }
.pakr-register-tools>button:disabled { opacity: .5; }
.pakr-register-tools [data-saved-job-filters] { display: flex; flex-wrap: wrap; gap: 6px; }
.pakr-register-tools [data-export-jobs] { margin-left: auto; font-weight: 750; }
.pakr-saved-filter { display: inline-flex; }
.pakr-saved-filter button { background: color-mix(in srgb,var(--pakr-primary) 8%,var(--pakr-surface)); }
.pakr-saved-filter button:first-child { border-radius: 9px 0 0 9px; }
.pakr-saved-filter button:last-child { border-left: 0; border-radius: 0 9px 9px 0; font-size: 17px; padding: 2px 10px; }
.pakr-filter-editor { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 12px; margin-bottom: 12px; background: var(--pakr-surface); border: 1px solid var(--pakr-line); border-radius: 12px; }
.pakr-filter-editor[hidden] { display: none; }
.pakr-filter-editor label { display: grid; gap: 4px; font-size: 12px; flex: 1; }
.pakr-filter-editor input { background: var(--pakr-soft); color: var(--pakr-ink); border: 1px solid var(--pakr-line); border-radius: 8px; min-height: 38px; padding: 8px 10px; }
.pakr-filter-editor small { width: 100%; color: var(--pakr-muted); font-size: 11px; }

.pakr-workspace-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--pakr-line); border-radius: 10px; min-height: 38px; padding: 6px 11px; color: var(--pakr-muted); background: var(--pakr-soft); font: inherit; font-size: 12px; cursor: pointer; }
.pakr-workspace-trigger svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.7; }
.pakr-workspace-trigger kbd { border: 1px solid var(--pakr-line); border-radius: 4px; padding: 1px 4px; font-size: 10px; }
.pakr-workspace-dialog { background: var(--pakr-surface); color: var(--pakr-ink); border: 1px solid var(--pakr-line); border-radius: 20px; padding: 0; width: min(580px,calc(100vw - 28px)); max-height: calc(100dvh - 40px); box-shadow: 0 28px 100px rgba(7,20,38,.3); overflow: auto; }
.pakr-workspace-dialog[open] { animation: pakr-polish-dialog .2s var(--pakr-ease-ui); }
.pakr-workspace-dialog::backdrop { background: rgba(6,17,32,.48); backdrop-filter: blur(5px); }
.pakr-workspace-dialog header { display: flex; justify-content: space-between; align-items: center; padding: 24px 24px 16px; }
.pakr-workspace-dialog h2 { font-size: 22px; letter-spacing: -.03em; margin: 5px 0 0; }
#pakr-app .pakr-workspace-dialog [data-close-workspace] {
    display:grid;place-items:center;flex:0 0 44px;box-sizing:border-box;
    width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0!important;
    border:0;border-radius:10px;background:var(--pakr-soft)!important;color:var(--pakr-ink)!important;
    appearance:none;line-height:1;text-indent:0;cursor:pointer;transform:none;
}
#pakr-app .pakr-workspace-dialog [data-close-workspace] svg {
    display:block;width:20px;height:20px;margin:0;padding:0;fill:none;stroke:currentColor;
    stroke-width:2;stroke-linecap:round;pointer-events:none;transform:none;
}
#pakr-app .pakr-workspace-dialog [data-close-workspace]:hover { background:color-mix(in srgb,var(--pakr-primary) 12%,var(--pakr-surface))!important; }
#pakr-app .pakr-workspace-dialog [data-close-workspace]:focus-visible { outline:2px solid var(--pakr-primary);outline-offset:2px; }
.pakr-workspace-search { display: flex; align-items: center; gap: 10px; margin: 0 24px 14px; padding: 10px 12px; border: 1px solid var(--pakr-line); border-radius: 12px; background: var(--pakr-soft); }
.pakr-workspace-search>span { font-size: 24px; color: var(--pakr-muted); }
.pakr-workspace-search input { background: transparent; border: 0; outline: none; box-shadow: none!important; padding: 2px; font: inherit; font-size: 15px; color: var(--pakr-ink); width: 100%; min-width: 0; }
.pakr-workspace-search:focus-within { border-color: var(--pakr-primary); box-shadow: var(--pakr-focus-ring); }
/* Keep host theme search-field states out of the workspace dialog. */
#pakr-app .pakr-workspace-dialog .pakr-workspace-search { background: var(--pakr-soft); color: var(--pakr-ink); }
#pakr-app .pakr-workspace-dialog .pakr-workspace-search input[type="search"] {
    appearance: none; -webkit-appearance: none;
    background: transparent!important; color: var(--pakr-ink)!important;
    -webkit-text-fill-color: currentColor!important; caret-color: var(--pakr-ink);
    border: 0!important; outline: none!important; box-shadow: none!important;
    margin: 0; color-scheme: light;
}
#pakr-app .pakr-workspace-dialog .pakr-workspace-search input[type="search"]::placeholder {
    color: var(--pakr-muted)!important; -webkit-text-fill-color: currentColor!important; opacity: 1!important;
}
[data-pakr-theme="dark"] #pakr-app .pakr-workspace-dialog .pakr-workspace-search input[type="search"],
#pakr-app[data-pakr-theme="dark"] .pakr-workspace-dialog .pakr-workspace-search input[type="search"] { color-scheme: dark; }
.pakr-workspace-search kbd { color: var(--pakr-muted); font-size: 11px; }
.pakr-workspace-dialog nav { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 0 24px 18px; max-height: 290px; overflow: auto; }
.pakr-workspace-dialog nav button { text-align: left; border: 0; border-radius: 9px; background: transparent; color: var(--pakr-ink); padding: 11px 12px; font: inherit; font-size: 13px; cursor: pointer; }
.pakr-workspace-dialog nav button:hover,.pakr-workspace-dialog nav button[aria-current="page"] { background: color-mix(in srgb,var(--pakr-primary) 10%,var(--pakr-surface)); }
.pakr-workspace-dialog nav p { grid-column: 1/-1; text-align: center; color: var(--pakr-muted); padding: 15px; }
#pakr-app .pakr-search-status { margin: 0 24px 12px; color: var(--pakr-muted); font-size: 12px; }
#pakr-app .pakr-workspace-dialog nav { display: block; max-height: min(52dvh,440px); }
#pakr-app .pakr-workspace-dialog [data-search-group] { display: grid; gap: 4px; margin-bottom: 14px; }
#pakr-app .pakr-workspace-dialog [data-search-group] h3 { margin: 8px 0; font-size: 12px; color: var(--pakr-muted); }
#pakr-app .pakr-workspace-dialog [data-search-group] button { display: grid; gap: 4px; width: 100%; min-width: 0; background: transparent!important; color: var(--pakr-ink)!important; -webkit-text-fill-color: currentColor; }
#pakr-app .pakr-workspace-dialog [data-search-group] button:is(:hover,:focus-visible) { background: var(--pakr-soft)!important; color: var(--pakr-ink)!important; }
#pakr-app .pakr-workspace-dialog [data-search-group] :is(strong,small) { overflow-wrap: anywhere; text-align: left; }
#pakr-app .pakr-workspace-dialog [data-search-group] small { color: var(--pakr-muted); font-size: 12px; }
#pakr-app .pakr-workspace-preferences[hidden] { display: none; }
.pakr-workspace-preferences { padding: 16px 24px; border-top: 1px solid var(--pakr-line); display: grid; gap: 12px; }
.pakr-workspace-preferences>div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pakr-workspace-preferences>div>span { font-size: 13px; font-weight: 700; }
.pakr-workspace-preferences [role="group"] { display: flex; gap: 3px; padding: 3px; border-radius: 9px; background: var(--pakr-soft); }
.pakr-workspace-preferences button { border: 0; border-radius: 7px; font: inherit; font-size: 12px; color: var(--pakr-muted); background: transparent; padding: 8px 10px; cursor: pointer; }
.pakr-workspace-preferences button[aria-pressed="true"] { background: var(--pakr-surface); color: var(--pakr-ink); box-shadow: 0 1px 5px rgba(10,30,50,.12); }
.pakr-workspace-dialog>footer { display: flex; justify-content: space-between; gap: 10px; padding: 13px 24px; background: var(--pakr-soft); color: var(--pakr-muted); font-size: 11px; }
#pakr-app[data-density="compact"] .pakr-job-row { padding-block: 9px; }
#pakr-app[data-density="compact"] .pakr-panel:not(.pakr-jobs-panel) { padding: 14px; }
#pakr-app[data-density="compact"] .pakr-job-card dl { gap: 6px; }
#pakr-app[data-reading-size="large"] :is(.pakr-field input,.pakr-field textarea,.pakr-select-trigger,.pakr-status-table td,.pakr-job-row-customer>strong,.pakr-job-row-repair>strong,.pakr-job-row-technician>strong,.pakr-job-card dl) { font-size: 16px; }
#pakr-app[data-reading-size="large"] :is(.pakr-job-row-dates strong,.pakr-job-row-customer>small,.pakr-job-row-amount>small,.pakr-field>span:first-child) { font-size: 14px; }
@keyframes pakr-polish-dialog { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes pakr-polish-loading { from { background-position: 180% 0; } to { background-position: -80% 0; } }
@media screen {
    :is(.pakr-login-card,.pakr-booking-card,.pakr-public-card,.pakr-customer-auth-card) { border: 1px solid var(--pakr-line); box-shadow: 0 12px 44px rgba(21,48,76,.08); }
    :is(.pakr-login-shell,.pakr-booking-portal,.pakr-customer-shell,.pakr-public-card) :is(input,select,textarea) { transition: border-color .18s,box-shadow .18s; }
    :is(.pakr-login-shell,.pakr-booking-portal,.pakr-customer-shell,.pakr-public-card) :is(input,select,textarea):focus-visible { outline: 2px solid var(--pakr-primary); outline-offset: 2px; }
    :is(.pakr-booking-repair-card,.pakr-customer-repair-list>button,.pakr-booking-search-results>button) { transition: border-color .18s,background .18s,box-shadow .18s; }
    :is(.pakr-booking-repair-card,.pakr-customer-repair-list>button,.pakr-booking-search-results>button):hover { border-color: var(--pakr-primary); box-shadow: 0 3px 12px rgba(30,60,90,.07); }
    .pakr-booking-step.is-active { animation: pakr-polish-dialog .22s var(--pakr-ease-ui); }
    .pakr-booking-steps>span i { transition: color .2s,background .2s,box-shadow .2s; }
    .pakr-booking-steps>span.is-active i { box-shadow: 0 0 0 5px color-mix(in srgb,var(--pakr-primary) 12%,transparent); }
    [data-pakr-theme="dark"] :is(.pakr-booking-card,.pakr-public-card,.pakr-customer-auth-card,.pakr-login-card) { background: var(--pakr-surface); color: var(--pakr-ink); box-shadow: 0 12px 44px rgba(0,0,0,.2); }
    [data-pakr-theme="dark"] :is(.pakr-booking-repair-card,.pakr-customer-repair-list>button,.pakr-booking-search-results>button):hover { background: color-mix(in srgb,var(--pakr-primary) 10%,var(--pakr-surface)); }
}
@media(min-width:1500px) {
    #pakr-app .pakr-job-row,#pakr-app .pakr-job-list-head { grid-template-areas: none; grid-template-columns: minmax(116px,.9fr) minmax(115px,.85fr) minmax(150px,1.3fr) minmax(100px,.8fr) minmax(85px,.7fr) minmax(110px,1fr) minmax(100px,.75fr) minmax(210px,1.3fr); gap: 12px; }
    #pakr-app .pakr-job-row>div { grid-area: auto; }
    #pakr-app .pakr-job-list-head { display: grid; }
    #pakr-app .pakr-job-row-amount { grid-template-columns: 1fr; }
    #pakr-app .pakr-job-row-actions { grid-template-columns: minmax(110px,1fr) 90px; }
}
@media(max-width:1180px) { .pakr-workspace-trigger kbd { display: none; } }
@media(max-width:760px) {
    #pakr-app .pakr-content { padding: 16px 12px 24px; }
    .pakr-workspace-trigger span { display: none; }
    .pakr-workspace-trigger { width: 38px; padding: 7px; }
    #pakr-app :is(.pakr-field input,.pakr-field textarea,.pakr-workspace-search input) { font-size: 16px; }
    #pakr-app :is(.pakr-select-trigger,.pakr-job-actions-trigger) { min-height: 44px; }
    .pakr-workspace-dialog header,.pakr-workspace-preferences { padding: 18px; }
    .pakr-workspace-search { margin-inline: 18px; }
    .pakr-workspace-dialog nav { padding-inline: 18px; }
    .pakr-workspace-dialog h2 { font-size: 20px; }
}
@media(max-width:430px) { .pakr-workspace-preferences>div { align-items: stretch; flex-direction: column; gap: 7px; }.pakr-workspace-preferences [role="group"]>button { flex: 1; } }
@media(prefers-reduced-motion:reduce) { .pakr-workspace-dialog[open],#pakr-app .pakr-table-loading,#pakr-app .pakr-modal:not([hidden])>.pakr-modal-card,.pakr-booking-step.is-active { animation: none; } }
html[data-pakr-motion="reduced"] :is(#pakr-app,#pakr-app *,.pakr-floating-theme) { animation-duration: .001ms!important; animation-delay: 0ms!important; transition-duration: .001ms!important; scroll-behavior: auto!important; }
html[data-pakr-motion="reduced"]::view-transition-old(root),html[data-pakr-motion="reduced"]::view-transition-new(root) { animation: none!important; }
@media print { .pakr-workspace-trigger,.pakr-workspace-dialog,.pakr-register-tools,.pakr-filter-editor { display: none!important; } }
.pakr-undo-stack{position:fixed;right:24px;bottom:24px;z-index:100100;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px)}
#pakr-app .pakr-undo-stack .pakr-undo-toast{position:relative;inset:auto;margin:0}
@media(min-width:1181px){#pakr-app .pakr-modal[data-job-modal] .pakr-modal-card--job-intake{max-width:1840px;width:calc(100vw - 24px)}#pakr-app .pakr-job-intake-grid{gap:12px}}

/* Clean white daylight palette. Screen-only: receipts, PDFs and QR codes keep their
   original paper contrast. Store brand settings remain untouched. */
@media screen {
    :root:not([data-pakr-theme="dark"]) {
        --pakr-bg: #ffffff;
        --pakr-surface: #ffffff;
        --pakr-panel: #ffffff;
        --pakr-soft: #f7f9fc;
        --pakr-ink: #243747;
        --pakr-muted: #506575;
        --pakr-line: #dce4eb;
        --pakr-border: var(--pakr-line);
        --pakr-sidebar: #233b4b;
        --pakr-control: #ffffff;
        --pakr-control-line: #7b909e;
        --pakr-chrome: #ffffff;
        --pakr-hover: #f0f5fa;
        --pakr-ui-accent: color-mix(in srgb,var(--pakr-primary) 58%,#243747);
        --pakr-shadow: 0 8px 28px rgba(35,55,71,.08);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app { --pakr-muted: #506575; }
    :root:not([data-pakr-theme="dark"]) :is(.pakr-app,.pakr-content,.pakr-repair-desk-page,.pakr-customer-portal-page,.pakr-login-shell,.pakr-booking-shell,.pakr-customer-shell,.pakr-status-shell,.pakr-quote-shell,.pakr-signature-shell) {
        background: var(--pakr-bg); color: var(--pakr-ink);
    }
    /* Public-page body rules in app.css include important theme resets. */
    :root:not([data-pakr-theme="dark"]) :is(.pakr-booking-page,.pakr-quote-page,.pakr-status-page,.pakr-signature-page,.pakr-counter-page) {
        background: var(--pakr-bg) !important;
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-sidebar {
        background: linear-gradient(180deg,#233b4b,#1d303e);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-topbar {
        background: var(--pakr-chrome); border-color: var(--pakr-line);
        backdrop-filter: none; -webkit-backdrop-filter: none;
        box-shadow: 0 1px 5px rgba(35,55,71,.04);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-topbar::after { background: var(--pakr-line); opacity: 1; }
    :root:not([data-pakr-theme="dark"]) .pakr-customer-nav { background: var(--pakr-chrome); border-color: var(--pakr-line); }
    :root:not([data-pakr-theme="dark"]) :is(.pakr-panel,.pakr-stat-card,.pakr-customer-card,.pakr-device-card,.pakr-job-card,.pakr-intake-card,.pakr-modal-card,.pakr-login-card,.pakr-booking-card,.pakr-public-card,.pakr-customer-auth-card,.pakr-customer-stats article,.pakr-customer-repair-list>button,.pakr-booking-repair-card,.pakr-storefront-hours section,.pakr-storefront-pricing section) {
        background: var(--pakr-surface); border-color: var(--pakr-line); color: var(--pakr-ink);
        box-shadow: 0 3px 14px rgba(35,55,71,.045);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-jobs-panel-head,.pakr-job-list-head,.pakr-modal-head,.pakr-pagination) {
        background: var(--pakr-soft); color: var(--pakr-ink); border-color: var(--pakr-line);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-jobs-panel-head { border-radius: 17px 17px 0 0; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-job-row { background: var(--pakr-surface); }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-job-row:nth-child(even) { background: var(--pakr-soft); }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-job-row:is(:hover,:focus-visible) { background: var(--pakr-hover); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-job-toolbar,.pakr-job-intake-actions,.pakr-template-preset,.pakr-intake-photo-row,.pakr-intake-condition-grid>label,.pakr-setting-item-editor,.pakr-booking-field-row,.pakr-catalog-mini-forms form,.pakr-report-item-mix>span,.pakr-device-access-editor,.pakr-document-access,.pakr-document-action-grid>button) {
        background: var(--pakr-soft); border-color: var(--pakr-line);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-setting-item,.pakr-preflight-summary article,.pakr-catalog-result,.pakr-appointment-row,.pakr-segmented button.is-active) { background: var(--pakr-surface); border-color: var(--pakr-line); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-field input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),.pakr-field textarea,.pakr-auth-passkeys input,.pakr-auth-add-passkey input) {
        background-color: var(--pakr-control); border-color: var(--pakr-control-line); color: var(--pakr-ink);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-field .pakr-select-trigger { border-color: var(--pakr-control-line); }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-field input[type="color"] { background: var(--pakr-soft); border-color: var(--pakr-line); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-job-toolbar .pakr-search-field,.pakr-job-toolbar .pakr-select-trigger,.pakr-job-toolbar .pakr-filter-date) {
        background: var(--pakr-control); border-color: var(--pakr-control-line);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-search-field--large { background: var(--pakr-control); border-color: var(--pakr-control-line); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-select-menu,.pakr-job-actions-popover,.pakr-search-results,.pakr-booking-search-results) { background: var(--pakr-control); border-color: var(--pakr-control-line); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-select-menu button:hover,.pakr-select-menu button[aria-selected="true"]) { background: var(--pakr-hover); color: var(--pakr-ink); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-button--primary,.pakr-dashboard-actions>.pakr-button--primary,.pakr-dashboard-range button.is-active) {
        background: var(--pakr-ui-accent); color: #fff; border-color: transparent;
        box-shadow: 0 3px 9px rgba(35,55,71,.12);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-button--primary:hover { box-shadow: 0 5px 14px rgba(35,55,71,.2); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-button--ghost,.pakr-button--secondary,.pakr-job-actions-trigger,.pakr-theme-toggle,.pakr-workspace-trigger,.pakr-language-control) {
        background: var(--pakr-soft); border-color: var(--pakr-line); color: #36556b;
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi {
        background: var(--kpi-start); color: var(--pakr-ink);
        border: 1px solid color-mix(in srgb,var(--kpi-end) 30%,var(--pakr-line));
        box-shadow: 0 3px 12px rgba(35,55,71,.05);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi--blue { --kpi-start:#d6e5ee; --kpi-end:#4d7590; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi--green { --kpi-start:#d9e6e1; --kpi-end:#4e7969; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi--amber { --kpi-start:#ebe2cd; --kpi-end:#8a7040; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi--cyan { --kpi-start:#d7e5e7; --kpi-end:#4b7780; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi :is(small,span) { opacity: 1; color: #435867; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi>svg { color: var(--kpi-end); opacity: .8; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-dashboard-kpi::after { opacity: .25; }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-job-status-summary button {
        background: color-mix(in srgb,var(--status-summary) 7%,var(--pakr-panel));
        box-shadow: 0 2px 8px rgba(35,55,71,.03);
    }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-status-table th { background: var(--pakr-soft); color: var(--pakr-ink); }
    :root:not([data-pakr-theme="dark"]) #pakr-app .pakr-status-table tbody tr:nth-child(even) { background: var(--pakr-soft); }
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-field input,.pakr-field textarea,.pakr-select-trigger):focus-visible,
    :root:not([data-pakr-theme="dark"]) #pakr-app :is(.pakr-search-field,.pakr-filter-date):focus-within { border-color: var(--pakr-ui-accent); }
}
