/* Admin-only refinement. Public pages and template editors are excluded by route. */
body.fk-admin-ux{--fk-admin-focus:#a16d00;--fk-admin-space:12px}
body.fk-admin-ux :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--fk-admin-focus)!important;outline-offset:3px!important}
body.fk-admin-ux :is(button,a,summary){touch-action:manipulation}
body.fk-admin-ux :is(.page-layout,.my-card,mat-dialog-container){overflow-wrap:anywhere}
body.fk-admin-ux :is(.page-layout,.my-card) button:not(.mat-icon-button):not(.mat-calendar-body-cell){min-height:40px}
body.fk-admin-ux mat-paginator{border-top:1px solid #d7e0e4}
body.fk-admin-ux mat-paginator .mat-paginator-container{min-height:60px;gap:8px;flex-wrap:wrap;padding:8px 14px}
body.fk-admin-ux mat-paginator .mat-paginator-range-label{margin:0 14px;font-size:13px}
body.fk-admin-ux mat-paginator .mat-paginator-page-size{margin:0}
body.fk-admin-ux mat-paginator button{min-width:44px!important;min-height:44px!important}
body.fk-admin-ux mat-row[data-fk-admin-row]{cursor:pointer;transition:background-color .12s}
body.fk-admin-ux mat-row[data-fk-admin-row]:hover{box-shadow:inset 3px 0 #c79725;background:#fff8e8!important}
body.fk-admin-ux mat-row[data-fk-admin-row]:focus-visible{outline:3px solid #b58012!important;outline-offset:-3px!important;background:#fff8e8!important}
body.fk-admin-ux .fk-admin-section-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid #d3dde2;background:#f6f8f9;scroll-margin-top:12px}
body.fk-admin-ux .fk-admin-section-nav button{min-height:40px;padding:9px 13px;border:1px solid #bac9d0;border-radius:7px;color:#22333b;background:#fff;font:600 13px/1.3 'Segoe UI',Arial,sans-serif;cursor:pointer}
body.fk-admin-ux .fk-admin-section-nav button:hover{background:#fff4d9;border-color:#b88719}
body.fk-admin-ux app-service-case-overview :is(mat-toolbar,.my-address-header,.fk-sp-costs,.fixking-continuity-panel){scroll-margin-top:14px}
body.fk-admin-ux #fixking-module-hero{margin-bottom:12px}
/* Users/locations use a horizontal Angular flex container; the inserted overview must not squeeze the table to 0px. */
body.fk-admin-ux .page-layout .content:has(>#fixking-module-hero){flex-direction:column!important;min-width:0;max-width:100%}
body.fk-admin-ux .page-layout .content:has(>#fixking-module-hero)>.ps{width:100%!important;min-width:0!important;max-width:100%;flex:1 1 auto!important}
body.fk-admin-ux .page-layout .content:has(>#fixking-module-hero)>.ps>mat-table{width:100%!important}
body.fk-admin-ux #fixking-module-hero>header{padding:16px 20px;gap:12px;flex-wrap:wrap}
body.fk-admin-ux #fixking-module-hero>header>div{flex:1 1 260px}
body.fk-admin-ux #fixking-module-hero h1{font-size:24px;line-height:1.25}
body.fk-admin-ux #fixking-module-hero .fk-admin-overview-toggle{color:#26363e;background:#fff;border:1px solid #b7c6ce;min-height:40px;padding:8px 12px;border-radius:7px;white-space:nowrap}
body.fk-admin-ux #fixking-module-hero.fk-admin-summary-collapsed>.fk-module-metrics,
body.fk-admin-ux #fixking-module-hero.fk-admin-summary-collapsed>footer{display:none!important}
body.fk-admin-ux .fk-admin-sort{display:none}
body.fk-admin-ux .fk-admin-empty-button-wrapper{display:none!important}
body.fk-admin-ux .fk-admin-data-table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.fk-admin-ux .fk-admin-editor{max-height:calc(100dvh - 32px)!important;overscroll-behavior:contain}
body.fk-admin-ux .fk-admin-editor .mat-dialog-content{max-height:calc(100dvh - 200px);overscroll-behavior:contain}
body.fk-admin-ux .fk-admin-editor .mat-dialog-actions{gap:8px;flex-wrap:wrap}
body.fk-admin-ux .fk-admin-editor button{min-height:44px}
/* Native detail section bars had white text on a white background. */
html body.fixking-local-theme.fk-admin-ux :is(app-customer-overview,app-invoice-overview,app-price-offer-overview) .my-card mat-toolbar.mat-toolbar.mat-dialog-title{background:#202c31!important;color:#eef3f5!important;border-bottom:1px solid #c99b2d}
html body.fixking-local-theme.fk-admin-ux :is(app-customer-overview,app-invoice-overview,app-price-offer-overview) .my-card mat-toolbar.mat-toolbar.mat-dialog-title :is(.dialog-title,.my-header-span,mat-icon){color:#eef3f5!important}
@media(max-width:900px){
 body.fk-admin-ux .page-layout .header{height:auto!important;min-height:90px!important;flex-wrap:wrap!important;gap:10px;padding:16px!important}
 body.fk-admin-ux .page-layout .header .search-wrapper{max-width:100%!important;min-width:0!important}
 body.fk-admin-ux .fk-admin-editor .my-responsive{flex-wrap:wrap!important}
}
@media(max-width:760px){
 body.fk-admin-ux :is(.page-layout,.my-card,.fk-admin-editor) :is(button,a.mat-button,summary){min-height:44px!important}
 body.fk-admin-ux .page-layout .header .search-wrapper{flex:1 1 100%!important;width:100%!important;order:2}
 body.fk-admin-ux .page-layout .header .search{min-width:0;width:100%}
 body.fk-admin-ux .page-layout .header input{font-size:16px!important}
 body.fk-admin-ux .page-layout .header.fk-admin-list-header{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:center!important;gap:10px!important;min-height:0!important}
 body.fk-admin-ux .fk-admin-list-header>div:not(.my-refresh){grid-column:1/-1;margin:0!important;min-width:0}
 body.fk-admin-ux .fk-admin-list-header .search-wrapper{margin:0!important}
 body.fk-admin-ux .fk-admin-list-header .my-refresh{margin:0!important;padding:0!important}
 body.fk-admin-ux .fk-admin-list-header .my-refresh>.mat-raised-button{width:100%;background:#e1b749!important;color:#18262c!important}
 body.fk-admin-ux .fk-admin-list-header .mat-fab{width:44px!important;height:44px!important;min-height:44px!important}
 body.fk-admin-ux .fk-admin-list-header .mat-fab .mat-button-wrapper{padding:10px 0!important}
 body.fk-admin-ux #fixking-module-hero>header{display:flex;flex-direction:row;padding:14px;gap:8px}
 body.fk-admin-ux #fixking-module-hero>header>div{flex-basis:100%}
 body.fk-admin-ux #fixking-module-hero>header>button{width:auto;flex:1 1 140px;white-space:normal}
 body.fk-admin-ux .fk-admin-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:6px}
 body.fk-admin-ux .fk-admin-section-nav button{font-size:13px;min-width:0;padding:10px 8px}
 body.fk-admin-ux .fk-admin-sort{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;margin:10px 0;border:1px solid #d0dce1;border-radius:9px;background:#fff;color:#243740}
 body.fk-admin-ux .fk-admin-sort label{grid-column:1/-1;font-size:13px;font-weight:700}
 body.fk-admin-ux .fk-admin-sort select{min-width:0;width:100%;font-size:16px;min-height:44px;padding:8px;border:1px solid #98adb9;border-radius:6px;background:#fff;color:#243740}
 body.fk-admin-ux .fk-admin-sort button{min-height:44px;padding:8px;border:1px solid #acbfc8;border-radius:6px;background:#f5f8f9;color:#243740;white-space:normal}
 body.fk-admin-ux .fk-admin-sort-status{grid-column:1/-1;font-size:12px;color:#536771}
 body.fk-admin-ux .fk-admin-sort button:disabled{opacity:.55;cursor:not-allowed}
 body.fk-admin-ux mat-paginator .mat-paginator-container{justify-content:center;gap:4px;padding:10px 4px}
 body.fk-admin-ux mat-paginator .mat-paginator-range-actions{flex-wrap:wrap;justify-content:center}
 body.fk-admin-ux mat-paginator .mat-paginator-range-label{margin:0 8px}
 body.fk-admin-ux .fk-admin-editor{padding:14px!important;border-radius:10px!important;max-height:calc(100dvh - 16px)!important}
 body.fk-admin-ux .cdk-overlay-pane:has(>.fk-admin-editor){max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important}
 body.fk-admin-ux .fk-admin-editor .my-responsive{flex-direction:column!important;align-items:stretch!important;gap:0!important}
 body.fk-admin-ux .fk-admin-editor .my-responsive>mat-form-field{max-width:100%!important;width:100%!important;flex:1 1 auto!important;padding-left:0!important;padding-right:0!important}
 body.fk-admin-ux .fk-admin-editor .mat-form-field-infix{width:auto;min-width:0}
 body.fk-admin-ux .fk-admin-editor :is(input.mat-input-element,textarea.mat-input-element){font-size:16px!important}
 body.fk-admin-ux .fk-admin-editor mat-radio-group{flex-wrap:wrap;gap:10px}
 body.fk-admin-ux .fk-admin-editor .mat-radio-label{min-height:44px}
 body.fk-admin-ux .fk-admin-editor .mat-dialog-content{max-height:calc(100dvh - 170px);padding-left:8px;padding-right:8px}
 body.fk-admin-ux .fk-admin-editor :is(.mat-dialog-actions,[fxlayoutalign="end center"]){padding:10px 0!important;gap:8px;flex-wrap:wrap}
 body.fk-admin-ux .fk-admin-editor :is(.mat-dialog-actions,[fxlayoutalign="end center"]) button{flex:1 1 120px;margin:0!important}
}
@media(prefers-reduced-motion:reduce){body.fk-admin-ux *,body.fk-admin-ux *::before,body.fk-admin-ux *::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}

/* Native side-modal dismissal: preserve the original button and Angular handler.
   Its old secondary-text icon was black on the dark overlay. */
body.fk-admin-ux .my-overlay > app-side-modal { display:block; height:52px; }
body.fk-admin-ux .my-overlay > app-side-modal > div {
 display:flex; align-items:center; height:52px; box-sizing:border-box;
 padding:4px 10px; background:#10191d; border-bottom:1px solid #47565e;
}
body.fk-admin-ux .my-overlay > app-side-modal + * { height:calc(100% - 52px)!important; }
html body.fk-admin-ux app-side-modal > div > button.mat-icon-button {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 width:auto!important; min-width:152px; height:44px!important; min-height:44px;
 margin:0; padding:0 14px!important; border:1px solid #e5b440!important;
 border-radius:8px!important; background:#253238!important; color:#fff!important;
 font:600 14px/1.2 'Segoe UI',Arial,sans-serif; opacity:1;
}
html body.fk-admin-ux app-side-modal > div > button.mat-icon-button .mat-button-wrapper { display:inline-flex; align-items:center; }
html body.fk-admin-ux app-side-modal > div > button.mat-icon-button mat-icon {
 color:#fff!important; opacity:1!important; font-size:24px; width:24px; height:24px; line-height:24px;
}
html body.fk-admin-ux app-side-modal > div > button.mat-icon-button::after { content:'Zavrieť okno'; }
html body.fk-admin-ux app-side-modal > div > button.mat-icon-button:hover { background:#344850!important; }
html body.fk-admin-ux app-side-modal > div > button.mat-icon-button:focus-visible { outline:3px solid #ffcf61!important; outline-offset:2px!important; }


/* Service-case spacing system. Administration only; no client worklog or editor rules. */
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card {
    --fk-case-gap:16px;
    container: fk-case / inline-size;
    box-sizing:border-box!important;
    width:100%!important; max-width:100%!important;
    height:auto!important; max-height:none!important;
    padding:20px!important; margin:0!important;
    overflow:visible!important;
    border:0!important; border-radius:0!important; box-shadow:none!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > * { flex:0 0 auto!important; min-width:0; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > :is(.fk-sp-costs,.fixking-continuity-panel,.my-address-header,mat-table) {
    margin:var(--fk-case-gap) 0 0!important;
    width:100%!important; max-width:100%!important; box-sizing:border-box!important;
    box-shadow:none!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-navigation {
    position:static!important; top:auto!important;
    margin:0!important; padding:12px 16px!important; gap:12px;
    border:1px solid #34434a; border-radius:12px 12px 0 0;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-admin-section-nav {
    margin:0!important; padding:12px 16px!important; gap:8px;
    border:1px solid #d1dce1; border-top:0;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-admin-section-nav button {
    padding:9px 12px; min-height:40px; line-height:1.3;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > mat-toolbar {
    margin:var(--fk-case-gap) 0 0!important; border-radius:10px!important;
    min-height:56px!important; overflow:visible;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > mat-toolbar .mat-toolbar-row {
    box-sizing:border-box;
    min-height:56px!important; height:auto!important; padding:10px 16px!important; gap:12px;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > mat-toolbar .my-header-span {
    font-size:20px; line-height:1.35; white-space:normal;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-sp-costs > summary {
    padding:14px 16px; min-height:52px; box-sizing:border-box;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-sp-costs > summary strong { font-size:15px; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-intro {
    margin:var(--fk-case-gap) 0 0!important; padding:16px!important;
    gap:12px 20px!important; border-radius:10px; border-bottom:0!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-intro h1 { font-size:23px; line-height:1.25; margin:4px 0 0; }
/* A legacy worklog selector also matches the classification panel and erased its padding. */
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > .fk-worklog-classification {
    margin:var(--fk-case-gap) 0 0!important; padding:16px!important;
    width:100%!important; max-width:100%!important; max-height:none!important;
    overflow:visible!important; box-shadow:none!important;
    border-left-width:4px; background:#fff;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-classification > header { margin:0 0 12px; gap:12px; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-classification h2 { font-size:18px; line-height:1.3; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-classification-list > article {
    padding:12px; gap:12px; min-height:64px; box-sizing:border-box;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-type-options { display:flex; gap:8px; flex-wrap:wrap; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-type-options button {
    min-height:40px; padding:9px 12px; font-size:12px;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-form-feedback:empty,
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-unsigned-status:empty { display:none; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > .fixking-worklog-content:not(.fk-worklog-classification) {
    margin:var(--fk-case-gap) 0 0!important; padding:0!important;
    width:100%!important; max-height:none!important; overflow:visible!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-worklog-content mat-expansion-panel {
    margin:0 0 8px!important; width:100%!important; box-sizing:border-box;
    border:1px solid #cfdbe1!important; border-radius:10px!important; box-shadow:none!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-worklog-content mat-expansion-panel:last-child { margin-bottom:0!important; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-worklog-content mat-expansion-panel-header {
    min-height:56px!important; height:auto!important; padding:12px 16px!important; box-sizing:border-box;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-worklog-content .mat-expansion-panel-header-title { margin-right:16px; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header {
    padding:16px!important; border:1px solid #cfdbe1!important; border-radius:12px!important;
    background:#fff!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header > .my-table-3 {
    gap:12px!important; padding:0!important; margin:0 0 20px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header > .my-table-3 > .my-table-3-cell {
    min-height:0!important; border-radius:10px!important; border-color:#ccd9df!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell > .my-table-3-header {
    padding:12px 14px!important; min-height:44px!important; box-sizing:border-box;
    background:#edf2f4!important; color:#20343d!important; border-bottom:1px solid #d8e1e5;
    font-size:14px!important; line-height:1.35!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell > .my-table-3-body {
    padding:14px!important; min-height:0!important; height:auto!important;
    background:#fff!important; font-size:13px!important; line-height:1.65!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell.done > .my-table-3-body,
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-body.done {
    background:#edf7ee!important; color:#245a36!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell button:not(.mat-icon-button) {
    display:inline-flex!important; align-items:center; justify-content:center;
    min-height:44px!important; max-width:100%!important; margin:4px 8px 4px 0!important;
    padding:10px 12px!important; font-size:13px!important; line-height:1.35!important;
    white-space:normal!important; vertical-align:middle; box-sizing:border-box;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell[data-fk-status-layout="actions"] > .my-table-3-body {
    display:flex!important; align-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:8px;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell[data-fk-status-layout="actions"] > .my-table-3-body > button {
    margin:0!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell[data-fk-status-card="handover"] > .my-table-3-body {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:8px;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-table-3-cell[data-fk-status-card="handover"] > .my-table-3-body > button {
    width:100%!important; height:100%!important; min-width:0!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card > .my-table-3-body {
    display:grid!important; grid-template-columns:190px minmax(0,1fr); gap:16px; align-items:start;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card > .my-table-3-body > button { width:100%!important; margin:0!important; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card > .my-table-3-body > br { display:none; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fixking-review-delay {
    display:grid!important; grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px 16px!important; padding:0!important; margin:0!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fk-review-delay-actions { gap:8px!important; justify-content:flex-start; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fk-review-delay-actions button { margin:0!important; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fk-review-delay-note { grid-column:1/-1; margin:0; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fk-review-delay-copy strong { font-size:13px; line-height:1.4; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card :is(.fk-review-delay-copy small,.fk-review-delay-note) { font-size:12px!important; line-height:1.5!important; }
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-continuity-panel { border-radius:12px; }
@container fk-case (max-width:900px) {
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header > .my-table-3 { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fixking-review-delay { grid-template-columns:1fr!important; }
}
@container fk-case (max-width:620px) {
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header > .my-table-3 { grid-template-columns:1fr!important; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card > .my-table-3-body { grid-template-columns:1fr!important; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-classification > header { align-items:flex-start; flex-direction:column; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-classification-list > article { grid-template-columns:1fr; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-worklog-type-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
}
@media(max-width:760px) {
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card { --fk-case-gap:12px; padding:12px!important; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card > .fk-worklog-classification,
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header { padding:12px!important; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-admin-section-nav {
        display:flex!important; flex-wrap:nowrap!important; padding:10px!important;
        overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin;
    }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-admin-section-nav button {
        flex:0 0 auto!important; width:auto!important; padding:8px 12px; font-size:12px; white-space:nowrap;
    }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-navigation {
        padding:10px!important; flex-wrap:nowrap!important; align-items:flex-start!important; gap:8px!important;
    }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-navigation > button {
        width:auto!important; min-width:0!important; flex:1 1 auto; padding:8px!important; font-size:12px!important;
    }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-navigation .fk-sp-more {
        width:auto!important; flex:0 0 auto; margin:0!important;
    }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-detail-navigation .fk-sp-more > summary { padding:10px!important; font-size:12px; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-address-header:not(.fixking-status-expanded) > .my-table-3 { display:none!important; }
    html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fixking-mobile-status-toggle { width:100%!important; margin:0 0 12px!important; }
}

/* Review card: all status copy spans the complete action grid. */
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fixking-review-delay {
 grid-column:1/-1!important; min-width:0!important; width:100%!important;
 grid-template-columns:minmax(0,1fr)!important; margin-top:12px!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-review-card .fk-review-delay-copy {
 min-width:0!important; width:100%!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important;
}
html body.fixking-local-theme .mat-dialog-container.fixking-email-dialog mat-toolbar.mat-toolbar.mat-dialog-title.fixking-email-dialog-title {
 background:#1a2328!important; background-image:none!important; color:#f4f6f7!important;
}
html body.fixking-local-theme .mat-dialog-container.fixking-email-dialog mat-toolbar.fixking-email-dialog-title :is(.dialog-title,button,mat-icon) {color:#f4f6f7!important;}

/* Technician workspace · 2026-10-02. Native actions/data stay intact. */
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card.fk-tech-case {
 --fk-case-gap:12px; padding:16px!important; background:#edf2f4!important; color:#21363e;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fixking-detail-navigation {
 padding:6px 12px!important; min-height:52px; gap:8px; border-radius:12px 12px 0 0;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case > mat-toolbar.fk-tech-title {
 display:flex!important; flex-direction:column!important; align-items:stretch!important;
 margin:0!important; padding:0 16px 12px!important; border-radius:0!important;
 background:#18272d!important; border-bottom:1px solid #35484f; color:#fff!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-title .mat-toolbar-row {
 min-height:46px!important; padding:10px 0 6px!important; height:auto!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-title .my-header-span {font-size:21px!important;color:#fff!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-context {
 color:#c1d4dc; font:500 14px/1.5 'Segoe UI',Arial,sans-serif; white-space:normal; padding-left:36px;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-admin-section-nav {
 padding:8px 10px!important; gap:6px!important; border-radius:0 0 12px 12px; background:#fff;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-admin-section-nav button {min-height:40px;padding:9px 12px;font-size:13px;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case > .fixking-worklog-toolbar {
 border-radius:10px 10px 0 0!important; margin-top:16px!important; background:#22363e!important; color:#fff!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-tech-add {
 display:inline-flex!important; align-items:center!important; justify-content:center!important;
 width:auto!important; height:44px!important; min-width:160px!important; padding:0 14px!important;
 border-radius:8px!important; background:#edbd46!important; color:#15272e!important; box-shadow:none!important; gap:6px;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-tech-add .mat-button-wrapper {padding:0!important;display:inline-flex;align-items:center;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-tech-add::after {content:'Pridať záznam';font:700 13px/1.3 'Segoe UI',Arial,sans-serif;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools {
 display:flex; flex-wrap:wrap; align-items:flex-end; gap:8px; padding:12px; background:#fff;
 border:1px solid #cbd8df; border-top:0; border-radius:0 0 10px 10px; margin:0!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools label {
 flex:1 1 220px; min-width:0; font:600 12px/1.4 'Segoe UI',Arial,sans-serif; color:#4a606b;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools input {
 display:block; width:100%; min-width:0; box-sizing:border-box; padding:10px 12px; margin-top:4px;
 min-height:44px; border:1px solid #98aeb9; border-radius:7px; color:#203640; background:#f8fafb; font:400 15px/1.4 'Segoe UI',Arial,sans-serif;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools button {
 min-height:44px; padding:10px 12px; border:1px solid #b6c7cf; border-radius:7px; background:#fff; color:#253d47; font:600 13px/1.4 'Segoe UI',Arial,sans-serif; cursor:pointer;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools button:hover {background:#f7edcf;border-color:#b48a2c;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-result {flex:1 0 100%;font:500 12px/1.4 'Segoe UI',Arial,sans-serif;color:#536b77;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case > .fk-tech-logs {margin-top:10px!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs mat-expansion-panel {border-left:3px solid #bdced6!important;background:#fff!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs mat-expansion-panel.mat-expanded {border-left-color:#c49421!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .fixking-intake-panel {border-left-color:#8298a2!important;background:#f3f7f9!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs mat-expansion-panel-header {font-size:14px!important;line-height:1.55!important;min-height:56px!important;padding:12px 16px!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs mat-panel-title {min-width:0;overflow-wrap:anywhere;white-space:normal;}
/* Keep Angular's bound date/author text node; only change its visual hierarchy. */
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .fixking-technician-worklog mat-panel-title {
 display:block!important; color:#526974!important; font-size:12px!important; line-height:1.5!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .fixking-technician-worklog mat-panel-title > mat-icon:first-child {display:none!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .fixking-technician-worklog mat-panel-title > span {
 display:block!important; margin:3px 0 0!important; font-size:15px!important; font-weight:600; color:#233b46!important; line-height:1.5!important;
}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .mat-expansion-panel-body {padding:4px 16px 16px!important;line-height:1.6;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs mat-expansion-panel[hidden],
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-empty[hidden] {display:none!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-empty {padding:18px;background:#fff8e5;border:1px solid #d8b764;border-radius:9px;color:#604918;font-size:14px;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-fold {margin-top:12px;border:1px solid #cbd8df;border-radius:10px;background:#fff;overflow:hidden;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-fold > summary {min-height:48px;box-sizing:border-box;padding:14px 16px;cursor:pointer;background:#f6f9fa;color:#29424d;font:600 14px/1.5 'Segoe UI',Arial,sans-serif;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-types .fk-worklog-classification {margin:0!important;padding:16px!important;border:0!important;box-shadow:none!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-types .fk-worklog-classification-list {max-height:none!important;overflow:visible!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-weather .fixking-detail-intro {margin:0!important;border-radius:0!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fixking-mobile-status-toggle {display:flex!important;width:100%!important;margin:0 0 12px!important;min-height:52px!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .my-address-header:not(.fixking-status-expanded) > .my-table-3 {display:none!important;}
html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .my-address-header > .my-responsive {gap:16px;}
@media(max-width:760px){
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .my-card.fk-tech-case {padding:10px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fixking-detail-navigation {padding:6px 8px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case > mat-toolbar.fk-tech-title {padding:0 12px 10px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-title .my-header-span {font-size:17px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-context {padding-left:0;font-size:13px;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-admin-section-nav {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-admin-section-nav button {min-width:0!important;white-space:normal!important;font-size:11px;padding:7px 4px!important;width:100%!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-case .fk-tech-add {min-width:144px!important;padding:0 10px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools label,
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-result {grid-column:1/-1;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools input {font-size:16px;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-worklog-tools button {font-size:12px;padding:9px 6px;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs mat-expansion-panel-header {padding:12px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .mat-expansion-panel-body {padding:4px 12px 12px!important;}
 html body.fk-admin-ux.fixking-service-detail-open app-service-case-overview .fk-tech-logs .mat-expansion-panel-body img {max-width:100%;height:auto;}
}
