/* ALAN web sitesinin sade beyaz/lacivert tasarım dili. İşlevsel ekranlar korunur. */
:root {
  --bg:#f7f9fd;
  --surface:#fff;
  --surface-2:#f6f8fc;
  --ink:#192235;
  --muted:#5c677b;
  --line:#dce5f2;
  --brand:#192b47;
  --brand-2:#25466f;
  --accent:#2859d4;
  --accent-soft:#eaf0ff;
  --blue:#2859d4;
  --blue-soft:#eaf0ff;
  --shadow:0 5px 18px rgba(24,48,83,.045);
  font-family:Arial,Helvetica,sans-serif;
}
:root[data-theme="dark"] {
  --bg:#101827;
  --surface:#192438;
  --surface-2:#202d43;
  --ink:#f0f4fa;
  --muted:#b5c1d2;
  --line:#36445d;
  --brand:#e8f0ff;
  --brand-2:#c5d9f7;
  --accent:#91b1ff;
  --accent-soft:#263d69;
  --blue:#91b1ff;
  --blue-soft:#263d69;
  --shadow:0 6px 20px rgba(0,0,0,.14);
}
body{font-size:15px;line-height:1.5}
.app-header{min-height:68px;padding-inline:clamp(16px,4vw,32px);background:var(--surface);backdrop-filter:none}
.product-lockup{gap:1px}.product-name{font-size:17px;letter-spacing:.035em;font-weight:800}.product-lockup small{font-size:11px;font-weight:500}
.header-icon-button,.profile-button,.icon-button{width:42px;height:42px;border-radius:10px}
.profile-button{color:#fff;background:#1d3251}
.screen{max-width:1250px;padding:26px 20px 105px}
.page-heading h1{font-size:clamp(25px,3vw,35px);letter-spacing:-.025em}
.eyebrow{color:var(--accent);letter-spacing:.08em}
.hero-card{padding:24px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.hero-card::after{display:none}.hero-card .eyebrow{color:var(--accent)}.hero-card h2{font-size:24px}.hero-card p,.hero-meta span{color:var(--muted)}
.status-chip{color:#2459c4;background:var(--accent-soft)}
.metric-card,.section-block,.tracking-data-panel,.route-fact,.tracking-map-card,.fleet-panel,.attendance-workspace{border-radius:13px;box-shadow:var(--shadow)}
.metric-card{padding:16px}.metric-card strong{font-size:23px}
.quick-action{min-height:106px;background:var(--surface);border-radius:12px}.quick-action i,.list-icon,.role-symbol,.menu-symbol{color:var(--accent);background:var(--accent-soft);border-radius:9px}
.primary-button{color:#fff;background:#2859d4;border-color:#2859d4}.secondary-button{background:var(--surface)}
.primary-button,.secondary-button,.danger-button,.app-field input,.app-field select,.app-field textarea{border-radius:9px}
.login-shell{margin-top:clamp(20px,5vh,54px)}.login-intro h1{font-size:clamp(29px,6vw,36px)}.login-card{border-radius:13px;box-shadow:var(--shadow)}
.login-note a{color:var(--accent);font-weight:700}
.bottom-nav{right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));max-width:520px;margin-inline:auto;border-radius:12px;box-shadow:0 8px 24px rgba(24,48,83,.12);backdrop-filter:none}
.nav-item{min-height:54px;border-radius:8px;font-size:11px}.nav-item.is-active{color:var(--accent);background:var(--accent-soft)}
.bottom-sheet,.action-modal{border-radius:15px}.role-option,.theme-options button{border-radius:10px}
.menu-list{display:grid;gap:7px;margin-top:16px}.menu-option{display:flex;width:100%;min-height:51px;align-items:center;gap:12px;padding:8px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-weight:700}.menu-option>span:nth-child(2){flex:1}.menu-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.menu-symbol{display:grid;width:34px;height:34px;place-items:center;font-size:18px}
.tracking-workspace{grid-template-columns:280px minmax(0,1fr)}.tracking-map{background:#e5edf8}.fleet-vehicle.is-active{background:var(--accent-soft)}
.offline-banner{top:68px}
.demo-banner{padding:8px 16px;color:#1e4ca8;background:#eaf0ff;border-bottom:1px solid #d5e2fb;text-align:center;font-size:12px;font-weight:700}
.demo-banner[hidden]{display:none!important}
.quote-list{display:grid;gap:10px}.quote-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.quote-item summary{display:flex;align-items:center;gap:14px;padding:15px 16px;cursor:pointer;list-style:none}.quote-item summary::-webkit-details-marker{display:none}.quote-main{display:grid;gap:3px;flex:1;min-width:0}.quote-main strong,.quote-main small{overflow-wrap:anywhere}.quote-main small{color:var(--muted)}.quote-state{font-size:12px;color:var(--muted);background:var(--surface-2);padding:4px 8px;border-radius:7px}.quote-details{border-top:1px solid var(--line);padding:10px 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 18px}.quote-details p{margin:4px 0;overflow-wrap:anywhere}.quote-details p:last-child{grid-column:1/-1;white-space:pre-wrap}.quote-details a{color:var(--accent)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.user-list-row{gap:12px}.user-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.user-role-fieldset{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px}.user-role-fieldset legend{font-size:11px;font-weight:800;color:var(--muted)}.user-role-fieldset small{display:block;margin-top:8px;color:var(--muted)}.user-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-role-choice{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;font-weight:700}.user-role-choice input{width:17px;height:17px;accent-color:var(--accent)}
@media(max-width:700px){.user-list-row{align-items:flex-start}.user-actions{width:100%;margin-left:0;padding-left:42px}.user-role-grid{grid-template-columns:1fr}}
@media(max-width:700px){.screen{padding:21px 14px 94px}.app-header{padding-inline:16px}.metric-grid{gap:8px}.metric-card{padding:13px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-workspace{display:flex;flex-direction:column}.fleet-panel{max-height:255px}.quote-details{grid-template-columns:1fr}}