:root{
  --navy:#031b32;--navy2:#082843;--blue:#078ee6;--orange:#ff6200;--bg:#f4f7fa;
  --white:#fff;--text:#11203b;--muted:#6a788b;--green:#16a364;--yellow:#f4a100;
  --red:#df252d;--grey:#7d8996;--line:#dfe6ed;--shadow:0 10px 30px rgba(3,27,50,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}.hidden{display:none!important}.full{width:100%}
.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,rgba(7,142,230,.22),transparent 28%),linear-gradient(135deg,#021528,#062b4b)}
.login-card{width:min(460px,92vw);background:#fff;padding:34px;border-radius:22px;box-shadow:0 34px 90px rgba(0,0,0,.32)}
.login-card h1{margin:20px 0 8px}.login-card p{color:var(--muted);line-height:1.55}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:800;margin:14px 0}.login-card input{border:1px solid var(--line);border-radius:10px;padding:12px}.login-card small{display:block;color:var(--muted);text-align:center;margin-top:14px}.login-brand-row{display:flex;align-items:center;justify-content:center;gap:24px;height:80px}.login-divider{width:1px;height:58px;background:var(--line)}.login-buski{height:78px}.login-sanbis{width:190px;max-height:65px;object-fit:contain}
.app-shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--navy),#021322);color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.brand{padding:3px 10px 22px;border-bottom:1px solid rgba(255,255,255,.15)}.brand-buski-logo{height:88px;max-width:175px;object-fit:contain;object-position:left center}.brand-title{font-size:17px;font-weight:800;margin-top:5px}.brand-sub{font-size:12px;color:#a7b8c9;margin-top:5px}.brand-sub span{color:var(--orange);font-weight:900}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:18px;overflow:auto}.nav-item{border:0;background:transparent;color:#dce7f0;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer;display:flex;gap:11px;align-items:center;min-height:44px}.nav-item span{width:20px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#0c55bd,#104979);color:#fff}.badge{font-size:10px;padding:2px 7px;border-radius:20px;margin-left:auto}.badge.danger{background:var(--red);color:#fff}.sidebar-footer{margin-top:auto;font-size:11px;color:#a8bbcc;display:grid;gap:8px;padding:12px 10px}
.main{min-width:0}.topbar{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;gap:24px;align-items:center;padding:17px 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:24px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:12px}.topbar-brand img{width:230px;max-height:66px;object-fit:contain}.topbar-actions{display:flex;gap:9px;align-items:center}.user-chip{border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:9px;font-size:12px;color:var(--text);cursor:pointer}
.view{display:none;padding:22px 24px 88px}.view.active{display:block}.btn{border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:800;font-size:12px;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.primary{background:linear-gradient(135deg,#0d5cc0,#053c86);color:#fff}.btn.warning{background:linear-gradient(135deg,#ff7a00,#f04b00);color:#fff}.btn.danger{background:var(--red);color:#fff}.btn.secondary{background:#edf2f6;color:#28425c;border:1px solid #dbe4eb}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}
.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(126px,1fr));gap:12px;margin-bottom:16px}.kpi-grid.five{grid-template-columns:repeat(5,1fr)}.kpi-grid.four{grid-template-columns:repeat(4,1fr)}.kpi-card{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--shadow);border:1px solid #e4eaf0;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.kpi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px}.kpi-card .label{font-size:12px;color:#42536a}.kpi-card .value{font-size:29px;font-weight:900;margin-top:3px}.kpi-card .hint{font-size:10px;color:var(--muted);grid-column:2}.tone-blue .kpi-icon{background:#e5f1ff;color:#0a67cc}.tone-green .kpi-icon{background:#e3f7ec;color:#0b9a55}.tone-grey .kpi-icon{background:#eef1f4;color:#687482}.tone-orange .kpi-icon{background:#fff0df;color:#f06a00}.tone-purple .kpi-icon{background:#f0e9ff;color:#6634bd}.tone-red .kpi-icon{background:#fde8e8;color:#d9232c}
.panel{background:#fff;border:1px solid #e4eaf0;border-radius:15px;box-shadow:var(--shadow);padding:17px;margin-bottom:16px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.panel-header h2{font-size:17px;margin:0}.panel-header p{font-size:11px;color:var(--muted);margin:5px 0 0}.content-grid{display:grid;gap:16px}.two-one{grid-template-columns:1.75fr 1fr}.one-one{grid-template-columns:1fr 1fr}.alarm-layout{grid-template-columns:1.55fr 1fr}.sticky-panel{position:sticky;top:92px;align-self:start}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:3px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.online{background:var(--green)}.warning{background:var(--yellow)}.danger{background:var(--red)}.offline{background:var(--grey)}
.map-board{min-height:330px;border-radius:13px;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1000" height="500" viewBox="0 0 1000 500"%3E%3Cpath d="M22 135 L108 62 L230 88 L318 36 L428 103 L536 76 L642 130 L765 67 L922 111 L976 218 L914 324 L817 360 L692 430 L570 384 L458 451 L338 397 L203 432 L98 347 L27 268 Z" fill="%23eef5f9" stroke="%23bfd0dc" stroke-width="3"/%3E%3Cg fill="none" stroke="%23d1dde6" stroke-width="2"%3E%3Cpath d="M108 62L203 432M230 88L692 430M318 36L338 397M428 103L817 360M536 76L458 451M642 130L570 384M765 67L914 324"/%3E%3C/g%3E%3Cpath d="M0 0H1000V55C830 96 660 22 505 52C320 88 192 31 0 75Z" fill="%23d9effc"/%3E%3C/svg%3E') center/cover;position:relative;overflow:hidden;border:1px solid #d4e0e8}.map-board:before{content:"BURSA";position:absolute;right:20px;bottom:14px;font-size:54px;font-weight:900;color:rgba(3,27,50,.05);letter-spacing:7px}.map-point{position:absolute;transform:translate(-50%,-50%);border:4px solid #fff;width:21px;height:21px;border-radius:50%;box-shadow:0 4px 13px rgba(0,0,0,.22);cursor:pointer}.map-point:hover:after{content:attr(data-label);position:absolute;left:50%;bottom:27px;transform:translateX(-50%);white-space:nowrap;background:var(--navy);color:#fff;padding:7px 9px;border-radius:7px;font-size:10px;z-index:3}
.event-feed{display:grid;gap:8px;max-height:330px;overflow:auto}.event-item{display:grid;grid-template-columns:60px 1fr;gap:9px;padding:9px;border:1px solid #e7edf2;border-radius:10px}.event-item.critical{background:#fff7f7}.event-time{font-size:11px;font-weight:900;color:var(--navy2)}.event-text{font-size:11px;line-height:1.45}.event-text small{display:block;color:var(--muted);margin-top:3px}.event-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px}.event-main{display:grid;grid-template-columns:34px 1fr;gap:8px}.event-icon.critical{background:#fde6e8;color:var(--red)}.event-icon.warning{background:#fff1d8;color:#e77c00}.event-icon.info{background:#e8f2ff;color:#0b6bd2}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#516278;font-weight:900;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fbfcfd}td{padding:10px;border-bottom:1px solid #edf1f5;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:900}.status-pill.normal,.status-pill.COMPLETED,.status-pill.PASS{background:#e4f7ed;color:#0c7d4b}.status-pill.warning,.status-pill.STARTED,.status-pill.READY,.status-pill.RECEIVED,.status-pill.PENDING{background:#fff1d8;color:#a96300}.status-pill.critical,.status-pill.FAILED,.status-pill.FAIL,.status-pill.OPEN{background:#fde6e8;color:#a81420}.status-pill.offline{background:#eceff2;color:#59636e}.status-pill.ACK{background:#e6f0ff;color:#155bab}.status-pill.CLOSED{background:#e5f6ea;color:#17733f}.link-btn{border:0;background:none;color:#076dd4;font-weight:900;cursor:pointer;padding:4px}.filters{display:flex;gap:8px}.filters input,.filters select,.form-grid input,.form-grid select,textarea{border:1px solid var(--line);border-radius:9px;padding:9px 10px;background:#fff;color:var(--text)}
.alarm-list,.sample-list{display:grid;gap:10px}.alarm-card,.sample-card{border:1px solid var(--line);border-left:5px solid var(--yellow);border-radius:11px;padding:12px;display:grid;gap:7px;cursor:pointer;transition:.18s}.alarm-card:hover,.sample-card:hover{box-shadow:0 9px 22px rgba(3,27,50,.08);transform:translateY(-1px)}.alarm-card.critical{border-left-color:var(--red)}.alarm-card.selected,.sample-card.selected{outline:2px solid #54a5ef}.alarm-card .row,.sample-card .row{display:flex;justify-content:space-between;gap:10px;align-items:center}.alarm-card h3,.sample-card h3{margin:0;font-size:13px}.muted{color:var(--muted);font-size:11px}.empty-state{padding:30px 16px;text-align:center;color:var(--muted);background:#f8fafc;border:1px dashed #cfd9e2;border-radius:11px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden}.detail-cell{padding:11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.detail-cell span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.detail-cell strong{font-size:13px}.timeline{position:relative;display:grid;gap:10px;margin:14px 0}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:9px;font-size:11px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#b9c4ce;margin-top:4px}.timeline-item.done .timeline-dot{background:var(--green)}.timeline-item.active .timeline-dot{background:var(--blue);box-shadow:0 0 0 4px #ddebfa}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.report-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.report-card .report-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#eaf2ff;color:#075fc3;font-size:24px}.report-card h3{margin:14px 0 8px}.report-card p{color:var(--muted);font-size:12px;min-height:62px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.form-grid label,.full-label{display:grid;gap:6px;font-size:11px;font-weight:900}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.sim-log{display:grid;gap:7px;max-height:430px;overflow:auto}.sim-log div{font-size:11px;padding:9px;background:#f5f8fb;border-radius:8px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.task-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:8px}.task-card.overdue{border-top:4px solid var(--red)}.task-card.soon{border-top:4px solid var(--yellow)}.task-card.completed{border-top:4px solid var(--green);opacity:.78}.task-card h3{font-size:13px;margin:0}.task-meta{display:grid;gap:4px;color:var(--muted);font-size:11px}.verification-ok{color:var(--green);font-weight:900}.verification-bad{color:var(--red);font-weight:900}
.drawer,.modal{display:none;position:fixed;inset:0;z-index:60}.drawer.open,.modal.open{display:block}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;background:rgba(1,14,27,.62)}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(760px,95vw);background:#fff;padding:20px;overflow:auto;box-shadow:-20px 0 50px rgba(0,0,0,.22)}.drawer-header,.modal-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.drawer-header h2,.modal-header h2{margin:0}.drawer-header p,.modal-header p{margin:6px 0;color:var(--muted);font-size:11px}.icon-btn{border:0;background:#eef3f7;width:34px;height:34px;border-radius:50%;font-size:21px;cursor:pointer}.status-banner{margin:16px 0;padding:11px;border-radius:10px;font-size:12px;font-weight:900}.status-banner.normal{background:#e4f7ef;color:#0d7d56}.status-banner.warning{background:#fff2d8;color:#a86900}.status-banner.critical{background:#fde7e9;color:#a71d28}.status-banner.offline{background:#eceff2;color:#59636e}.measurement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.measurement-card{border:1px solid var(--line);border-radius:11px;padding:13px}.measurement-card .name{font-size:10px;color:var(--muted)}.measurement-card .value{font-size:23px;font-weight:900;margin:6px 0}.measurement-card .meta{font-size:9px;color:var(--muted)}.mini-section{margin-top:20px}.mini-section h3{font-size:13px}.trend-chart{height:180px;display:flex;align-items:flex-end;gap:6px;padding:12px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(#fff,#f5f9fc)}.bar{flex:1;background:var(--blue);border-radius:5px 5px 0 0;min-width:10px;position:relative}.bar.alert{background:var(--red)}.bar:hover:after{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:4px 6px;border-radius:5px;font-size:9px}.equipment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.equipment{padding:10px;border:1px solid var(--line);border-radius:9px;font-size:10px}.drawer-actions,.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.modal-card{position:relative;margin:5vh auto;background:#fff;width:min(760px,95vw);max-height:90vh;overflow:auto;padding:20px;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal-card.small{width:min(580px,94vw)}.precheck{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:15px 0}.check-card{padding:9px;border-radius:9px;background:#f2f6f9;font-size:10px}.check-card strong{display:block;margin-bottom:3px}.check-card.pass{background:#e8f7ef;color:#0d7d56}.check-card.fail{background:#fde9ea;color:#a71d28}.confirm-check{display:flex;gap:8px;align-items:flex-start;margin-top:13px;font-size:11px}.progress-steps{margin-top:14px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.progress-step{padding:8px;border-radius:8px;background:#eef3f7;font-size:9px;text-align:center}.progress-step.done{background:#e4f7ef;color:#0d7d56}.progress-step.active{background:#e5f1ff;color:#0b5dad}.toast{position:fixed;right:22px;bottom:22px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.25s;z-index:80;max-width:390px;font-size:12px}.toast.show{opacity:1;transform:none}.compact{max-height:210px}.full-label{margin-top:11px}.mobile-nav{display:none}
@media(max-width:1320px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.kpi-grid.five{grid-template-columns:repeat(5,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}.task-grid{grid-template-columns:repeat(2,1fr)}.topbar-brand img{width:160px}}
@media(max-width:1040px){.app-shell{grid-template-columns:215px 1fr}.sidebar{padding:15px 10px}.topbar{grid-template-columns:1fr auto}.topbar-brand{display:none}.topbar-actions{grid-column:2}.two-one,.one-one,.alarm-layout{grid-template-columns:1fr}.sticky-panel{position:static}.precheck{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{background:#eef3f7}.app-shell{display:block}.sidebar{display:none}.main{padding-bottom:72px}.topbar{display:block;position:sticky;padding:14px 14px 12px}.topbar h1{font-size:21px}.topbar-actions{display:flex;margin-top:10px;overflow:auto;padding-bottom:2px}.topbar-actions .btn,.user-chip{white-space:nowrap}.view{padding:14px 12px 90px}.kpi-grid,.kpi-grid.five,.kpi-grid.four{grid-template-columns:repeat(2,1fr);gap:9px}.kpi-card{padding:12px}.kpi-icon{width:38px;height:38px;font-size:18px}.kpi-card .value{font-size:23px}.panel{padding:13px;border-radius:13px}.two-one,.one-one,.alarm-layout{grid-template-columns:1fr}.map-board{min-height:280px}.legend{display:none}.report-grid,.task-grid{grid-template-columns:1fr}.measurement-grid,.equipment-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.precheck{grid-template-columns:repeat(2,1fr)}.progress-steps{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:69px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:40;padding:5px 4px 6px}.mobile-nav button{position:relative;border:0;background:transparent;color:#6d7989;display:grid;place-items:center;font-size:20px}.mobile-nav button span{font-size:9px}.mobile-nav button.active{color:#076dd4}.mini-badge{position:absolute;top:2px;right:16px;background:var(--red);color:#fff;border-radius:20px;padding:1px 5px;font-size:8px}.drawer-panel{width:100%}.modal-card{margin:2vh auto;max-height:96vh}.login-card{padding:25px}.login-brand-row{gap:13px}.login-sanbis{width:150px}}
@media(max-width:430px){.kpi-grid,.kpi-grid.five,.kpi-grid.four{grid-template-columns:1fr 1fr}.kpi-card{grid-template-columns:auto 1fr}.topbar-actions #resetDemoBtn{display:none}.detail-grid{grid-template-columns:1fr}.filters{flex-direction:column}.panel-header.stacked-mobile{display:block}.stacked-mobile .filters{margin-top:10px}}

.row-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.row-title h3{margin:0;font-size:15px}.progress-bar{height:7px;background:#e7edf3;border-radius:20px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#0878df,#0da6ea);border-radius:20px}.lab-form{margin-top:14px}
@media(max-width:760px){.topbar-brand{display:block;position:absolute;right:14px;top:13px}.topbar-brand img{width:108px;max-height:36px}.title-block{padding-right:118px}}

.status-pill.QUEUED,.status-pill.SENT{background:#e6f0ff;color:#155bab}.progress-step.fail{background:#fde6e8;color:#a81420}.api-source-note{font-size:10px;color:#0b6fc2;font-weight:800}

.report-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.report-actions .btn{flex:1;min-width:68px}

/* v0.6 mobil saha formu, belge ve çevrimdışı senkronizasyon */
.offline-sync-panel{margin-bottom:14px;padding:13px 16px;border:1px solid #f1c36b;background:#fff8e7;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.offline-sync-panel>div{display:grid;gap:3px}.offline-sync-panel span{font-size:11px;color:#8a5b00}.inline-inputs{display:grid;grid-template-columns:1fr 1fr;gap:7px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.upload-box{border:1px dashed #9fb2c2;border-radius:12px;padding:14px;background:#f8fbfd;display:grid;gap:7px;font-size:11px;cursor:pointer}.upload-box strong{font-size:12px;color:#17334e}.upload-box span{font-size:10px;color:var(--muted);font-weight:500}.upload-box input{max-width:100%}.compact-upload{padding:9px;margin:0}.signature-section{margin-top:14px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfdff}.signature-section canvas{display:block;width:100%;height:180px;border:1px dashed #9fb2c2;border-radius:9px;background:#fff;touch-action:none}.signature-section small{display:block;margin-top:7px;color:var(--muted)}.network-state{font-size:11px;font-weight:800;padding:7px 10px;border-radius:20px}.network-state.online{background:#e4f7ef;color:#0d7d56}.network-state.offline{background:#fff1d8;color:#9b6200}.task-card .evidence-note{font-size:10px;color:#0b6fc2;font-weight:800}.document-list{display:grid;gap:7px}.document-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;font-size:11px}
@media(max-width:760px){.offline-sync-panel{position:sticky;top:86px;z-index:12;align-items:flex-start}.evidence-grid{grid-template-columns:1fr}.signature-section canvas{height:150px}.inline-inputs{grid-template-columns:1fr 1fr}.modal-card{padding:16px}.modal-actions{position:sticky;bottom:-16px;background:#fff;padding:10px 0 4px;border-top:1px solid var(--line);z-index:2}}

/* v0.8 Kamera, bildirim, yetki ve saha yönetimi */
.notification-bell{position:relative;border:1px solid var(--line,#d9e2ea);background:#fff;border-radius:12px;width:44px;height:42px;color:#0b4e7d;font-size:18px;cursor:pointer}.notification-bell b{position:absolute;right:-6px;top:-7px;background:#d9363e;color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;padding:0 5px}.notification-bell b:empty{display:none}
.camera-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.camera-card{border:1px solid #dbe6ef;border-radius:16px;background:#fff;overflow:hidden}.camera-preview{height:150px;background:linear-gradient(145deg,#0b2c49,#174f78);display:grid;place-items:center;color:#d9edf9;font-size:44px;position:relative}.camera-preview.offline{filter:grayscale(1);opacity:.7}.camera-preview .camera-status{position:absolute;top:12px;right:12px;font-size:12px;padding:5px 9px;border-radius:999px;background:#fff}.camera-card-body{padding:15px}.camera-card-body h3{margin:0 0 6px}.camera-meta{font-size:13px;color:#657789;display:grid;gap:4px;margin:10px 0}.camera-actions{display:flex;gap:8px;flex-wrap:wrap}.camera-link{font-size:13px;text-decoration:none;color:#0a75b8;border:1px solid #bfd7e8;border-radius:9px;padding:7px 10px;background:#f5fbff}.camera-link.disabled{color:#8b98a4;pointer-events:none;background:#f4f5f6;border-color:#e0e3e6}
.notification-list{display:grid;gap:10px}.notification-item{border:1px solid #dce6ee;border-radius:14px;padding:14px;background:#fff;display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:start;cursor:pointer}.notification-item.unread{background:#f4faff;border-color:#a9d3ed}.notification-item .severity-dot{width:10px;height:10px;border-radius:50%;margin-top:5px}.notification-item .severity-dot.CRITICAL{background:#d9363e}.notification-item .severity-dot.HIGH{background:#e87a18}.notification-item .severity-dot.WARNING{background:#e8b11d}.notification-item .severity-dot.INFO{background:#1886c4}.notification-item h3{margin:0 0 5px;font-size:15px}.notification-item p{margin:0;color:#5d6e7c;font-size:13px}.notification-item time{font-size:12px;color:#81909c}.notification-summary{display:grid;gap:12px}.notification-summary-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:14px;background:#f4f8fb;border:1px solid #e0e8ef}.notification-summary-card strong{font-size:24px;color:#0b4e7d}
.permission-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:16px}.permission-toolbar label{min-width:260px}.permission-matrix{display:grid;gap:16px}.permission-group{border:1px solid #dce6ee;border-radius:14px;overflow:hidden}.permission-group h3{margin:0;background:#f4f8fb;padding:12px 15px;color:#173b55}.permission-row{display:grid;grid-template-columns:34px 240px 1fr;gap:10px;padding:12px 15px;border-top:1px solid #edf1f4;align-items:center}.permission-row input{width:18px;height:18px}.permission-code{font-family:ui-monospace,monospace;font-size:12px;color:#3c6079}.permission-description{font-size:13px;color:#667886}
@media(max-width:760px){.notification-bell{width:40px}.permission-row{grid-template-columns:30px 1fr}.permission-description{grid-column:2}.camera-grid{grid-template-columns:1fr}.topbar-brand{display:none}}

/* v0.8 — saha gateway ve konfigürasyon yönetimi */
.gateway-status,
.config-status {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .28rem .62rem;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .02em;
}
.gateway-status.ONLINE,
.config-status.APPLIED { background: #e8f8f0; color: #08784e; }
.gateway-status.OFFLINE,
.config-status.FAILED { background: #fdebec; color: #b4232d; }
.gateway-status.PROVISIONED,
.config-status.DRAFT { background: #eef4ff; color: #2858a7; }
.gateway-status.REVOKED,
.config-status.SUPERSEDED { background: #eef0f2; color: #68727c; }
.config-status.PUBLISHED { background: #fff4df; color: #a35c00; }
.gateway-actions,
.config-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.gateway-actions .btn,
.config-actions .btn { padding: .42rem .66rem; font-size: .76rem; }
.configuration-detail {
  min-height: 340px;
  border: 1px solid var(--border, #dbe3ea);
  border-radius: 14px;
  padding: 1rem;
  background: #f8fafc;
  overflow: auto;
}
.configuration-detail h3 { margin: 0 0 .35rem; }
.configuration-detail .config-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem 1rem;
  margin: .9rem 0;
}
.configuration-detail .config-meta div {
  padding: .6rem .7rem;
  border: 1px solid #e1e7ed;
  border-radius: 10px;
  background: #fff;
}
.configuration-detail pre {
  margin: 0;
  padding: .85rem;
  border-radius: 10px;
  background: #071c2d;
  color: #dff3ff;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: .75rem;
  line-height: 1.5;
}
.gateway-key-result {
  margin-top: 1rem;
  padding: .9rem;
  border: 1px solid #f2b45b;
  border-radius: 12px;
  background: #fff7e9;
}
.gateway-key-result code {
  display: block;
  margin-top: .45rem;
  padding: .7rem;
  border-radius: 8px;
  background: #1c2732;
  color: #f8fbff;
  overflow-wrap: anywhere;
  user-select: all;
}
.compact-modal { max-width: 720px; }
.checksum-short { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .73rem; }
@media (max-width: 900px) {
  .configuration-detail .config-meta { grid-template-columns: 1fr; }
}

/* v0.9 Veri Kalitesi ve Uyum */
.quality-score {font-weight:800; padding:.25rem .55rem; border-radius:999px; display:inline-block; min-width:64px; text-align:center}
.quality-score.good {background:#dff7ea;color:#087846}.quality-score.warning {background:#fff2cc;color:#9a6500}.quality-score.critical {background:#ffe0e2;color:#b51f2c}
.quality-description {min-width:260px; max-width:420px; white-space:normal; line-height:1.35}
.quality-actions {display:flex; gap:.35rem; flex-wrap:wrap}.quality-actions .btn {padding:.35rem .55rem; font-size:.78rem}

/* v1.0 Operasyon Merkezi */
.operations-components{display:grid;gap:10px}.operation-component{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #dfe7ef;border-radius:12px;background:#f8fafc}.operation-component p{margin:4px 0 0;color:#6c7a89;font-size:.88rem}.approval-list{display:grid;gap:12px;max-height:520px;overflow:auto}.approval-card{border:1px solid #dfe7ef;border-radius:12px;padding:14px;background:#fff}.approval-head,.approval-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.approval-card p{margin:8px 0;color:#334155}.approval-meta{font-size:.82rem;color:#6c7a89;margin-bottom:8px}.approval-card .action-row{margin-top:12px}.badge.online{background:#e8f7f0;color:#147a52}.badge.secondary{background:#eef2f6;color:#51606f}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em}
@media (max-width:760px){.approval-head,.approval-meta{align-items:flex-start;flex-direction:column}.operations-components{grid-template-columns:1fr}}

/* v1.1 Sunum Demo Motoru */
.demo-live-indicator{display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid #bdebd3;background:#ecfff5;border-radius:12px;color:#087a4d;min-width:180px}
.demo-live-indicator strong{display:block;font-size:11px;letter-spacing:.7px}.demo-live-indicator small{display:block;color:#4d7565;font-size:10px;margin-top:2px}
.demo-pulse{width:11px;height:11px;border-radius:50%;background:#17a66a;box-shadow:0 0 0 0 rgba(23,166,106,.45);animation:demoPulse 1.8s infinite}
@keyframes demoPulse{0%{box-shadow:0 0 0 0 rgba(23,166,106,.45)}70%{box-shadow:0 0 0 9px rgba(23,166,106,0)}100%{box-shadow:0 0 0 0 rgba(23,166,106,0)}}
.demo-control-panel{border-top:4px solid #ff7200;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)}
.demo-status-box{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f3f7fb;border:1px solid #d8e3ed;border-radius:10px;color:#243b53}
.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(240px,1.5fr);gap:12px;margin:16px 0}
.demo-metrics>div,.demo-metrics>label{background:#fff;border:1px solid #dbe5ee;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:5px}
.demo-metrics span,.demo-metrics label{font-size:12px;color:#647586}.demo-metrics strong{font-size:18px;color:#0c2c48}.demo-metrics select{margin-top:4px}
.demo-actions{margin-top:8px}.demo-disclaimer{margin-top:14px;padding:10px 12px;border-radius:9px;background:#fff7ed;color:#8a4b0f;border:1px solid #fed7aa;font-size:12px}
.demo-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}
.demo-scenario-card{display:flex;flex-direction:column;min-height:170px;padding:16px;border:1px solid #dbe5ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(3,27,50,.05)}
.demo-scenario-card .scenario-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf5fc;color:#0088c6;font-size:20px;margin-bottom:10px}
.demo-scenario-card h3{margin:0 0 7px;color:#0c2c48;font-size:15px}.demo-scenario-card p{margin:0 0 15px;color:#607286;font-size:12px;line-height:1.5;flex:1}.demo-scenario-card button{width:100%}
.demo-scenario-card.active{border-color:#ff9a45;box-shadow:0 0 0 2px rgba(255,114,0,.12)}
@media(max-width:1200px){.demo-scenario-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.demo-metrics{grid-template-columns:repeat(2,minmax(180px,1fr))}.demo-live-indicator{display:none}}
@media(max-width:700px){.demo-scenario-grid,.demo-metrics{grid-template-columns:1fr}.demo-actions .btn{width:100%}}


/* v1.3 - OSM harita, firma tanımı ve gelişmiş raporlama */
.map-board{position:relative;height:440px;overflow:hidden;background:#dbe7ef;cursor:grab;touch-action:none;border-radius:0 0 14px 14px}.map-board:active{cursor:grabbing}.osm-tiles,.osm-markers{position:absolute;inset:0;overflow:hidden}.osm-tile{position:absolute;width:256px;height:256px;max-width:none;user-select:none}.osm-tile.tile-error{background:linear-gradient(135deg,#e8eff4,#dce7ee);opacity:.7}.osm-markers{pointer-events:none}.osm-marker{pointer-events:auto;position:absolute;transform:translate(-50%,-100%);width:28px;height:36px;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 3px 4px rgba(3,27,50,.35));z-index:5}.osm-marker span{display:block;width:24px;height:24px;border:3px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--marker-color)}.osm-marker span:after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fff;transform:rotate(45deg);margin:5px}.osm-marker.normal{--marker-color:#16a36a}.osm-marker.warning{--marker-color:#e7a61a}.osm-marker.critical{--marker-color:#d9363e}.osm-marker.offline{--marker-color:#7c8793}.osm-marker:after{content:attr(data-label);white-space:pre;position:absolute;left:50%;bottom:42px;transform:translateX(-50%);background:#082843;color:#fff;padding:8px 10px;border-radius:8px;font-size:11px;line-height:1.35;min-width:190px;opacity:0;pointer-events:none;transition:.15s}.osm-marker:hover:after,.osm-marker:focus:after{opacity:1}.osm-controls{position:absolute;left:12px;top:12px;display:grid;z-index:7;box-shadow:0 3px 12px rgba(0,0,0,.18)}.osm-controls button{width:36px;height:34px;border:1px solid #cddbe5;background:#fff;color:#0b4e7d;font-size:20px;font-weight:700;cursor:pointer}.osm-controls button:first-child{border-radius:8px 8px 0 0}.osm-controls button:last-child{border-radius:0 0 8px 8px}.osm-provider{position:absolute;right:7px;bottom:5px;z-index:7;background:rgba(255,255,255,.88);padding:3px 6px;border-radius:4px;font-size:10px;color:#43586a}.facility-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.facility-profile>div{border:1px solid #dce6ee;border-radius:11px;background:#f7fafc;padding:10px}.facility-profile>div:last-child{grid-column:1/-1}.facility-profile span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#718293}.facility-profile strong{display:block;margin-top:3px;color:#173b55;font-size:12px}.facility-profile small{display:block;margin-top:3px;color:#617486}.facility-modal-card{max-width:920px}.form-section-title{font-weight:800;color:#0b4e7d;border-bottom:1px solid #dce6ee;padding-bottom:7px;margin:14px 0 10px}.report-builder-panel{border-top:4px solid #008bd0}.report-builder-actions,.report-output-buttons{display:flex;gap:8px;flex-wrap:wrap}.report-builder-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:14px}.report-filter-block{border:1px solid #dce6ee;border-radius:14px;padding:14px;background:#f8fafc}.report-filter-block h3{margin:0 0 10px;color:#173b55}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:230px;overflow:auto}.check-grid.compact{grid-template-columns:1fr}.check-grid label{display:grid;grid-template-columns:22px 1fr;align-items:center;border:1px solid #dce6ee;border-radius:9px;padding:8px;background:#fff;font-size:12px}.check-grid label small{grid-column:2;color:#718293}.check-grid input{width:16px;height:16px}.compact-form{grid-template-columns:1fr}.custom-report-preview{margin-top:16px;border:1px solid #dce6ee;border-radius:14px;background:#fff;min-height:160px;padding:16px}.report-preview-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #008bd0;padding-bottom:10px;margin-bottom:14px}.report-preview-header>div{display:flex;align-items:center;gap:14px}.report-preview-header img{height:62px;width:54px;object-fit:contain}.report-preview-header .preview-sanbis{height:34px;width:auto}.report-preview-header h2{margin:0;color:#06385a}.report-preview-header p{margin:5px 0 0;color:#607286;font-size:12px}.report-chart-card{border:1px solid #dce6ee;border-radius:12px;margin:12px 0;padding:12px;background:#fbfdff}.report-chart-title{display:flex;justify-content:space-between;color:#173b55}.report-chart-card svg{width:100%;height:auto;display:block}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#607286}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{display:inline-block;width:14px;height:3px}.report-table-note{color:#607286;font-size:12px;margin:10px 0}.report-preview-table{max-height:430px}.report-preview-table table{font-size:11px}.report-output-buttons .btn{flex:1}.report-card{display:flex;flex-direction:column}.report-card p{flex:1}@media(max-width:1100px){.report-builder-grid{grid-template-columns:1fr 1fr}.report-filter-block:first-child{grid-column:1/-1}}@media(max-width:720px){.report-builder-grid,.check-grid{grid-template-columns:1fr}.facility-profile{grid-template-columns:1fr}.facility-profile>div:last-child{grid-column:auto}.map-board{height:390px}.report-preview-header{align-items:flex-start}.report-preview-header .preview-sanbis{height:26px}.report-builder-actions .btn{width:100%}}

/* v1.4 — Sektör ve limit yönetimi */
.sector-select-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;align-items:center}.mini-action-btn{height:42px;border:1px solid var(--line);border-radius:9px;background:#eef6fc;color:#0b5d91;font-size:17px;cursor:pointer}.mini-action-btn:hover{background:#dceefb}.field-help{display:block;margin-top:5px;color:#64788a;font-weight:500;line-height:1.35}.limit-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.inline-override{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#31566f;text-transform:none;letter-spacing:0}.inline-override input{width:17px;height:17px}.sector-readonly{background:#edf3f7!important;color:#456377!important;border-style:dashed!important}.sector-limit-notice{margin:10px 0 4px;padding:10px 12px;border:1px solid #cfe1ed;border-left:4px solid #0a84c6;border-radius:9px;background:#f4faff;color:#48677c;font-size:12px;line-height:1.45}.override-tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:20px;background:#fff0d9;color:#a65700;font-weight:800}.sector-modal-card{max-width:1180px}.sector-manager-layout{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr);gap:18px}.sector-form-card,.sector-list-card{border:1px solid #dce6ee;border-radius:14px;background:#f8fbfd;padding:15px}.sector-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.sector-profile-list{display:grid;gap:9px;max-height:580px;overflow:auto;padding-right:4px}.sector-profile-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #d8e5ed;border-radius:11px;background:#fff;padding:12px}.sector-profile-card h4{margin:0;color:#123f5d}.sector-profile-card p{margin:5px 0;color:#31566f;font-size:12px}.sector-profile-card small{color:#718293}.sector-card-actions{display:flex;gap:8px;align-items:center}.danger-link{color:#c92e38!important}.filters #manageSectorsBtn{white-space:nowrap}@media(max-width:900px){.sector-manager-layout{grid-template-columns:1fr}.sector-profile-list{max-height:420px}}@media(max-width:720px){.limit-title-row{display:grid}.inline-override{justify-content:flex-start}.sector-profile-card{grid-template-columns:1fr}.sector-card-actions{justify-content:flex-end}}


/* v1.5 — Admin kullanıcı yetki özeti ve şeffaf SANBİS SVG logosu */
.topbar-brand{background:transparent!important;border:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:flex-end}
.topbar-brand img{width:202px;max-height:68px;object-fit:contain;background:transparent!important;filter:none!important}
.login-sanbis{width:202px;max-height:68px;object-fit:contain;background:transparent!important;filter:none!important}
.login-demo-accounts{margin-top:16px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#f7fafc;display:grid;gap:7px;color:var(--muted);font-size:11px}
.login-demo-accounts>strong{color:var(--text);font-size:12px}.login-demo-accounts>div{display:grid;grid-template-columns:82px 1fr;gap:8px;align-items:center}.login-demo-accounts code{font-size:11px;color:#31536a;background:#fff;border:1px solid #dce6ee;border-radius:6px;padding:5px 7px}.demo-account-btn{border:1px solid #bed4e3;background:#fff;color:#075d9d;border-radius:7px;padding:5px 8px;font-weight:800;cursor:pointer}.demo-account-btn:hover{background:#eaf5fc}
.permission-overview-panel{border-top:4px solid #008bd0}.permission-actions{display:flex;gap:8px;flex-wrap:wrap}.permission-kpis{margin:4px 0 16px}.permission-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:10px;align-items:center;margin:8px 0 14px}.permission-filter-row input,.permission-filter-row select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.permission-table-wrap{max-height:590px;border:1px solid #dce6ee;border-radius:12px}.user-permission-table{min-width:1560px;border-collapse:separate;border-spacing:0}.user-permission-table thead th{position:sticky;top:0;z-index:7;background:#06385a;color:#fff;text-align:center;vertical-align:bottom;min-width:86px;padding:9px 6px}.user-permission-table thead th span{display:block;font-size:10px;white-space:normal;line-height:1.15}.user-permission-table thead th small{display:block;margin-top:4px;color:#9ed3f0;font-size:8px;font-weight:600}.user-permission-table td{text-align:center;vertical-align:middle;padding:8px 6px;background:#fff}.user-permission-table tbody tr:nth-child(even) td{background:#f7fafc}.user-permission-table tbody tr:hover td{background:#edf7fc}.user-permission-table .sticky-user-col{position:sticky;z-index:5;text-align:left}.user-permission-table .user-name-col{left:0;min-width:230px}.user-permission-table .role-col{left:230px;min-width:150px}.user-permission-table thead .sticky-user-col{z-index:9;background:#06385a}.user-permission-table tbody .user-name-col strong,.user-permission-table tbody .user-name-col small{display:block}.user-permission-table tbody .user-name-col small{color:#708394;margin-top:3px}.role-badge{display:inline-block;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap;background:#e7eef4;color:#39566c}.role-admin{background:#ffe6d9;color:#a83c00}.role-operator{background:#dceeff;color:#075d9d}.role-lab{background:#e7e1ff;color:#5a3daa}.role-service{background:#e1f5eb;color:#15704a}.role-viewer{background:#eceff2;color:#5b6874}.permission-cell label{display:grid;place-items:center;cursor:pointer}.permission-cell input{position:absolute;opacity:0;pointer-events:none}.permission-toggle{width:24px;height:24px;border-radius:7px;border:2px solid #c7d5df;background:#fff;display:grid;place-items:center;transition:.15s}.permission-cell input:checked+.permission-toggle{background:#19a974;border-color:#19a974}.permission-cell input:checked+.permission-toggle:after{content:'✓';color:#fff;font-weight:900;font-size:15px}.permission-toggle.locked{background:#f19b52!important;border-color:#f19b52!important}.permission-toggle.locked:after{content:'◆'!important;color:#fff;font-size:10px}.permission-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;color:#607286;font-size:11px}.permission-legend span{display:flex;align-items:center;gap:6px}.permission-dot{width:12px;height:12px;border-radius:4px;border:2px solid #c7d5df;background:#fff}.permission-dot.allowed{background:#19a974;border-color:#19a974}.permission-dot.locked{background:#f19b52;border-color:#f19b52}.status-pill.offline{background:#eef1f4;color:#66717c}
@media(max-width:900px){.permission-filter-row{grid-template-columns:1fr}.permission-actions .btn{flex:1}.topbar-brand img{width:170px;max-height:58px}}
@media(max-width:760px){.login-demo-accounts>div{grid-template-columns:75px 1fr}.permission-kpis{grid-template-columns:repeat(2,1fr)}.user-permission-table .user-name-col{min-width:190px}.user-permission-table .role-col{left:190px;min-width:130px}}


/* v1.6 Etkileşimli rapor grafikleri */
.interactive-chart-card{position:relative}.report-chart-stage{position:relative;user-select:none}.interactive-report-chart{display:block;touch-action:none;cursor:crosshair}.chart-title-actions{display:flex;align-items:center;gap:10px}.chart-title-actions small{font-weight:500;color:#718293}.chart-title-actions b{font-size:11px;color:#173b55}.chart-reset-zoom{border:1px solid #93c5fd;background:#eff6ff;color:#075fc3;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:800;cursor:pointer}.chart-reset-zoom:hover{background:#dbeafe}.chart-tooltip{position:absolute;z-index:12;min-width:230px;max-width:330px;background:rgba(3,27,50,.96);color:#fff;padding:10px 12px;border-radius:9px;box-shadow:0 8px 24px rgba(3,27,50,.28);pointer-events:none;font-size:10px;line-height:1.35}.chart-tooltip>strong{display:block;margin-bottom:6px;color:#dcecff}.chart-tooltip>div{display:grid;grid-template-columns:9px 1fr auto;gap:6px;align-items:center;padding:3px 0}.chart-tooltip i{width:8px;height:8px;border-radius:50%}.chart-tooltip b{font-size:10px}.chart-tooltip small{grid-column:2/4;color:#9fc0d8;font-size:9px}.chart-tooltip.hidden{display:none}.chart-selection{pointer-events:none}.chart-hover-line{pointer-events:none}@media(max-width:720px){.chart-title-actions small{display:none}.chart-tooltip{min-width:200px;max-width:260px}.report-output-buttons{width:100%}.report-output-buttons .btn{flex:1}}


/* v1.7.0 — tekil numune alma olay raporları */
.sample-history-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;min-width:180px}
.sample-history-actions .btn{padding:6px 9px;font-size:10px;min-height:29px}
.sample-detail-report-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px;padding:12px;border:1px solid #dce6ee;border-radius:11px;background:#f7fafc;align-items:center}
.sample-detail-report-actions strong{margin-right:auto;color:#173b55;font-size:12px}
.sample-detail-report-actions .btn{min-width:120px}
@media(max-width:760px){.sample-history-actions{min-width:150px}.sample-detail-report-actions strong{width:100%;margin-bottom:2px}.sample-detail-report-actions .btn{flex:1;min-width:110px}}


/* v1.8.0 — tekil alarm olay raporları */
.alarm-detail-report-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 4px;padding:12px;border:1px solid #dce6ee;border-radius:11px;background:#f7fafc;align-items:center}
.alarm-detail-report-actions strong{margin-right:auto;color:#173b55;font-size:12px}
.alarm-detail-report-actions .btn{min-width:120px}
@media(max-width:760px){.alarm-detail-report-actions strong{width:100%;margin-bottom:2px}.alarm-detail-report-actions .btn{flex:1;min-width:110px}}

/* v1.9.0 — kaydırma çubuğu gerektirmeyen akıllı ekran yerleşimi */
html,body{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
body{min-width:0;min-height:0}
.login-screen{width:100%;height:100dvh;min-height:0;overflow:hidden;padding:12px}
.login-card{max-height:none;overflow:hidden;transform-origin:center}
.app-shell{width:100%;height:100dvh;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.sidebar{height:100dvh;min-height:0;overflow:hidden;padding:10px 10px 8px}
.brand{padding:0 8px 10px}.brand-buski-logo{height:58px;max-width:142px}.brand-title{font-size:14px}.brand-sub{font-size:9px;margin-top:3px}
.sidebar nav{overflow:hidden!important;gap:3px;margin-top:9px;min-height:0}.nav-item{min-height:34px;padding:7px 9px;font-size:11px;border-radius:8px}.nav-item span{font-size:15px}.sidebar-footer{padding:7px 8px;font-size:9px;gap:4px}
.main{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.topbar{position:relative;top:auto;padding:8px 14px;gap:12px;min-height:64px;grid-template-columns:minmax(220px,1fr) auto auto auto}
.topbar h1{font-size:19px}.topbar p{margin-top:2px;font-size:9px}.topbar-brand img{width:160px;max-height:45px}.topbar-actions{gap:6px}.topbar-actions .btn,.user-chip{padding:7px 9px;font-size:10px;white-space:nowrap}.demo-live-indicator{padding:6px 9px;min-width:150px}.demo-live-indicator strong{font-size:9px}.demo-live-indicator small{font-size:8px}
.view{height:100%;min-height:0;padding:9px 11px;overflow:hidden!important}.view.active{display:block}
.viewport-fit-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden!important}
.viewport-fit-content{position:relative;transform-origin:top left;will-change:transform;min-width:0}
.panel{padding:11px;margin-bottom:9px;border-radius:11px}.panel-header{gap:10px;margin-bottom:8px}.panel-header h2{font-size:14px}.panel-header p{font-size:9px;margin-top:3px}
.content-grid{gap:9px;align-items:start}.kpi-grid{gap:8px;margin-bottom:9px}.kpi-card{padding:10px;border-radius:10px;gap:7px}.kpi-icon{width:36px;height:36px;font-size:17px}.kpi-card .label{font-size:9px}.kpi-card .value{font-size:21px}.kpi-card .hint{font-size:8px}
.map-board{height:clamp(250px,34vh,390px)!important;min-height:0!important}.event-feed{max-height:none!important;overflow:visible!important;gap:5px}.event-item{padding:6px;grid-template-columns:48px 1fr}.event-text,.event-time{font-size:9px}.event-icon{width:28px;height:28px;font-size:13px}.event-main{grid-template-columns:28px 1fr}
.table-wrap,.permission-table-wrap,.report-preview-table,.check-grid,.sim-log,.approval-list,.sector-profile-list,.configuration-detail{max-height:none!important;overflow:visible!important}
table{table-layout:fixed;font-size:9px}th,td{padding:6px 5px;white-space:normal!important;word-break:break-word;overflow-wrap:anywhere;line-height:1.18}th{font-size:8.5px}.status-pill{font-size:8px;padding:3px 5px}.link-btn{font-size:9px}
.filters{gap:5px;flex-wrap:wrap}.filters input,.filters select,.form-grid input,.form-grid select,textarea{padding:6px 7px;font-size:9px}.btn{padding:7px 10px;font-size:9px}.alarm-list,.sample-list{gap:6px}.alarm-card,.sample-card{padding:8px;gap:4px}.alarm-card h3,.sample-card h3{font-size:10px}.muted{font-size:8px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-cell{padding:7px;font-size:9px}.detail-cell span{font-size:8px}.detail-cell strong{font-size:10px}.timeline{gap:6px;margin:8px 0}.timeline-item{font-size:9px}.detail-actions,.action-row{gap:5px;margin-top:8px}
.report-grid{gap:8px}.report-card{padding:12px;border-radius:11px}.report-card .report-icon{width:34px;height:34px;font-size:17px}.report-card h3{font-size:12px;margin:8px 0 4px}.report-card p{font-size:9px;min-height:0;line-height:1.3}.form-grid{gap:7px}.form-grid label,.full-label{font-size:9px}.task-grid{gap:7px}.task-card{padding:9px}.task-card h3{font-size:10px}.task-meta{font-size:8px}.sim-log{gap:4px}.sim-log div{padding:6px;font-size:9px}
.user-permission-table{min-width:0!important;width:100%!important;table-layout:fixed}.user-permission-table .user-name-col{left:auto!important;min-width:0!important}.user-permission-table .role-col{left:auto!important;min-width:0!important}.user-permission-table .sticky-user-col{position:static!important}.user-permission-table thead th{position:static!important;min-width:0!important;padding:5px 3px}.user-permission-table thead th span{font-size:7px}.user-permission-table thead th small{font-size:6px}.user-permission-table td{padding:4px 3px}.permission-toggle{width:18px;height:18px;border-radius:5px}.role-badge{font-size:7px;padding:3px 4px;white-space:normal}.permission-kpis{margin-bottom:8px}.permission-filter-row{grid-template-columns:minmax(180px,1fr) 150px auto;margin:4px 0 8px;gap:5px}.permission-filter-row input,.permission-filter-row select{padding:6px;font-size:9px}.permission-legend{margin-top:6px;font-size:8px;gap:9px}
.drawer-panel{overflow:hidden!important;padding:12px;height:auto;max-height:none;top:0;right:0;transform-origin:top right}.modal{overflow:hidden!important}.modal-card{position:absolute;left:50%;top:50%;margin:0;max-height:none!important;overflow:hidden!important;padding:13px;transform:translate(-50%,-50%);transform-origin:center}.modal-header h2,.drawer-header h2{font-size:15px}.modal-header p,.drawer-header p{font-size:9px}.modal-actions,.drawer-actions{margin-top:9px;gap:5px}.modal-actions{position:static!important;padding:0!important;border:0!important}.precheck{margin:8px 0;gap:4px}.check-card{padding:6px;font-size:8px}.confirm-check{margin-top:7px;font-size:9px}.progress-steps{margin-top:7px}.progress-step{padding:5px;font-size:7px}.full-label{margin-top:7px}.form-section-title{padding-bottom:4px;margin:8px 0 6px;font-size:10px}.sector-manager-layout{gap:9px}.sector-form-card,.sector-list-card{padding:9px}.sector-profile-list{gap:5px}.sector-profile-card{padding:7px}.sector-profile-card h4{font-size:10px}.sector-profile-card p,.sector-profile-card small{font-size:8px}.signature-section{margin-top:7px;padding:7px}.signature-section canvas{height:105px}.evidence-grid{margin-top:7px;gap:7px}.upload-box{padding:8px}.drawer-header,.modal-header{gap:10px}.status-banner{margin:8px 0;padding:7px}.measurement-grid,.equipment-grid{gap:5px}.measurement-card{padding:7px}.measurement-card .value{font-size:16px}.mini-section{margin-top:9px}.trend-chart{height:115px;padding:7px}.facility-profile{gap:5px;margin:7px 0}.facility-profile>div{padding:6px}.facility-profile span{font-size:7px}.facility-profile strong{font-size:9px}.facility-profile small{font-size:8px}
.sample-history-actions,.sample-detail-report-actions,.alarm-detail-report-actions{gap:4px}.sample-history-actions .btn,.sample-detail-report-actions .btn,.alarm-detail-report-actions .btn{padding:5px 7px;font-size:8px;min-height:0;min-width:0}.sample-detail-report-actions,.alarm-detail-report-actions{padding:7px;margin:7px 0}.report-builder-grid{gap:7px}.report-filter-block{padding:8px}.check-grid{gap:4px}.check-grid label{padding:5px;font-size:8px}.custom-report-preview{margin-top:8px;padding:8px}.report-chart-card{margin:6px 0;padding:7px}.report-preview-header{margin-bottom:7px;padding-bottom:5px}.report-preview-header img{height:40px;width:36px}.report-preview-header .preview-sanbis{height:24px}.report-preview-header h2{font-size:14px}.report-preview-header p{font-size:8px}.chart-tooltip{font-size:8px;min-width:180px;padding:7px}
::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}

@media(min-width:761px){
  .kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))!important}.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .report-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.task-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .two-one{grid-template-columns:1.75fr 1fr!important}.one-one{grid-template-columns:1fr 1fr!important}.alarm-layout{grid-template-columns:1.55fr 1fr!important}.sticky-panel{position:static!important}
}
@media(max-width:1040px) and (min-width:761px){.app-shell{grid-template-columns:190px 1fr}.topbar{grid-template-columns:minmax(180px,1fr) auto auto}.topbar-brand{display:none}.demo-live-indicator{display:none}}
@media(max-width:760px){
  .app-shell{height:100dvh}.main{height:100dvh;padding-bottom:52px;grid-template-rows:auto minmax(0,1fr)}.topbar{display:grid;grid-template-columns:1fr auto;padding:6px 8px;min-height:58px}.topbar h1{font-size:15px}.topbar p{font-size:7px}.title-block{padding-right:0}.topbar-actions{grid-column:1/-1;margin-top:4px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden!important}.topbar-actions .btn,.user-chip{padding:5px 4px;font-size:7px;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-brand{display:block!important;position:static}.topbar-brand img{width:92px;max-height:28px}.demo-live-indicator{display:none}.view{padding:6px 7px}.mobile-nav{height:52px;padding:3px}.mobile-nav button{font-size:15px}.mobile-nav button span{font-size:7px}.kpi-grid,.kpi-grid.five,.kpi-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.panel{padding:8px}.map-board{height:220px!important}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-one,.one-one,.alarm-layout{grid-template-columns:1fr!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{flex-direction:row!important}.drawer-panel{width:100%;right:0;transform-origin:top right}.modal-card{width:min(940px,96vw)}
}
@media(max-width:430px){.topbar-actions #resetDemoBtn{display:block}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid,.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.sample-history-actions{min-width:0!important}.sample-history-actions .btn{min-width:0!important;flex:1 1 auto}

/* v1.10.0 — okunabilirlik öncelikli kaydırmasız yerleşim */
:root{--readable-xs:9.5px;--readable-sm:10.5px;--readable-md:11.5px;--readable-lg:13px}

/* Önceki sürümde ekranı sığdırmak için aşırı küçülen tipografiyi okunur seviyeye getir. */
.panel{padding:13px;margin-bottom:10px}
.panel-header{margin-bottom:10px}
.panel-header h2{font-size:15.5px;line-height:1.18}
.panel-header p{font-size:10.5px;line-height:1.35}
.kpi-card{padding:11px 12px}
.kpi-card .label{font-size:10.5px}
.kpi-card .value{font-size:23px;line-height:1.05}
.kpi-card .hint{font-size:9.5px;line-height:1.25}
.kpi-icon{width:38px;height:38px;font-size:18px}
.nav-item{font-size:12px;min-height:35px}
.sidebar-footer{font-size:9.5px}
.topbar h1{font-size:20px}
.topbar p{font-size:10px}
.topbar-actions .btn,.user-chip{font-size:10.5px}
.btn{font-size:10.5px;padding:7px 11px}
.muted{font-size:9.5px}
table{font-size:10.5px;line-height:1.25}
th{font-size:10px;line-height:1.2}
th,td{padding:7px 6px}
.status-pill{font-size:9px;padding:4px 6px}
.link-btn{font-size:10px}
.filters input,.filters select,.form-grid input,.form-grid select,textarea{font-size:10.5px;padding:7px 8px}
.form-grid label,.full-label{font-size:10.5px}
.alarm-card h3,.sample-card h3{font-size:11.5px}
.detail-cell{font-size:10.5px}.detail-cell span{font-size:9.5px}.detail-cell strong{font-size:11.5px}
.timeline-item{font-size:10.5px}
.event-text,.event-time{font-size:10.5px}.event-text small{font-size:9px}

/* Yalnızca gerçekten sıkışan görünümde boşlukları azalt; yazı boyutunu ezme. */
.view.viewport-dense .panel{padding:10px;margin-bottom:7px}
.view.viewport-dense .panel-header{margin-bottom:7px}
.view.viewport-dense .kpi-grid{gap:6px;margin-bottom:7px}
.view.viewport-dense .kpi-card{padding:9px 10px}
.view.viewport-dense th,.view.viewport-dense td{padding:5px}
.view.viewport-dense .content-grid{gap:7px}

/* GENEL DURUM — harita daha büyük, kritik olay paneliyle tam alt hizalı ve aradaki boşluk daha dar. */
#dashboard .dashboard-primary-grid{
  grid-template-columns:minmax(0,2.15fr) minmax(310px,.95fr)!important;
  gap:7px!important;
  align-items:stretch!important;
}
#dashboard .dashboard-primary-grid>.panel{
  height:clamp(375px,49vh,485px);
  margin-bottom:0;
  display:flex;
  flex-direction:column;
  min-width:0;
}
#dashboard .dashboard-primary-grid .panel-header{flex:0 0 auto}
#dashboard .dashboard-map-panel .map-board,
#dashboard .dashboard-events-panel .event-feed{
  flex:1 1 auto;
  height:auto!important;
  min-height:0!important;
}
#dashboard .dashboard-map-panel .map-board{border-radius:12px}
#dashboard .dashboard-events-panel .event-feed{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:5px;
  overflow:hidden!important;
}
#dashboard .dashboard-events-panel .event-item{
  flex:1 1 0;
  min-height:0;
  padding:7px 8px;
  grid-template-columns:52px 1fr;
  align-items:center;
}
#dashboard .dashboard-events-panel .event-main{grid-template-columns:30px 1fr;align-items:center}
#dashboard .dashboard-events-panel .event-icon{width:30px;height:30px;font-size:14px}
#dashboard .dashboard-events-panel .event-text{line-height:1.28}
#dashboard .dashboard-events-panel .event-time{font-size:10px}
#dashboard>.viewport-fit-stage>.viewport-fit-content>section.panel:last-child{margin-top:8px}

/* RAPORLAR — önizleme dışındaki ekran tam boyutta ve okunur. */
#reports .report-builder-panel{padding:13px}
#reports .report-builder-grid{grid-template-columns:1.35fr .72fr .93fr;gap:9px}
#reports .report-filter-block{padding:10px;border-radius:11px}
#reports .report-filter-block h3{font-size:12.5px;margin-bottom:7px}
#reports .report-filter-block:first-child .check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#reports .check-grid label{padding:6px;font-size:10.5px;line-height:1.2}
#reports .check-grid label small{font-size:8.8px}
#reports .check-grid input{width:15px;height:15px}
#reports .report-grid{gap:9px}
#reports .report-card{padding:12px;border-radius:11px}
#reports .report-card .report-icon{width:36px;height:36px;font-size:18px}
#reports .report-card h3{font-size:13px;line-height:1.2;margin:8px 0 5px}
#reports .report-card p{font-size:10.5px;line-height:1.35;min-height:0;margin:0 0 8px}
#reports .report-card .btn{font-size:10.5px;padding:7px 9px}
#reports .report-output-buttons{gap:6px}

/* Önizleme açıldığında filtre ve hazır şablonlar yer kaplamaz; rapor gerçek okunur boyutta gösterilir. */
#reports.report-preview-active .report-builder-grid{display:none}
#reports.report-preview-active .viewport-fit-content>section.panel:last-child{display:none}
#reports.report-preview-active .report-builder-panel{margin-bottom:0}
#reports.report-preview-active .custom-report-preview{margin-top:6px;padding:10px;min-height:0}
#reports .report-preview-header{margin-bottom:9px;padding-bottom:7px;gap:12px}
#reports .report-preview-header>div:first-child{gap:10px;min-width:0}
#reports .report-preview-header img{height:46px;width:40px}
#reports .report-preview-header h2{font-size:16px;line-height:1.15}
#reports .report-preview-header p{font-size:10.5px;line-height:1.3}
#reports .report-preview-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#reports .report-preview-header .preview-sanbis{height:29px;width:auto}
#reports .report-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#reports .report-chart-card{margin:0;padding:8px;border-radius:10px;min-width:0}
#reports .report-chart-title{font-size:11.5px;gap:8px}
#reports .chart-title-actions b{font-size:10.5px}
#reports .chart-title-actions small{font-size:9px}
#reports .interactive-report-chart{width:100%;height:180px}
#reports .chart-legend{font-size:9.5px;gap:8px;margin-top:2px}
#reports .report-table-note{font-size:10.5px;margin:7px 0}
#reports .report-preview-table table{font-size:10.5px}
#reports .report-preview-table th{font-size:9.8px}
#reports .chart-tooltip{font-size:10px;min-width:210px;padding:8px 9px}
#reports .chart-tooltip b{font-size:10.5px}
#reports .chart-tooltip small{font-size:9px}

/* Yetki matrisi okunabilirlik tabanı. */
.user-permission-table thead th span{font-size:8.5px}
.user-permission-table thead th small{font-size:7px}
.role-badge{font-size:8px}
.permission-legend{font-size:9.5px}

@media(min-width:1500px){
  #dashboard .dashboard-primary-grid{grid-template-columns:minmax(0,2.25fr) minmax(340px,.9fr)!important}
  #reports .report-card h3{font-size:13.5px}
  #reports .report-card p{font-size:11px}
  #reports .interactive-report-chart{height:195px}
}

@media(max-width:1180px) and (min-width:761px){
  #dashboard .dashboard-primary-grid{grid-template-columns:minmax(0,1.95fr) minmax(285px,1fr)!important}
  #reports .report-filter-block:first-child .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #reports .report-card h3{font-size:12px}
  #reports .report-card p{font-size:10px}
}

@media(max-width:760px){
  .panel-header h2{font-size:14px}.panel-header p{font-size:9.5px}
  .btn{font-size:9.5px}.topbar h1{font-size:16px}.topbar p{font-size:8.5px}
  table{font-size:9.5px}th{font-size:9px}
  #dashboard .dashboard-primary-grid{grid-template-columns:1fr!important;gap:6px!important}
  #dashboard .dashboard-primary-grid>.panel{height:250px}
  #dashboard .dashboard-events-panel{display:none!important}
  #dashboard .dashboard-map-panel .map-board{height:auto!important}
  #reports .report-builder-grid{grid-template-columns:1fr 1fr}
  #reports .report-filter-block:first-child{grid-column:1/-1}
  #reports .report-filter-block:first-child .check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #reports .report-chart-grid{grid-template-columns:1fr 1fr}
  #reports .interactive-report-chart{height:150px}
  #reports .report-preview-header p{font-size:9px}
  #reports .report-preview-tools .preview-sanbis{display:none}
}

/* v1.10.0 ek iyileştirme — rapor sekmeleri ve daha az dikey sıkışma */
#dashboard .dashboard-primary-grid>.panel{height:clamp(340px,41vh,440px)}

#reports .report-view-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 8px;
  padding:4px;
  width:max-content;
  max-width:100%;
  border:1px solid #d7e3ec;
  border-radius:10px;
  background:#eaf1f6;
}
#reports .report-view-tab{
  border:0;
  background:transparent;
  color:#50677a;
  padding:7px 13px;
  border-radius:7px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
#reports .report-view-tab.active{background:#06385a;color:#fff;box-shadow:0 3px 9px rgba(3,27,50,.14)}
#reports [data-report-pane="templates"]{display:none}
#reports.report-tab-templates [data-report-pane="custom"]{display:none}
#reports.report-tab-templates [data-report-pane="templates"]{display:block}
#reports.report-tab-templates .report-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#reports.report-tab-templates .report-card{min-height:150px}
#reports.report-preview-active .report-view-tabs{display:none}
#reports.report-preview-active [data-report-pane="custom"]{display:block!important}
#reports.report-preview-active [data-report-pane="templates"]{display:none!important}

@media(max-width:1180px) and (min-width:761px){
  #reports.report-tab-templates .report-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #reports.report-tab-templates .report-card{min-height:142px}
}
@media(max-width:760px){
  #reports .report-view-tabs{width:100%}
  #reports .report-view-tab{flex:1;font-size:9px;padding:6px 5px}
  #reports.report-tab-templates .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
#reports .report-preview-table table{font-size:11.25px}
#reports .report-preview-table th{font-size:10.5px}

/* Rapor önizlemesinde bir parametre grafiği aynı anda gösterilir; okunabilirlik korunur. */
#reports .report-param-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 7px}
#reports .report-param-tab{border:1px solid #cbdbe6;background:#f4f8fb;color:#31566f;border-radius:7px;padding:5px 10px;font-size:10.5px;font-weight:800;cursor:pointer}
#reports .report-param-tab.active{background:#0b4e7d;border-color:#0b4e7d;color:#fff}
#reports .report-chart-grid{grid-template-columns:1fr}
#reports .interactive-report-chart{height:235px}
#reports .report-preview-table table{font-size:11.5px}
#reports .report-preview-table th{font-size:10.75px}
@media(max-width:1180px){#reports .interactive-report-chart{height:215px}}
@media(max-width:760px){#reports .interactive-report-chart{height:175px}#reports .report-param-tab{font-size:9px;padding:4px 7px}}
@media(min-width:761px){
  #reports .report-filter-block:first-child{grid-column:auto}
}

/* v1.10.1 — Kritik Olay Akışı kart/geometri düzeltmesi
   Amaç: kart sınırları ile yazılar hiçbir çözünürlükte üst üste binmesin;
   panel harita ile aynı alt hizada kalmaya devam etsin. */
#dashboard .dashboard-events-panel .event-feed{
  display:grid!important;
  grid-auto-flow:row;
  grid-auto-rows:minmax(0,1fr);
  align-content:stretch;
  gap:6px!important;
  min-height:0;
  overflow:hidden!important;
}
#dashboard .dashboard-events-panel .event-item{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:6px 8px!important;
  overflow:hidden!important;
  border-radius:9px;
  line-height:1.15;
}
#dashboard .dashboard-events-panel .event-time{
  align-self:center;
  min-width:0;
  white-space:nowrap;
  font-size:9.7px!important;
  line-height:1.1;
}
#dashboard .dashboard-events-panel .event-main{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center!important;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
#dashboard .dashboard-events-panel .event-icon{
  width:28px!important;
  height:28px!important;
  font-size:13px!important;
  flex:0 0 28px;
}
#dashboard .dashboard-events-panel .event-text{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  min-width:0;
  min-height:0;
  overflow:hidden;
  font-size:10px!important;
  line-height:1.15!important;
}
#dashboard .dashboard-events-panel .event-text strong,
#dashboard .dashboard-events-panel .event-message,
#dashboard .dashboard-events-panel .event-text small{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#dashboard .dashboard-events-panel .event-text strong{
  font-size:10.4px;
  line-height:1.15;
}
#dashboard .dashboard-events-panel .event-message{
  font-size:9.8px;
  line-height:1.15;
  color:var(--text);
}
#dashboard .dashboard-events-panel .event-text small{
  margin-top:1px!important;
  font-size:8.6px!important;
  line-height:1.1;
  color:var(--muted);
}

/* 768/900 px yüksekliğindeki sunum ekranlarında 6 kartı zorla sıkıştırmak yerine
   ilk 5 olay gösterilir. Tüm kayıtlar "Tümünü Gör" ile Alarm Merkezi'nde kalır. */
@media (max-height:899px) and (min-width:761px){
  #dashboard .dashboard-events-panel .event-item:nth-child(n+6){display:none!important}
}

/* Full HD ve daha yüksek ekranlarda altıncı olay da paneli taşırmadan görünür. */
@media (min-height:900px) and (min-width:761px){
  #dashboard .dashboard-events-panel .event-item{
    padding:7px 8px!important;
  }
  #dashboard .dashboard-events-panel .event-text strong{font-size:10.7px}
  #dashboard .dashboard-events-panel .event-message{font-size:10px}
}

/* BUSKİ v1.11.0 — toplantı gereksinimleri: okunabilir kurumsal yönetim ekranları */
.user-admin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin:10px 0;border:1px solid #d8e3ea;border-radius:12px;background:#f7fafc}.user-admin-bar>div{display:flex;flex-direction:column;gap:2px}.user-admin-bar span{font-size:12px;color:#617486}.scope-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;padding:10px;background:#f7fafc;border:1px solid #d8e3ea;border-radius:10px;max-height:180px;overflow:hidden}.scope-checks label{font-size:13px;display:flex;gap:7px;align-items:center}.mini-actions{display:flex;flex-wrap:wrap;gap:5px}.danger-link{color:#b4232d!important}.role-field{background:#eaf4ff}.admin-tabs,.report-template-actions,.advanced-report-row,.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-tabs{margin-bottom:10px;padding:5px;background:#eef4f7;border-radius:12px}.admin-tab{border:0;background:transparent;padding:9px 13px;border-radius:9px;font-weight:700;color:#48657a;cursor:pointer}.admin-tab.active{background:#fff;color:#06385a;box-shadow:0 1px 5px #b8c6d133}.admin-pane.hidden{display:none!important}.cell-input{width:72px;min-width:0;padding:6px 5px;border:1px solid #cad7e0;border-radius:7px;font-size:12px}.no-scroll-table{overflow:visible!important}.no-scroll-table table{table-layout:fixed;width:100%}.no-scroll-table th,.no-scroll-table td{font-size:11px;padding:7px 5px;white-space:normal;overflow-wrap:anywhere}.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.rule-card{border:1px solid #d8e3ea;border-radius:12px;padding:12px;background:#fff;display:grid;gap:8px}.rule-card>div:first-child{display:flex;flex-direction:column}.rule-card small{color:#6b7f90}.rule-card select{width:100%;padding:7px;border:1px solid #cad7e0;border-radius:8px}.check-line{display:flex;align-items:center;gap:7px}.shift-card{grid-template-columns:1.1fr .9fr 1.3fr auto;align-items:center}.integration-register-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0}.integration-register-grid label{font-size:11px;font-weight:700;color:#45657a}.integration-register-grid input{width:100%;padding:7px;border:1px solid #cad7e0;border-radius:8px;margin-top:4px}.sample-custody-panel{margin-top:12px;padding:12px;border:1px solid #d7e3ea;border-radius:12px;background:#f9fbfc}.sample-custody-panel p{font-size:12px;color:#567084;margin:5px 0 10px}.sample-countdown{display:inline-flex;min-width:90px;justify-content:center;padding:5px 9px;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums;background:#e9f7ef;color:#137548}.sample-countdown.warning{background:#fff3d6;color:#9a6800}.sample-countdown.expired{background:#ffe7e9;color:#b4232d}.evidence-summary{padding:9px;margin:8px 0;background:#eef7fb;border-radius:9px;font-size:12px}.advanced-report-row{width:100%;margin-top:10px;flex-direction:column;align-items:stretch}.preset-buttons{display:flex;gap:6px;flex-wrap:wrap}.report-template-actions input,.report-template-actions select{min-width:150px;flex:1}.report-limit-check{align-self:end}.inline-form-btn{align-self:end}.scada-btn{white-space:nowrap}.scada-wall .sidebar,.scada-wall .topbar,.scada-wall .mobile-nav{display:none!important}.scada-wall .app-main{margin:0!important;padding:14px!important;width:100vw!important;height:100vh!important}.scada-wall #dashboard{display:block!important}.scada-wall #kpiGrid .kpi-card{min-height:92px}.scada-wall .dashboard-hero-grid{grid-template-columns:minmax(0,1.9fr) minmax(360px,.8fr)!important}.scada-wall #mapBoard{min-height:520px!important}.scada-wall #dashboardFacilitiesBody{font-size:14px}.compact.empty-state{padding:12px}
@media(max-width:1366px){.no-scroll-table th,.no-scroll-table td{font-size:10px;padding:5px 3px}.shift-card{grid-template-columns:1fr 1fr}.integration-register-grid{grid-template-columns:repeat(4,1fr)}.rule-grid{grid-template-columns:repeat(2,1fr)}.user-permission-table th,.user-permission-table td{font-size:9px!important;padding:4px 2px!important}.user-permission-table th span{font-size:9px!important}.user-permission-table th small{font-size:7px!important}}
@media(max-width:900px){.rule-grid,.shift-card{grid-template-columns:1fr}.integration-register-grid{grid-template-columns:repeat(2,1fr)}.admin-tabs{overflow:hidden}.admin-tab{font-size:11px;padding:7px}.no-scroll-table th,.no-scroll-table td{font-size:9px}.scope-checks{grid-template-columns:1fr 1fr}}