:root{--ink:#173442;--teal:#0d737d;--mint:#e3f2f0;--line:#dbe6e9}body{background:#f1f5f7}header{box-shadow:0 3px 18px #163d4208}.institutionLogo{width:62px;height:62px;object-fit:contain}.brand{font-size:17px}.brand small{margin-top:4px}textarea{display:block;width:100%;min-height:70px;border:1px solid #bbcfd0;border-radius:8px;padding:10px;margin-top:5px;font:13px/1.5 system-ui;color:var(--ink)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4f5;border-radius:9px;padding:12px;max-height:200px;overflow:auto;font-size:12px}footer{background:white;border-top:1px solid var(--line)}footer strong{display:block;font-size:15px}footer a{color:#0d737d}#welcomeDialog{padding:0;max-width:960px;width:92vw;border:0;overflow:hidden;box-shadow:0 30px 100px #071f3b77}#welcomeDialog[open]{display:grid;grid-template-columns:1.1fr 1fr}.welcomeVisual{position:relative;min-height:460px;background:#133e55}.welcomeVisual img{width:100%;height:100%;object-fit:cover;position:absolute}.welcomeVisual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10394ee0,transparent 65%)}.welcomeVisual span{position:absolute;z-index:2;bottom:32px;left:24px;right:24px;color:white;font-size:14px;letter-spacing:3px;font-weight:700}.welcomeBody{padding:38px 30px;background:white;text-align:center}.welcomeBody>img{width:82px;height:82px;object-fit:contain}.welcomeBody h1{font-size:28px;line-height:1.2;margin:20px 0 14px}.welcomeBody p{color:#527278}.entryGrid{display:grid;gap:10px;margin:24px 0}.entryGrid button{padding:14px}.welcomeBody small{font-size:11px;color:#657e85}#monitoring{padding:30px;max-width:1600px;margin:auto}.monitorHead{display:flex;justify-content:space-between;gap:20px;align-items:center}.monitorHead h1{font-size:30px;margin:10px 0}.kpiGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.kpiGrid article{padding:22px;background:white;border:1px solid var(--line);border-radius:16px}.kpiGrid strong{display:block;font-size:42px;letter-spacing:-1px;color:#0b7377}.kpiGrid small{color:#607982}.zoneGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.zoneCard{padding:22px;background:white;border:1px solid var(--line);border-radius:16px}.zoneCard.alert{border:2px solid #d06148}.zoneCard .count{font-size:34px;font-weight:750}.zoneCard svg{width:100%;height:110px;background:#f4f9f8;border-radius:8px}.statusDot{color:#0c7c67;font-size:12px}.statusDot.stale{color:#ac5629}.alertRow{padding:14px 18px;background:#fff1e9;border-left:4px solid #d86d47;margin:8px 0;border-radius:7px}.alertRow.closed{background:#edf4f2;border-color:#90b6aa}.alertRow button{float:right}.alertRow time{font-size:11px;display:block}.monitorHead p{color:#617c83;font-size:13px}#monitorConfig{background:white;padding:20px;border-radius:16px}#monitorConfig .grid{grid-template-columns:1fr 1fr 1fr}.miniHint{font-size:12px;color:#657e85}@media(max-width:800px){#welcomeDialog[open]{display:block}.welcomeVisual{min-height:190px;max-height:220px}.welcomeBody{padding:22px}.welcomeBody>img{width:58px;height:58px}.welcomeBody h1{font-size:24px}.welcomeVisual span{bottom:20px}.kpiGrid{grid-template-columns:repeat(2,1fr)}#monitoring{padding:14px}.monitorHead{display:block}#monitorConfig .grid{grid-template-columns:1fr}.brand{font-size:13px}.institutionLogo{width:42px;height:42px}header{flex-wrap:wrap}.kpiGrid strong{font-size:32px}}

.profileImage{width:36px;height:36px;object-fit:cover;border-radius:50%;vertical-align:middle;margin-right:8px;border:1px solid #dbe6e9}

.loginHero{width:100%;max-height:155px;object-fit:cover;border-radius:12px}#loginDialog{width:390px}
.visitor-tools{margin:1rem 0;padding:1rem;border:1px solid #c9dddd;border-radius:.8rem;background:#f2f8f8}
.visitor-tools h2{font-size:1.1rem;margin:0 0 .5rem}
.visitor-tools .row{margin-top:.5rem}
.privacy-text{max-height:50vh;overflow:auto;white-space:pre-wrap;line-height:1.6;margin-bottom:1rem}
#choicesForm label{display:flex;align-items:flex-start;gap:.7rem;margin:.8rem 0}
#choicesForm input{flex:none;margin-top:.25em}
.kvkk-link{display:inline-block;color:#116464;font-weight:700;text-underline-offset:.2em;margin:.3rem .5rem .3rem 0}
.public-notice{max-width:54rem;margin:2rem auto;padding:clamp(1rem,4vw,2.5rem);background:white;border:1px solid #c8dddd;border-radius:1rem}
.public-notice .privacy-text{max-height:none}
.sensor-readout pre{max-height:16rem;overflow:auto;white-space:pre-wrap;font-size:.78rem}
#accountEditor{width:min(760px,94vw)}
.module-fields{border:1px solid #c8dddd;border-radius:.65rem;margin:1rem 0;padding:.8rem}
.module-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:.35rem .9rem}
.module-options label{display:flex;align-items:center;gap:.5rem;margin:0;padding:.35rem 0}
.module-options input{width:auto;margin:0}
#liveMonitoring{background:#092535;color:#edf7fc;border-radius:1rem;padding:clamp(.75rem,2vw,1.5rem);margin-bottom:1rem}
#liveMonitoring h2,#liveMonitoring h3{color:#edf7fc}
.live-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem;margin-bottom:1rem}
.live-toolbar p{font-size:.9rem;color:#b8d4df;margin:.4rem 0}
.live-toolbar .row{gap:.65rem}
.live-toolbar label{margin:0;color:#dcecf4}
.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.live-grid[data-size="1"]{grid-template-columns:minmax(0,min(800px,100%))}
.live-grid[data-size="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.live-grid[data-size="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-grid[data-size="32"]{grid-template-columns:repeat(8,minmax(0,1fr))}
.live-tile{min-width:0;border:1px solid #446270;border-radius:.6rem;background:#112f40;overflow:hidden}
.live-tile h3,.live-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:.45rem .55rem;font-size:.83rem}
.live-tile small{color:#b8d4df}
.live-picture{position:relative;aspect-ratio:16/9;background:#071923;display:grid;place-items:center}
.live-picture img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.live-caption{position:relative;background:#071923dd;color:#d8f7ee;border-radius:.3rem;padding:.2rem .4rem;font-size:.72rem;text-align:center;max-width:100%}
.live-picture img:not([hidden])+.live-caption{align-self:end;justify-self:start;margin:.2rem}
.live-pager{margin:.7rem 0 0;justify-content:center}
@media(max-width:1100px){.live-grid[data-size="32"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:630px){.live-grid[data-size]{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid[data-size="1"]{grid-template-columns:minmax(0,1fr)}}