/* Operasyon APP — Cam tasarımı. İş akışı ve durum renkleri korunur. */
html[data-theme=light]{
 --ui-page:#dce5ee;--ui-panel:rgba(255,255,255,.64);--ui-input:rgba(255,255,255,.73);
 --ui-ink:#11212d;--ui-muted:#4a5c6a;--ui-border:rgba(255,255,255,.88);
 --ui-hover:rgba(255,255,255,.86);--ui-active:rgba(109,62,205,.12);--ui-active-ink:#6131ad;
 --ui-disabled:#d4dee7;--ui-disabled-ink:#536574;--ui-focus:#7440ca;
 --accent:#7440ca;--line:rgba(74,92,106,.18);--muted:#4a5c6a;
 --purple-fill:rgba(116,64,202,.1);--purple-ink:#6131ad;--purple-edge:rgba(116,64,202,.26);
 --glass-surface:linear-gradient(135deg,rgba(255,255,255,.78),rgba(245,249,255,.45));
 --glass-shadow:0 10px 32px rgba(35,55,77,.075),inset 0 1px 0 rgba(255,255,255,.95);
 --glass-navigation:rgba(242,247,252,.93);--glass-solid:#f0f5fa;--glass-inner:rgba(255,255,255,.36);
 --glass-input-edge:rgba(74,92,106,.24);--glass-separator:rgba(74,92,106,.16);
 --glass-backdrop:rgba(17,33,45,.3);
 background:var(--ui-page);color:var(--ui-ink)
}
html[data-theme=dark]{
 --ui-page:#091823;--ui-panel:rgba(26,46,62,.77);--ui-input:rgba(7,23,34,.65);
 --ui-ink:#edf3f8;--ui-muted:#b5c6d4;--ui-border:rgba(203,222,239,.19);
 --ui-hover:rgba(59,81,103,.62);--ui-active:rgba(177,135,255,.17);--ui-active-ink:#e1ceff;
 --ui-disabled:#253745;--ui-disabled-ink:#a9bbc9;--ui-focus:#c6a4ff;
 --accent:#c6a4ff;--line:rgba(203,222,239,.17);--muted:#b5c6d4;
 --purple-fill:rgba(177,135,255,.15);--purple-ink:#dfc9ff;--purple-edge:rgba(194,155,255,.36);
 --glass-surface:linear-gradient(135deg,rgba(49,70,91,.74),rgba(17,33,45,.78));
 --glass-shadow:0 12px 32px rgba(0,8,16,.18),inset 0 1px 0 rgba(228,238,255,.12);
 --glass-navigation:rgba(17,33,45,.96);--glass-solid:#11212d;--glass-inner:rgba(155,184,208,.055);
 --glass-input-edge:rgba(183,206,226,.28);--glass-separator:rgba(203,222,239,.16);
 --glass-backdrop:rgba(0,8,16,.62);
 background:var(--ui-page);color:var(--ui-ink)
}
html[data-theme] body.operations-app{
 background:radial-gradient(ellipse at 5% 0%,rgba(153,118,231,.17),transparent 45%),radial-gradient(ellipse at 95% 22%,rgba(119,174,212,.22),transparent 55%),var(--ui-page);
 color:var(--ui-ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','DM Sans',sans-serif;line-height:1.5;
}
html[data-theme] body.operations-app :is(.panel,.stats,.overview,.presence-panel,.import-card,.measurement-launch,.label-output,.home-summary,.home-shortcuts a,.pick-group:not(.done),.pick-item:not(.done),.ld-rack,.ld-row,.sayim-record,.location-multi-card,.saved-draft-row,.raf-sayim-row,.tv-panel){
 background:var(--glass-surface);color:var(--ui-ink);border:1px solid var(--ui-border);border-radius:22px;box-shadow:var(--glass-shadow);background-clip:padding-box;
}
/* Only outer surfaces blur: nested blur layers are expensive on handhelds. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 html[data-theme] body.operations-app :is(.panel,.home-summary,.presence-panel,.import-card,.home-shortcuts a){-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%)}
}
html[data-theme] body.operations-app :is(.panel-title,.product-heading,.save-area,.home-total,header,.app-header,.list-footer){border-color:var(--glass-separator)}
html[data-theme] body.operations-app :is(h1,h2,h3,.home-total strong,.product .name,.history-row strong,.archive-table strong){color:var(--ui-ink)}
html[data-theme] body.operations-app h1{font-family:inherit;letter-spacing:-.04em;font-weight:750;line-height:1.2}
html[data-theme] body.operations-app h2{font-family:inherit;font-weight:700;letter-spacing:-.025em}
html[data-theme] body.operations-app :is(.account,.brand-caption,.product .meta,.history-row span,.archive-table td,.presence-table td,.home-note,.side-bottom,.operations-bottom){color:var(--ui-muted)}
html[data-theme] body.operations-app :is(.eyebrow,.breadcrumb){color:var(--ui-muted)}
html[data-theme] body.operations-app :is(.sidebar,.operations-sidebar){background:var(--glass-navigation);color:var(--ui-ink);border-right:1px solid var(--ui-border);box-shadow:8px 0 32px rgba(6,20,27,.05)}
html[data-theme=light] body.operations-app :is(.sidebar,.operations-sidebar) :is(.logo,.operations-brand img){filter:brightness(0)}
html[data-theme=dark] body.operations-app :is(.sidebar,.operations-sidebar) :is(.logo,.operations-brand img){filter:brightness(0) invert(1)}
html[data-theme] body.operations-app :is(.workspace,.operations-label,.app-revision,.side-bottom small){color:var(--ui-muted)}
html[data-theme] body.operations-app :is(.sidebar,.operations-sidebar) nav a{color:var(--ui-muted);border:1px solid transparent;border-radius:13px}
html[data-theme] body.operations-app :is(.sidebar,.operations-sidebar) nav a:hover{background:var(--glass-inner);color:var(--ui-ink)}
html[data-theme] body.operations-app :is(.sidebar,.operations-sidebar) nav a:is(.active,[aria-current=page],[aria-expanded=true]){background:var(--purple-fill);color:var(--purple-ink);border-color:var(--purple-edge);box-shadow:inset 3px 0 var(--ui-focus)}
html[data-theme] body.operations-app :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),select,textarea){
 background:var(--ui-input);color:var(--ui-ink);border:1px solid var(--glass-input-edge);border-radius:12px;min-height:48px;font-size:16px;line-height:1.4;box-shadow:inset 0 1px 2px rgba(17,33,45,.025);max-width:100%;
}
html[data-theme] body.operations-app :is(input,textarea)::placeholder{color:var(--ui-muted);opacity:.88}
html[data-theme] body.operations-app :is(input,select,textarea):disabled{background:var(--ui-disabled);color:var(--ui-disabled-ink)}
html[data-theme] body.operations-app :is(button,a,input,textarea,select,summary):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
html[data-theme] body.operations-app :is(.search,.search-wrap){background:var(--glass-inner);border:1px solid var(--glass-input-edge);border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
html[data-theme] body.operations-app .search-wrap:focus-within{outline:2px solid var(--ui-focus);outline-offset:2px;border-color:var(--ui-focus)}
html[data-theme] body.operations-app .search-wrap input{border:0;background:transparent;box-shadow:none;outline:0;min-width:0}
html[data-theme] body.operations-app :is(button,.primary,.secondary,.quiet,.camera-trigger,.icon-button,.theme-toggle){border-radius:12px;line-height:1.4;font-weight:600}
html[data-theme] body.operations-app :is(.secondary,.quiet,.camera-trigger,.icon-button,.theme-toggle,.record-actions button){background:var(--ui-input);border:1px solid var(--glass-input-edge);color:var(--ui-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
html[data-theme] body.operations-app :is(.primary,.actions button[type=submit],#loadSheet,#newCount){
 background:linear-gradient(160deg,#9560f5 0%,#7539de 65%,#6830ce 100%);color:#fff;border:1px solid rgba(188,147,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 16px rgba(101,48,195,.2);font-weight:700;min-height:48px;border-radius:14px;
}
html[data-theme] body.operations-app :is(.primary,.actions button[type=submit],#loadSheet,#newCount):hover{filter:brightness(1.07)}
html[data-theme] body.operations-app button:disabled{cursor:not-allowed;opacity:.5;filter:none}
html[data-theme] body.operations-app :is(.filters button.selected,.filters button.active,.archive-tabs button.active,.label-size[aria-pressed=true],.sayim-address[aria-pressed=true]){background:var(--purple-fill);color:var(--purple-ink);border-color:var(--purple-edge);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
html[data-theme] body.operations-app :is(.product,.actions,.audit-toolbar,.attachment-heading,.attachment-body,.audit-body){background:var(--glass-inner);color:var(--ui-ink);border-color:var(--glass-separator)}
html[data-theme] body.operations-app .product:hover{background:var(--ui-hover)}
html[data-theme] body.operations-app .product.active{background:var(--purple-fill);border-left-color:var(--ui-focus)}
html[data-theme] body.operations-app :is(.pill,.hint,.measurement-history-status){border-color:var(--glass-input-edge);background:var(--glass-inner);color:var(--ui-muted);border-radius:9px}
html[data-theme] body.operations-app :is(.progress,.pick-ray){background:var(--ui-disabled)}
html[data-theme] body.operations-app :is(.progress i,.progress-bar,.pick-ray i){background:var(--ui-focus)}
html[data-theme] body.operations-app :is(.measurement-groups fieldset,.edit-addresses li,.location-line,.sayim-address,.pick-dynamic-address){border-radius:14px;background:var(--glass-inner);border-color:var(--glass-input-edge)}
html[data-theme] body.operations-app :is(.measurement-groups .weight-group,.measurement-groups .weight-group legend){background:var(--purple-fill);color:var(--purple-ink);border-color:var(--purple-edge)}
html[data-theme] body.operations-app .measurement-groups .dimensions-group legend{background:var(--glass-solid);color:var(--ui-muted);border-radius:8px;padding:3px 7px}
html[data-theme] body.operations-app .home-shortcuts a{transition:border-color .15s,background .15s}
html[data-theme] body.operations-app .home-shortcuts a:hover{background:var(--ui-hover);border-color:var(--purple-edge)}
html[data-theme] body.operations-app .home-bays i{border-radius:5px}
html[data-theme] body.operations-app .home-bays i.on{background:var(--ui-focus);border-color:var(--ui-focus)}
/* Status carries meaning: retain completed green and error red. */
html[data-theme] body.operations-app :is(.pick-item.done,.pick-group.done){opacity:1;background:var(--pick-done-bg);border-color:var(--pick-done-border);border-radius:20px;box-shadow:var(--glass-shadow)}
html[data-theme] body.operations-app .pick-item.done .pick-dynamic-address{background:var(--pick-done-address);border-color:var(--pick-done-border)}
html[data-theme] body.operations-app .pick-dynamic-address strong{font-weight:800}
html[data-theme] body.operations-app :is(.error,.status.error,.pick-message.error){color:var(--ui-error)}
/* Glass dialogs use a denser surface to stay readable over tables and forms. */
html[data-theme] body.operations-app dialog:not(.mobile-nav-dialog):not(.section-flyout){background:var(--glass-navigation);color:var(--ui-ink);border:1px solid var(--ui-border);border-radius:24px;box-shadow:0 24px 80px rgba(6,20,27,.24),inset 0 1px 0 rgba(255,255,255,.25);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
html[data-theme] body.operations-app dialog::backdrop{background:var(--glass-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
html[data-theme] body.operations-app .section-flyout{background:var(--glass-navigation);border:1px solid var(--ui-border);border-radius:0 16px 16px 0;box-shadow:var(--glass-shadow)}
html[data-theme] body.operations-app .section-flyout::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme] body.operations-app .section-flyout-link{color:var(--ui-ink);border-radius:10px}
html[data-theme] body.operations-app .section-flyout-link:is(:hover,[aria-current]){background:var(--purple-fill);color:var(--purple-ink)}
html[data-theme] body.operations-app .theme-track{background:var(--glass-input-edge)}
html[data-theme=dark] body.operations-app .theme-track{background:#8053c1}
html[data-theme] body.operations-app .archive-table{background:transparent;border-color:var(--ui-border)}
html[data-theme] body.operations-app :is(.archive-table th,.presence-table th){background:var(--glass-solid);color:var(--ui-muted)}
html[data-theme] body.operations-app .archive-table tbody tr{background:var(--glass-surface);border-color:var(--ui-border);box-shadow:var(--glass-shadow)}
html[data-theme] body.operations-app .tv-panel:fullscreen{border:0;border-radius:0;box-shadow:none}
@media(max-width:1024px){
 html[data-theme] body.operations-app .mobile-nav-bar{background:var(--glass-navigation);color:var(--ui-ink);border-color:var(--glass-separator)}
 html[data-theme] body.operations-app :is(.mobile-nav-toggle,.mobile-nav-close){background:var(--ui-input)!important;color:var(--ui-ink)!important;border:1px solid var(--glass-input-edge)!important;border-radius:12px}
 html[data-theme] body.operations-app .mobile-nav-dialog{background:var(--glass-navigation)!important;color:var(--ui-ink)!important;border-right:1px solid var(--ui-border)!important}
 html[data-theme] body.operations-app .mobile-nav-dialog :is(.sidebar,.operations-sidebar){background:transparent!important;color:var(--ui-ink)!important}
 html[data-theme] body.operations-app .mobile-nav-dialog nav a{color:var(--ui-muted)!important;border-radius:12px}
 html[data-theme] body.operations-app .mobile-nav-dialog nav a:is(.active,[aria-current=page],[aria-expanded=true]){color:var(--purple-ink)!important;background:var(--purple-fill)!important;border-color:var(--purple-edge)}
 html[data-theme] body.operations-app .mobile-nav-title{font-weight:700;letter-spacing:-.02em}
}
@media(max-width:760px){
 html[data-theme] body.operations-app :is(.panel,.stats,.overview,.presence-panel,.import-card,.home-summary,.home-shortcuts a){border-radius:18px}
 html[data-theme] body.operations-app :is(.panel-title,.product-heading){gap:10px}
 html[data-theme] body.operations-app :is(.primary,.secondary,.camera-trigger,.record-actions button){min-height:46px}
 html[data-theme] body.operations-app label{font-size:13px;line-height:1.5}
 html[data-theme] body.operations-app :is(.archive-table tbody tr){background:var(--glass-surface);border-radius:20px;box-shadow:var(--glass-shadow)}
 html[data-theme] body.operations-app .home-shortcuts a{padding:18px 16px}
 html[data-theme] body.operations-app .measurement-groups{gap:14px}
}
@media(prefers-reduced-transparency:reduce){
 html[data-theme] body.operations-app{background:var(--ui-page)}
 html[data-theme] body.operations-app :is(.panel,.stats,.overview,.presence-panel,.import-card,.home-summary,.home-shortcuts a,dialog,.pick-item:not(.done),.pick-group:not(.done)){background:var(--glass-solid)}
 html[data-theme] body.operations-app *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){html[data-theme] body.operations-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html[data-theme] body.operations-app{background:#fff!important;color:#11212d!important}html[data-theme] body.operations-app :is(.panel,.label-output){background:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* Compact status tabs: flex-basis must not become a 135px mobile row height. */
html[data-theme] body.operations-app .archive-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0}
html[data-theme] body.operations-app .archive-tabs button{height:auto;min-height:48px;min-width:0;padding:12px;white-space:normal;border:1px solid var(--glass-input-edge);border-radius:13px;background:var(--ui-input);color:var(--ui-muted);line-height:1.45}
html[data-theme] body.operations-app .archive-tabs button.active{background:var(--purple-fill);color:var(--purple-ink);border-color:var(--purple-edge)}
html[data-theme] body.operations-app .draft-notice{background:var(--purple-fill);color:var(--purple-ink);border:1px solid var(--purple-edge);border-radius:15px;line-height:1.65}
html[data-theme] body.operations-app :is(.takviye-card,.label-job,.ts-card,.ld-product,.sayim-address,.section-current){background:var(--glass-surface);color:var(--ui-ink);border:1px solid var(--ui-border);border-radius:16px;box-shadow:var(--glass-shadow)}
html[data-theme] body.operations-app :is(.takviye-tabs button[aria-selected=true],.sayim-address[aria-pressed=true]){background:var(--purple-fill);color:var(--purple-ink);border-color:var(--purple-edge)}
html[data-theme] body.operations-app .ld-product.yok{border-color:var(--ui-error)}
@media(max-width:600px){html[data-theme] body.operations-app .archive-tabs{grid-template-columns:minmax(0,1fr)}html[data-theme] body.operations-app .archive-tabs button{min-height:48px}}
html[data-theme=light] body.operations-app .ld-product.var{background:#edf8ef;border-color:#a5cdae}
html[data-theme=dark] body.operations-app .ld-product.var{background:#172c22;border-color:#365e46}
html[data-theme] body.operations-app .sayim-address.filled{border-color:#82ad8d}
html[data-theme] body.operations-app .sayim-record.flagged{background:var(--ui-warning);border-color:var(--ui-warning-ink)}
@media(prefers-reduced-transparency:reduce){html[data-theme] body.operations-app :is(.takviye-card,.label-job,.ld-product:not(.var):not(.yok),.section-current){background:var(--glass-solid)}}
html[data-theme] body.operations-app :is(.sidebar,.operations-sidebar) nav a.active:not([data-nav-group])::after{background:var(--ui-focus)}
html[data-theme] body.operations-app .app-revision{border-color:var(--glass-input-edge);background:var(--glass-inner);border-radius:7px}
html[data-theme] body.operations-app :is(.presence-stats>div,.summary,.audit-panel,.password-heading,.attachment-file){background:var(--glass-inner);border-color:var(--glass-separator);color:var(--ui-ink)}
html[data-theme] body.operations-app .presence-table td{background:transparent}
html[data-theme] body.operations-app :is(.summary strong,.attachment-zip-link){color:var(--purple-ink)}
html[data-theme] body.operations-app .product.selected{background:var(--purple-fill);border-color:var(--purple-edge);box-shadow:inset 3px 0 var(--ui-focus)}
html[data-theme] body.operations-app :is(.product.saved,.product.saved.selected){border-color:#82ad8d}
html[data-theme] body.operations-app input[type=checkbox]{accent-color:var(--ui-focus)}
/* Prevent nested archive rows from applying a second backdrop filter. */
html[data-theme] body.operations-app .archive-table tbody tr{-webkit-backdrop-filter:none;backdrop-filter:none}
/* TV retains its fixed, distance-readable row layout. */
html[data-theme] body.tv-screen{--bg:var(--ui-page);--panel:var(--ui-panel);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--glass-separator);--yellow:var(--ui-focus);background:var(--ui-page);color:var(--ui-ink)}
html[data-theme] body.tv-screen .item{background:var(--glass-surface);border:1px solid var(--ui-border);border-left:.3vw solid var(--ui-focus);border-radius:12px;box-shadow:var(--glass-shadow)}
html[data-theme] body.tv-screen .item.empty{border-left-color:var(--red)}
html[data-theme] body.tv-screen :is(.tv-summary,.tv-stat,.product){background:transparent;box-shadow:none}
html[data-theme] body.tv-screen :is(button,.home-link){border-radius:10px}
html[data-theme] body.tv-screen .tv-revision{color:var(--ui-muted);border-color:var(--glass-input-edge)}
/* Barkod kamera düğmesi: ortak simge, sabit ve erişilebilir dokunma alanı. */
html[data-theme] body.operations-app :is(.camera-trigger,.scan-button){display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;min-width:48px;min-height:48px;padding:10px;gap:0;line-height:1}
html[data-theme] body.operations-app .barcode-button-icon{display:block;flex:none;width:24px;height:24px;pointer-events:none;color:inherit}
/* Logo bağlantısı sürüm etiketinin altında bağlantı çizgisi oluşturmaz. */
html[data-theme] body.operations-app :is(.sidebar>a,.operations-brand,.app-revision){text-decoration:none!important}
/* Gönderilen kurumsal logo özgün sarı ve mor renkleriyle gösterilir. */
html[data-theme] body:is(.operations-app,.tv-screen) :is(.logo,.brand-logo,.operations-brand img){filter:none!important;object-fit:contain}