/* Kurumsal tema: logonun kırmızısı, kömür siyahı ve turkuazı.
   Saha durum renkleri (.red/.green/.blue/.purple) bağımsızdır. */
:root{--ink:#1c252d;--muted:#6c7883;--line:#e0e5ea;--bg:#f4f6f8;--shadow:0 10px 35px #161c2412;--brand-red:#d81421;--brand-red-dark:#b40e19;--brand-cyan:#087d9f;--brand-black:#15191f}
button,a,input,select,textarea{outline-color:var(--brand-cyan)}
a,.link-btn{color:var(--brand-cyan)}
input[type=checkbox],input[type=radio]{accent-color:var(--brand-red)}
.sidebar{background:var(--brand-black);color:#b7c1cb;overflow-y:auto;padding-top:20px;scrollbar-width:thin}
.sidebar .brand{flex-direction:column;gap:10px;padding:0 8px 20px;text-align:center;font-size:18px;letter-spacing:.8px}
.brand img{width:90px;height:112px;object-fit:contain;background:transparent;padding:0;border-radius:0;flex-shrink:0}
.brand small{color:#9aabb9;font-size:9px;letter-spacing:1.6px}
.brand-symbol{background:#e2f5fa;color:var(--brand-cyan)}
.nav-label{color:#7d919f;font-size:10px;padding-bottom:8px}
.nav-item{color:#c0cbd4;padding:12px 13px;font-size:12px;border:1px solid transparent}
.nav-item:hover{background:#252c35;color:#fff}
.nav-item.active{background:#361d25;color:#fff;border-color:#74313b;box-shadow:inset 3px 0 0 #ef2835}
.nav-item.active .icon{color:#5ed5ed}
.nav-item .count{background:#234451;color:#a4ecfa}
.sidebar-note{color:#8e9ca8;font-size:11px;padding:16px 12px}
.profile{border-color:#323943;padding-top:15px}.profile small{color:#a1adb8}
.avatar{background:#e0f2f7;color:#086c8b}
.topbar{background:#fff;border-bottom:1px solid #dfe5eb}
.btn.primary{background:var(--brand-red);border-color:var(--brand-red);color:white}
.btn.primary:hover{background:var(--brand-red-dark);border-color:var(--brand-red-dark)}
.btn:not(.primary):not(.danger):hover{background:#edf7fb;border-color:#b6dbe7}
.btn.danger{color:#b51827;border-color:#edc6cc}
.stat-head .stat-icon{background:#e9f5f9;color:var(--brand-cyan)}
.stat-foot strong{color:var(--brand-cyan)}
.file-drop{background:#f3fafd;border-color:#c1dce7}
.notice,.demo-banner{background:#edf6fa;color:#34586b;border-color:#d1e4ed}
.photo-slot:focus-within{outline-color:var(--brand-cyan)}
.choice-row button.selected{background:#e5f4f9;color:#096f90;border-color:#8fc8db}
.operation-current{background:#edf6fa}.operation-person.selected{border-color:var(--brand-cyan)}
.login-art{background:linear-gradient(145deg,#16191f 15%,#172a35 100%);color:#f4f7fa}
.login-art:after{border-color:#315866}
.login-art .brand{gap:20px;font-size:24px}.login-art .brand img{width:112px;height:140px}
.login-art p{color:#b0c1ce}.login-art footer{color:#95adba}
.login-art .eyebrow{color:#63cee7!important}
#toast{background:#202d38}#toast.error{background:#a51b28}
.leaflet-popup-content button{color:var(--brand-cyan)}
.trafo-balloon{position:relative;isolation:isolate;width:48px;height:48px;box-sizing:border-box;border-radius:52% 52% 52% 12%;transform:rotate(-45deg);background:radial-gradient(ellipse at 70% 22%,#b5fbff 0%,#48e2ec 16%,#11b8c9 42%,#0790a6 68%,#046579 100%);border:1.5px solid #e1ffff;box-shadow:inset 2px 2px 4px #e1ffff80,inset -2px -3px 6px #00556870,0 3px 6px #164c5e35;display:flex;align-items:center;justify-content:center}
.trafo-balloon:before{content:'';position:absolute;top:11%;right:18%;width:37%;height:15%;border-radius:50%;background:linear-gradient(180deg,#ffffffdb,#ffffff12);transform:rotate(20deg);pointer-events:none}
.trafo-balloon .icon{width:52%;height:52%;color:white;stroke-width:2.4;transform:rotate(45deg);filter:drop-shadow(0 1px 1px #00657b90)}
.assignment-balloon{background:radial-gradient(ellipse at 70% 22%,#ffffffb0 0%,#ffffff35 20%,transparent 60%),var(--assignment-color)}
.trafo-balloon.complete{background:radial-gradient(ellipse at 70% 22%,#d0ffe4 0%,#69edab 16%,#25c879 42%,#159c5a 68%,#09693c 100%);border-color:#e0fff0;box-shadow:inset 2px 2px 4px #e1ffff80,inset -2px -3px 6px #00552b70,0 3px 6px #164c3535}
.progress-balloon{overflow:hidden}
.balloon-water{position:absolute;inset:-8px;transform:rotate(45deg);background:linear-gradient(90deg,#087b45,#41dc8e 48%,#139857);clip-path:inset(calc(100% - var(--fill)) 0 0 0);pointer-events:none}
.progress-balloon:before{z-index:3}
.balloon-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(45deg);color:white;gap:0;text-shadow:0 1px 2px #065341}
.balloon-content .icon{width:20px;height:20px;transform:none;stroke-width:2.4}
.balloon-content strong{font-size:11px;line-height:13px;font-weight:700;color:white}
.assignment-staff-card{border:1px solid #d9e5ea;border-radius:10px;padding:12px;min-width:180px;flex:1;background:#f7fafc}.assignment-staff-card small{display:block;margin-top:8px;line-height:1.8;color:#42616d}.trafo-staff{margin-top:7px;color:#175f78!important;line-height:1.7}
.work-errors{padding:16px;margin:12px 0 20px;background:#fff1f2;color:#991b2b;border:1px solid #efb7bf;border-radius:10px;line-height:1.7}.work-errors[hidden]{display:none}.work-errors ul{padding-left:20px;margin:8px 0 0}
.login-art{padding:38px 42px;gap:24px}
.login-art:after{display:none}
.login-art .brand{margin:0;position:relative;z-index:1}
.login-scene{position:relative;margin:0;min-height:330px;flex:1;overflow:hidden;border-radius:16px;background:#142c38}
.login-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% center}
.login-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#081b27a6 78%,#081b27ed)}
.login-scene figcaption{position:absolute;left:28px;right:22px;bottom:26px;z-index:1}
.login-scene .eyebrow{font-size:10px;letter-spacing:2px}
.login-scene h1{font-size:clamp(23px,2.5vw,38px);line-height:1.18;margin:10px 0 0;letter-spacing:-.8px}
.login-art footer{margin:0;font-size:11px}
@media(max-width:800px){.login-art{padding:22px;gap:18px}.login-scene{flex:none;height:260px;min-height:0}.login-scene>img{object-position:center 35%}.login-scene figcaption{left:20px;bottom:18px}.login-scene h1{display:block;font-size:25px}.login-art .brand img{height:72px;width:64px}}
.login-art{isolation:isolate;min-height:100vh;padding:42px;justify-content:space-between}
.login-art .brand{z-index:2;text-shadow:0 2px 10px #0008}
.login-scene{position:absolute;inset:0;min-height:0;height:100%;width:100%;border-radius:0;z-index:0}
.login-scene>img{object-position:65% center}
.login-scene:after{background:linear-gradient(180deg,#071722b8 0%,#07172226 30%,transparent 48%,#0717229c 77%,#071722ed 100%)}
.login-scene figcaption{left:42px;right:35px;bottom:105px}
.login-art footer{position:relative;z-index:2;color:#c7dce5;text-shadow:0 1px 4px #0008}
@media(max-width:800px){.login-art{min-height:460px;padding:24px}.login-scene{height:100%}.login-scene>img{object-position:66% center}.login-scene figcaption{left:24px;right:24px;bottom:32px}.login-art .brand{align-items:center}.login-art footer{display:none}}
@media(max-width:600px){.login-art .brand{font-size:20px;gap:14px}.login-art .brand img{width:72px;height:90px}.sidebar .brand img{width:70px;height:87px}}