/* TIK Servis: fixed desktop-style workflow on top of the provided local AdminLTE base. */
:root,[data-theme="light"]{
  color-scheme:light;
  --tk-bg:#e8edf3;--tk-paper:#fff;--tk-paper2:#f5f8fb;--tk-field:#fff;
  --tk-text:#202e40;--tk-strong:#12243b;--tk-muted:#68798e;--tk-subtle:#8b9aad;
  --tk-border:#d5dde7;--tk-border2:#e5eaf0;--tk-hover:#f0f5fb;--tk-accent:#2863ad;
  --tk-accent-hover:#1c508e;--tk-selected:#e6f0fe;--tk-tab:#eaf0f6;
  --tk-shadow:0 16px 70px #0c1d3226;--tk-top:#1a2d45;--tk-top-text:#f4f7fc;
  --tk-green-bg:#e2f5e9;--tk-green-t:#176d42;--tk-blue-bg:#e2eeff;--tk-blue-t:#235b9b;
  --tk-amber-bg:#fff2d9;--tk-amber-t:#9b5c00;--tk-red-bg:#fbe8e8;--tk-red-t:#a73d3d;
  --tk-purple-bg:#f0e8ff;--tk-purple-t:#6640a8;--tk-gray-bg:#edf1f5;--tk-gray-t:#5f7187;
}
[data-theme="dark"]{
  color-scheme:dark;
  --tk-bg:#121b28;--tk-paper:#1d2a3a;--tk-paper2:#243449;--tk-field:#172434;
  --tk-text:#e0e9f5;--tk-strong:#f3f7fc;--tk-muted:#a1b3c9;--tk-subtle:#8398b1;
  --tk-border:#364a62;--tk-border2:#2d4055;--tk-hover:#2c3c52;--tk-accent:#5b9ce5;
  --tk-accent-hover:#4383ca;--tk-selected:#24476b;--tk-tab:#25364b;
  --tk-shadow:0 18px 80px #0009;--tk-top:#101c2a;--tk-top-text:#eaf2fc;
  --tk-green-bg:#1b4338;--tk-green-t:#9ee4bb;--tk-blue-bg:#243f64;--tk-blue-t:#a9d2ff;
  --tk-amber-bg:#533d22;--tk-amber-t:#ffcf8a;--tk-red-bg:#4d2a31;--tk-red-t:#ffacb6;
  --tk-purple-bg:#423459;--tk-purple-t:#dac1ff;--tk-gray-bg:#35465a;--tk-gray-t:#c2d2e3;
}
*{box-sizing:border-box}
html{font-size:14px}html,body{height:100%}
body.tk-app,body.tk-login-background{margin:0;background:var(--tk-bg);color:var(--tk-text);font:13px/1.45 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:0;}
body.tk-app{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
a{color:var(--tk-accent);text-decoration:none}a:hover{color:var(--tk-accent-hover)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,tr:focus-visible{outline:2px solid var(--tk-accent);outline-offset:1px}
[hidden]{display:none!important}
svg{flex:none;vertical-align:middle}
.tk-topbar{height:55px;flex:0 0 55px;display:flex;align-items:center;background:var(--tk-top);color:var(--tk-top-text);border-bottom:1px solid #ffffff19;padding:0 17px;gap:24px;z-index:20}
.tk-brand{display:flex;align-items:center;gap:10px;color:var(--tk-top-text);white-space:nowrap;font-size:15px;letter-spacing:.1px;min-width:150px}
.tk-brand:hover{color:#fff}.tk-brand-muted{font-weight:400;color:#c4d2e5}.tk-brand strong{font-weight:760}
.tk-logo{width:30px;height:30px;display:grid;place-items:center;background:#3675b9;color:white;border-radius:6px;font-size:17px;font-weight:750;box-shadow:inset 0 1px #ffffff37}
.tk-topnav{display:flex;gap:5px;align-self:stretch;align-items:stretch;overflow:auto hidden;scrollbar-width:none}.tk-topnav::-webkit-scrollbar{display:none}
.tk-topnav a{display:inline-flex;align-items:center;gap:8px;padding:0 14px;color:#b7c7da;border-bottom:2px solid transparent;font-weight:550;white-space:nowrap}
.tk-topnav a:hover{background:#ffffff0e;color:white}.tk-topnav a.active{border-bottom-color:#78b4fa;background:#ffffff13;color:white}
.tk-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap}.tk-current-user{display:inline-flex;align-items:center;gap:7px;color:#c1d1e3;padding-right:12px;font-size:12px;border-right:1px solid #ffffff24}
.tk-icon-button{height:32px;min-width:34px;border:1px solid #ffffff36;border-radius:5px;color:#dee8f6;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px}
.tk-icon-button:hover{background:#ffffff16;color:#fff}.theme-label{font-size:12px}
.tk-inline-form{display:inline-flex;align-items:center;margin:0}
.tk-content{flex:1;min-height:0}.tk-content-workspace{overflow:hidden}.tk-content-standard{overflow:auto;padding:26px 34px}
.tk-statusbar{height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-top:1px solid var(--tk-border);background:var(--tk-paper2);color:var(--tk-muted);font-size:10px}
.tk-status-dot{display:inline-block;width:6px;height:6px;background:#32a375;border-radius:50%;margin-right:5px}
.tk-btn{border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;min-height:33px;white-space:nowrap;font-weight:620;font-size:12px;line-height:1.25;box-shadow:none;transition:background-color .12s,border-color .12s;color:var(--tk-text);background:transparent}
.tk-btn-primary{background:#2864ac;border-color:#255d9d;color:#fff}.tk-btn-primary:hover{background:#1e528e;color:#fff}.tk-btn-primary:focus-visible{outline-color:#a9d2ff}
[data-theme="dark"] .tk-btn-primary{background:#3778c1;border-color:#4e8dcd}
.tk-btn-secondary{background:var(--tk-paper);border-color:var(--tk-border);color:var(--tk-text)}.tk-btn-secondary:hover{background:var(--tk-hover);color:var(--tk-strong)}
.tk-btn-subtle{background:var(--tk-paper2);border-color:var(--tk-border);color:var(--tk-text)}.tk-btn-subtle:hover{background:var(--tk-hover)}
.tk-btn-quiet{border-color:transparent;background:transparent;color:var(--tk-accent)}.tk-btn-quiet:hover{background:var(--tk-hover);color:var(--tk-accent-hover)}
.tk-btn-square{width:34px;height:33px;padding:0}.tk-btn-sm{min-height:27px;padding:4px 9px;font-size:11px}.tk-btn-block{width:100%}
.tk-workspace{height:100%;display:grid;grid-template-columns:347px minmax(0,1fr);background:var(--tk-bg)}
.tk-master{border-right:1px solid var(--tk-border);background:var(--tk-paper);display:flex;flex-direction:column;min-height:0;min-width:0}
.tk-master-heading{padding:18px 17px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.tk-master-heading h1{font-size:18px;font-weight:730;color:var(--tk-strong);margin:0 0 2px;line-height:1.2}.tk-master-heading span{color:var(--tk-muted);font-size:11px}
.tk-master-filters{display:flex;gap:7px;padding:0 13px 13px;align-items:center}
.tk-search-wrap{position:relative;flex:1;min-width:90px}.tk-search-wrap svg{position:absolute;top:9px;left:9px;color:var(--tk-subtle);pointer-events:none}
.tk-search-wrap input{padding:0 20px 0 31px;width:100%;height:33px}.tk-search-wrap kbd{position:absolute;right:7px;top:7px;background:var(--tk-paper2);border:1px solid var(--tk-border);border-radius:3px;font-size:10px;color:var(--tk-muted);padding:1px 5px;font-family:inherit}
.tk-master-filters select{height:33px;width:109px;padding:0 16px 0 7px;font-size:11px}.tk-search-button{padding:0;width:33px;height:33px}
.tk-master-columns{padding:7px 17px;display:flex;justify-content:space-between;gap:8px;background:var(--tk-paper2);border-top:1px solid var(--tk-border2);border-bottom:1px solid var(--tk-border);font-size:9px;font-weight:720;letter-spacing:.8px;color:var(--tk-subtle)}
.tk-order-scroller{overflow:auto;flex:1;min-height:0;scrollbar-color:var(--tk-border) transparent}
.tk-order-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--tk-border2);padding:12px 15px 11px 17px;min-height:74px;color:var(--tk-text);transition:background .1s;border-left:3px solid transparent}
.tk-order-item:hover{background:var(--tk-hover);color:var(--tk-strong)}.tk-order-item.is-selected{background:var(--tk-selected);border-left-color:var(--tk-accent);color:var(--tk-strong)}
.tk-order-item-main{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}
.tk-order-no{color:var(--tk-accent);font-weight:760;font-size:12px;display:flex;gap:8px;align-items:baseline}
.tk-order-no small{font-size:10px;color:var(--tk-muted);font-weight:450}
.tk-order-client{font-size:12px;font-weight:675;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tk-strong)}
.tk-order-secondary{font-size:10px;color:var(--tk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-order-secondary>span{color:var(--tk-subtle)}
.tk-order-status{width:8px;height:8px;display:block;border-radius:50%;flex:0 0 auto;background:#c58b21;box-shadow:0 0 0 3px #d39a2a1a}.tk-order-status.is-done{background:#249869;box-shadow:0 0 0 3px #32a77b1f}
.tk-master-bottom{height:39px;flex:0 0 39px;border-top:1px solid var(--tk-border);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:var(--tk-muted);font-size:11px;background:var(--tk-paper2)}
.tk-pager{display:flex;gap:3px}.tk-pager a{min-width:29px;height:25px;display:grid;place-items:center;border:1px solid var(--tk-border);border-radius:4px;font-size:18px;color:var(--tk-text);line-height:1}.tk-pager a:hover{background:var(--tk-hover)}
.tk-empty-list{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--tk-muted);text-align:center;padding:20px}.tk-empty-list strong{color:var(--tk-text)}.tk-empty-list span{font-size:11px}
.tk-detail{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.tk-detail-header{min-height:107px;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 23px 14px;background:var(--tk-paper);border-bottom:1px solid var(--tk-border)}
.tk-eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:750;color:var(--tk-muted);line-height:1.1}
.tk-dotsep{margin:0 7px;color:var(--tk-subtle)}
.tk-title-row{display:flex;gap:11px;align-items:center;margin-top:5px}.tk-title-row h2{font-size:23px;letter-spacing:-.65px;line-height:1.1;margin:0;font-weight:760;color:var(--tk-strong)}
.tk-title-sub{font-size:12px;font-weight:680;color:var(--tk-text);margin-top:5px}.tk-title-sub span{color:var(--tk-muted);font-weight:420}
.tk-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.tk-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:680;white-space:nowrap;border:1px solid transparent;line-height:1.1;letter-spacing:.05px}
.tk-pill-green{background:var(--tk-green-bg);color:var(--tk-green-t)}.tk-pill-blue{background:var(--tk-blue-bg);color:var(--tk-blue-t)}
.tk-pill-amber{background:var(--tk-amber-bg);color:var(--tk-amber-t)}.tk-pill-red{background:var(--tk-red-bg);color:var(--tk-red-t)}
.tk-pill-purple{background:var(--tk-purple-bg);color:var(--tk-purple-t)}.tk-pill-gray,.tk-pill-slate{background:var(--tk-gray-bg);color:var(--tk-gray-t)}
.tk-customer-strip{display:grid;grid-template-columns:1.15fr 1fr .86fr;gap:0;background:var(--tk-paper);border-bottom:1px solid var(--tk-border);padding:13px 18px}
.tk-customer-strip>div{padding:1px 17px;border-right:1px solid var(--tk-border2);min-width:0}.tk-customer-strip>div:last-child{border-right:0}
.tk-customer-strip small{display:block;color:var(--tk-subtle);letter-spacing:.8px;font-size:9px;font-weight:750;margin-bottom:4px}
.tk-customer-strip strong{display:block;color:var(--tk-strong);font-size:12px;font-weight:730;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-customer-strip span{display:block;color:var(--tk-muted);font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-tabs{height:46px;flex:0 0 46px;display:flex;align-items:stretch;gap:0;padding:0 18px;background:var(--tk-paper);border-bottom:1px solid var(--tk-border)}
.tk-tab{display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:0;border-bottom:2px solid transparent;color:var(--tk-muted);background:transparent;font-size:12px;font-weight:670}
.tk-tab:hover{color:var(--tk-text);background:var(--tk-hover)}.tk-tab.active{color:var(--tk-accent);border-bottom-color:var(--tk-accent);background:var(--tk-paper)}
.tk-count{background:var(--tk-tab);color:var(--tk-muted);border-radius:5px;padding:1px 7px;font-size:10px;font-weight:700}
.tk-detail-body{padding:17px 19px;min-height:0;flex:1;overflow:auto}.tk-tab-panel{height:100%;min-height:0}
.tk-device-layout{display:grid;grid-template-columns:minmax(350px,1fr) 302px;align-items:stretch;gap:14px;min-height:340px;max-height:100%;height:100%}
.tk-grid-panel,.tk-inspector,.tk-paper{background:var(--tk-paper);border:1px solid var(--tk-border);border-radius:6px;box-shadow:0 1px 2px #00000005;min-width:0}
.tk-grid-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.tk-panel-heading{min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--tk-border);flex:0 0 auto}
.tk-panel-heading strong{font-size:12px;color:var(--tk-strong);font-weight:740}.tk-panel-heading span{font-size:10px;color:var(--tk-muted)}
.tk-table-scroll{flex:1;overflow:auto;min-height:0}
.tk-data-table{border-collapse:collapse;border-spacing:0;table-layout:auto;width:100%;margin:0;font-size:12px;color:var(--tk-text)}
.tk-data-table th{background:var(--tk-paper2);color:var(--tk-muted);font-size:9px;letter-spacing:.7px;font-weight:800;text-transform:uppercase;padding:10px 12px;position:sticky;top:0;white-space:nowrap;border-bottom:1px solid var(--tk-border);vertical-align:middle}
.tk-data-table td{border-bottom:1px solid var(--tk-border2);padding:11px 12px;vertical-align:middle;overflow-wrap:anywhere}
.tk-data-table tbody tr:hover{background:var(--tk-hover)}.tk-data-table tbody tr:last-child td{border-bottom:0}
.tk-device-row{cursor:pointer}.tk-device-row.is-active{background:var(--tk-selected)!important}.tk-device-row.is-active td:first-child{box-shadow:inset 3px 0 var(--tk-accent)}
.tk-device-name,.tk-cell-strong{color:var(--tk-strong);font-weight:710}
.tk-mono{font-variant-numeric:tabular-nums}.tk-muted{color:var(--tk-muted)}.tk-right{text-align:right}.tk-table-empty{padding:24px!important;text-align:center;color:var(--tk-muted);font-size:12px}
.tk-table-actions{white-space:nowrap;text-align:right}
.tk-panel-bottom{height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-top:1px solid var(--tk-border);font-size:11px;color:var(--tk-muted);background:var(--tk-paper2);flex:0 0 auto}
.tk-inspector{padding:0;min-height:0;overflow:auto}.tk-inspector-top{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--tk-border)}
.tk-inspector h3{font-size:17px;font-weight:760;color:var(--tk-strong);letter-spacing:-.25px;line-height:1.3;margin:16px 15px 9px;overflow-wrap:anywhere}
.tk-inspector-meta{padding:0 15px 15px;border-bottom:1px solid var(--tk-border);font-size:11px;color:var(--tk-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-inspector-meta strong{color:var(--tk-text)}.tk-inspector-meta .tk-pill{margin-left:auto}
.tk-detail-list{margin:0;padding:1px 15px}.tk-detail-list dt{margin:14px 0 3px;color:var(--tk-subtle);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.tk-detail-list dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--tk-text);line-height:1.45;max-height:115px;overflow:auto}.tk-detail-list dd:empty:after{content:'—';color:var(--tk-muted)}
.tk-detail-list dd span+span::before{content:' · '}.tk-issue-form{margin:16px 15px 7px}.tk-undo-form{margin:0 15px 7px}.tk-delete-zone{padding:0 15px 17px;text-align:center}.tk-link-danger{border:0;background:transparent;color:#c45c5c;font-size:11px;padding:5px}.tk-link-danger:hover{text-decoration:underline}
.tk-inspector-empty,.tk-detail-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;min-height:280px;gap:10px;color:var(--tk-subtle)}
.tk-inspector-empty strong{color:var(--tk-text);font-size:12px}.tk-inspector-empty p,.tk-detail-empty p{margin:0;font-size:11px;color:var(--tk-muted)}
.tk-detail-empty{height:100%;min-height:400px}.tk-detail-empty h2{font-size:19px;color:var(--tk-strong);margin:0}.tk-detail-empty .tk-btn{margin-top:10px}
.tk-inline-notice{margin:10px 12px;background:var(--tk-amber-bg);color:var(--tk-amber-t);padding:10px 12px;border-radius:4px;font-size:11px}
.tk-files-panel,.tk-history-panel{height:100%;min-height:300px;overflow:auto}.tk-file-upload{padding:13px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--tk-border)}
.tk-file-upload input{flex:1;max-width:420px}.tk-files-panel>.tk-data-table,.tk-history-panel>.tk-data-table{width:100%}
.tk-toast{position:fixed;z-index:2000;right:20px;top:67px;display:flex;align-items:center;gap:9px;background:var(--tk-green-bg);color:var(--tk-green-t);padding:10px 11px 10px 14px;border:1px solid var(--tk-green-t);border-radius:6px;max-width:min(480px,calc(100vw - 40px));box-shadow:var(--tk-shadow);font-size:12px}
.tk-toast-error{background:var(--tk-red-bg);color:var(--tk-red-t);border-color:var(--tk-red-t)}.tk-close-toast{margin-left:8px;border:0;background:transparent;color:inherit;padding:2px}
/* Forms and dialogs: compact controls and predictable fixed geometry */
.tk-app input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),.tk-app select,.tk-app textarea,
.tk-login input{display:block;min-width:0;width:100%;border:1px solid var(--tk-border);border-radius:4px;background:var(--tk-field);color:var(--tk-text);padding:6px 10px;line-height:1.4;outline:none}
.tk-app input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),.tk-app select,.tk-login input{height:33px}
.tk-app textarea{resize:vertical;min-height:52px;max-height:220px}
.tk-app input:focus,.tk-app select:focus,.tk-app textarea:focus,.tk-login input:focus{border-color:var(--tk-accent);box-shadow:0 0 0 2px #4b93d62a}
.tk-app label,.tk-login label{display:block;font-size:11px;color:var(--tk-muted);font-weight:650;line-height:1.2;min-width:0}
.tk-app label input,.tk-app label select,.tk-app label textarea,.tk-login label input{margin-top:5px;color:var(--tk-text)}
.tk-required{color:#cb6060}
.tk-dialog{border:1px solid var(--tk-border);border-radius:8px;padding:0;background:var(--tk-paper);color:var(--tk-text);width:min(640px,calc(100vw - 30px));max-height:calc(100dvh - 48px);box-shadow:var(--tk-shadow);overflow:hidden}
.tk-dialog::backdrop{background:rgba(10,23,39,.63);backdrop-filter:blur(1.5px)}
.tk-dialog-wide{width:min(1040px,calc(100vw - 40px))}.tk-dialog-small{width:min(510px,calc(100vw - 30px))}
.tk-dialog-form{display:flex;flex-direction:column;max-height:calc(100dvh - 50px);min-height:0;margin:0}
.tk-dialog-title{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--tk-paper2);border-bottom:1px solid var(--tk-border);gap:12px;flex:0 0 auto}
.tk-dialog-title h2{font-size:18px;font-weight:760;color:var(--tk-strong);letter-spacing:-.3px;margin:5px 0 0}
.tk-dialog-close{display:grid;place-items:center;width:30px;height:30px;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--tk-muted)}.tk-dialog-close:hover{background:var(--tk-hover);color:var(--tk-text)}
.tk-dialog-body{padding:17px 20px;overflow:auto;min-height:0;flex:1;scrollbar-color:var(--tk-border) transparent}
.tk-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--tk-border);background:var(--tk-paper2);padding:11px 19px;flex:0 0 auto}
.tk-dialog-footer>span{margin-right:auto;color:var(--tk-muted);font-size:11px}
.tk-order-form-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tk-order-form-sections>.tk-form-section{min-width:0}
.tk-form-section{margin:0 0 16px}.tk-section-label{display:flex;align-items:center;gap:7px;color:var(--tk-strong);font-size:11px;font-weight:780;text-transform:uppercase;letter-spacing:.7px;padding:0 0 9px;margin:0 0 11px;border-bottom:1px solid var(--tk-border)}
.tk-section-label-between{justify-content:space-between}
.tk-field-grid{display:grid;grid-template-columns:1fr;gap:11px 12px}
.tk-field-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.tk-order-form-sections .tk-field-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-field-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-field-grid-device{grid-template-columns:minmax(0,1fr) 105px}.tk-span-two{grid-column:span 2}.tk-span-full{grid-column:1/-1}
.tk-field-grid-descriptions{margin:15px 0 12px}.tk-field-grid-descriptions textarea{height:91px}
.tk-draft-list{margin:0}.tk-draft-empty{color:var(--tk-muted);text-align:center;padding:15px;border:1px dashed var(--tk-border);background:var(--tk-paper2);font-size:11px;margin:0}
.tk-draft-row{display:flex;justify-content:space-between;align-items:center;gap:9px;border:1px solid var(--tk-border2);border-bottom:0;padding:8px 11px;min-height:47px}
.tk-draft-row:last-child{border-bottom:1px solid var(--tk-border2)}.tk-draft-row-main{display:flex;align-items:center;gap:15px;min-width:0}.tk-draft-row-main strong{color:var(--tk-strong);font-weight:710;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tk-draft-row-main span{font-size:11px;color:var(--tk-muted);white-space:nowrap}.tk-draft-row-actions{display:flex;gap:3px}
.tk-template-insert{display:flex;align-items:end;gap:9px;margin-top:12px;padding:12px;background:var(--tk-paper2);border:1px solid var(--tk-border2);border-radius:5px}.tk-template-insert label{flex:1}
/* secondary screens */
.tk-standard-header{max-width:1240px;margin:0 auto 19px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.tk-standard-header h1{font-size:24px;color:var(--tk-strong);font-weight:760;margin:6px 0 2px}.tk-standard-header p:not(.tk-eyebrow){margin:0;color:var(--tk-muted);font-size:12px}
.tk-paper{max-width:1240px;margin:0 auto;overflow:hidden}.tk-standard-paper .tk-data-table td{padding:11px 14px}
.tk-kpi-line{display:flex;gap:12px;max-width:1240px;margin:0 auto 16px}.tk-kpi-line>div{background:var(--tk-paper);border:1px solid var(--tk-border);border-radius:5px;padding:13px 18px;min-width:180px}
.tk-kpi-line small{display:block;color:var(--tk-muted);font-size:10px;font-weight:750;letter-spacing:.7px}.tk-kpi-line strong{display:block;margin-top:3px;color:var(--tk-strong);font-size:25px}
.tk-mini-progress{height:7px;border-radius:3px;background:var(--tk-border2);width:180px;max-width:100%;overflow:hidden}.tk-mini-progress div{height:100%;background:#3d9a77}
.tk-error{padding:26px}.tk-error p{margin:0 0 15px}
/* login */
.tk-login-background{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse 100% 120% at 30% 10%,#234b7433,transparent 65%),var(--tk-bg)}
.tk-login{background:var(--tk-paper);border:1px solid var(--tk-border);width:min(404px,100%);border-radius:10px;box-shadow:var(--tk-shadow);padding:28px 32px}
.tk-login-brand{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--tk-border);padding-bottom:22px;margin-bottom:24px;color:var(--tk-strong)}
.tk-login-brand .tk-logo{height:39px;width:39px;font-size:23px}.tk-login-brand strong{display:block;font-size:19px}.tk-login-brand small{display:block;font-size:11px;color:var(--tk-muted)}
.tk-login h1{font-size:20px;color:var(--tk-strong);font-weight:760;margin:0 0 7px}.tk-login>p{font-size:12px;color:var(--tk-muted);margin:0 0 22px}.tk-login-form{display:grid;gap:17px}.tk-login-form label input{height:39px;margin-top:7px}
.tk-login-submit{width:100%;height:39px;margin-top:2px}.tk-login-note{display:block;color:var(--tk-muted);font-size:10px;margin-top:23px;text-align:center}
.tk-form-error{padding:9px 11px;color:var(--tk-red-t)!important;background:var(--tk-red-bg);border-radius:4px}
/* responsive */
@media(max-width:1180px){.tk-workspace{grid-template-columns:300px minmax(0,1fr)}.tk-device-layout{grid-template-columns:minmax(280px,1fr) 258px;gap:10px}.tk-detail-body{padding:12px}.tk-detail-header{padding:14px 16px}.tk-customer-strip{padding:12px 8px}.tk-customer-strip>div{padding:0 9px}.tk-data-table td,.tk-data-table th{padding:9px 8px}.tk-toolbar{gap:4px}.tk-topnav a{padding:0 10px}}
@media(max-width:940px){.tk-topbar{gap:8px}.tk-brand{min-width:0}.tk-topnav a{font-size:0;gap:0;padding:0 11px}.tk-topnav a svg{width:18px;height:18px}.tk-current-user{display:none}.tk-workspace{grid-template-columns:260px minmax(0,1fr)}.tk-device-layout{grid-template-columns:1fr;height:auto;max-height:none}.tk-detail-body{overflow:auto}.tk-inspector{min-height:200px}.tk-customer-strip{grid-template-columns:1fr 1fr}.tk-customer-strip>div:last-child{display:none}.tk-detail-header{align-items:flex-start;flex-wrap:wrap;gap:8px}.tk-toolbar{justify-content:flex-start}}
@media(max-width:680px){body.tk-app{height:auto;min-height:100dvh;display:block;overflow:visible}.tk-content-workspace{min-height:calc(100dvh - 80px);height:auto;overflow:visible}.tk-workspace{display:flex;flex-direction:column;min-height:calc(100dvh - 80px);height:auto}.tk-master{max-height:330px;border-right:0;border-bottom:1px solid var(--tk-border)}.tk-order-scroller{max-height:190px}.tk-detail{min-height:410px;overflow:visible}.tk-detail-header{min-height:0}.tk-title-row h2{font-size:20px}.tk-customer-strip{grid-template-columns:1fr 1fr}.tk-customer-strip>div{padding:0 10px}.tk-tabs{padding:0 8px}.tk-tab{padding:0 10px}.tk-detail-body{padding:10px;overflow:visible}.tk-device-layout{display:flex;flex-direction:column}.tk-toolbar .tk-btn{font-size:11px}.tk-topbar{padding:0 8px}.tk-brand span:not(.tk-logo){display:none}.tk-topnav{flex:1}.tk-topnav a{padding:0 7px}.theme-label{display:none}.tk-order-form-sections{grid-template-columns:1fr}.tk-dialog-body{padding:12px}.tk-dialog-title{padding:11px 13px}.tk-dialog-footer{padding:9px 12px}.tk-dialog-footer>span{display:none}.tk-content-standard{padding:15px 10px}.tk-standard-header{align-items:flex-start;flex-wrap:wrap}.tk-kpi-line{flex-wrap:wrap}.tk-kpi-line>div{flex:1;min-width:130px}}
@media(max-width:430px){.tk-master-filters select{width:100px}.tk-field-grid-three,.tk-field-grid-two,.tk-field-grid-device,.tk-order-form-sections .tk-field-grid-three{grid-template-columns:1fr}.tk-span-two{grid-column:auto}.tk-dialog-footer button{flex:1}.tk-customer-strip>div:nth-child(2){display:none}.tk-customer-strip{grid-template-columns:1fr}.tk-file-upload{flex-wrap:wrap}}

/* Shared compact desktop master/detail layout: orders, staff, reports, templates, users. */
.tk-workspace-secondary .tk-master-heading{padding-top:18px}
.tk-workspace-secondary .tk-master-heading h1{margin-bottom:4px}
.tk-workspace-secondary .tk-master-columns{min-height:31px;align-items:center}
.tk-workspace-secondary .tk-master-filters{padding:0 13px 13px}
.tk-workspace-secondary .tk-secondary-filters select{width:112px;flex:0 0 112px}
.tk-workspace-secondary .tk-order-item.tk-secondary-item{min-height:67px;padding-top:11px;padding-bottom:11px}
.tk-workspace-secondary .tk-order-item .tk-pill{flex:0 0 auto}
.tk-workspace-secondary .tk-order-secondary{max-width:265px}
.tk-secondary-list-icon,.tk-secondary-heading-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--tk-paper2);border:1px solid var(--tk-border);color:var(--tk-muted);flex:0 0 auto}
.tk-secondary-report-count{display:flex;flex-direction:column;text-align:right;color:var(--tk-strong);font-size:15px;font-weight:750;flex:0 0 auto;line-height:1.2}
.tk-secondary-report-count small{font-size:9px;color:var(--tk-muted);font-weight:500;margin-top:4px}
.tk-secondary-body{display:flex;flex-direction:column;gap:14px;padding:17px 19px;scrollbar-color:var(--tk-border) transparent}
.tk-secondary-panel{display:flex;flex-direction:column;flex:0 0 auto;min-height:0;overflow:hidden}
.tk-secondary-panel-fill{flex:1 1 auto;min-height:210px}
.tk-secondary-panel .tk-panel-heading{min-height:45px}
.tk-secondary-panel .tk-table-scroll{min-height:0}
.tk-readonly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:18px 19px}
.tk-readonly-grid>div{min-width:0;padding:0 17px;border-right:1px solid var(--tk-border2)}
.tk-readonly-grid>div:first-child{padding-left:0}.tk-readonly-grid>div:last-child{border-right:0}
.tk-readonly-grid small{display:block;font-weight:760;letter-spacing:.65px;font-size:9px;color:var(--tk-muted);margin-bottom:7px}
.tk-readonly-grid strong{display:block;font-weight:675;font-size:13px;color:var(--tk-strong);overflow-wrap:anywhere}
.tk-table-link{font-size:12px;font-weight:750;color:var(--tk-accent)}
.tk-shortcut-hint{color:var(--tk-subtle)}
.tk-template-view{white-space:pre-wrap;overflow-wrap:anywhere;min-height:175px;max-height:100%;overflow:auto;padding:20px 22px;color:var(--tk-text);background:var(--tk-paper);font-size:13px;line-height:1.7;flex:1}
.tk-secondary-danger{display:flex;justify-content:flex-end}
.tk-secondary-danger form,.tk-toolbar form{margin:0}
.tk-danger-button{color:var(--tk-red-t)}.tk-danger-button:hover{color:var(--tk-red-t);background:var(--tk-red-bg)}
.tk-secondary-note,.tk-secondary-overall{padding:11px 14px;background:var(--tk-paper2);color:var(--tk-muted);border:1px solid var(--tk-border);border-radius:5px;font-size:11px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.tk-secondary-note code{color:var(--tk-strong)}
.tk-secondary-overall strong{color:var(--tk-strong);font-weight:730}
.tk-metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:0 0 auto}
.tk-metric{display:flex;flex-direction:column;background:var(--tk-paper);border:1px solid var(--tk-border);border-radius:6px;min-width:0;padding:15px 18px 14px;box-shadow:0 1px 2px #00000005}
.tk-metric small{font-size:9px;font-weight:790;color:var(--tk-muted);letter-spacing:.75px}
.tk-metric strong{font-size:29px;color:var(--tk-strong);font-weight:790;letter-spacing:-.7px;margin:4px 0 2px}
.tk-metric span{font-size:10px;color:var(--tk-muted)}
.tk-report-completion{padding:16px 18px 14px}
.tk-report-track{height:11px;background:var(--tk-border2);border-radius:7px;overflow:hidden}
.tk-report-track span{display:block;background:#2a9b78;height:100%;border-radius:7px;min-width:0}
.tk-report-legend{display:flex;gap:18px;font-size:11px;color:var(--tk-muted);margin-top:10px}
.tk-report-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:var(--tk-border)}
.tk-report-dot.is-done{background:#2a9b78}.tk-report-dot.is-open{background:var(--tk-border)}
.tk-report-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(42px,1fr);align-items:end;gap:10px;overflow-x:auto;padding:16px 19px 14px;min-height:210px;flex:1}
.tk-report-bar{display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;height:100%;gap:5px;padding:5px 4px;border-radius:4px;color:var(--tk-muted);font-size:11px;text-decoration:none}
.tk-report-bar:hover{background:var(--tk-hover);color:var(--tk-strong)}
.tk-report-bar.is-selected{background:var(--tk-selected);color:var(--tk-strong)}
.tk-report-bar strong{font-weight:730;color:var(--tk-strong);font-size:11px}
.tk-report-bar-space{width:100%;height:126px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--tk-border)}
.tk-report-bar-space>span{display:block;max-width:42px;width:75%;min-height:2px;background:#6b93c3;border-radius:3px 3px 0 0}
.tk-report-bar.is-selected .tk-report-bar-space>span{background:var(--tk-accent)}
.tk-report-bar small{font-size:10px;font-weight:660;white-space:nowrap;color:var(--tk-muted)}
.tk-workspace-secondary .tk-detail-empty{padding:24px}
@media(max-width:1180px){.tk-workspace-secondary .tk-detail-header{padding:14px 17px}.tk-secondary-body{padding:13px}.tk-readonly-grid{padding:15px}.tk-readonly-grid>div{padding:0 11px}.tk-report-bars{gap:5px}}
@media(max-width:940px){.tk-metric{padding:12px}.tk-metric strong{font-size:23px}.tk-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-readonly-grid>div{padding:10px 11px}.tk-readonly-grid>div:nth-child(odd){border-right:1px solid var(--tk-border2)}.tk-readonly-grid>div:nth-child(even){border-right:0}.tk-readonly-grid>div:first-child{padding-left:11px}}
@media(max-width:680px){.tk-workspace-secondary{height:auto}.tk-workspace-secondary .tk-master{max-height:335px}.tk-workspace-secondary .tk-order-scroller{max-height:180px}.tk-workspace-secondary .tk-detail{min-height:440px}.tk-workspace-secondary .tk-detail-header{flex-wrap:wrap}.tk-secondary-panel-fill{min-height:250px}.tk-metric-row{gap:6px}.tk-metric{padding:10px}.tk-metric strong{font-size:21px}.tk-metric small{font-size:8px}.tk-metric span{font-size:9px}.tk-report-bars{min-height:210px}.tk-shortcut-hint{display:none}}
@media(max-width:430px){.tk-secondary-filters select{flex:0 0 100px!important;width:100px!important}.tk-readonly-grid{grid-template-columns:1fr}.tk-readonly-grid>div{border-right:0!important;border-bottom:1px solid var(--tk-border2);padding:10px 11px}.tk-readonly-grid>div:last-child{border-bottom:0}.tk-metric-row{grid-template-columns:1fr}.tk-metric{padding:8px 13px}.tk-metric strong{font-size:22px;margin:0}.tk-workspace-secondary .tk-order-item.tk-secondary-item{min-height:62px}}

/* Access control – compact, identical light/dark surfaces as the desktop workspace */
.tk-account-details{grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-perm-table{width:100%;overflow:auto;flex:1 1 auto}
.tk-perm-row{display:grid;grid-template-columns:minmax(138px,1.2fr) minmax(112px,.7fr) minmax(190px,1.4fr);align-items:center;gap:8px;padding:11px 17px;border-bottom:1px solid var(--tk-border2);color:var(--tk-text);font-size:12px}
.tk-perm-row:last-child{border-bottom:0}
.tk-perm-row strong{color:var(--tk-strong);font-size:12px;font-weight:660}
.tk-perm-head{font-size:9px;color:var(--tk-subtle);font-weight:730;letter-spacing:.7px;background:var(--tk-paper2);padding-top:8px;padding-bottom:8px}
.tk-access-on{display:inline-flex;align-items:center;gap:5px;color:var(--tk-strong);font-weight:570}
.tk-access-on svg{color:#36a16e}
.tk-access-off{color:var(--tk-muted)}
.tk-rights-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:16px 0 8px;font-weight:740;color:var(--tk-strong);font-size:12px}
.tk-rights-heading small{font-size:10px;font-weight:450;color:var(--tk-muted)}
.tk-rights-editor{border:1px solid var(--tk-border);border-radius:6px;overflow:hidden}
.tk-rights-line{display:grid;grid-template-columns:minmax(105px,1fr) minmax(90px,.65fr) minmax(165px,1.4fr);align-items:center;gap:6px;padding:9px 11px;border-bottom:1px solid var(--tk-border2);font-size:11px;background:var(--tk-paper)}
.tk-rights-line:last-child{border-bottom:0}
.tk-rights-line strong{font-size:12px;color:var(--tk-strong)}
.tk-rights-line label{display:flex;gap:8px;align-items:center;color:var(--tk-text);font-size:11px;margin:0;cursor:pointer;white-space:normal}
.tk-rights-line input[type=checkbox]{width:15px;height:15px;accent-color:var(--tk-primary,#2670b9);margin:0;flex-shrink:0}
.tk-user-tip{padding:10px 12px;background:var(--tk-paper2);border:1px solid var(--tk-border);border-radius:5px;color:var(--tk-muted);font-size:11px;line-height:1.55;margin:13px 0 0}
.tk-user-account-actions{display:flex;align-items:center;gap:18px;padding:12px 2px 2px}
.tk-user-account-actions form{margin:0}
.tk-user-account-actions span{font-size:11px;color:var(--tk-muted)}
.tk-access-warning{padding:11px 13px;color:var(--tk-strong);font-size:12px;border:1px solid var(--tk-border);background:var(--tk-paper2);border-radius:5px}
@media(max-width:680px){.tk-perm-row{padding:10px;grid-template-columns:minmax(100px,1fr) minmax(75px,.7fr) minmax(145px,1.4fr);font-size:10px}.tk-perm-row strong{font-size:11px}.tk-account-details{grid-template-columns:1fr 1fr}.tk-rights-line{grid-template-columns:minmax(85px,1fr) minmax(70px,.7fr) minmax(110px,1.3fr);padding:8px 7px}.tk-rights-line label{font-size:10px}}

/* Timing and password controls: same compact light/dark desktop surfaces. */
/* Explicit reveal button rather than a small, hard-to-find icon inside the field. */
.tk-password-control{display:flex;align-items:stretch;gap:6px;min-width:0;margin-top:5px}
.tk-password-control input{flex:1 1 auto;width:0;min-width:0;margin-top:0!important;padding-right:10px!important}
.tk-password-control>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:88px;height:33px;padding:0 10px;border:1px solid var(--tk-border);border-radius:5px;background:var(--tk-paper2);color:var(--tk-strong);font-size:11px;font-weight:650;cursor:pointer}
.tk-password-control>button:hover,.tk-password-control>button:focus-visible{border-color:var(--tk-accent);color:var(--tk-accent);background:var(--tk-hover);outline-offset:1px}
.tk-password-control>button[aria-pressed="true"]{background:var(--tk-selected);border-color:var(--tk-accent)}
.tk-password-control>button svg{flex:none}
.tk-login-form .tk-password-control{margin-top:7px}
.tk-login-form .tk-password-control input,.tk-login-form .tk-password-control>button{height:39px}
.tk-password-control [hidden]{display:none!important}
.tk-sort-days{font:inherit;color:inherit;font-size:10px;letter-spacing:.45px;border:0;background:transparent;padding:3px 2px;cursor:pointer;white-space:nowrap;font-weight:720}
.tk-sort-days:hover,.tk-sort-days:focus-visible{color:var(--tk-accent)}
.tk-days-cell{font-weight:760;color:var(--tk-strong);display:inline-block;min-width:24px;text-align:right}
.tk-days-long{color:var(--tk-red-t);background:var(--tk-red-bg);padding:2px 5px;border-radius:4px}
.tk-time-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid var(--tk-border);background:var(--tk-paper2)}
.tk-time-summary>div{padding:11px 13px;border-right:1px solid var(--tk-border);min-width:0}
.tk-time-summary>div:last-child{border-right:0}
.tk-time-summary small{font-size:9px;font-weight:720;letter-spacing:.5px;color:var(--tk-muted);display:block;min-height:16px}
.tk-time-summary strong{display:block;color:var(--tk-strong);font-size:22px;font-variant-numeric:tabular-nums;line-height:1.3}
.tk-help-text{font-size:11px;color:var(--tk-muted);margin:6px 0 10px;line-height:1.5}
.tk-timing-report-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk-timing-report-row .tk-metric strong{font-size:23px}
@media(max-width:430px){.tk-timing-report-row{grid-template-columns:1fr}}