/* Shared screen geometry. Never alter thermal/A4 output or site-wide theme controls. */
/* One compact summary row. Only the metadata scrolls on narrow screens; Back stays reachable. */
#pakr-app [data-view="job-detail"] .pakr-job-detail-heading {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;margin:0 0 16px;}
#pakr-app .pakr-job-detail-heading .pakr-detail-back {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;margin:0;padding:9px 12px;border:1px solid var(--pakr-line);border-radius:10px;background:var(--pakr-soft);color:var(--pakr-ink);font-size:13px;line-height:1.3;white-space:nowrap;}
#pakr-app .pakr-job-detail-heading .pakr-job-detail-header-info {display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;padding:5px 2px;scrollbar-width:thin;}
#pakr-app .pakr-job-detail-heading .pakr-job-detail-header-info > * {flex:0 0 auto;}
#pakr-app [data-view="job-detail"] .pakr-job-detail-heading [data-detail-repair-number] {margin:0;padding:8px 10px;font-size:18px;line-height:1.3;letter-spacing:.01em;white-space:nowrap;overflow-wrap:normal;}
#pakr-app .pakr-job-detail-heading [data-detail-title] {margin:0;font-size:20px;line-height:1.3;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pakr-ink);}
#pakr-app .pakr-job-detail-heading [data-detail-subtitle] {display:flex;align-items:center;flex-wrap:nowrap;gap:9px;margin:0;font-size:13px;line-height:1.4;white-space:nowrap;color:var(--pakr-muted);}
#pakr-app .pakr-job-detail-heading [data-detail-subtitle] > * {flex:0 0 auto;margin:0;}
#pakr-app .pakr-job-detail-heading .pakr-quick-priority {width:116px;min-width:116px;}
#pakr-app .pakr-job-detail-heading .pakr-select-trigger {min-height:40px;padding:8px 10px;}
#pakr-app .pakr-job-detail-header-info:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:2px;border-radius:8px;}
@media(max-width:1200px){#pakr-app [data-view="job-detail"] .pakr-job-detail-heading{gap:9px;}#pakr-app .pakr-job-detail-heading [data-detail-title]{max-width:210px;font-size:18px;}}
@media(max-width:600px){#pakr-app .pakr-job-detail-heading .pakr-detail-back{max-width:125px;white-space:normal;font-size:12px;}#pakr-app .pakr-job-detail-heading .pakr-job-detail-header-info{gap:9px;}}
#pakr-app [data-device-identifiers-editor] {margin-top:12px;padding:14px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app .pakr-device-identifier-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#pakr-app .pakr-device-identifier-fields label {display:grid;gap:6px;min-width:0;color:var(--pakr-ink);font-size:14px;}
#pakr-app .pakr-device-identifier-fields input {width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--pakr-line);border-radius:8px;background:var(--pakr-surface);color:var(--pakr-ink);font:inherit;}
#pakr-app .pakr-device-identifier-actions {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
#pakr-app :is(.pakr-device-edit-identifiers,.pakr-device-identifier-actions button) {min-height:44px;padding:8px 12px;border:1px solid var(--pakr-line);border-radius:8px;background:var(--pakr-surface);color:var(--pakr-ink);font:inherit;cursor:pointer;}
#pakr-app :is(.pakr-device-edit-identifiers,.pakr-device-identifier-actions button):is(:hover,:focus-visible) {background:var(--pakr-soft);border-color:var(--pakr-primary);color:var(--pakr-ink);}
#pakr-app :is(.pakr-device-edit-identifiers,.pakr-device-identifier-actions button):disabled {opacity:.55;cursor:default;}
#pakr-app [data-identifier-error] {color:var(--pakr-ink);border-left:3px solid #d44c56;padding:8px;font-size:14px;}
@media(max-width:600px){#pakr-app .pakr-device-identifier-fields{grid-template-columns:minmax(0,1fr);}}
#pakr-app .pakr-booking-option-row{display:flex;align-items:flex-end;gap:12px;margin:12px 0;}#pakr-app .pakr-booking-option-row .pakr-field{flex:1;margin:0;}#pakr-app .pakr-booking-option-row button{min-height:44px;}
@media screen {
    #pakr-app .pakr-header-link {display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:40px;padding:8px 11px;border:1px solid var(--pakr-line);border-radius:10px;background:var(--pakr-soft);color:var(--pakr-ink);font-size:13px;font-weight:550;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background-color .15s,border-color .15s;}
    #pakr-app .pakr-header-link:is(:hover,:focus-visible) {background:var(--pakr-surface);color:var(--pakr-primary);border-color:var(--pakr-primary);text-decoration:none;}
    #pakr-app .pakr-header-link:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:2px;}
    #pakr-app .pakr-header-link svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
    #pakr-app .pakr-admin-access {position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--pakr-line);border-radius:16px;background:var(--pakr-surface);color:var(--pakr-ink);box-shadow:0 16px 60px #0004;}
    #pakr-app .pakr-admin-access::backdrop {background:#0007;backdrop-filter:blur(3px);}
    #pakr-app .pakr-admin-access h2 {margin:0 0 12px;font-size:21px;color:var(--pakr-ink);}
    #pakr-app .pakr-admin-access p {line-height:1.5;font-size:14px;color:var(--pakr-muted);}
    #pakr-app .pakr-admin-access footer {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;}
    #pakr-app .pakr-admin-access button {min-height:44px;padding:10px 14px;border:1px solid var(--pakr-line);border-radius:10px;background:var(--pakr-soft);color:var(--pakr-ink);font:inherit;cursor:pointer;}
    #pakr-app .pakr-admin-access button[type=submit] {background:var(--pakr-primary);color:#fff;}
    #pakr-app .pakr-admin-access button:disabled {opacity:.6;cursor:wait;}
    @media(max-width:1500px) {#pakr-app .pakr-header-link span {display:none;}#pakr-app .pakr-header-link {width:40px;padding:8px;}}
    @media(max-width:900px) {#pakr-app .pakr-main {grid-template-rows:auto minmax(0,1fr);}#pakr-app .pakr-topbar {height:auto!important;min-height:60px;flex-wrap:wrap;padding-block:10px;}#pakr-app .pakr-user {flex-wrap:wrap;justify-content:flex-end;}}
    @media(max-width:650px) {#pakr-app .pakr-user {flex-basis:100%;margin-left:0;justify-content:flex-start;}#pakr-app .pakr-account-button {margin-left:auto;}#pakr-app .pakr-theme-toggle>span {display:inline-flex;}}
    @media(prefers-reduced-motion:reduce) {#pakr-app .pakr-header-link {transition:none;}}
}
#pakr-app .pakr-job-view-switch {position:relative;isolation:isolate;}
#pakr-app .pakr-job-view-switch .pakr-job-view-indicator {position:absolute;left:0;top:3px;bottom:3px;pointer-events:none;border-radius:8px;background:var(--pakr-surface);box-shadow:0 2px 6px #20334712;z-index:0;}
#pakr-app .pakr-job-view-switch.has-view-indicator .pakr-job-view-indicator {transition:transform .24s cubic-bezier(.2,.7,.2,1),width .24s cubic-bezier(.2,.7,.2,1);}
#pakr-app .pakr-job-view-switch button {position:relative;z-index:1;transition:color .18s;background:transparent!important;color:var(--pakr-muted)!important;box-shadow:none!important;}
#pakr-app .pakr-job-view-switch button:is(:hover,:focus-visible) {color:var(--pakr-ink)!important;}
#pakr-app .pakr-job-view-switch button[aria-pressed=true] {color:var(--pakr-primary)!important;}
#pakr-app .pakr-job-view-switch button:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:-2px;}
#pakr-app .pakr-job-view-switch [data-refresh-jobs] {display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;gap:0;line-height:1;}
#pakr-app .pakr-job-view-switch [data-refresh-jobs] svg {display:block;flex:none;width:18px;height:18px;margin:0;transform:none;}
/* Compact cards: status summaries above, editable workflow and actions below. */
#pakr-app .pakr-job-card>header {flex-wrap:wrap;gap:8px;}
#pakr-app .pakr-job-card>header>div {min-width:0;overflow-wrap:anywhere;}
#pakr-app .pakr-job-card-badges {display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;max-width:100%;min-width:0;}
#pakr-app .pakr-job-card-badges :is(.pakr-payment-badge,.pakr-job-status) {display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:25px;padding:4px 8px;font-size:10.5px;line-height:1.3;text-transform:none;border-radius:20px;white-space:normal;overflow-wrap:anywhere;}
#pakr-app .pakr-job-card-badges .pakr-payment-badge {flex:none;}
#pakr-app .pakr-job-card>footer.pakr-job-card-controls {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:8px;padding:12px 13px;}
#pakr-app .pakr-job-card-controls>label {display:block;min-width:0;margin:0;}
#pakr-app .pakr-job-card>footer.pakr-job-card-controls .pakr-job-actions-menu {width:100%;min-width:0;}
#pakr-app .pakr-job-card-controls :is(.pakr-select-trigger,.pakr-job-actions-trigger) {width:100%;min-height:44px;}
#pakr-app .pakr-jobs-panel[data-view-transition] {overflow:clip;}
@media(prefers-reduced-motion:reduce){#pakr-app .pakr-job-view-switch.has-view-indicator .pakr-job-view-indicator,#pakr-app .pakr-job-view-switch button{transition:none;}}
/* Staff signature cards: pair status tints with theme-aware text, not fixed pale surfaces. */
#pakr-app [data-detail-signatures] .pakr-signature-admin-state {--pakr-signature-accent:#ce941b;background:var(--pakr-soft);background:color-mix(in srgb,var(--pakr-signature-accent) 7%,var(--pakr-surface));border-color:var(--pakr-line);border-left:3px solid var(--pakr-signature-accent);color:var(--pakr-ink);min-width:0;}
#pakr-app [data-detail-signatures] .pakr-signature-admin-state.is-signed {--pakr-signature-accent:#159b7e;}
#pakr-app [data-detail-signatures] .pakr-signature-admin-state + .pakr-signature-admin-state {margin-top:12px;}
#pakr-app [data-detail-signatures] .pakr-signature-admin-state > span {background:var(--pakr-soft);background:color-mix(in srgb,var(--pakr-signature-accent) 15%,var(--pakr-surface));color:var(--pakr-ink);}
#pakr-app [data-detail-signatures] .pakr-signature-admin-state > div {min-width:0;overflow-wrap:anywhere;}
#pakr-app [data-detail-signatures] .pakr-signature-admin-state strong {color:var(--pakr-ink);}
#pakr-app [data-detail-signatures] .pakr-signature-admin-state :is(p,small) {color:var(--pakr-muted);}
#pakr-app [data-detail-signatures] :is(.pakr-signature-admin-state,.pakr-signature-share) > button {background:var(--pakr-surface);border-color:var(--pakr-line);color:var(--pakr-ink);}
#pakr-app [data-detail-signatures] :is(.pakr-signature-admin-state,.pakr-signature-share) > button:is(:hover,:focus-visible) {background:var(--pakr-soft);border-color:var(--pakr-primary);color:var(--pakr-ink);}
#pakr-app [data-detail-signatures] .pakr-signature-share {background:var(--pakr-soft);border-color:var(--pakr-line);color:var(--pakr-ink);}
#pakr-app [data-detail-signatures] .pakr-signature-share span {color:var(--pakr-muted);}
#pakr-app [data-detail-signatures] .pakr-signature-share input {background:var(--pakr-surface);border-color:var(--pakr-line);color:var(--pakr-ink);}
#pakr-app dialog.pakr-signature-preview {position:fixed;inset:0;margin:auto;width:min(680px,92vw);max-width:92vw;max-height:90dvh;overflow:auto;border:1px solid var(--pakr-line);border-radius:16px;padding:0;background:var(--pakr-surface);color:var(--pakr-ink);box-shadow:0 20px 70px #0006;animation:pakr-signature-reveal .2s ease-out;}
#pakr-app dialog.pakr-signature-preview::backdrop {background:rgba(0,0,0,.55);backdrop-filter:blur(3px);}
#pakr-app .pakr-signature-preview header {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--pakr-line);color:var(--pakr-ink);}
#pakr-app .pakr-signature-preview header strong {font-size:17px;color:inherit;}
#pakr-app .pakr-signature-preview button {display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--pakr-line);border-radius:10px;background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app .pakr-signature-preview button:is(:hover,:focus-visible) {background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-primary);}
#pakr-app [data-signature-preview-content] {padding:20px;min-height:180px;color:var(--pakr-ink);}
#pakr-app [data-signature-preview-content].is-ready {animation:pakr-signature-reveal .25s ease-out;}
#pakr-app .pakr-signature-preview-paper {background:#fff;border:1px solid var(--pakr-line);border-radius:12px;padding:12px;}
#pakr-app .pakr-signature-preview-paper img {display:block;width:100%;height:auto;max-height:50dvh;object-fit:contain;}
@keyframes pakr-signature-reveal {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#pakr-app dialog.pakr-signature-preview,#pakr-app [data-signature-preview-content].is-ready{animation:none;}}
#pakr-app .pakr-post-check-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:10px;padding:14px;}
#pakr-app .pakr-inspection-save-bar {grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:14px;border-top:1px solid var(--pakr-line);color:var(--pakr-ink);}
#pakr-app .pakr-inspection-save-bar [role="status"] {flex:1 1 180px;font-size:13px;overflow-wrap:anywhere;}
#pakr-app .pakr-workflow .pakr-job-checklist > :is(.pakr-post-check-grid,.pakr-removed-checks) {grid-column:1 / -1;}
#pakr-app .pakr-post-check-grid .pakr-inspection-quick-row {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft);color:var(--pakr-ink);min-width:0;}
#pakr-app .pakr-post-check-grid strong small {display:block;font-size:12px;font-weight:400;color:var(--pakr-muted);}
#pakr-app .pakr-inspection-quick-actions button[data-post-check-action]:is(:hover,:focus) {color:var(--pakr-ink);background:var(--pakr-soft);}
#pakr-app .pakr-inspection-quick-actions button[data-post-check-action=working][aria-pressed=true] {background:#18734d;color:#fff;border-color:#18734d;}
#pakr-app .pakr-inspection-quick-actions button[data-post-check-action=failed][aria-pressed=true] {background:#b83030;color:#fff;border-color:#b83030;}
#pakr-app .pakr-inspection-quick-actions button[data-post-check-action=remove] {font-size:12px;padding:5px 8px;}
#pakr-app .pakr-removed-checks {padding:0 14px 14px;color:var(--pakr-muted);}
#pakr-app .pakr-removed-checks>div {display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:12px;}
#pakr-app .pakr-removed-checks button {border:1px solid var(--pakr-line);border-radius:8px;padding:6px 12px;background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app [data-job-attachments] {display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;}
#pakr-app .pakr-photo-card {display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--pakr-line);border-radius:12px;min-width:0;text-align:left;background:var(--pakr-surface);color:var(--pakr-ink);cursor:zoom-in;}
#pakr-app .pakr-photo-card:is(:hover,:focus-visible) {color:var(--pakr-ink);background:var(--pakr-soft);border-color:var(--pakr-primary);}
#pakr-app .pakr-photo-card>span {display:grid;place-items:center;aspect-ratio:4/3;width:100%;border-radius:8px;overflow:hidden;background:var(--pakr-soft);font-size:12px;}
#pakr-app .pakr-photo-card img {width:100%;height:100%;object-fit:cover;}
#pakr-app .pakr-photo-card strong {font-size:13px;line-height:1.4;font-weight:500;color:inherit;overflow-wrap:anywhere;}
#pakr-app dialog.pakr-photo-viewer {position:fixed;inset:0;margin:auto;width:min(1100px,94vw);max-width:94vw;max-height:94dvh;height:auto;padding:0;border:1px solid var(--pakr-line);border-radius:16px;background:var(--pakr-surface);color:var(--pakr-ink);box-shadow:0 20px 70px #0006;}
#pakr-app dialog.pakr-photo-viewer::backdrop {background:rgba(0,0,0,.76);backdrop-filter:blur(4px);}
#pakr-app .pakr-photo-viewer header,#pakr-app .pakr-photo-viewer footer {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--pakr-surface);color:var(--pakr-ink);}
#pakr-app .pakr-photo-viewer header strong {font-size:15px;font-weight:600;overflow-wrap:anywhere;color:inherit;}
#pakr-app .pakr-photo-viewer button,#pakr-app .pakr-photo-viewer a {border:1px solid var(--pakr-line);border-radius:10px;padding:10px 14px;min-height:44px;background:var(--pakr-soft);color:var(--pakr-ink);text-decoration:none;flex-shrink:0;}
#pakr-app .pakr-photo-viewer button:is(:hover,:focus-visible),#pakr-app .pakr-photo-viewer a:hover {background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-primary);}
#pakr-app .pakr-photo-stage {display:flex;align-items:center;justify-content:center;overflow:auto;height:min(70dvh,760px);background:var(--pakr-soft);}
#pakr-app .pakr-photo-stage img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
#pakr-app .pakr-photo-stage [hidden] {display:none;}
#pakr-app .pakr-photo-stage p {padding:24px;color:var(--pakr-ink);}
#pakr-app .pakr-photo-viewer.is-zoomed .pakr-photo-stage {display:block;}
#pakr-app .pakr-photo-viewer.is-zoomed .pakr-photo-stage img {max-width:none;max-height:none;}
/* Special hours: keep host button colours out of the five enhanced fields. */
#pakr-app .pakr-special-hours-form :is(.pakr-select-trigger,.pakr-date-trigger) {
    background:var(--pakr-soft)!important;color:var(--pakr-ink)!important;
    border:1px solid var(--pakr-line);border-radius:11px;min-height:44px;
}
#pakr-app .pakr-special-hours-form :is(.pakr-select-trigger,.pakr-date-trigger):is(:hover,:focus-visible,[aria-expanded=true]) {
    background:var(--pakr-surface)!important;color:var(--pakr-ink)!important;border-color:var(--pakr-primary);
}
#pakr-app .pakr-special-hours-form .pakr-date-menu button {
    background:var(--pakr-surface)!important;color:var(--pakr-ink)!important;
    -webkit-text-fill-color:currentColor!important;
}
#pakr-app .pakr-special-hours-form .pakr-date-menu button:is(:hover,:focus-visible,:active,[aria-pressed=true]),
#pakr-app .pakr-special-hours-form .pakr-date-menu button.pakr-control-primary {
    background:color-mix(in srgb,var(--pakr-primary) 12%,var(--pakr-surface))!important;
    color:var(--pakr-ink)!important;
}
#pakr-app .pakr-special-hours-form .pakr-date-menu button[aria-pressed=true] {box-shadow:inset 0 0 0 2px var(--pakr-primary);}
#pakr-app .pakr-special-hours-form > input:not([type=checkbox]),
#pakr-app .pakr-special-hours-form > select {
    background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);min-width:0;
}
#pakr-app .pakr-special-hours-form > label {color:var(--pakr-ink);}
#pakr-app .pakr-special-hours-form > button[type=submit] {
    background:#285ba8!important;color:#fff!important;-webkit-text-fill-color:currentColor!important;
    min-height:44px;padding:9px 12px;cursor:pointer;
}
#pakr-app .pakr-special-hours-form > button[type=submit]:is(:hover,:focus-visible,:active) {background:#204b8c!important;color:#fff!important;}
#pakr-app .pakr-special-hours-form > button[type=submit]:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:2px;}
#pakr-app .pakr-language-control .pakr-select-trigger,
#pakr-app .pakr-language-control .pakr-select-trigger:is(:hover,:focus,:active) {background:var(--pakr-soft);color:var(--pakr-ink);border-color:var(--pakr-line);}
#pakr-app .pakr-language-control .pakr-select-trigger :is(span,strong),
#pakr-app .pakr-select-menu[data-compact=true][popover] button :is(span,strong) {color:inherit;}
#pakr-app .pakr-select-menu[data-compact=true][popover] {background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);}
#pakr-app .pakr-select-menu[data-compact=true][popover] button {background:var(--pakr-surface);color:var(--pakr-ink);}
#pakr-app .pakr-select-menu[data-compact=true][popover] button:is(:hover,:focus,:active,[aria-selected=true]) {background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app .pakr-workflow .pakr-intake-inspection-switch {display:inline-flex;width:max-content;min-width:0;flex:0 0 auto;gap:3px;padding:3px;grid-template-columns:none;}
#pakr-app .pakr-workflow .pakr-intake-inspection-switch button {flex:0 0 auto;margin:0;}
#pakr-app .pakr-workflow .pakr-inspection-quick-row {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft);color:var(--pakr-ink);min-width:0;}
#pakr-app .pakr-inspection-quick-row[hidden] {display:none!important;}
#pakr-app .pakr-inspection-quick-row>strong {font-size:14px;overflow-wrap:anywhere;color:var(--pakr-ink);}
#pakr-app .pakr-inspection-quick-actions {display:flex;gap:5px;flex-shrink:0;}
#pakr-app .pakr-inspection-quick-actions button {display:grid;place-items:center;min-width:36px;min-height:38px;padding:5px;border:1px solid var(--pakr-line);border-radius:8px;background:var(--pakr-surface);color:var(--pakr-muted);font-size:18px;line-height:1;}
#pakr-app .pakr-inspection-quick-actions button[aria-pressed=true][data-inspection-answer=Working] {background:#18734d;color:#fff;border-color:#18734d;}
#pakr-app .pakr-inspection-quick-actions button[aria-pressed=true][data-inspection-answer="Not working"] {background:#b83030;color:#fff;border-color:#b83030;}
#pakr-app .pakr-inspection-quick-actions button:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:2px;}
#pakr-app .pakr-inspection-quick-row[data-answer="Not working"] {border-color:#d66c6c;}
#pakr-app .pakr-inspection-quick-actions button:disabled {opacity:.45;cursor:not-allowed;}
#pakr-app .pakr-inspection-quick-actions button[data-inspection-answer=remove] {font-size:12px;padding:5px 8px;}
#pakr-app .pakr-inspection-quick-actions button span {color:inherit;}
#pakr-app .pakr-repair-type-picker {display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;}
#pakr-app .pakr-repair-type-picker button {display:flex;align-items:center;gap:8px;border:1px solid var(--pakr-line);border-radius:10px;padding:9px 12px;background:var(--pakr-surface);color:var(--pakr-ink);font-size:14px;text-align:left;}
#pakr-app .pakr-repair-type-picker button[aria-pressed=true] {background:var(--pakr-soft);border-color:var(--pakr-primary);color:var(--pakr-ink);}
#pakr-app .pakr-repair-type-picker i {font-style:normal;color:var(--pakr-primary);}
#pakr-app .pakr-short-title-field>label,#pakr-app .pakr-short-title-field>span {color:var(--pakr-ink);font-size:14px;font-weight:650;}
#pakr-app .pakr-repair-type-setting {border:1px solid var(--pakr-line);border-radius:10px;padding:12px;margin-top:8px;background:var(--pakr-surface);color:var(--pakr-ink);}
#pakr-app .pakr-repair-type-setting summary {display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:var(--pakr-ink);}
#pakr-app .pakr-repair-type-setting summary strong {color:inherit;}
#pakr-app .pakr-repair-type-setting>div {display:flex;align-items:end;gap:12px;margin-top:12px;}
#pakr-app .pakr-repair-type-setting .pakr-field {flex:1;min-width:0;}
@media(pointer:coarse){#pakr-app .pakr-inspection-quick-actions button{min-width:44px;min-height:44px;}}
#pakr-app .pakr-job-checklist {background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);}
#pakr-app .pakr-job-checklist > div {background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app .pakr-job-checklist.is-complete > div {background:color-mix(in srgb,var(--pakr-primary) 12%,var(--pakr-surface));color:var(--pakr-ink);}
#pakr-app .pakr-job-checklist :is(strong,b,label,summary) {color:var(--pakr-ink);}
#pakr-app .pakr-job-checklist :is(small,em) {color:var(--pakr-muted);}
#pakr-app .pakr-job-checklist > label {background:transparent;border-color:var(--pakr-line);}
#pakr-app .pakr-device-inspection-heading {align-items:flex-start;min-width:0;}
#pakr-app .pakr-device-inspection-heading strong {min-width:0;overflow-wrap:anywhere;}
#pakr-app .pakr-device-inspection-heading strong small {display:block;font-weight:400;margin-top:5px;}
#pakr-app .pakr-device-inspection-heading em {flex-shrink:0;}
#pakr-app .pakr-device-inspection-empty {grid-column:1 / -1;margin:0;padding:14px;color:var(--pakr-muted);}
#pakr-app [data-device-intake-snapshot] > label {min-width:0;cursor:default;overflow-wrap:anywhere;}
#pakr-app .pakr-job-checklist > .pakr-legacy-intake {grid-column:1 / -1;padding:14px;}
#pakr-app .pakr-short-title-field {min-width:0;margin-bottom:14px;}
#pakr-app .pakr-short-title-field input {width:100%;box-sizing:border-box;background:var(--pakr-surface);color:var(--pakr-ink);}
#pakr-app .pakr-pagination button {
    background:var(--pakr-surface);color:var(--pakr-ink);border:1px solid var(--pakr-line);
    border-radius:10px;min-height:42px;padding:9px 14px;font-size:14px;line-height:1.4;
}
#pakr-app .pakr-pagination button:not(:disabled):is(:hover,:focus,:active) {background:var(--pakr-soft);color:var(--pakr-ink);border-color:var(--pakr-primary);}
#pakr-app .pakr-pagination button:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:2px;}
#pakr-app .pakr-pagination button:disabled {background:var(--pakr-soft);color:var(--pakr-muted);opacity:1;cursor:not-allowed;}
#pakr-app .pakr-pagination > span {color:var(--pakr-muted);font-size:13px;}
#pakr-app [data-view="customers"] .pakr-job-toolbar {display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:16px;align-items:end;}
#pakr-app .pakr-customer-sort {display:block;min-width:0;margin:0;}
@media(max-width:700px){#pakr-app [data-view="customers"] .pakr-job-toolbar {grid-template-columns:minmax(0,1fr);}}
#pakr-app [data-customer-merge-area] {scroll-margin-top:20px;}
#pakr-app .pakr-manual-merge {padding:18px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft);margin:18px 0;}
#pakr-app .pakr-manual-merge h3,#pakr-app .pakr-merge-review h3 {color:var(--pakr-ink);font-size:18px;}
#pakr-app .pakr-merge-search-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px;}
#pakr-app .pakr-merge-search-grid > div {min-width:0;}
#pakr-app .pakr-manual-merge input {box-sizing:border-box;width:100%;min-height:44px;background:var(--pakr-surface);color:var(--pakr-ink);border:1px solid var(--pakr-line);border-radius:10px;padding:10px 12px;}
#pakr-app .pakr-manual-merge .pakr-merge-chosen {color:var(--pakr-ink);font-weight:600;overflow-wrap:anywhere;}
#pakr-app .pakr-manual-merge .pakr-customer-search-results > button {grid-template-columns:40px minmax(0,1fr);}
#pakr-app .pakr-merge-pair strong,#pakr-app .pakr-merge-people strong {color:var(--pakr-ink);}
#pakr-app .pakr-merge-review .pakr-checkbox > span {color:var(--pakr-ink);font-size:14px;line-height:1.5;}
@media(max-width:700px){#pakr-app .pakr-merge-search-grid {grid-template-columns:minmax(0,1fr);}#pakr-app .pakr-manual-merge{padding:12px;}}
/* Quote device summaries must pair their surface with the active theme's ink. */
#pakr-app .pakr-quote-device-line {
    background:var(--pakr-soft);color:var(--pakr-ink);border-color:var(--pakr-line);
    min-width:0;
}
#pakr-app .pakr-quote-device-line > div {min-width:0;overflow-wrap:anywhere;}
#pakr-app [data-quote-device-picker] :is(.pakr-intake-manual-device,.pakr-intake-device-results) {background:var(--pakr-surface);border-color:var(--pakr-line);color:var(--pakr-ink);}
#pakr-app [data-quote-device-picker] .pakr-intake-device-results > button:is(:hover,:focus-visible) {background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app [data-quote-device-picker] .pakr-intake-device-image {background:var(--pakr-soft);color:var(--pakr-ink);}
#pakr-app [data-quote-selected-device] {display:block;margin:0;padding:0;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft);min-width:0;}
#pakr-app [data-quote-change-device] {position:static;transform:none;display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:var(--pakr-ink);text-align:left;}
#pakr-app [data-quote-change-device]:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:-3px;}
#pakr-app [data-quote-device-picker] .pakr-device-picker-initial {display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;}
#pakr-app [data-quote-device-picker] .pakr-device-picker-info {display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;overflow-wrap:anywhere;}
#pakr-app [data-quote-device-picker] .pakr-device-picker-info strong {font-size:16px;}
#pakr-app [data-quote-device-picker] .pakr-device-picker-info small {font-size:12px;color:var(--pakr-muted);}
#pakr-app [data-quote-change-device] svg {width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;}
#pakr-app .pakr-quote-device-line h3 {color:var(--pakr-ink);font-size:16px;line-height:1.45;}
#pakr-app .pakr-quote-device-line > div > span,
#pakr-app .pakr-quote-device-line small,
#pakr-app .pakr-quote-problem > span {color:var(--pakr-muted);font-size:12px;line-height:1.5;}
#pakr-app .pakr-quote-device-line .pakr-device-icon {
    flex-shrink:0;background:var(--pakr-surface);color:var(--pakr-primary);
}
#pakr-app .pakr-quote-problem p {color:var(--pakr-ink);font-size:14px;line-height:1.6;overflow-wrap:anywhere;}
/* Customer matches are selectable records, not white-text primary buttons.
   Keep both foreground and surface theme-aware, including host theme states. */
#pakr-app .pakr-customer-search-results > button {
    background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);
    grid-template-columns:36px minmax(0,1fr) auto auto;
}
#pakr-app .pakr-customer-search-results > button:is(:hover,:focus,:active) {
    background:var(--pakr-soft);color:var(--pakr-ink);border-color:var(--pakr-primary);
}
#pakr-app .pakr-customer-search-results > button:focus-visible {
    outline:2px solid var(--pakr-primary);outline-offset:-2px;
}
#pakr-app .pakr-customer-search-results > button > div {min-width:0;overflow-wrap:anywhere;}
#pakr-app .pakr-customer-search-results strong,
#pakr-app .pakr-workflow .pakr-customer-picker-info strong {color:var(--pakr-ink);}
#pakr-app .pakr-customer-search-results strong {font-size:15px;line-height:1.4;}
#pakr-app .pakr-customer-search-results small,
#pakr-app .pakr-workflow .pakr-customer-picker-info > span {color:var(--pakr-muted);}
#pakr-app .pakr-customer-search-results small {font-size:13px;line-height:1.5;}
#pakr-app .pakr-customer-search-results > button > span {
    background:var(--pakr-soft);color:var(--pakr-ink);
}
#pakr-app .pakr-customer-search-empty {background:var(--pakr-surface);border-color:var(--pakr-line);color:var(--pakr-ink);}
#pakr-app .pakr-customer-search-empty button,
#pakr-app .pakr-customer-search-empty button:is(:hover,:focus,:active) {background:var(--pakr-soft);color:var(--pakr-ink);}
/* Loyalty settings inherited a hard-coded pale row and white points badge. */
[data-pakr-theme="dark"] #pakr-app [data-view="settings"] .pakr-info-row {
    background:var(--pakr-soft,#111c2a);color:var(--pakr-ink,#e9f1fb);
}
[data-pakr-theme="dark"] #pakr-app [data-view="settings"] .pakr-info-row > span {
    background:var(--pakr-surface,#162131);color:var(--pakr-ink,#e9f1fb);
}
[data-pakr-theme="dark"] #pakr-app [data-view="settings"] .pakr-info-row strong {color:var(--pakr-ink,#e9f1fb)}
[data-pakr-theme="dark"] #pakr-app [data-view="settings"] .pakr-info-row small {color:var(--pakr-muted,#9cafc4)}
[data-pakr-theme="dark"] #pakr-app input[name="loyalty_feedback_points"] {
    background:var(--pakr-surface,#162131);color:var(--pakr-ink,#e9f1fb);border-color:var(--pakr-line,#29384b);color-scheme:dark;
}
/* Backdrops are dismiss buttons, not primary actions. Isolate their full-screen
   surface from WordPress/Elementor button hover, focus and padding rules. */
#pakr-app .pakr-modal > .pakr-modal-backdrop,
#pakr-app .pakr-modal > .pakr-modal-backdrop:is(:hover,:focus,:focus-visible,:active) {
    appearance:none!important;background:rgba(12,26,44,.53)!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
    margin:0!important;padding:0!important;box-sizing:border-box!important;transform:none!important;cursor:default;
}
#pakr-app .pakr-modal-backdrop::before,#pakr-app .pakr-modal-backdrop::after,
#pakr-app .pakr-modal-close::before,#pakr-app .pakr-modal-close::after {content:none!important;display:none!important}
#pakr-app .pakr-modal-head {gap:16px}
#pakr-app .pakr-modal-head > div:first-child {min-width:0}
#pakr-app .pakr-modal-close,
#pakr-app .pakr-modal-head > button:not(.pakr-button) {
    appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;align-self:flex-start;width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
    box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;border-radius:12px!important;
    background:var(--pakr-soft,#edf2f5)!important;color:var(--pakr-muted,#5b6e81)!important;
    font:400 24px/1 Arial,sans-serif!important;letter-spacing:0!important;text-align:center!important;
    text-indent:0!important;box-shadow:none!important;transform:none!important;cursor:pointer;
}
#pakr-app button.pakr-modal-close:is(:hover,:active) {background:var(--pakr-hover,#e3eaf1)!important;color:var(--pakr-ink,#203347)!important}
#pakr-app .pakr-modal-close:focus-visible {outline:2px solid var(--pakr-primary,#3279f6)!important;outline-offset:3px}
#pakr-app .pakr-modal-close > svg {display:block!important;flex:0 0 20px;width:20px!important;height:20px!important;max-width:none!important;margin:0!important;padding:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;transform:none!important;pointer-events:none}
/* Quote controls are taller than many laptop viewports. Keep them in normal
   flow, including older cached markup, so they cannot cover customer details. */
#pakr-app [data-view="quote-detail"] .pakr-quote-controls,
#pakr-app [data-view="quote-detail"] .pakr-sticky-panel { position:static;top:auto;bottom:auto; }
#pakr-app [data-quote-modal] .pakr-intake-card--parts { margin-top:24px;padding:20px;border:1px solid var(--pakr-line);border-radius:16px;background:var(--pakr-surface); }
#pakr-app .pakr-quote-draft-line { display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pakr-line);padding:12px 0;margin-bottom:12px; }
#pakr-app .pakr-quote-draft-line > div { min-width:0;overflow-wrap:anywhere; }
#pakr-app .pakr-quote-draft-line small { display:block;color:var(--pakr-muted);margin-top:4px; }
#pakr-app [data-quote-selected-customer] > div { min-width:0;overflow-wrap:anywhere; }
#pakr-app [data-quote-lead-field][hidden] { display:none!important; }
#pakr-app [data-quote-customer-editor] { margin:16px 0; }
#pakr-app .pakr-category-toolbar { display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0; }
#pakr-app .pakr-category-toolbar > input { flex:1 1 220px;min-width:0;box-sizing:border-box;padding:12px 14px;min-height:44px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-surface);color:var(--pakr-ink);font:inherit; }
#pakr-app .pakr-category-toolbar > button { min-height:44px; }
#pakr-app .pakr-square-category-picker > p { font-size:13px;line-height:1.5; }
#pakr-app .pakr-square-category-picker [data-square-categories] { display:block;max-height:440px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--pakr-line);border-radius:14px;padding:8px;background:var(--pakr-surface); }
#pakr-app .pakr-square-category-tree,#pakr-app .pakr-square-category-node > ul { list-style:none;padding:0;margin:0; }
#pakr-app .pakr-square-category-node > ul { margin-left:18px;padding-left:8px;border-left:1px solid var(--pakr-line); }
#pakr-app .pakr-square-category-node { margin:0;padding:0; }
#pakr-app .pakr-square-category-row { display:flex;align-items:center;gap:8px;padding:3px 0;min-width:0; }
#pakr-app .pakr-category-toggle,#pakr-app .pakr-category-spacer { width:36px;min-width:36px;flex:0 0 36px; }
#pakr-app .pakr-category-toggle { height:40px;border:1px solid var(--pakr-line);border-radius:10px;background:var(--pakr-surface);color:var(--pakr-ink);font-size:24px;display:grid;place-items:center;padding:0;cursor:pointer; }
#pakr-app .pakr-square-category-row > label { flex:1;min-width:0;display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;border-radius:10px;background:var(--pakr-surface); }
#pakr-app .pakr-square-category-row > label > input { appearance:auto;width:18px;height:18px;min-width:18px;accent-color:#337ae8;margin:0; }
#pakr-app .pakr-square-category-row label strong { font-size:15px;line-height:1.4;font-weight:650;overflow-wrap:anywhere; }
#pakr-app .pakr-square-category-row label small { font-size:12px;line-height:1.4; }
#pakr-app .pakr-category-count { color:var(--pakr-muted);font-size:13px;min-width:24px;text-align:center; }
#pakr-app .pakr-category-save-row { display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px; }
#pakr-app .pakr-category-save-row > button { margin-left:auto;min-height:44px; }
#pakr-app [data-square-catalog-state]:empty { display:none; }
@media(max-width:600px) { #pakr-app .pakr-category-toolbar { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); } #pakr-app .pakr-category-toolbar > input { grid-column:1/-1;width:100%; } #pakr-app .pakr-category-save-row > button { width:100%; } #pakr-app .pakr-square-category-node > ul { margin-left:8px;padding-left:4px; } }
#pakr-app .pakr-template-email-test { padding:16px;margin:16px 0;border:1px solid var(--pakr-line);border-radius:14px;background:var(--pakr-surface); }
#pakr-app .pakr-template-email-test[hidden] { display:none; }
#pakr-app .pakr-template-email-test > small { display:block;margin-top:8px;line-height:1.5;color:var(--pakr-muted); }
#pakr-app [data-notification-template-form] { min-width:0; }
#pakr-app [data-notification-template-form] .pakr-form-grid { min-width:0; }
#pakr-app [data-notification-template-form] .pakr-notification-toggles { flex-wrap:wrap;gap:12px; }
#pakr-app [data-notification-template-form] .pakr-notification-toggles label { white-space:normal;min-width:0; }
#pakr-app .pakr-template-email-test input { box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-surface);color:inherit;font:inherit; }
#pakr-app .pakr-template-email-test input:focus-visible { outline:2px solid #4788ef;outline-offset:2px; }
@media(max-width:600px) {
    #pakr-app [data-notification-template-form] .pakr-form-grid { grid-template-columns:minmax(0,1fr); }
    #pakr-app [data-notification-template-form] .pakr-field { min-width:0; }
    #pakr-app [data-notification-template-form] .pakr-modal-actions { flex-wrap:wrap; }
}
#pakr-app .pakr-integration-test-row { display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0; }
#pakr-app .pakr-field > label { display:block;color:var(--pakr-ink);font-size:13px;font-weight:700;line-height:1.5;margin-bottom:6px; }
#pakr-app .pakr-integration-test-row > input { flex:1 1 180px;min-width:0;width:auto; }
#pakr-app .pakr-integration-test-row > button { flex:0 0 auto;min-height:44px;white-space:nowrap;border-radius:12px; }
#pakr-app .pakr-integration-result { margin:8px 0;padding:12px 14px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-surface);font-size:14px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere; }
#pakr-app .pakr-integration-result[hidden] { display:none; }
#pakr-app .pakr-integration-test-row > .pakr-integration-result { flex:1 0 100%;width:100%;box-sizing:border-box;color:var(--pakr-ink); }
#pakr-app .pakr-integration-result[data-state=success] { border-left:4px solid #159873; }
#pakr-app .pakr-integration-result[data-state=error] { border-left:4px solid #dc4545; }
#pakr-app .pakr-integration-result[data-state=warning] { border-left:4px solid #d99116; }
@media(max-width:600px) { #pakr-app .pakr-integration-test-row > button { flex:1 1 auto; } }
/* The repair register responds to its actual panel width (including Elementor
   embeds and browser zoom), not competing viewport-based legacy grids. */
@media screen {
    #pakr-app .pakr-jobs-panel { container:pakr-register / inline-size; }
    #pakr-app .pakr-jobs-panel .pakr-job-list-head { display:none; }
    #pakr-app .pakr-jobs-panel .pakr-job-row {
        display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        grid-template-areas:"repair balance" "customer customer" "dates dates" "tech tech" "status actions" "amount amount";
        gap:16px; align-items:start; padding:18px 16px; min-height:0;
    }
    #pakr-app .pakr-jobs-panel .pakr-job-row>div { min-width:0; max-width:100%; margin:0; align-self:start; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-repair { grid-area:repair; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-dates { grid-area:dates; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-customer { grid-area:customer; gap:5px; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-status { grid-area:status; display:block; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-technician { grid-area:tech; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-amount { grid-area:amount; display:grid; grid-template-columns:1fr auto; gap:6px; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-balance { grid-area:balance; justify-self:stretch; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-actions { grid-area:actions; display:block; justify-self:stretch; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-technician>span,
    #pakr-app .pakr-jobs-panel .pakr-job-row-dates>span { display:grid; grid-template-columns:minmax(0,1fr); gap:3px; }
    #pakr-app .pakr-jobs-panel .pakr-job-row :is(.pakr-job-row-technician,.pakr-job-row-customer,.pakr-job-row-dates,.pakr-job-row-amount)>*,
    #pakr-app .pakr-jobs-panel .pakr-job-row-technician>span>* { white-space:normal; overflow-wrap:anywhere; min-width:0; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-technician strong { font-size:14px; line-height:1.45; font-weight:750; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-technician small { font-size:10px; line-height:1.45; font-weight:750; color:var(--pakr-muted); text-transform:uppercase; letter-spacing:.035em; }
    #pakr-app .pakr-jobs-panel .pakr-job-work-summary { padding-top:4px; }
    #pakr-app .pakr-jobs-panel .pakr-job-row .pakr-customer-attention { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; overflow:visible; white-space:normal; }
    #pakr-app .pakr-jobs-panel .pakr-customer-attention>span { max-width:100%; box-sizing:border-box; overflow-wrap:anywhere; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-status>label { display:block; margin:0; min-width:0; }
    #pakr-app .pakr-jobs-panel .pakr-job-row :is(.pakr-select,.pakr-job-actions-menu) { width:100%; min-width:0; }
    #pakr-app .pakr-jobs-panel .pakr-job-row :is(.pakr-select-trigger,.pakr-job-actions-trigger) { width:100%; min-width:0; min-height:40px; height:auto; padding:8px 10px; font-size:13px; line-height:1.4; }
    #pakr-app .pakr-jobs-panel .pakr-job-row .pakr-select-trigger>span { min-width:0; }
    #pakr-app .pakr-jobs-panel .pakr-job-row-status .pakr-select-trigger>span { white-space:normal; overflow-wrap:anywhere; text-align:left; }
    @container pakr-register (min-width:720px) {
        #pakr-app .pakr-jobs-panel .pakr-job-row {
            grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);
            grid-template-areas:"repair customer dates balance" "status customer tech amount" "status customer tech actions";
        }
        #pakr-app .pakr-jobs-panel .pakr-job-row :is(.pakr-job-row-dates,.pakr-job-row-technician,.pakr-job-row-amount) { grid-template-columns:minmax(0,1fr); }
    }
    @container pakr-register (min-width:1080px) {
        #pakr-app .pakr-jobs-panel :is(.pakr-job-row,.pakr-job-list-head) {
            grid-template-columns:minmax(116px,1fr) minmax(100px,.85fr) minmax(180px,1.85fr) minmax(130px,1.12fr) minmax(116px,1fr) minmax(82px,.7fr) minmax(96px,.8fr) minmax(94px,.8fr);
            gap:12px; padding-inline:16px;
        }
        #pakr-app .pakr-jobs-panel .pakr-job-row { grid-template-areas:"repair dates customer status tech amount balance actions"; }
        #pakr-app .pakr-jobs-panel .pakr-job-list-head { display:grid; grid-template-areas:none; font-size:11px; line-height:1.4; align-items:center; }
        #pakr-app .pakr-jobs-panel .pakr-job-row-amount>small { display:none; }
        #pakr-app .pakr-jobs-panel .pakr-job-row-amount { padding-top:8px; }
    }
}
@media screen {
    /* An implicit auto-sized grid column could grow beyond the viewport while
       the app's overflow rule hid the excess (especially long route titles). */
    #pakr-app .pakr-main { grid-template-columns:minmax(0,1fr); }
    #pakr-app .pakr-topbar>div:first-of-type { min-width:0; }
    #pakr-app .pakr-topbar [data-page-title] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    @media(max-width:650px) {
        #pakr-app .pakr-topbar { padding-inline:12px; gap:8px; }
        #pakr-app .pakr-topbar>div:first-of-type { flex:1; }
        #pakr-app .pakr-user { gap:6px; flex-shrink:0; }
        #pakr-app .pakr-user>img,#pakr-app .pakr-account-button small { display:none; }
        #pakr-app .pakr-account-button { max-width:64px; }
        #pakr-app .pakr-account-button strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    }
    #pakr-app { --pakr-radius-control:10px; --pakr-radius-panel:14px; --pakr-space-section:16px; --pakr-space-field:12px; --pakr-focus-color:color-mix(in srgb,var(--pakr-primary) 24%,transparent); }
    /* Priority belongs to the whole work item, not only its dropdown. Keep the
       existing text labels/status badges, and never change dimensions on update. */
    #pakr-app [data-job-priority] { --job-priority-accent:#397acb; --job-priority-wash:5%; }
    #pakr-app [data-job-priority=low] { --job-priority-accent:#668a93; --job-priority-wash:6%; }
    #pakr-app [data-job-priority=high] { --job-priority-accent:#b9750a; --job-priority-wash:14%; }
    #pakr-app [data-job-priority=urgent] { --job-priority-accent:#cf3e59; --job-priority-wash:13%; }
    [data-pakr-theme=dark] #pakr-app [data-job-priority] { --job-priority-accent:#6da5ec; --job-priority-wash:8%; }
    [data-pakr-theme=dark] #pakr-app [data-job-priority=low] { --job-priority-accent:#88acb4; --job-priority-wash:7%; }
    [data-pakr-theme=dark] #pakr-app [data-job-priority=high] { --job-priority-accent:#efb64e; --job-priority-wash:15%; }
    [data-pakr-theme=dark] #pakr-app [data-job-priority=urgent] { --job-priority-accent:#f28094; --job-priority-wash:17%; }
    :root #pakr-app .pakr-job-list > :is(.pakr-job-row,.pakr-job-card)[data-open-job][data-job-priority] {
        background:color-mix(in srgb,var(--job-priority-accent) var(--job-priority-wash),var(--pakr-surface));
        box-shadow:inset 5px 0 0 var(--job-priority-accent);
        transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;
    }
    :root #pakr-app .pakr-job-list > :is(.pakr-job-row,.pakr-job-card)[data-open-job][data-job-priority]:is(:hover,:focus-visible) {
        background:color-mix(in srgb,var(--job-priority-accent) calc(var(--job-priority-wash) + 5%),var(--pakr-surface));
        box-shadow:inset 5px 0 0 var(--job-priority-accent); transform:none;
    }
    :root #pakr-app .pakr-job-list > :is(.pakr-job-row,.pakr-job-card)[data-open-job][data-job-priority]:focus-visible { outline:2px solid var(--job-priority-accent); outline-offset:-2px; }
    #pakr-app .pakr-job-card[data-job-priority] { border-color:color-mix(in srgb,var(--job-priority-accent) 38%,var(--pakr-line)); }
    #pakr-app .pakr-job-card[data-job-priority]>header { box-shadow:none; }
    #pakr-app .pakr-job-card[data-job-priority] .pakr-job-card-money { background:transparent; }
    #pakr-app .pakr-view.is-active { display:flex; flex-direction:column; gap:var(--pakr-space-section); }
    #pakr-app .pakr-view > :not([hidden]) { margin-block:0; }
    #pakr-app .pakr-view > .pakr-back-link { align-self:flex-start; }
    #pakr-app :is(.pakr-settings-grid,.pakr-reports-grid,.pakr-dashboard-grid,.pakr-customer-grid,.pakr-workflow) { gap:var(--pakr-space-section); }
    #pakr-app :is(.pakr-panel,.pakr-workflow-stage,.pakr-workflow-organizer) { border-radius:var(--pakr-radius-panel); }
    #pakr-app .pakr-form-grid { gap:var(--pakr-space-field); }
    #pakr-app .pakr-text-button { margin:0; }
    #pakr-app .pakr-job-toolbar .pakr-job-advanced-filters { border:0; padding-top:0; }

    /* A button has a single surface; transparent wrappers cannot expose square corners. */
    #pakr-app .pakr-job-actions-menu { background:transparent; border:0; padding:0; border-radius:var(--pakr-radius-control); box-shadow:none; }
    #pakr-app .pakr-job-actions-trigger { border:1px solid var(--pakr-line); border-radius:var(--pakr-radius-control); box-shadow:none; min-height:44px; background:var(--pakr-soft); color:var(--pakr-ink); transform:none; filter:none; }
    #pakr-app .pakr-job-actions-trigger:hover { background:color-mix(in srgb,var(--pakr-primary) 9%,var(--pakr-surface)); border-color:var(--pakr-primary); box-shadow:none; transform:none; filter:none; }
    #pakr-app .pakr-job-actions-popover { padding:8px; gap:4px; border-radius:12px; }
    #pakr-app .pakr-job-actions-popover>button { border-radius:8px; padding:10px; min-height:48px; }
    #pakr-app .pakr-job-card>footer .pakr-job-actions-trigger { background:var(--pakr-soft); color:var(--pakr-ink); border:1px solid var(--pakr-line); min-height:44px; }

    #pakr-app :is(.pakr-button,.pakr-text-button,.pakr-modal-actions>button,.pakr-copy-field>button,[data-preview-device-pack],[data-retry-notification],.pakr-workflow-toolbar>button) { border-radius:var(--pakr-radius-control); display:inline-flex; align-items:center; justify-content:center; gap:8px; line-height:1.35; text-align:center; }
    #pakr-app :is(.pakr-modal-actions>button,.pakr-copy-field>button,[data-preview-device-pack],[data-retry-notification]) { min-height:40px; padding:9px 14px; font-family:inherit; font-size:14px; font-weight:600; line-height:1.35; cursor:pointer; }
    #pakr-app .pakr-workflow.pakr-workflow { gap:var(--pakr-space-section); }
    #pakr-app :is(.pakr-copy-field>button,[data-preview-device-pack],[data-retry-notification]) { border:1px solid var(--pakr-line); background:var(--pakr-soft); color:var(--pakr-ink); }
    #pakr-app .pakr-copy-field { display:flex; align-items:center; gap:8px; padding:6px; border:1px solid var(--pakr-line); border-radius:12px; background:var(--pakr-soft); }
    #pakr-app .pakr-copy-field>input { flex:1; width:0; min-width:0; border:0; border-radius:8px; margin:0; background:transparent; }
    #pakr-app .pakr-copy-field>button { flex-shrink:0; margin:0; }
    #pakr-app .pakr-copy-field:focus-within { border-color:var(--pakr-primary); box-shadow:0 0 0 3px var(--pakr-focus-color); }
    #pakr-app .pakr-copy-field>input:focus { outline:none; box-shadow:none; }
    #pakr-app :is(.pakr-field>input:not([type=checkbox]):not([type=radio]):not([type=range]),.pakr-field>textarea,.pakr-select-trigger,.pakr-date-trigger,.pakr-search-field) { border-radius:var(--pakr-radius-control); }
    #pakr-app .pakr-search-field { align-items:center; }
    #pakr-app .pakr-search-field>input { border:0; box-shadow:none; outline:0; border-radius:0; background:transparent; }
    #pakr-app .pakr-search-field:focus-within { border-color:var(--pakr-primary); box-shadow:0 0 0 3px var(--pakr-focus-color); }

    /* Consistent keyboard cues, without painting the whole heading black. */
    #pakr-app :is(button,a,summary):focus-visible { outline:2px solid var(--pakr-primary); outline-offset:3px; }
    #pakr-app .pakr-workflow-heading h2:focus { outline:none; box-shadow:none; }
    #pakr-app .pakr-workflow-stage { transition:border-color .22s ease,box-shadow .22s ease; }
    #pakr-app .pakr-workflow-stage.is-current-stage { border-color:color-mix(in srgb,var(--pakr-primary) 55%,var(--pakr-line)); }
    #pakr-app .pakr-workflow-heading { border-radius:13px 13px 0 0; }
    #pakr-app .pakr-workflow-nav button { border-radius:var(--pakr-radius-control); transition:background .18s ease,border-color .18s ease,color .18s ease; }
    #pakr-app .pakr-workflow-nav button.is-active { color:var(--pakr-primary); background:color-mix(in srgb,var(--pakr-primary) 10%,var(--pakr-surface)); border-color:color-mix(in srgb,var(--pakr-primary) 55%,var(--pakr-line)); }
    #pakr-app .pakr-workflow-nav button b { font-weight:650; }
    #pakr-app .pakr-workflow :is(.pakr-intake-condition-grid>label,.pakr-device-access-editor,.pakr-intake-photo-row,.pakr-job-checklist,.pakr-selected-customer) { border-radius:var(--pakr-radius-control); }
    #pakr-app .pakr-workflow [data-intake-section=device] .pakr-device-access-editor { padding:12px; border:1px solid var(--pakr-line); }
    #pakr-app .pakr-workflow .pakr-device-access-editor [data-access-panel=password] input { width:100%; box-sizing:border-box; }
    #pakr-app .pakr-workflow .pakr-intake-condition-grid>label { padding:10px; gap:10px; }
    #pakr-app .pakr-workflow-extra[open]>summary { border-radius:10px 10px 0 0; border-bottom:1px solid var(--pakr-line); }
    #pakr-app .pakr-workflow-toolbar,#pakr-app .pakr-workflow-organizer { margin-bottom:var(--pakr-space-section); }

    /* Small language selector: two options do not need a full field-width panel. */
    .pakr-select-menu[data-compact=true][popover] { height:auto; padding:5px; gap:2px; border-radius:11px; }
    #pakr-app .pakr-select-menu[data-compact=true] button,.pakr-select-menu[data-compact=true][popover] button { grid-template-columns:minmax(0,1fr) 14px; padding:8px 10px; min-height:38px; border-radius:7px; font-size:13px; }
    .pakr-select-menu[data-compact=true] button>i { display:none; }
    .pakr-select-menu[data-compact=true] button>span { text-align:left; }
    #pakr-app .pakr-select-menu button:focus-visible,#pakr-app .pakr-job-actions-popover>button:focus-visible { outline-offset:-2px; }
}
@media screen and (pointer:coarse) { .pakr-select-menu[data-compact=true][popover] button,#pakr-app .pakr-select-menu[data-compact=true] button { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { #pakr-app .pakr-workflow-stage,#pakr-app .pakr-workflow-nav button { transition:none; } }
@media(prefers-reduced-motion:reduce) { #pakr-app .pakr-job-list>[data-job-priority] { transition:none!important; } }

/* Follow-up is a compact queue, not a second message preview in every row. */
#pakr-app .pakr-job-status-summary button[aria-pressed=true] { border-color:var(--status-summary);box-shadow:inset 0 0 0 1px var(--status-summary); }
#pakr-app .pakr-detail-followup { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin-block:0 16px;border:1px solid color-mix(in srgb,#d97706 35%,var(--pakr-line));border-radius:14px;background:color-mix(in srgb,#d97706 9%,var(--pakr-panel));color:var(--pakr-ink); }
#pakr-app .pakr-detail-followup[hidden] { display:none; }
#pakr-app .pakr-detail-followup { flex-wrap:wrap; }
#pakr-app .pakr-detail-followup>strong { margin-right:auto; }
#pakr-app [data-detail-section=messages] { scroll-margin-top:90px; }
#pakr-app .pakr-job-list [data-open-job]:focus { outline:none!important; }
#pakr-app .pakr-job-list [data-open-job]:focus-visible { outline:2px solid var(--pakr-primary)!important;outline-offset:-2px; }
html[data-pakr-keyboard-navigation=false] #pakr-app .pakr-job-list [data-open-job]:focus { outline:none!important; }

/* Intake pricing: one aligned description row, then a full-width item ledger. */
@media screen {
    #pakr-app .pakr-workflow [data-intake-section=work] > .pakr-form-grid { grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:16px;align-items:start; }
    #pakr-app .pakr-workflow [data-intake-section=work] .pakr-field--wide { grid-column:auto; }
    #pakr-app .pakr-workflow [data-intake-section=work] .pakr-ai-description-field {grid-column:1 / -1;}
    #pakr-app .pakr-workflow [data-intake-section=work] .pakr-short-title-field {margin-bottom:0;}
    #pakr-app .pakr-workflow [data-intake-section=work] > .pakr-form-grid > label:first-child > span {display:flex;align-items:center;min-height:34px;margin-bottom:8px;}
    #pakr-app .pakr-intake-items { --pakr-parts-surface:#fffaf0;--pakr-parts-header:#f4dba4;--pakr-parts-border:#b18539;--pakr-parts-heading:#5a3c0a; }
    [data-pakr-theme=dark] #pakr-app .pakr-intake-items { --pakr-parts-surface:#241f18;--pakr-parts-header:#46361f;--pakr-parts-border:#987440;--pakr-parts-heading:#ffe2ac; }
    #pakr-app .pakr-workflow [data-intake-section=work] .pakr-intake-items { grid-column:1 / -1;grid-row:auto;margin:0;padding:0;border:1px solid var(--pakr-parts-border);border-left-width:4px;border-radius:14px;background:var(--pakr-parts-surface);overflow:hidden; }
    #pakr-app .pakr-intake-items > header { padding:12px 16px;background:var(--pakr-parts-header);border-bottom:1px solid var(--pakr-parts-border);gap:12px; }
    #pakr-app .pakr-intake-items > header strong { font-size:17px;font-weight:800;color:var(--pakr-parts-heading); }
    #pakr-app .pakr-intake-items [data-add-intake-item] { min-height:44px;margin:0;padding:10px 16px;border:1px solid #a97d31;border-radius:10px;background:#e3b96d;color:#302310;--pakr-action-hover-bg:#d3a455;--pakr-action-hover-ink:#302310; }
    #pakr-app .pakr-intake-item-row { grid-template-columns:minmax(0,1fr) auto 36px;padding:12px 16px;gap:16px; }
    #pakr-app .pakr-intake-item-row > span { min-width:0;overflow-wrap:anywhere; }
    #pakr-app .pakr-intake-item-row strong { font-size:16px; }
    #pakr-app .pakr-intake-item-row small { font-size:14px;line-height:1.5;margin-top:4px; }
    #pakr-app .pakr-intake-item-row > strong { white-space:nowrap;font-variant-numeric:tabular-nums; }
    #pakr-app .pakr-intake-item-row > button { width:36px;height:44px; }
    #pakr-app .pakr-intake-items-empty { padding:20px 16px;color:var(--pakr-muted);font-size:15px; }
    #pakr-app .pakr-intake-items-total { display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:14px 68px 14px 16px;background:var(--pakr-soft);font-size:16px; }
    #pakr-app .pakr-intake-items-total strong { font-size:20px;font-variant-numeric:tabular-nums; }

    #pakr-app [data-item-modal] .pakr-modal-card--catalog { width:min(840px,calc(100vw - 32px)); }
    #pakr-app [data-item-form] .pakr-item-kind-switch { width:min(100%,360px);margin-bottom:16px; }
    #pakr-app [data-item-form] .pakr-catalog-picker { padding:16px;border-radius:14px; }
    /* Job and quote pickers share a renderer. Theme every nested surface, not
       just the modal shell or result buttons (which already use theme tokens). */
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-catalog-picker {background:var(--pakr-soft);border-color:var(--pakr-line);color:var(--pakr-ink);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) :is(.pakr-catalog-search,.pakr-catalog-results) {background:var(--pakr-surface);border-color:var(--pakr-line);color:var(--pakr-ink);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-catalog-search svg {color:var(--pakr-muted);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-catalog-search input {background:transparent;color:var(--pakr-ink);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) input::placeholder {color:var(--pakr-muted);opacity:1;}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-segmented {background:var(--pakr-soft);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-segmented button {color:var(--pakr-muted);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-segmented button.is-active {background:var(--pakr-surface);color:var(--pakr-ink);box-shadow:inset 0 -2px var(--pakr-primary);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-catalog-selected {background:var(--pakr-surface);border-color:var(--pakr-line);border-left:3px solid var(--pakr-primary);color:var(--pakr-ink);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-catalog-selected :is(strong,button) {color:var(--pakr-ink);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) .pakr-catalog-selected :is(small,div>span) {color:var(--pakr-muted);}
    #pakr-app :is([data-item-form],[data-quote-item-form]) :is(.pakr-catalog-more,.pakr-catalog-empty button) {color:var(--pakr-ink);}
    #pakr-app [data-item-form] .pakr-catalog-picker-head > .pakr-segmented { flex-direction:row;gap:4px; }
    #pakr-app [data-item-form] .pakr-catalog-empty { min-height:88px;padding:16px;gap:14px; }
    #pakr-app [data-item-form] .pakr-catalog-empty-actions { display:flex;flex-direction:row;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:12px;width:100%; }
    #pakr-app [data-item-form] .pakr-catalog-empty button { display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;font-size:15px;line-height:1.4; }
    #pakr-app [data-item-form] .pakr-catalog-empty [data-new-local-item] { background:var(--pakr-soft);border-color:var(--pakr-primary); }
    #pakr-app [data-item-form] .pakr-modal-actions { display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--pakr-line); }
    #pakr-app [data-item-form] .pakr-modal-actions button { min-height:44px;margin:0; }
}
@media screen and (max-width:600px) {
    #pakr-app .pakr-workflow [data-intake-section=work] > .pakr-form-grid { grid-template-columns:minmax(0,1fr); }
    #pakr-app .pakr-intake-items > header { padding:12px; }
    #pakr-app .pakr-intake-items > header > button { width:100%; }
    #pakr-app .pakr-intake-item-row { padding:12px;gap:8px; }
    #pakr-app .pakr-intake-items-total { padding-right:56px; }
    #pakr-app [data-item-form] .pakr-catalog-picker { padding:10px; }
    #pakr-app [data-item-form] .pakr-catalog-picker-head button { font-size:13px; }
    #pakr-app [data-item-form] .pakr-catalog-empty-actions > button { flex:1 1 110px; }
    #pakr-app [data-item-form] .pakr-modal-actions > button { flex:1; }
}
/* Dashboard typography and chart isolation from WordPress/Elementor link and SVG rules. */
#pakr-app a.pakr-sidebar-brand,#pakr-app a.pakr-sidebar-brand:hover,#pakr-app a.pakr-sidebar-brand:focus,#pakr-app a.pakr-sidebar-brand:visited,#pakr-app .pakr-sidebar-brand *{text-decoration:none!important;text-shadow:none}
#pakr-app .pakr-dashboard-kpi strong{font-weight:600!important;letter-spacing:-.025em;font-variant-numeric:tabular-nums;text-shadow:none;-webkit-text-stroke:0}
#pakr-app .pakr-dashboard-panel-head h2{font-weight:650}
#pakr-app .pakr-dashboard-donut strong{font-weight:600!important}
#pakr-app .pakr-dashboard-line-chart{fill:none;stroke:none;stroke-width:0;color:var(--pakr-ink);font-family:inherit}
#pakr-app .pakr-dashboard-line-chart text{fill:#64748b!important;stroke:none!important;stroke-width:0!important;font-weight:400!important;font-size:12px;text-shadow:none;-webkit-text-stroke:0;paint-order:normal}
#pakr-app[data-pakr-theme=dark] .pakr-dashboard-line-chart text,[data-pakr-theme=dark] #pakr-app .pakr-dashboard-line-chart text{fill:#a8b7c9!important}
#pakr-app .pakr-dashboard-grid-line line{stroke:var(--pakr-line);stroke-width:1;stroke-dasharray:3 5}
#pakr-app .pakr-dashboard-area{stroke:none!important;stroke-width:0;fill:url(#pakr-dashboard-area)!important}
#pakr-app .pakr-dashboard-line{fill:none!important;stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-dasharray:none;stroke-dashoffset:0;animation:pakr-chart-draw .65s ease-out both}
#pakr-app .pakr-dashboard-line.is-billed{stroke:#3279f6!important}
#pakr-app .pakr-dashboard-line.is-paid{stroke:#20a889!important}
#pakr-app .pakr-chart-hit{fill:transparent!important;stroke:none!important;pointer-events:all}
#pakr-app .pakr-chart-crosshair{stroke:#94a3b8!important;stroke-width:1;stroke-dasharray:4 4;opacity:0;pointer-events:none;transition:opacity .12s}
#pakr-app .pakr-dashboard-point.is-selected .pakr-chart-crosshair{opacity:.65}
#pakr-app .pakr-dashboard-point circle{stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}
#pakr-app .pakr-dashboard-point text{pointer-events:none}
#pakr-app .pakr-dashboard-point.is-selected circle{transform:scale(1.35)}
#pakr-app .pakr-chart-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#pakr-app .pakr-chart-legend>button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:7px 9px;background:transparent;color:var(--pakr-muted);font:inherit;font-size:12px;font-weight:500;box-shadow:none;cursor:pointer;min-height:34px;transition:background .16s,opacity .16s}
#pakr-app .pakr-chart-legend>button:hover{background:var(--pakr-soft)}
#pakr-app .pakr-chart-legend>button:focus-visible{outline:2px solid var(--pakr-primary);outline-offset:2px}
#pakr-app .pakr-chart-legend>button[aria-pressed=false]{opacity:.45;text-decoration:line-through}
#pakr-app [data-dashboard-revenue-chart].hide-billed .is-billed,#pakr-app [data-dashboard-revenue-chart].hide-billed .pakr-dashboard-area,#pakr-app [data-dashboard-revenue-chart].hide-paid .is-paid{opacity:0;pointer-events:none}
#pakr-app .pakr-chart-tooltip{font-size:12px;max-width:calc(100% - 16px);box-sizing:border-box;animation:pakr-chart-tooltip-in .12s ease-out}
#pakr-app .pakr-chart-tooltip strong{font-size:13px;font-weight:600}
#pakr-app .pakr-chart-tooltip b{font-weight:600;font-variant-numeric:tabular-nums}
#pakr-app .pakr-dashboard-kpi>svg{transition:transform .22s ease,opacity .22s ease}
#pakr-app .pakr-dashboard-kpi:hover>svg{transform:translateY(-2px) rotate(-5deg);opacity:.85}
@keyframes pakr-chart-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pakr-chart-tooltip-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#pakr-app .pakr-dashboard-line,#pakr-app .pakr-chart-tooltip,#pakr-app .pakr-dashboard-area,#pakr-app .pakr-dashboard-donut,#pakr-app .pakr-dashboard-bars b,#pakr-app .pakr-dashboard-performance b{animation:none!important}#pakr-app .pakr-dashboard-kpi,#pakr-app .pakr-dashboard-kpi>svg,#pakr-app .pakr-dashboard-point circle{transition:none!important;transform:none!important}}
#pakr-app .pakr-dashboard-donut--interactive{background:none;animation:pakr-chart-tooltip-in .4s ease-out}
#pakr-app .pakr-dashboard-donut--interactive::after{display:none}
#pakr-app .pakr-dashboard-donut--interactive>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:none;overflow:visible;transform:rotate(-90deg)}
#pakr-app .pakr-dashboard-donut--interactive circle{fill:none!important;stroke-width:22;stroke-linecap:butt;cursor:pointer;transition:opacity .18s,stroke-width .18s;outline:none}
#pakr-app .pakr-dashboard-donut--interactive circle:hover,#pakr-app .pakr-dashboard-donut--interactive circle:focus-visible{stroke-width:25}
#pakr-app .pakr-dashboard-donut--interactive circle.is-muted{opacity:.3}
#pakr-app .pakr-dashboard-donut--interactive>div{pointer-events:none}
#pakr-app .pakr-dashboard-donut--interactive small{font-size:12px;color:var(--pakr-muted);line-height:1.2}
#pakr-app .pakr-dashboard-donut-legend button.is-highlighted{background:var(--pakr-soft)}
@media(prefers-reduced-motion:reduce){#pakr-app .pakr-dashboard-donut--interactive circle{transition:none}}
#pakr-app [data-post-template-editor]{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:14px;grid-column:1/-1;width:100%;min-width:0}
#pakr-app .pakr-post-template-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft)}
#pakr-app .pakr-post-template-item>div{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1}
#pakr-app .pakr-post-template-item .pakr-field{min-width:0;margin:0}
#pakr-app [data-checklist-template-form] [hidden]{display:none!important}
#pakr-app [data-checklist-template-form][aria-busy=true]{opacity:1}
@media(max-width:760px){#pakr-app .pakr-post-template-item{grid-template-columns:minmax(0,1fr)}}
#pakr-app [data-template-save-feedback]{display:block;margin:0;min-height:1.5em;line-height:1.5;font-size:13px;color:var(--pakr-muted);grid-column:1/-1}
#pakr-app [data-template-save-feedback][data-state=saved]{color:var(--pakr-success,#16845d);animation:pakr-template-saved-in .18s ease-out}
#pakr-app [data-template-save-feedback][data-state=error]{color:var(--pakr-danger,#b42318)}
#pakr-app [data-checklist-template-form] button[type=submit]{position:relative;min-width:142px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
#pakr-app [data-checklist-template-form] [data-cancel-checklist-template]{min-width:76px}
#pakr-app [data-checklist-template-form][data-save-state=saving] button[type=submit]::before{content:'';position:absolute;left:12px;top:calc(50% - 6px);width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;animation:pakr-template-spinner .7s linear infinite}
#pakr-app [data-checklist-template-form][data-save-state=saved] button[type=submit]{background:var(--pakr-soft);color:var(--pakr-success,#16845d)}
#pakr-app [data-checklist-template-form][data-save-state=saved] button[type=submit]::before{content:'✓';position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:600}
@keyframes pakr-template-spinner{to{transform:rotate(360deg)}}
@keyframes pakr-template-saved-in{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#pakr-app [data-template-save-feedback],#pakr-app [data-checklist-template-form] button[type=submit]::before{animation:none!important}#pakr-app [data-checklist-template-form] button[type=submit]{transition:none}}
/* Workflow status management: explicit, consistently sized row actions. */
/* Reports: aligned date controls and readable metrics without narrow-screen overflow. */
#pakr-app [data-report-filters]{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px}
#pakr-app [data-report-filters] .pakr-report-presets{order:0;align-self:end}
#pakr-app [data-report-filters] label{min-width:0;display:grid;gap:6px}
#pakr-app [data-report-filters] .pakr-date-control,#pakr-app [data-report-filters] .pakr-date-trigger{width:100%;min-width:0}
#pakr-app .pakr-report-metrics>article{min-width:0;overflow-wrap:anywhere}
#pakr-app [data-notification-template-form]{grid-template-columns:minmax(0,1fr)}
#pakr-app [data-notification-template-form]>*{min-width:0;max-width:100%;box-sizing:border-box}
#pakr-app [data-notification-template-form] .pakr-checkbox>span{color:var(--pakr-ink)}
#pakr-app [data-notification-template-form] .pakr-template-preset>.pakr-select{flex:1;min-width:0}
@media(max-width:1100px){#pakr-app [data-report-filters]{grid-template-columns:repeat(2,minmax(0,1fr))}#pakr-app [data-report-filters] .pakr-report-presets,#pakr-app [data-report-filters]>button{grid-column:1/-1}}
@media(max-width:760px){#pakr-app .pakr-job-status-summary{margin-inline:0;padding-inline:0;max-width:100%}#pakr-app .pakr-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#pakr-app .pakr-report-metrics strong{font-size:21px}#pakr-app .pakr-report-metrics>article{padding:14px}#pakr-app [data-notification-template-form] .pakr-template-preset{flex-wrap:wrap}#pakr-app [data-notification-template-form] .pakr-template-preset>.pakr-select{flex-basis:100%}#pakr-app [data-notification-template-form] .pakr-template-preset>button{width:100%}}
#pakr-app .pakr-report-error{padding:14px 18px;border:1px solid var(--pakr-line);border-left:3px solid var(--pakr-danger,#c24132);border-radius:10px;color:var(--pakr-ink);background:var(--pakr-soft);font-size:14px;overflow-wrap:anywhere}
.pakr-app .pakr-workflow-status-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.pakr-app [data-status-list] .pakr-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.pakr-app [data-status-list] .pakr-row-actions button{min-height:40px;padding:8px 14px;border:1px solid var(--pakr-border,#dce4ed);border-radius:10px;line-height:1.2}
.pakr-app [data-status-list] tr:not(.is-inactive) [data-toggle-status]{color:var(--pakr-danger,#b42318)}
.pakr-app .pakr-workflow-duplicate{display:inline-block;margin-top:4px;font-size:12px;font-style:normal;color:#a85c00}
@media(max-width:640px){.pakr-app .pakr-workflow-status-tools{justify-content:flex-start;gap:12px}}
.pakr-status-portal[data-status-portal]{display:block!important;min-height:0;}
[data-status-portal] .pakr-status-main{padding-top:24px;}
[data-status-tools]{display:flex;align-items:center;justify-content:flex-end;min-height:40px;margin-bottom:20px;}
[data-status-tools] .pakr-language-control{position:static!important;inset:auto!important;transform:none!important;margin:0!important;display:inline-flex;align-items:center;gap:8px;width:auto;}
[data-pakr-theme="dark"] [data-status-portal] .pakr-status-auth-card{background:var(--pakr-surface);border-color:var(--pakr-line);color:var(--pakr-ink);}
[data-pakr-theme="dark"] [data-status-portal] .pakr-status-auth-copy li{color:var(--pakr-muted);}
[data-pakr-theme="dark"] [data-status-portal] .pakr-status-job-detail{background:var(--pakr-surface);color:var(--pakr-ink);}
/* Customer repair selectors must keep readable colours in every interaction state,
   including when the host theme applies its own generic button hover styles. */
[data-status-portal] .pakr-status-job-list>button{background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);background-image:none;}
[data-status-portal] .pakr-status-job-list>button:is(:hover,:focus,.is-active){background:color-mix(in srgb,var(--pakr-primary) 8%,var(--pakr-surface));color:var(--pakr-ink);border-color:var(--pakr-primary);transform:none;}
[data-status-portal] .pakr-status-job-list>button:focus-visible{outline:2px solid var(--pakr-primary);outline-offset:3px;}
[data-status-portal] .pakr-status-job-list>button>b,[data-status-portal] .pakr-status-job-list .pakr-status-list-top>strong{color:var(--pakr-ink);}
[data-status-portal] .pakr-status-job-list>button>small{color:var(--pakr-muted);}
[data-status-portal] .pakr-status-job-list .pakr-status-list-top>i{background:color-mix(in srgb,var(--status-color) 12%,var(--pakr-surface));color:var(--pakr-ink);}
[data-pakr-theme="dark"] [data-status-portal] :is(.pakr-status-detail-meta,.pakr-status-update-card,.pakr-status-message){background:var(--pakr-bg);color:var(--pakr-ink);}
[data-pakr-theme="dark"] [data-status-portal] .pakr-status-message.is-customer{background:#203750;color:var(--pakr-ink);}
[data-status-portal] .pakr-status-message p{font-size:14px;line-height:1.55;overflow-wrap:anywhere;}
[data-status-portal] .pakr-status-message span{font-size:11px;color:var(--pakr-muted);}
@media screen {
[data-quote-tools]{display:flex;justify-content:flex-end;align-items:center;gap:10px;max-width:1180px;margin:0 auto;padding:18px 24px 0;box-sizing:border-box;}
[data-quote-tools] .pakr-language-control{position:static!important;inset:auto!important;transform:none!important;margin:0!important;display:inline-flex;align-items:center;gap:8px;width:auto;}
[data-quote-portal] :is(.pakr-public-header,.pakr-public-form){background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);}
[data-quote-portal] .pakr-public-form-section>span{background:var(--pakr-soft);}
}
@media print {[data-quote-tools]{display:none!important;}}

/* AI counters are local aggregates; chart colours remain readable in both themes. */
.pakr-app .pakr-dashboard-panel--ai{grid-column:1/-1;min-width:0;--ai-input:#ad721b;--ai-output:#3864ba}
[data-pakr-theme="dark"] .pakr-app .pakr-dashboard-panel--ai{--ai-input:#e7bb6d;--ai-output:#8db6ff}
.pakr-app .pakr-dashboard-panel--ai .pakr-dashboard-panel-head{flex-wrap:wrap;gap:12px}
.pakr-app .pakr-ai-chart-modes{display:flex;gap:4px;background:var(--pakr-soft);padding:4px;border-radius:12px}
.pakr-app .pakr-ai-chart-modes button{min-height:40px;padding:8px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--pakr-ink);font:inherit;font-size:13px;cursor:pointer}
.pakr-app .pakr-ai-chart-modes button:is(:hover,:focus-visible,[aria-pressed="true"]){background:var(--pakr-surface);color:var(--pakr-ink);border-color:var(--pakr-line);transform:none}
.pakr-app .pakr-ai-chart-modes button:focus-visible{outline:2px solid var(--ai-input);outline-offset:2px}
.pakr-app .pakr-ai-usage-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.pakr-app .pakr-ai-usage-summary>div{display:grid;gap:6px;padding:12px;background:var(--pakr-soft);border-radius:12px}
.pakr-app .pakr-ai-usage-summary span{font-size:12px;color:var(--pakr-muted)}
.pakr-app .pakr-ai-usage-summary strong{font-size:22px;font-weight:650;color:var(--pakr-ink);overflow-wrap:anywhere}
.pakr-app .pakr-ai-chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--pakr-ink);margin-bottom:6px}
.pakr-app .pakr-ai-chart-legend span{display:inline-flex;gap:8px;align-items:center}
.pakr-app .pakr-ai-chart-legend i{width:20px;height:3px;background:var(--ai-input)}
.pakr-app .pakr-ai-chart-legend .is-series-1{background:var(--ai-output)}
.pakr-app .pakr-ai-usage-chart{min-width:0;width:100%;min-height:160px}
.pakr-app .pakr-ai-usage-chart>svg{display:block;width:100%;height:auto;max-height:300px;overflow:visible}
.pakr-app .pakr-ai-usage-chart .pakr-ai-line{fill:none;stroke:var(--ai-input);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.pakr-app .pakr-ai-usage-chart .pakr-ai-line.is-series-1{stroke:var(--ai-output);stroke-dasharray:6 3}
.pakr-app .pakr-ai-point{outline:none;cursor:crosshair}
.pakr-app .pakr-ai-point circle{fill:var(--pakr-surface);stroke:var(--ai-input);stroke-width:2}
.pakr-app .pakr-ai-point circle.is-series-1{stroke:var(--ai-output)}
.pakr-app .pakr-ai-point:is(:hover,:focus,.is-selected) .pakr-chart-crosshair{opacity:1;stroke:var(--pakr-muted);stroke-dasharray:3 3}
.pakr-app .pakr-ai-point:is(:hover,:focus,.is-selected) circle{stroke-width:4}
.pakr-app .pakr-ai-usage-chart text{fill:var(--pakr-muted);stroke:none;font-size:11px;font-weight:400}
.pakr-app .pakr-ai-point text{text-anchor:middle}
.pakr-app .pakr-ai-usage-note{color:var(--pakr-muted);font-size:12px;line-height:1.65;margin:12px 0 0;overflow-wrap:anywhere}
.pakr-app .pakr-dashboard-panel--ai .pakr-chart-tooltip{max-width:calc(100% - 16px);box-sizing:border-box}
@media(max-width:600px){.pakr-app .pakr-ai-usage-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pakr-app .pakr-ai-usage-summary strong{font-size:20px}}
/* Internal costs live beside parts, but remain separate from invoice totals. */
#pakr-app .pakr-job-expenses { margin-top:24px;padding-top:20px;border-top:1px solid var(--pakr-border);min-width:0; }
#pakr-app .pakr-job-expenses h3 { margin:0;color:var(--pakr-ink);font-size:18px; }
#pakr-app .pakr-job-expenses [data-expense-form] { display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr);gap:14px;margin-top:14px; }
#pakr-app .pakr-job-expenses [hidden] { display:none!important; }
#pakr-app .pakr-job-expenses .pakr-field { min-width:0; }
#pakr-app .pakr-job-expenses .pakr-field :is(input,select) { width:100%;min-width:0; }
#pakr-app .pakr-expense-actions { display:flex;gap:10px;justify-content:flex-end;align-items:end;flex-wrap:wrap;grid-column:1/-1; }
#pakr-app .pakr-job-expenses .pakr-operation-row { border-color:var(--pakr-border);flex-wrap:wrap; }
#pakr-app .pakr-job-expenses .pakr-operation-row > span { min-width:0;overflow-wrap:anywhere; }
#pakr-app .pakr-job-expenses .pakr-operation-row b { font-size:15px;white-space:nowrap; }
#pakr-app .pakr-job-expenses .pakr-operation-row em { color:var(--pakr-muted);font-style:normal;font-size:12px; }
#pakr-app .pakr-job-expenses .pakr-operation-heading { flex-wrap:wrap; }
@media(max-width:600px) { #pakr-app .pakr-job-expenses [data-expense-form] { grid-template-columns:minmax(0,1fr); } }
#pakr-app .pakr-assessment-device-tabs {display:flex;gap:8px;overflow-x:auto;max-width:100%;min-width:0;padding:2px 2px 10px;grid-column:1 / -1;}
#pakr-app .pakr-assessment-device-tabs [role="tab"] {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;flex:0 0 auto;max-width:280px;min-height:46px;padding:10px 14px;border:1px solid var(--pakr-line);border-radius:12px;background:var(--pakr-soft);color:var(--pakr-ink);text-align:left;box-shadow:none;}
#pakr-app .pakr-assessment-device-tabs [role="tab"]>span {grid-row:1 / 3;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--pakr-surface);font-size:12px;}
#pakr-app .pakr-assessment-device-tabs [role="tab"] strong {font-size:14px;white-space:normal;overflow-wrap:anywhere;}
#pakr-app .pakr-assessment-device-tabs [role="tab"] small {font-size:11px;color:var(--pakr-muted);overflow-wrap:anywhere;}
#pakr-app .pakr-assessment-device-tabs [role="tab"]:hover {background:var(--pakr-surface);border-color:var(--pakr-primary);color:var(--pakr-ink);}
#pakr-app .pakr-assessment-device-tabs [role="tab"][aria-selected="true"] {border-color:var(--pakr-primary);background:var(--pakr-surface);box-shadow:inset 0 -3px var(--pakr-primary);}
#pakr-app .pakr-assessment-device-tabs [role="tab"]:focus-visible {outline:2px solid var(--pakr-primary);outline-offset:2px;}
#pakr-app [data-detail-device][hidden],#pakr-app [data-device-intake-snapshot][hidden] {display:none!important;}
#pakr-app [data-detail-devices] {min-width:0;}
