:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#f7f3e8; background:#10211d; font-synthesis:none; }
* { box-sizing:border-box; }
body { margin:0; overflow:hidden; }
button { font:inherit; }
.game-shell, #map { position:fixed; inset:0; }
#map { background:#bdd1c5; }
.glass { background:rgba(17,35,30,.92); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 60px rgba(0,0,0,.28); backdrop-filter:blur(14px); }
.topbar { position:absolute; top:18px; left:18px; right:18px; min-height:70px; border-radius:18px; display:flex; align-items:center; justify-content:space-between; padding:12px 18px; z-index:3; }
.brand { display:flex; gap:12px; align-items:center; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#e7b454; color:#1d2b27; font-weight:900; }
.brand small, .vehicle-card small, .job-reward small { display:block; color:#b8c7c1; margin-top:2px; }
.stats { display:flex; gap:12px; }
.stats span { background:rgba(255,255,255,.07); border-radius:12px; padding:10px 14px; white-space:nowrap; }
.left-panel { position:absolute; left:18px; top:106px; width:280px; padding:18px; border-radius:18px; z-index:3; }
.left-panel h2 { margin:0 0 14px; }
.vehicle-card { display:flex; gap:12px; align-items:center; padding:12px; border-radius:14px; background:rgba(255,255,255,.06); margin-bottom:14px; }
.vehicle-icon { font-size:30px; }
button { border:0; border-radius:12px; padding:11px 14px; cursor:pointer; background:#e7ece9; color:#13231f; font-weight:750; }
.left-panel > button { width:100%; margin-top:9px; }
button.primary { background:#e7b454; color:#1d2b27; }
button.compact { padding:8px 10px; margin-top:8px; }
button:disabled { cursor:not-allowed; opacity:.45; }
.danger-link { background:transparent; color:#efaaa2; }
.active-job { margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); }
.active-job small { color:#e7b454; letter-spacing:.12em; font-size:10px; }
.active-job b { display:block; margin-top:7px; }
.active-job p { color:#c3d0cb; line-height:1.45; font-size:13px; }
.tutorial { position:absolute; right:22px; bottom:22px; width:320px; padding:18px; border-radius:18px; z-index:3; }
.tutorial p { color:#c3d0cb; line-height:1.5; }
.hidden { display:none !important; }
.modal-backdrop { position:absolute; inset:0; background:rgba(4,12,10,.62); z-index:10; display:grid; place-items:center; padding:24px; }
.jobs-modal { width:min(920px, 94vw); max-height:82vh; border-radius:22px; padding:22px; overflow:hidden; }
.modal-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }
.modal-header h2 { margin:0; }
.modal-header p { margin:4px 0 0; color:#b8c7c1; }
.icon-button { background:rgba(255,255,255,.08); color:white; width:40px; height:40px; padding:0; }
.jobs-list { overflow:auto; max-height:66vh; display:grid; gap:10px; padding-right:5px; }
.job-card { display:grid; grid-template-columns:1fr auto; gap:18px; align-items:center; padding:16px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:16px; }
.job-card.locked { opacity:.68; }
.job-card h3 { margin:4px 0 5px; }
.job-card p { color:#b8c7c1; margin:0; }
.company { color:#e7b454; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.chips span { padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.08); color:#dbe4e0; font-size:12px; }
.job-reward { min-width:155px; text-align:right; }
.job-reward strong { display:block; font-size:20px; color:#f2cf83; }
.job-reward button { margin-top:10px; width:100%; }
.player-marker { display:grid; place-items:center; width:48px; height:48px; font-size:26px; border-radius:50%; background:#fff4d6; border:4px solid #1f4037; box-shadow:0 8px 20px rgba(0,0,0,.3); }
.destination-marker { display:grid; place-items:center; min-width:52px; height:34px; padding:0 8px; border-radius:9px; font-weight:900; font-size:11px; color:white; border:3px solid white; box-shadow:0 8px 20px rgba(0,0,0,.3); }
.destination-marker.pickup { background:#3c966b; }
.destination-marker.delivery { background:#c35a50; }
.toast { position:absolute; left:50%; bottom:28px; transform:translate(-50%, 30px); background:#172c26; color:white; padding:13px 18px; border-radius:12px; opacity:0; transition:.22s; z-index:30; pointer-events:none; box-shadow:0 12px 35px rgba(0,0,0,.35); }
.toast.show { opacity:1; transform:translate(-50%, 0); }
@media (max-width:760px) {
  .topbar { right:12px; left:12px; top:12px; padding:10px 12px; }
  .brand small { display:none; }
  .stats span { padding:8px; font-size:12px; }
  .stats span:nth-child(2), .stats span:nth-child(5) { display:none; }
  .left-panel { left:12px; top:auto; bottom:12px; width:calc(100% - 24px); padding:12px; }
  .left-panel h2, .vehicle-card, .danger-link { display:none; }
  .left-panel > button { width:auto; margin:0 6px 0 0; }
  .active-job { margin-top:10px; padding-top:10px; }
  .tutorial { left:12px; right:12px; top:92px; bottom:auto; width:auto; }
  .job-card { grid-template-columns:1fr; }
  .job-reward { text-align:left; }
}
.maplibregl-ctrl-attrib { font-size: 10px; }
.maplibregl-ctrl-bottom-right { right: 10px; bottom: 10px; }
.clock { position:absolute; left:50%; transform:translateX(-50%); text-align:center; background:rgba(255,255,255,.07); padding:8px 18px; border-radius:13px; }
.clock b,.clock small { display:block; }
.clock b { font-size:20px; color:#f2cf83; }
.clock small { color:#b8c7c1; font-size:11px; }
.badge { display:inline-grid; place-items:center; min-width:22px; height:22px; border-radius:999px; margin-left:7px; background:#18372f; color:#f5d58f; font-size:11px; }
.deadline { color:#f2cf83; font-weight:700; }
button.secondary { background:rgba(255,255,255,.08); color:#e3ebe7; width:100%; margin-top:7px; }
.modal-actions { display:flex; gap:8px; }
.modal-actions > button:first-child { background:rgba(255,255,255,.09); color:white; }
.job-card.selected { border-color:#e7b454; }
.player-marker { transition:transform .12s linear; }
@media (max-width:760px) { .clock { top:72px; } .modal-actions > button:first-child { display:none; } }
.vehicle-list { overflow:auto; max-height:66vh; display:grid; gap:12px; padding-right:5px; }
.vehicle-market-card { display:grid; grid-template-columns:auto 1fr 170px; gap:16px; align-items:center; padding:16px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.055); border-radius:16px; }
.vehicle-market-card.active { border-color:#e7b454; background:rgba(231,180,84,.11); }
.market-icon { font-size:42px; width:62px; text-align:center; }
.market-main h3 { margin:0 0 5px; }
.market-main p { color:#b8c7c1; margin:0; line-height:1.4; }
.market-action { text-align:right; }
.market-action strong { display:block; color:#f2cf83; font-size:18px; margin-bottom:10px; }
.market-action button { width:100%; }
@media (max-width:760px) { .vehicle-market-card { grid-template-columns:auto 1fr; } .market-action { grid-column:1/-1; text-align:left; } }


.left-panel { transition:transform .32s ease; }
.left-panel.collapsed { transform:translateX(calc(-100% - 18px)); }
.panel-toggle { position:absolute; right:-44px; top:18px; width:38px !important; height:48px; margin:0 !important; padding:0; border-radius:0 13px 13px 0; background:#e7b454; color:#173129; font-size:28px; box-shadow:8px 8px 24px rgba(0,0,0,.22); }
.left-panel.collapsed .panel-toggle { right:-44px; }
.investment-modal { max-width:1040px; }
.investment-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
.investment-summary article { background:rgba(255,255,255,.06); border-radius:14px; padding:14px; }
.investment-summary small,.investment-summary strong { display:block; }
.investment-summary small { color:#b8c7c1; margin-bottom:5px; }
.investment-summary strong { color:#f2cf83; font-size:20px; }
.bank-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); padding:15px; border-radius:16px; }
.bank-controls h3,.bank-controls p { margin:0; }
.bank-controls p { color:#b8c7c1; margin-top:5px; }
.bank-buttons { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.bank-buttons button { padding:9px 11px; }
.section-title { margin:18px 0 10px; }
.business-list { max-height:42vh; overflow:auto; display:grid; gap:9px; padding-right:5px; }
.business-card { display:grid; grid-template-columns:auto 1fr 180px; gap:14px; align-items:center; padding:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05); border-radius:15px; }
.business-card.active { border-color:#e7b454; background:rgba(231,180,84,.09); }
.business-icon { font-size:34px; width:48px; text-align:center; }
.business-main h3,.business-main p { margin:0; }
.business-main p { color:#b8c7c1; margin-top:4px; }
.business-actions { display:grid; gap:7px; text-align:right; }
.business-actions strong { color:#f2cf83; }
@media (max-width:760px) {
  .left-panel { transition:transform .28s ease; }
  .left-panel.collapsed { transform:translateX(calc(-100% - 12px)); }
  .panel-toggle { top:12px; right:-42px; }
  .investment-summary { grid-template-columns:1fr; }
  .bank-controls { display:block; }
  .bank-buttons { justify-content:flex-start; margin-top:12px; }
  .business-card { grid-template-columns:auto 1fr; }
  .business-actions { grid-column:1/-1; grid-template-columns:1fr 1fr; text-align:left; }
}

.firms-modal { max-width:1080px; }
.firm-summary { display:flex; gap:10px; margin-bottom:14px; }
.firm-summary span { background:rgba(255,255,255,.06); padding:10px 13px; border-radius:12px; color:#b8c7c1; }
.firm-summary b { color:#f2cf83; }
.firm-list { max-height:64vh; overflow:auto; display:grid; gap:9px; padding-right:5px; }
.firm-card { display:grid; grid-template-columns:auto 1fr 150px; align-items:center; gap:14px; padding:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.05); border-radius:15px; }
.firm-card.closed { opacity:.72; }
.firm-card.locked { filter:saturate(.55); }
.firm-icon { font-size:34px; width:48px; text-align:center; }
.firm-main h3,.firm-main p { margin:0; }
.firm-main p { color:#b8c7c1; margin-top:4px; }
.firm-title { display:flex; gap:10px; align-items:center; }
.status-pill { font-size:11px; border-radius:999px; padding:4px 7px; font-weight:800; }
.status-pill.open { background:rgba(79,176,124,.18); color:#8fe0ad; }
.status-pill.closed { background:rgba(205,99,89,.18); color:#efaaa2; }
.maplibregl-popup-content { background:#173129; color:#f7f3e8; border-radius:12px; padding:12px; box-shadow:0 12px 35px rgba(0,0,0,.3); }
.maplibregl-popup-content p { margin:7px 0 0; color:#c3d0cb; }
.maplibregl-popup-close-button { color:white; font-size:18px; }
@media (max-width:760px) { .firm-card { grid-template-columns:auto 1fr; } .firm-card>button { grid-column:1/-1; } .firm-summary { flex-wrap:wrap; } }

/* v0.7 oyun içi telefon */
.phone-launcher { position:absolute; right:22px; bottom:82px; z-index:7; width:62px; height:62px; padding:0; border-radius:20px; display:grid; place-items:center; background:#e7b454; color:#173129; box-shadow:0 14px 35px rgba(0,0,0,.35); border:3px solid rgba(255,255,255,.72); }
.phone-launcher span { font-size:30px; }
.phone-launcher:hover { transform:translateY(-2px) scale(1.03); }
.phone-badge { position:absolute; right:-7px; top:-7px; min-width:25px; height:25px; padding:0 6px; border-radius:999px; display:grid; place-items:center; background:#cf554c; color:white; border:3px solid #fff5df; font-size:11px; }
.phone-backdrop { position:absolute; inset:0; z-index:40; display:grid; place-items:center; padding:16px; background:rgba(3,10,8,.66); backdrop-filter:blur(7px); }
.phone-shell { position:relative; width:min(390px,94vw); height:min(760px,92vh); border-radius:42px; padding:16px 13px 14px; overflow:hidden; color:#173129; background:#101817; border:6px solid #0a0d0c; box-shadow:0 35px 100px rgba(0,0,0,.58), inset 0 0 0 2px #343c39; }
.phone-shell::before { content:""; position:absolute; inset:12px; border-radius:31px; pointer-events:none; border:1px solid rgba(255,255,255,.13); }
.phone-speaker { position:absolute; z-index:3; top:9px; left:50%; transform:translateX(-50%); width:94px; height:20px; border-radius:0 0 14px 14px; background:#050707; }
.phone-status { height:34px; padding:2px 12px 0; display:flex; align-items:center; justify-content:space-between; color:#edf4ef; font-size:11px; }
.phone-status strong { font-size:9px; letter-spacing:.12em; color:#aebbb5; }
.phone-status button { position:relative; z-index:5; width:28px; height:28px; padding:0; border-radius:50%; color:#eef4f1; background:rgba(255,255,255,.1); }
.phone-titlebar { min-height:61px; display:flex; gap:10px; align-items:center; padding:7px 13px 10px; color:white; background:#173129; border-radius:22px 22px 0 0; }
.phone-titlebar button { width:34px; height:34px; padding:0; border-radius:12px; background:rgba(255,255,255,.12); color:white; font-size:26px; }
.phone-titlebar b,.phone-titlebar small { display:block; }
.phone-titlebar small { margin-top:2px; color:#b9c9c2; font-size:11px; }
.phone-screen { height:calc(100% - 118px); overflow:auto; padding:13px; background:linear-gradient(155deg,#f5ecd5,#dce9df); border-radius:0 0 24px 24px; scrollbar-width:thin; }
.phone-home-indicator { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); width:110px; height:5px; background:#d9dfdc; border-radius:999px; }
.phone-hero { padding:18px; border-radius:21px; color:#f7f3e8; background:linear-gradient(135deg,#1b4a3c,#2d7259); box-shadow:0 12px 25px rgba(22,62,51,.24); }
.phone-hero small { font-size:10px; font-weight:900; letter-spacing:.12em; color:#eac777; }
.phone-hero h2 { margin:6px 0 5px; }
.phone-hero p { margin:0; color:#d8e5df; line-height:1.4; font-size:13px; }
.phone-app-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px 8px; margin-top:15px; }
.phone-app-grid button { position:relative; min-width:0; min-height:94px; padding:8px 4px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:17px; background:rgba(255,255,255,.74); color:#173129; border:1px solid rgba(23,49,41,.1); box-shadow:0 8px 18px rgba(34,61,51,.09); }
.phone-app-grid button:hover { transform:translateY(-2px); }
.phone-app-grid button>span { display:grid; place-items:center; width:43px; height:43px; margin-bottom:5px; border-radius:14px; font-size:23px; background:#173129; }
.phone-app-grid button:nth-child(2n)>span { background:#b9822f; }
.phone-app-grid button:nth-child(3n)>span { background:#3f765f; }
.phone-app-grid b { font-size:11px; }
.phone-app-grid small { max-width:65px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; color:#63736d; font-size:9px; }
.phone-app-grid em { position:absolute; right:8px; top:7px; min-width:20px; height:20px; display:grid; place-items:center; padding:0 5px; border-radius:999px; color:white; background:#ce554c; font-style:normal; font-size:10px; }
.phone-message-list { display:grid; gap:10px; }
.phone-message { display:grid; grid-template-columns:auto 1fr; gap:10px; padding:13px; border-radius:17px; background:rgba(255,255,255,.78); border:1px solid rgba(23,49,41,.1); }
.message-icon { display:grid; place-items:center; width:43px; height:43px; border-radius:14px; color:white; background:#173129; font-size:21px; }
.message-meta { display:flex; justify-content:space-between; gap:8px; }
.message-meta small { color:#77857f; font-size:9px; white-space:nowrap; }
.phone-message h3 { margin:4px 0; font-size:13px; }
.phone-message p { margin:0; color:#596a63; line-height:1.42; font-size:11px; }
.phone-empty { text-align:center; color:#687870; padding:50px 10px; }
.company-card { display:flex; align-items:center; gap:14px; padding:17px; border-radius:19px; background:#173129; color:white; }
.company-card>span { display:grid; place-items:center; width:64px; height:64px; border-radius:20px; background:#e7b454; font-size:34px; }
.company-card small { color:#e6c36e; font-size:9px; letter-spacing:.12em; }
.company-card h2,.company-card p { margin:3px 0 0; }
.company-card p { color:#bbc9c3; font-size:11px; }
.company-stats { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:11px; }
.company-stats article,.phone-info-card { padding:14px; border-radius:16px; background:rgba(255,255,255,.78); border:1px solid rgba(23,49,41,.1); }
.company-stats small,.company-stats b { display:block; }
.company-stats small { color:#687870; font-size:10px; }
.company-stats b { margin-top:5px; color:#173129; font-size:17px; }
.phone-info-card { margin-top:10px; }
.phone-info-card h3,.phone-info-card p { margin:0; }
.phone-info-card p { margin-top:6px; color:#61716a; font-size:12px; line-height:1.45; }
.phone-setting-list { display:grid; gap:9px; }
.phone-setting-list button { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; text-align:left; padding:13px; border-radius:16px; background:rgba(255,255,255,.78); border:1px solid rgba(23,49,41,.1); color:#173129; }
.phone-setting-list button>span { display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:#dce9df; font-size:22px; }
.phone-setting-list b,.phone-setting-list small { display:block; }
.phone-setting-list small { margin-top:3px; color:#6c7c75; font-size:10px; }
.phone-setting-list .setting-danger { color:#a13f39; }
.phone-setting-list .setting-danger>span { background:#f4d6d3; }

@media (max-width:760px) {
  .phone-launcher { right:14px; bottom:116px; width:56px; height:56px; }
  .phone-shell { height:min(730px,96vh); border-radius:34px; padding:13px 10px; }
  .phone-screen { height:calc(100% - 112px); }
  .phone-app-grid { grid-template-columns:repeat(4,1fr); gap:8px 5px; }
  .phone-app-grid button { min-height:84px; }
  #jobsButton,#garageButton,#warehouseButton,#firmsButton,#investmentsButton,#provinceButton,#resetButton { display:none; }
  #phonePanelButton { display:inline-block; }
  .left-panel { padding-right:72px; }
  .maplibregl-ctrl-bottom-right { bottom:176px; }
}

@media (max-width:390px) {
  .phone-app-grid { grid-template-columns:repeat(3,1fr); }
  .phone-shell { width:98vw; }
}


@media (max-width:980px) {
  .stats { gap:6px; }
  .stats span { padding:8px 9px; font-size:12px; }
}
@media (max-width:760px) {
}

/* v0.9 firma ilişkileri, iş sınıfları ve sözleşmeler */
.job-card.service-acil { border-color:rgba(224,91,76,.44); background:linear-gradient(90deg,rgba(196,67,55,.11),rgba(255,255,255,.055)); }
.job-card.service-kirilabilir { border-color:rgba(77,148,183,.42); background:linear-gradient(90deg,rgba(68,135,171,.10),rgba(255,255,255,.055)); }
.chips .service-chip { font-weight:850; }
.chips .service-chip.normal { background:rgba(76,157,103,.18); color:#a3e2b3; }
.chips .service-chip.acil { background:rgba(207,85,76,.25); color:#ffaaa1; }
.chips .service-chip.kirilabilir { background:rgba(77,148,183,.24); color:#b5e4f7; }
.job-condition { display:block; margin-top:9px; color:#9fb2aa; line-height:1.35; }
.contract-tag { display:inline-block; margin-left:6px; padding:3px 7px; border-radius:999px; background:rgba(231,180,84,.2); color:#f5d58f; font-size:9px; font-style:normal; letter-spacing:.04em; }
.relation-row { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:8px; }
.relation-row b,.relation-row span,.relation-row em { padding:4px 8px; border-radius:999px; font-size:11px; }
.relation-row b { background:rgba(231,180,84,.15); color:#f2cf83; }
.relation-row span { background:rgba(255,255,255,.07); color:#d7e2dd; }
.relation-row em { background:rgba(70,151,100,.18); color:#9de0aa; font-style:normal; }
.phone-section-heading { margin:16px 2px 8px; color:#26473d; font-size:13px; }
.contract-phone-summary { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.contract-phone-summary article { padding:12px 14px; border-radius:16px; background:#173129; color:white; }
.contract-phone-summary small,.contract-phone-summary b { display:block; }
.contract-phone-summary small { color:#b8c7c1; font-size:10px; }
.contract-phone-summary b { margin-top:4px; color:#f2cf83; font-size:20px; }
.contract-card { margin-top:9px; padding:13px; border-radius:18px; background:rgba(255,255,255,.82); border:1px solid rgba(23,49,41,.11); box-shadow:0 8px 18px rgba(34,61,51,.07); }
.contract-card.active { border-color:rgba(61,133,92,.36); }
.contract-card.offer { border-color:rgba(185,130,47,.34); }
.contract-card-head { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; }
.contract-card-head>span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#173129; font-size:21px; }
.contract-card-head small { color:#7a8982; font-size:8px; font-weight:900; letter-spacing:.1em; }
.contract-card-head h3 { margin:2px 0 0; font-size:13px; }
.contract-card-head>b { color:#2e7258; }
.contract-card p { margin:9px 0; color:#60716a; font-size:11px; line-height:1.42; }
.contract-card footer { display:flex; justify-content:space-between; gap:8px; color:#365b4e; font-size:10px; font-weight:800; }
.contract-card>button { width:100%; margin-top:10px; background:#e7b454; }
.contract-progress { height:8px; overflow:hidden; margin-top:10px; border-radius:999px; background:#d7e0dc; }
.contract-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3e8665,#e1b34f); }
.favorite-firm-list,.contract-history-list { display:grid; gap:8px; }
.favorite-firm-list article,.contract-history-list article { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:11px 12px; border-radius:15px; background:rgba(255,255,255,.78); border:1px solid rgba(23,49,41,.1); }
.favorite-firm-list article>span,.contract-history-list article>span { font-size:21px; }
.favorite-firm-list b,.favorite-firm-list small,.contract-history-list b,.contract-history-list small { display:block; }
.favorite-firm-list small,.contract-history-list small { margin-top:2px; color:#708078; font-size:9px; }
.favorite-firm-list strong { color:#2d7157; }
.contract-history-list article.expired { opacity:.7; }
.phone-empty+.phone-section-heading { margin-top:5px; }


/* v0.10 fiziksel depo, işletme ve aktarma operasyonları */
.warehouse-tag { display:inline-block; margin-left:6px; padding:3px 7px; border-radius:999px; background:rgba(99,151,194,.2); color:#bde2ff; font-size:9px; font-style:normal; letter-spacing:.04em; }
.chips .warehouse-chip { background:rgba(99,151,194,.18); color:#c7e6fb; font-weight:800; }
.destination-marker.warehouse { min-width:58px; background:#4f7899; color:white; border-color:#eef7ff; font-size:9px; }
.garage-capacity-summary { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:13px 15px; border-radius:15px; background:rgba(231,180,84,.12); border:1px solid rgba(231,180,84,.26); }
.garage-capacity-summary span { color:#f5efe0; }
.garage-capacity-summary b { color:#f2cf83; font-size:18px; }
.garage-capacity-summary small { color:#b8c7c1; }
.warehouse-office-card { display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:center; padding:15px; border-radius:19px; background:linear-gradient(135deg,#173129,#2f6f58); color:white; }
.warehouse-office-card>span { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:#e7b454; font-size:30px; }
.warehouse-office-card small { color:#f2cf83; font-size:9px; letter-spacing:.12em; }
.warehouse-office-card h2,.warehouse-office-card p { margin:3px 0 0; }
.warehouse-office-card h2 { font-size:17px; }
.warehouse-office-card p { color:#d3e0da; font-size:10px; line-height:1.4; }
.warehouse-summary { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.warehouse-summary article { padding:11px 12px; border-radius:15px; background:rgba(255,255,255,.8); border:1px solid rgba(23,49,41,.1); }
.warehouse-summary small,.warehouse-summary b { display:block; }
.warehouse-summary small { color:#6d7c75; font-size:9px; }
.warehouse-summary b { margin-top:4px; color:#173129; font-size:13px; }
.stored-cargo-list,.warehouse-site-list { display:grid; gap:9px; }
.stored-cargo-card { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:11px; border-radius:16px; background:rgba(255,255,255,.82); border:1px solid rgba(23,49,41,.1); }
.stored-cargo-card.late { border-color:rgba(194,73,61,.34); background:rgba(255,236,232,.9); }
.stored-cargo-card>span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#173129; font-size:20px; }
.stored-cargo-card h3,.stored-cargo-card p { margin:2px 0 0; }
.stored-cargo-card small { color:#79877f; font-size:8px; font-weight:800; }
.stored-cargo-card h3 { font-size:12px; }
.stored-cargo-card p { color:#64736c; font-size:9px; line-height:1.35; }
.stored-cargo-card button { padding:8px 9px; font-size:9px; }
.warehouse-empty { margin:0; padding:19px 12px; text-align:center; color:#6d7c75; border:1px dashed rgba(23,49,41,.2); border-radius:15px; }
.warehouse-site-card { padding:13px; border-radius:18px; background:rgba(255,255,255,.82); border:1px solid rgba(23,49,41,.1); }
.warehouse-site-card.active { border-color:#b9822f; box-shadow:inset 0 0 0 1px rgba(185,130,47,.2); }
.warehouse-site-card.locked { opacity:.72; }
.warehouse-site-card>header { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; }
.warehouse-site-card>header>span { display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:#173129; font-size:21px; }
.warehouse-site-card header small { color:#77867f; font-size:8px; font-weight:900; letter-spacing:.1em; }
.warehouse-site-card header h3 { margin:2px 0 0; font-size:13px; }
.warehouse-site-card header em { padding:4px 7px; border-radius:999px; background:#dbe9df; color:#2c6b52; font-size:8px; font-style:normal; font-weight:900; }
.warehouse-site-card>p { margin:9px 0; color:#61716a; font-size:10px; line-height:1.4; }
.warehouse-lock { margin:8px 0; padding:8px; border-radius:11px; background:#eee1cf; color:#8a6330; font-size:9px; font-weight:800; }
.warehouse-capacity-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }
.warehouse-capacity-grid span { padding:7px 4px; text-align:center; border-radius:10px; background:#edf2ef; color:#68776f; font-size:7px; }
.warehouse-capacity-grid b { display:block; margin-top:2px; color:#173129; font-size:10px; }
.warehouse-daily-cost { display:block; margin-top:7px; color:#7a6a4d; font-size:9px; font-weight:800; }
.warehouse-acquire,.warehouse-site-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:10px; }
.warehouse-site-actions { grid-template-columns:repeat(3,1fr); }
.warehouse-acquire button,.warehouse-site-actions button { padding:8px 5px; font-size:9px; }
.warehouse-upgrade-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:8px; }
.warehouse-upgrade-grid button { min-width:0; padding:8px; text-align:left; border-radius:11px; background:#e5ece8; color:#173129; border:1px solid rgba(23,49,41,.08); }
.warehouse-upgrade-grid button:disabled { opacity:.55; }
.warehouse-upgrade-grid b,.warehouse-upgrade-grid small { display:block; }
.warehouse-upgrade-grid b { font-size:9px; }
.warehouse-upgrade-grid small { margin-top:3px; color:#6f7d76; font-size:8px; }
@media (max-width:760px) {
  .garage-capacity-summary { display:block; }
  .garage-capacity-summary small { display:block; margin-top:5px; }
  .stored-cargo-card { grid-template-columns:auto 1fr; }
  .stored-cargo-card button { grid-column:1/-1; width:100%; }
}
.stored-cargo-actions { display:grid; gap:5px; }
.stored-cargo-actions button { width:100%; }
.stored-cargo-actions .cargo-cancel { background:#edd8d5; color:#9a4038; }
@media (max-width:760px) { .stored-cargo-actions { grid-column:1/-1; grid-template-columns:1fr 1fr; } }

/* v0.10.2 kompakt kurye paneli ve erişilebilir görev işlemleri */
.left-panel {
  width:252px;
  top:106px;
  bottom:18px;
  max-height:calc(100vh - 124px);
  padding:0;
  display:flex;
  flex-direction:column;
  overflow:visible;
}
.panel-main-scroll {
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  padding:14px 13px 9px;
  scrollbar-width:thin;
  scrollbar-color:rgba(231,180,84,.55) transparent;
}
.panel-main-scroll::-webkit-scrollbar { width:6px; }
.panel-main-scroll::-webkit-scrollbar-thumb { background:rgba(231,180,84,.48); border-radius:999px; }
.panel-main-scroll h2 { margin:0 0 10px; font-size:19px; }
.panel-main-scroll > button { width:100%; margin-top:6px; padding:9px 10px; font-size:12px; }
.left-panel .vehicle-card { gap:9px; padding:9px 10px; margin-bottom:7px; }
.left-panel .vehicle-icon { font-size:25px; }
.left-panel .vehicle-card b { font-size:12px; }
.left-panel .vehicle-card small { font-size:10px; }
.left-panel .badge { min-width:19px; height:19px; font-size:10px; }
.active-job {
  flex:0 0 auto;
  max-height:224px;
  overflow-y:auto;
  margin:0;
  padding:11px 13px 13px;
  border-top:1px solid rgba(255,255,255,.13);
  border-radius:0 0 18px 18px;
  background:rgba(10,25,21,.96);
  box-shadow:0 -12px 26px rgba(0,0,0,.16);
}
.active-job small { font-size:9px; }
.active-job b { margin-top:5px; font-size:13px; line-height:1.25; }
.active-job p { margin:6px 0 2px; font-size:11px; line-height:1.35; }
.active-job button.compact { width:100%; margin-top:6px; padding:8px 9px; font-size:11px; }
.destination-marker.interactive {
  appearance:none;
  cursor:pointer;
  animation:destination-pulse 1.35s ease-in-out infinite;
  outline:none;
}
.destination-marker.interactive:hover,
.destination-marker.interactive:focus-visible {
  transform:translateY(-2px) scale(1.08);
  box-shadow:0 10px 26px rgba(0,0,0,.42),0 0 0 5px rgba(255,255,255,.24);
}
@keyframes destination-pulse {
  0%,100% { box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 0 0 rgba(255,255,255,.35); }
  50% { box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 0 7px rgba(255,255,255,0); }
}

@media (max-height:760px) and (min-width:761px) {
  .left-panel { top:96px; bottom:10px; max-height:calc(100vh - 106px); }
  .panel-main-scroll { padding-top:10px; }
  .panel-main-scroll > button { margin-top:4px; padding:7px 9px; }
  .left-panel .vehicle-card { padding:7px 9px; }
  .active-job { max-height:190px; }
}

@media (max-width:760px) {
  .left-panel {
    left:12px;
    right:12px;
    bottom:12px;
    top:auto;
    width:auto;
    max-height:46vh;
    padding:0;
  }
  .panel-main-scroll {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    padding:10px 64px 8px 10px;
  }
  .panel-main-scroll h2,
  .panel-main-scroll .vehicle-card,
  .panel-main-scroll .danger-link { display:none; }
  .panel-main-scroll > button { width:auto; margin:0; padding:8px 10px; }
  .active-job { max-height:154px; padding:9px 11px 10px; }
  .active-job p { margin:4px 0 1px; }
  .panel-toggle { top:10px; }
}

/* v0.11 araç bakım, yakıt ve işletme giderleri */
.chips .net-chip { background:rgba(82,170,117,.2); color:#a9efc0; font-weight:900; }
#vehicleStatus { color:#e7c77d; font-weight:750; }
.service-point-list { margin-bottom:13px; }
.service-network-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:8px; }
.service-network-heading small { color:#e7b454; font-size:9px; letter-spacing:.14em; font-weight:900; }
.service-network-heading h3 { margin:3px 0 0; }
.service-network-heading>span { color:#b8c7c1; font-size:11px; }
.service-point-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.service-point-card { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:center; padding:10px; border-radius:14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.08); }
.service-point-card>span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#d7674f; font-size:19px; }
.service-point-card small,.service-point-card b,.service-point-card p { display:block; }
.service-point-card small { color:#e7b454; font-size:8px; font-weight:900; text-transform:uppercase; }
.service-point-card b { margin-top:2px; font-size:11px; }
.service-point-card p { margin:3px 0 0; color:#aebdb7; font-size:8px; line-height:1.3; }
.service-point-card button { grid-column:1/-1; padding:7px; font-size:9px; }
#garageBackdrop .vehicle-list { max-height:48vh; }
.vehicle-detail-card { align-items:start; }
.vehicle-detail-card.service-due { border-color:#d7674f; box-shadow:inset 0 0 0 1px rgba(215,103,79,.24); }
.vehicle-title-row { display:flex; justify-content:space-between; gap:10px; align-items:start; }
.vehicle-title-row h3 { margin:0; }
.vehicle-title-row>div>small { color:#9fb0a9; font-size:9px; font-weight:800; }
.vehicle-title-row em { padding:4px 7px; border-radius:999px; font-size:8px; font-style:normal; font-weight:950; white-space:nowrap; }
.vehicle-title-row em.ok { background:rgba(79,176,124,.17); color:#8fe0ad; }
.vehicle-title-row em.due { background:rgba(215,103,79,.19); color:#ffb2a4; }
.vehicle-detail-grid { display:grid; grid-template-columns:repeat(4,minmax(105px,1fr)); gap:6px; margin-top:10px; }
.vehicle-detail-grid>span { padding:8px 9px; border-radius:10px; background:rgba(255,255,255,.055); color:#aebdb7; font-size:8px; }
.vehicle-detail-grid b { display:block; margin-top:3px; color:#f4efe4; font-size:10px; }
.condition-list { display:grid; gap:6px; margin-top:10px; }
.condition-row { display:grid; grid-template-columns:48px 1fr 38px; align-items:center; gap:7px; color:#becbc6; font-size:9px; }
.condition-row>div { height:7px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.1); }
.condition-row i { display:block; height:100%; border-radius:inherit; background:#63b889; }
.condition-row.warning i { background:#e7b454; }
.condition-row.critical i { background:#d7674f; }
.condition-row b { text-align:right; color:#eef3f0; }
.maintenance-actions { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin-top:10px; }
.maintenance-actions button { min-width:0; padding:8px 6px; text-align:left; border-radius:10px; }
.maintenance-actions b,.maintenance-actions small { display:block; }
.maintenance-actions b { font-size:8px; }
.maintenance-actions small { margin-top:3px; color:#5c6d66; font-size:8px; }
.market-action small { display:block; margin:-5px 0 9px; color:#aebdb7; font-size:9px; }

@media (max-width:980px) {
  .vehicle-detail-grid { grid-template-columns:repeat(2,1fr); }
  .maintenance-actions { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  .stats span:nth-child(4) { display:none; }
  #serviceButton { display:none; }
  .service-point-grid { display:flex; overflow-x:auto; padding-bottom:4px; }
  .service-point-card { min-width:220px; }
  #garageBackdrop .vehicle-list { max-height:49vh; }
  .vehicle-detail-card { grid-template-columns:auto 1fr; }
  .vehicle-detail-card .market-action { grid-column:1/-1; }
  .vehicle-detail-grid { grid-template-columns:1fr 1fr; }
  .maintenance-actions { grid-template-columns:1fr 1fr; }
}

/* v0.12 şoförler, araç filosu ve pasif teslimatlar */
.fleet-modal { width:min(1180px,96vw); max-height:92vh; overflow:auto; }
.fleet-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-bottom:14px; }
.fleet-summary article { padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.fleet-summary small,.fleet-summary b { display:block; }
.fleet-summary small { color:#aebdb7; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.fleet-summary b { margin-top:5px; color:#f5e2a7; font-size:18px; }
.fleet-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:14px; align-items:start; }
.section-heading-row { display:flex; align-items:end; justify-content:space-between; gap:10px; margin:4px 0 8px; }
.section-heading-row small { color:#e7b454; font-size:9px; letter-spacing:.13em; font-weight:950; }
.section-heading-row h3 { margin:3px 0 0; }
.driver-market,.active-fleet { display:grid; gap:8px; }
.driver-candidate { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:11px; border-radius:15px; background:rgba(255,255,255,.052); border:1px solid rgba(255,255,255,.085); }
.driver-candidate.hired { opacity:.72; }
.driver-candidate.locked { opacity:.56; }
.driver-avatar { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:linear-gradient(145deg,#e7b454,#c68043); font-size:25px; box-shadow:inset 0 0 0 2px rgba(255,255,255,.2); }
.driver-copy small { color:#e7b454; font-size:8px; font-weight:900; text-transform:uppercase; }
.driver-copy h3 { margin:2px 0 3px; font-size:13px; }
.driver-copy p { margin:0; color:#aebdb7; font-size:9px; line-height:1.35; }
.driver-copy .chips { margin-top:7px; }
.driver-hire { display:grid; justify-items:end; gap:7px; min-width:92px; }
.driver-hire strong { color:#f6dfa0; font-size:12px; }
.driver-hire button { padding:8px 10px; font-size:9px; }
.fleet-driver-card { padding:12px; border-radius:16px; background:rgba(8,25,20,.76); border:1px solid rgba(255,255,255,.09); }
.fleet-driver-card.status-driving { border-color:rgba(231,180,84,.48); box-shadow:inset 0 0 0 1px rgba(231,180,84,.09); }
.fleet-driver-card.status-resting { border-color:rgba(97,160,185,.4); }
.fleet-driver-head { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; }
.fleet-driver-head>span { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; background:#285247; font-size:22px; }
.fleet-driver-head small { color:#e7b454; font-size:8px; font-weight:900; text-transform:uppercase; }
.fleet-driver-head h3 { margin:2px 0; font-size:13px; }
.fleet-driver-head p { margin:0; color:#9fb0a9; font-size:8px; }
.fleet-driver-head>b { padding:5px 8px; border-radius:999px; background:rgba(87,173,126,.16); color:#9ce4b8; font-size:8px; }
.status-driving .fleet-driver-head>b { background:rgba(231,180,84,.18); color:#ffd884; }
.status-resting .fleet-driver-head>b { background:rgba(97,160,185,.19); color:#b9e6f4; }
.driver-meter { display:grid; grid-template-columns:58px 1fr 34px; align-items:center; gap:7px; margin-top:9px; color:#aebdb7; font-size:8px; }
.driver-meter>div { height:7px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.1); }
.driver-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#61b589,#e7b454,#d7674f); }
.driver-meter b { text-align:right; }
.vehicle-assignment { display:grid; grid-template-columns:auto 1fr; gap:8px; align-items:center; margin-top:9px; color:#b8c7c1; font-size:9px; font-weight:850; }
.vehicle-assignment select { width:100%; padding:8px 9px; border-radius:10px; border:1px solid rgba(255,255,255,.11); background:#173129; color:#f4efe4; font:inherit; }
.assigned-vehicle { display:flex; gap:8px; align-items:center; margin-top:8px; padding:8px; border-radius:11px; background:rgba(255,255,255,.045); }
.assigned-vehicle>span { font-size:22px; }
.assigned-vehicle b,.assigned-vehicle small { display:block; }
.assigned-vehicle b { font-size:10px; }
.assigned-vehicle small { margin-top:2px; color:#9fb0a9; font-size:8px; }
.fleet-driver-actions { display:grid; grid-template-columns:1.4fr 1fr; gap:7px; margin-top:9px; }
.fleet-driver-actions button { padding:9px; font-size:9px; }
.fleet-delivery { margin-top:10px; padding:10px; border-radius:12px; background:rgba(231,180,84,.09); border:1px solid rgba(231,180,84,.2); }
.fleet-delivery small,.fleet-delivery b,.fleet-delivery p,.fleet-delivery span { display:block; }
.fleet-delivery small { color:#e7b454; font-size:8px; font-weight:950; letter-spacing:.08em; }
.fleet-delivery b { margin-top:3px; font-size:10px; }
.fleet-delivery p { margin:4px 0; color:#aebdb7; font-size:8px; line-height:1.35; }
.fleet-delivery>span { margin-top:5px; color:#f5d889; font-size:8px; }
.fleet-progress { height:7px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.1); }
.fleet-progress i { display:block; height:100%; border-radius:inherit; background:#e7b454; }
.fleet-history { display:grid; gap:6px; }
.fleet-history-item { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; padding:9px 11px; border-radius:12px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); }
.fleet-history-item>span { font-size:18px; }
.fleet-history-item b,.fleet-history-item small { display:block; }
.fleet-history-item b { font-size:9px; }
.fleet-history-item small { margin-top:2px; color:#9fb0a9; font-size:8px; }
.fleet-history-item strong { color:#9ce4b8; font-size:10px; }
.fleet-history-item.failed strong,.fleet-history-item.breakdown strong { color:#ffb2a4; }
.fleet-empty { padding:18px; border-radius:13px; background:rgba(255,255,255,.04); color:#9fb0a9; text-align:center; font-size:10px; }
.fleet-map-marker { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#173129; border:3px solid #e7b454; box-shadow:0 7px 16px rgba(0,0,0,.34); font-size:17px; cursor:help; }

@media (max-width:900px) {
  .fleet-columns { grid-template-columns:1fr; }
  .fleet-summary { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  #fleetButton { display:none; }
  .fleet-modal { width:100%; max-height:94vh; }
  .driver-candidate { grid-template-columns:auto 1fr; }
  .driver-hire { grid-column:1/-1; grid-template-columns:1fr auto; align-items:center; justify-items:stretch; }
  .driver-hire strong { align-self:center; }
  .fleet-summary { grid-template-columns:1fr 1fr; }
}

/* v0.13 lojistik ağı, düzenli hatlar ve sevkiyat planlama */
.network-modal { width:min(1220px,97vw); max-height:93vh; overflow:auto; }
.network-summary { display:grid; grid-template-columns:repeat(5,1fr); gap:9px; margin-bottom:14px; }
.network-summary article { padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.network-summary small,.network-summary b { display:block; }
.network-summary small { color:#aebdb7; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.network-summary b { margin-top:5px; color:#f5e2a7; font-size:17px; }
.network-route-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.network-route-card { padding:13px; border-radius:17px; background:rgba(8,25,20,.78); border:1px solid rgba(255,255,255,.09); }
.network-route-card.configured { border-color:rgba(231,180,84,.48); box-shadow:inset 0 0 0 1px rgba(231,180,84,.08); }
.network-route-card.locked { opacity:.67; }
.network-route-card>header { display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:10px; }
.network-route-card>header>span { display:grid; place-items:center; width:47px; height:47px; border-radius:14px; background:linear-gradient(145deg,#285247,#173129); font-size:24px; border:1px solid rgba(255,255,255,.1); }
.network-route-card header small { color:#e7b454; font-size:8px; font-weight:900; text-transform:uppercase; }
.network-route-card header h3 { margin:3px 0; font-size:13px; }
.network-route-card header p { margin:0; color:#aebdb7; font-size:9px; line-height:1.4; }
.network-route-card header em { padding:5px 8px; border-radius:999px; background:rgba(231,180,84,.13); color:#f5d889; font-size:9px; font-style:normal; white-space:nowrap; }
.route-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.route-chips span { padding:5px 7px; border-radius:999px; background:rgba(255,255,255,.06); color:#b8c7c1; font-size:8px; }
.route-cargo-meter { margin-top:10px; padding:10px; border-radius:12px; background:rgba(255,255,255,.04); }
.route-cargo-meter>div:first-child { display:flex; justify-content:space-between; gap:10px; color:#b8c7c1; font-size:9px; }
.route-cargo-meter>div:nth-child(2) { height:8px; margin:7px 0 5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.1); }
.route-cargo-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#4f9b78,#e7b454); }
.route-cargo-meter small { color:#90a29b; font-size:8px; }
.route-planning { display:grid; grid-template-columns:1.3fr 1fr; gap:8px; margin-top:10px; }
.route-planning label { display:grid; gap:5px; color:#b8c7c1; font-size:8px; font-weight:850; }
.route-planning select { width:100%; min-width:0; padding:8px 9px; border-radius:10px; border:1px solid rgba(255,255,255,.11); background:#173129; color:#f4efe4; font:inherit; }
.route-estimate { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.route-estimate span,.route-estimate strong { padding:6px 8px; border-radius:9px; background:rgba(255,255,255,.05); color:#b8c7c1; font-size:8px; }
.route-estimate strong { background:rgba(87,173,126,.14); color:#9ce4b8; }
.route-warning,.route-lock-reason { margin:9px 0 0; padding:9px 10px; border-radius:10px; background:rgba(215,103,79,.11); color:#ffb2a4; font-size:9px; }
.route-lock-reason { border:1px solid rgba(215,103,79,.2); }
.route-dispatch-button { width:100%; margin-top:9px; padding:10px; font-size:9px; }
.line-shipment-list,.line-history-list { display:grid; gap:7px; }
.line-shipment-card,.line-history-item { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:10px 12px; border-radius:13px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); }
.line-shipment-card>span,.line-history-item>span { font-size:20px; }
.line-shipment-card b,.line-shipment-card small,.line-history-item b,.line-history-item small { display:block; }
.line-shipment-card b,.line-history-item b { font-size:9px; }
.line-shipment-card small,.line-history-item small { margin-top:2px; color:#9fb0a9; font-size:8px; }
.line-shipment-card>div>div { height:7px; margin-top:7px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.1); }
.line-shipment-card i { display:block; height:100%; border-radius:inherit; background:#e7b454; }
.line-shipment-card p { margin:5px 0 0; color:#f5d889; font-size:8px; }
.line-shipment-card>strong,.line-history-item>strong { color:#9ce4b8; font-size:10px; }
.line-history-item.failed>strong,.line-history-item.breakdown>strong { color:#ffb2a4; }
.network-empty { padding:18px; border-radius:13px; background:rgba(255,255,255,.04); color:#9fb0a9; text-align:center; font-size:10px; }
.line-map-marker { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#173129; border:3px solid #63b889; box-shadow:0 7px 17px rgba(0,0,0,.36); font-size:18px; cursor:help; }
.driver-route-assignment { margin-top:8px; padding:7px 9px; border-radius:10px; background:rgba(79,155,120,.13); border:1px solid rgba(79,155,120,.22); color:#9ce4b8; font-size:8px; font-weight:850; }
.fleet-delivery.line { background:rgba(79,155,120,.1); border-color:rgba(79,155,120,.24); }
.fleet-delivery.line small { color:#9ce4b8; }

@media (max-width:980px) {
  .network-route-list { grid-template-columns:1fr; }
  .network-summary { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  #networkButton { display:none; }
  .network-modal { width:100%; max-height:95vh; }
  .network-summary { grid-template-columns:1fr 1fr; }
  .route-planning { grid-template-columns:1fr; }
  .line-shipment-card,.line-history-item { grid-template-columns:auto 1fr; }
  .line-shipment-card>strong,.line-history-item>strong { grid-column:2; }
}

/* v0.14 kurumsal müşteriler, ihaleler ve şirket itibarı */
.corporate-client-tag { padding:4px 7px; border-radius:999px; background:rgba(111,84,185,.18); color:#d9c9ff; font-size:8px; font-weight:900; white-space:nowrap; }
.corporate-score-card { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px; border-radius:18px; color:white; background:linear-gradient(145deg,#173129,#315f50); box-shadow:0 10px 24px rgba(23,49,41,.16); }
.corporate-score-card small { color:#f2cf83; font-size:9px; font-weight:900; letter-spacing:.1em; }
.corporate-score-card b { display:block; margin-top:3px; font-size:30px; }
.corporate-score-card p { margin:4px 0 0; color:#d5e0dc; font-size:10px; line-height:1.4; }
.corporate-score-card>span { flex:0 0 auto; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.1); color:#f5d889; font-size:10px; font-weight:900; }
.corporate-metric-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }
.corporate-metric { padding:10px; border-radius:13px; background:rgba(255,255,255,.82); border:1px solid rgba(23,49,41,.1); }
.corporate-metric small,.corporate-metric b { display:block; }
.corporate-metric small { min-height:24px; color:#687870; font-size:8px; font-weight:800; }
.corporate-metric b { margin-top:2px; color:#173129; font-size:15px; }
.corporate-metric>div,.company-reputation-meter { height:6px; margin-top:6px; overflow:hidden; border-radius:999px; background:rgba(23,49,41,.1); }
.corporate-metric i,.company-reputation-meter i { display:block; height:100%; border-radius:inherit; background:#4c9b73; }
.corporate-metric.warning i { background:#c9973c; }
.corporate-metric.critical i { background:#ce6255; }
.corporate-contract-card,.tender-card { margin-top:9px; padding:13px; border-radius:18px; background:rgba(255,255,255,.84); border:1px solid rgba(23,49,41,.12); box-shadow:0 8px 18px rgba(34,61,51,.07); }
.corporate-contract-card.active { border-color:rgba(61,133,92,.4); }
.corporate-contract-card header,.tender-card header { display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:start; }
.corporate-contract-card header>span,.tender-card header>span { display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:#173129; font-size:22px; }
.corporate-contract-card header small,.tender-card header small { color:#8b6a2e; font-size:8px; font-weight:900; letter-spacing:.08em; }
.corporate-contract-card header h3,.tender-card header h3 { margin:2px 0; color:#173129; font-size:13px; }
.corporate-contract-card header p,.tender-card header p { margin:0; color:#687870; font-size:9px; line-height:1.35; }
.corporate-contract-card header strong { color:#2e7258; font-size:13px; }
.tender-card header em { padding:5px 7px; border-radius:999px; background:#efe3c8; color:#74551f; font-size:8px; font-style:normal; font-weight:900; }
.corporate-contract-meta,.tender-facts,.tender-metrics { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.corporate-contract-meta span,.tender-facts span,.tender-metrics span { padding:5px 7px; border-radius:999px; background:rgba(23,49,41,.07); color:#52655d; font-size:8px; font-weight:750; }
.tender-metrics .met { background:rgba(76,155,115,.13); color:#2d7454; }
.tender-metrics .missing { background:rgba(206,98,85,.12); color:#a84037; }
.corporate-contract-card footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin-top:9px; color:#365b4e; font-size:8px; font-weight:850; }
.tender-budget { display:grid; grid-template-columns:1fr auto; gap:2px 10px; align-items:center; margin-top:9px; padding:9px 10px; border-radius:12px; background:#173129; color:white; }
.tender-budget small { color:#b8c7c1; font-size:8px; }
.tender-budget b { grid-row:1/3; grid-column:2; color:#f2cf83; font-size:15px; }
.tender-budget span { color:#d7e1dd; font-size:8px; }
.tender-bids { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:9px; }
.tender-bids button { min-width:0; padding:8px 5px; border:1px solid rgba(23,49,41,.1); background:#eef1ef; }
.tender-bids button.recommended { background:#e7b454; }
.tender-bids small,.tender-bids b,.tender-bids span { display:block; }
.tender-bids small { font-size:8px; }
.tender-bids b { margin-top:3px; font-size:10px; }
.tender-bids span { margin-top:3px; color:#66766f; font-size:7px; line-height:1.25; }
.tender-lock-reason { margin:9px 0 0; padding:9px; border-radius:11px; background:rgba(206,98,85,.11); color:#a84037; font-size:9px; line-height:1.4; }
.tender-card.locked { opacity:.78; }
.tender-history-list { display:grid; gap:6px; }
.tender-history { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; padding:9px 10px; border-radius:13px; background:rgba(255,255,255,.78); border:1px solid rgba(23,49,41,.09); }
.tender-history>span { font-size:18px; }
.tender-history b,.tender-history small { display:block; }
.tender-history b { color:#173129; font-size:9px; }
.tender-history small { margin-top:2px; color:#75847e; font-size:7px; }
.tender-history strong { color:#2e7258; font-size:8px; }
.tender-history.lost strong { color:#a84037; }
.company-reputation-list { display:grid; gap:7px; }
.company-reputation-list article { display:grid; grid-template-columns:1fr auto; gap:6px 10px; padding:10px 11px; border-radius:14px; background:rgba(255,255,255,.78); border:1px solid rgba(23,49,41,.1); }
.company-reputation-list b,.company-reputation-list small { display:block; }
.company-reputation-list b { color:#173129; font-size:9px; }
.company-reputation-list small { margin-top:2px; color:#75847e; font-size:8px; }
.company-reputation-list>article>span { color:#2e7258; font-weight:900; }
.company-reputation-meter { grid-column:1/-1; margin-top:0; }

@media (max-width:520px) {
  .corporate-metric-grid { grid-template-columns:1fr; }
  .tender-bids { grid-template-columns:1fr; }
  .corporate-contract-card header,.tender-card header { grid-template-columns:auto 1fr; }
  .corporate-contract-card header>strong,.tender-card header>em { grid-column:2; justify-self:start; }
}
.corporate-invoice-list,.corporate-customer-history-list { display:grid; gap:6px; }
.corporate-invoice,.corporate-customer-history { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:10px 11px; border-radius:14px; background:rgba(255,255,255,.8); border:1px solid rgba(23,49,41,.1); }
.corporate-invoice>span,.corporate-customer-history>span { font-size:19px; }
.corporate-invoice b,.corporate-invoice small,.corporate-customer-history b,.corporate-customer-history small { display:block; }
.corporate-invoice b,.corporate-customer-history b { color:#173129; font-size:9px; }
.corporate-invoice small,.corporate-customer-history small { margin-top:2px; color:#75847e; font-size:7px; }
.corporate-invoice strong,.corporate-customer-history strong { color:#2e7258; font-size:9px; }
.corporate-customer-history p { margin:4px 0 0; color:#64766e; font-size:7px; line-height:1.35; }
.corporate-customer-history.active { border-color:rgba(76,155,115,.45); box-shadow:inset 0 0 0 1px rgba(76,155,115,.08); }

/* v0.15 finans, muhasebe, kredi ve nakit akışı */
.finance-modal { width:min(1180px,96vw); max-height:92vh; }
.finance-dashboard { max-height:78vh; overflow:auto; padding-right:6px; display:grid; gap:16px; }
.finance-summary-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.finance-summary-grid article { min-width:0; padding:12px; border-radius:15px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); }
.finance-summary-grid article.warning { border-color:rgba(231,180,84,.45); background:rgba(231,180,84,.09); }
.finance-summary-grid small,.finance-summary-grid strong,.finance-summary-grid span { display:block; }
.finance-summary-grid small { color:#aebdb7; font-size:8px; font-weight:850; letter-spacing:.04em; }
.finance-summary-grid strong { margin-top:5px; color:#f5d889; font-size:17px; }
.finance-summary-grid span { margin-top:3px; color:#9fb0a9; font-size:8px; }
.finance-report-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.045); }
.finance-report-toolbar small,.section-heading-row small { color:#e7b454; font-size:8px; font-weight:900; letter-spacing:.1em; }
.finance-report-toolbar h3 { margin:3px 0 0; font-size:13px; }
.finance-report-toolbar>div:last-child { display:flex; gap:5px; }
.finance-report-toolbar button { padding:7px 10px; font-size:8px; background:rgba(255,255,255,.08); color:#dce6e2; }
.finance-report-toolbar button.active { background:#e7b454; color:#173129; }
.finance-report-grid,.finance-account-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.finance-panel,.finance-debt-panel { padding:14px; border-radius:17px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.finance-panel>header,.finance-debt-panel>header,.active-loan-card>header,.loan-product-card>header { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.finance-panel header small,.finance-debt-panel header small,.active-loan-card header small,.loan-product-card header small { color:#e7b454; font-size:8px; font-weight:900; letter-spacing:.08em; }
.finance-panel header h3,.finance-debt-panel header h3,.active-loan-card header h3,.loan-product-card header h3 { margin:3px 0 0; font-size:13px; }
.finance-panel header>b,.finance-debt-panel header>span { font-size:13px; }
.finance-panel>p { color:#aebdb7; font-size:9px; line-height:1.5; }
.finance-kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:12px; }
.finance-kpi-row span { padding:9px; border-radius:11px; background:rgba(255,255,255,.045); color:#aebdb7; font-size:8px; }
.finance-kpi-row b { display:block; margin-top:3px; color:#f4efe4; font-size:11px; }
.positive { color:#92dfaf !important; }
.negative { color:#ffaaa0 !important; }
.finance-category-list,.cashflow-list { display:grid; gap:5px; margin-top:10px; }
.finance-category-list article,.cashflow-list article { display:flex; justify-content:space-between; gap:10px; padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.04); color:#b8c7c1; font-size:8px; }
.finance-health { margin-top:12px; padding:11px; border-radius:13px; border:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:1fr auto; gap:6px 12px; }
.finance-health.good { background:rgba(79,155,120,.12); }
.finance-health.warning { background:rgba(231,180,84,.1); }
.finance-health.critical { background:rgba(206,98,85,.12); }
.finance-health small { color:#b8c7c1; font-size:8px; font-weight:900; }
.finance-health h3 { margin:2px 0 0; }
.finance-health strong { font-size:22px; }
.finance-health p { grid-column:1/-1; margin:3px 0 0; color:#c8d4cf; font-size:8px; line-height:1.45; }
.finance-debt-panel { display:grid; gap:10px; }
.finance-obligation-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.finance-obligation-grid article { padding:10px; border-radius:12px; background:rgba(255,255,255,.045); }
.finance-obligation-grid small,.finance-obligation-grid b,.finance-obligation-grid p { display:block; }
.finance-obligation-grid small { color:#aebdb7; font-size:8px; }
.finance-obligation-grid b { margin-top:4px; color:#f5d889; font-size:14px; }
.finance-obligation-grid p { margin:5px 0 0; color:#96a8a1; font-size:7px; line-height:1.4; }
.finance-obligation-grid article>div { display:flex; gap:5px; margin-top:7px; }
.finance-obligation-grid button,.loan-actions button { padding:7px 8px; font-size:7px; }
.active-loan-card { padding:12px; border-radius:14px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07); }
.active-loan-card.overdue { border-color:rgba(206,98,85,.5); }
.active-loan-card header>span,.loan-product-card header>span { font-size:22px; }
.active-loan-card header strong { color:#f5d889; }
.loan-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:9px; }
.loan-metrics span { padding:7px; border-radius:9px; background:rgba(255,255,255,.04); color:#9fb0a9; font-size:7px; }
.loan-metrics b { display:block; margin-top:2px; color:#f4efe4; font-size:8px; }
.loan-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.loan-product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.loan-product-card { padding:12px; border-radius:15px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.loan-product-card.locked { opacity:.58; }
.loan-product-card p { min-height:52px; color:#aebdb7; font-size:8px; line-height:1.45; }
.loan-product-numbers { display:grid; gap:3px; padding:8px; border-radius:10px; background:rgba(255,255,255,.045); }
.loan-product-numbers b { color:#f5d889; font-size:15px; }
.loan-product-numbers span,.loan-requirement { color:#aebdb7; font-size:7px; }
.loan-requirement { display:block; min-height:27px; margin:7px 0; line-height:1.35; }
.loan-product-card>button { width:100%; padding:8px; font-size:8px; }
.finance-account-grid .bank-buttons { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.finance-account-grid .bank-buttons button { min-width:0; padding:8px; font-size:8px; }
.finance-ledger-list { display:grid; gap:5px; }
.finance-ledger-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:9px 10px; border-radius:11px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.05); }
.ledger-scope { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; font-size:8px; font-weight:900; }
.ledger-scope.operating { background:rgba(79,155,120,.18); color:#9ce4b8; }
.ledger-scope.investing { background:rgba(231,180,84,.16); color:#f5d889; }
.ledger-scope.financing { background:rgba(111,84,185,.2); color:#d8c8ff; }
.ledger-scope.transfer { background:rgba(109,149,171,.18); color:#b9def1; }
.finance-ledger-row b,.finance-ledger-row small { display:block; }
.finance-ledger-row b { font-size:8px; }
.finance-ledger-row small { margin-top:2px; color:#91a39b; font-size:7px; }
.finance-ledger-row strong { font-size:9px; }
.finance-empty { margin:0; padding:13px; border-radius:11px; background:rgba(255,255,255,.04); color:#9fb0a9; text-align:center; font-size:9px; }
.finance-dashboard .business-list { max-height:none; }

@media (max-width:980px) {
  .finance-summary-grid { grid-template-columns:repeat(3,1fr); }
  .loan-product-grid { grid-template-columns:1fr 1fr; }
  .finance-obligation-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .finance-modal { width:100%; max-height:96vh; padding:14px; }
  .finance-dashboard { max-height:82vh; }
  .finance-report-grid,.finance-account-grid { grid-template-columns:1fr; }
  .finance-summary-grid { grid-template-columns:1fr 1fr; }
  .loan-product-grid,.finance-obligation-grid { grid-template-columns:1fr; }
  .finance-report-toolbar { align-items:flex-start; flex-direction:column; }
  .loan-metrics { grid-template-columns:1fr 1fr; }
  .finance-ledger-row { grid-template-columns:auto 1fr; }
  .finance-ledger-row strong { grid-column:2; }
}
.finance-rescue-card { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px; border-radius:16px; background:rgba(231,180,84,.11); border:1px solid rgba(231,180,84,.32); }
.finance-rescue-card.critical { background:rgba(206,98,85,.13); border-color:rgba(206,98,85,.42); }
.finance-rescue-card small { color:#e7b454; font-size:8px; font-weight:900; letter-spacing:.1em; }
.finance-rescue-card h3 { margin:3px 0 0; }
.finance-rescue-card p { margin:5px 0 0; max-width:760px; color:#c7d2ce; font-size:9px; line-height:1.45; }
.finance-rescue-card strong { flex:0 0 auto; color:#f5d889; font-size:18px; }
.corporate-invoice.overdue { border-color:rgba(206,98,85,.45); background:rgba(206,98,85,.08); }
.corporate-invoice.overdue strong { color:#b94e44; }
.finance-cash-chart { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin-top:10px; padding:9px; border-radius:12px; background:rgba(255,255,255,.035); }
.finance-cash-chart article { min-width:0; text-align:center; }
.cash-chart-column { position:relative; height:74px; border-radius:8px; background:linear-gradient(to bottom,rgba(255,255,255,.02) 49%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.02) 51%); overflow:hidden; }
.cash-chart-column i { position:absolute; left:22%; width:56%; min-height:2px; border-radius:6px; }
.cash-chart-column i.positive-bar { bottom:50%; background:#63b889; }
.cash-chart-column i.negative-bar { top:50%; background:#d96f62; }
.finance-cash-chart small,.finance-cash-chart b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.finance-cash-chart small { margin-top:5px; color:#91a39b; font-size:7px; }
.finance-cash-chart b { margin-top:2px; font-size:7px; }
@media (max-width:520px) { .finance-cash-chart { gap:2px; padding:6px; } .finance-cash-chart b { font-size:6px; } }

/* v0.16 — Ofis çalışanları ve departmanlar */
.staff-modal{width:min(1280px,96vw);max-height:92vh}
.staff-dashboard{display:grid;gap:18px;padding-bottom:12px}
.office-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px}
.office-summary-grid article{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(10,22,33,.7)}
.office-summary-grid small,.department-card header small,.office-upgrade-card small,.office-employee-card small,.staff-candidate-card small{font-size:10px;letter-spacing:.09em;color:#91a8b7}
.office-summary-grid b{font-size:23px;color:#f5f1dd}.office-summary-grid span{font-size:11px;color:#9bb0bd}
.office-upgrade-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(90,205,184,.2);border-radius:18px;background:linear-gradient(135deg,rgba(25,76,76,.75),rgba(15,28,40,.82))}
.office-upgrade-card>div{display:flex;align-items:center;gap:14px}.office-upgrade-card>div>span{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:rgba(255,255,255,.08);font-size:29px}
.office-upgrade-card h3,.department-card h3,.office-employee-card h4,.staff-candidate-card h4{margin:2px 0 4px}.office-upgrade-card p,.department-card p,.office-employee-card p,.staff-candidate-card p{margin:0;color:#aabac4;font-size:12px;line-height:1.45}
.office-upgrade-card button,.department-controls button,.staff-actions button,.staff-candidate-card>button{border:1px solid rgba(85,218,187,.3);background:rgba(47,151,136,.22);color:#eefcf7;border-radius:11px;padding:10px 13px;font-weight:700;cursor:pointer}
.office-upgrade-card button:disabled,.department-controls button:disabled,.staff-actions button:disabled,.staff-candidate-card>button:disabled{opacity:.38;cursor:not-allowed}
.department-list{display:grid;gap:14px}.department-card{padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(10,21,31,.82)}
.department-card.locked{background:rgba(13,19,27,.67)}.department-card>header{display:grid;grid-template-columns:52px 1fr auto;align-items:start;gap:13px}.department-card>header>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.07);font-size:26px}.department-card>header>strong{padding:7px 10px;border-radius:999px;background:rgba(69,187,165,.12);color:#7be0c9;font-size:12px}
.department-bonus{display:grid;grid-template-columns:minmax(180px,300px) 1fr;align-items:center;gap:13px;margin-top:13px;color:#9db1be;font-size:12px}.department-bonus>div{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.department-bonus i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#57b9aa,#b4e6af)}
.department-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}.department-controls button.active{background:rgba(82,190,123,.25);border-color:rgba(119,222,154,.45)}.department-controls>span{margin-left:auto;color:#9fb2bd;font-size:11px}
.department-employees{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:10px;margin:12px 0}.office-employee-card{padding:13px;border-radius:14px;border:1px solid rgba(114,210,192,.18);background:rgba(18,39,49,.7)}.office-employee-card header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.office-employee-card header>span{font-size:27px}.office-employee-card header>strong{font-size:11px;color:#f1d988}.staff-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.staff-metrics span{padding:7px;border-radius:9px;background:rgba(255,255,255,.045);font-size:10px;color:#9fb0ba}.staff-metrics b{display:block;margin-top:2px;color:#edf5f3;font-size:11px}.staff-actions{display:flex;gap:7px;margin-top:10px}.staff-actions button{flex:1;padding:8px}.staff-actions .subtle-danger{border-color:rgba(225,111,111,.25);background:rgba(160,63,63,.13);color:#f1b1b1}
.staff-candidate-list{display:grid;gap:8px}.staff-candidate-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:12px;border-radius:13px;border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.staff-candidate-card.locked{opacity:.58}.staff-candidate-card>span{font-size:25px}.staff-candidate-card .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.staff-candidate-card .chips span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.055);font-size:9px;color:#a9bcc7}.staff-candidate-card>button{min-width:102px}.staff-candidate-card>button small{color:inherit}
@media(max-width:900px){.office-summary-grid{grid-template-columns:repeat(2,1fr)}.department-employees{grid-template-columns:1fr}.office-upgrade-card{align-items:flex-start;flex-direction:column}.department-card>header{grid-template-columns:44px 1fr}.department-card>header>strong{grid-column:2}.department-bonus{grid-template-columns:1fr}.staff-candidate-card{grid-template-columns:38px 1fr}.staff-candidate-card>button{grid-column:1/-1}.staff-metrics{grid-template-columns:repeat(2,1fr)}}

/* v0.17 — Dinamik ekonomi ve yük piyasası */
.market-modal{width:min(1240px,96vw);max-height:93vh}
.market-dashboard{display:grid;gap:16px;max-height:80vh;overflow:auto;padding-right:6px}
.market-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(231,180,84,.25);border-radius:20px;background:linear-gradient(135deg,rgba(31,73,61,.92),rgba(14,31,42,.94));color:#f7f3e7}
.market-hero small{font-size:9px;letter-spacing:.11em;color:#e7b454;font-weight:900}.market-hero h2{margin:4px 0 5px;font-size:25px}.market-hero p{margin:0;color:#aec1ba;font-size:11px}.market-hero>strong{display:flex;flex-direction:column;align-items:center;min-width:120px;padding:14px;border-radius:16px;background:rgba(255,255,255,.07);color:#f5d889;font-size:28px}.market-hero>strong small{margin-top:3px;color:#b8c8c2;font-size:8px;letter-spacing:.04em}
.market-cost-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.market-cost-grid article{padding:13px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.market-cost-grid small,.market-cost-grid b,.market-cost-grid span{display:block}.market-cost-grid small{color:#9fb1ab;font-size:8px;font-weight:850}.market-cost-grid b{margin-top:4px;color:#f4eedc;font-size:17px}.market-cost-grid span{margin-top:3px;color:#9db2aa;font-size:8px}.market-cost-grid span.up{color:#e28b78}.market-cost-grid span.down{color:#7dd39e}
.market-two-column{display:grid;grid-template-columns:1fr 1fr;gap:13px}.market-event-list,.opportunity-list,.demand-list{display:grid;gap:7px}.market-event{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:11px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.market-event.positive{border-color:rgba(88,188,137,.26)}.market-event.negative{border-color:rgba(215,111,93,.24)}.market-event>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);font-size:22px}.market-event h3{margin:1px 0 4px;font-size:11px}.market-event p{margin:0;color:#9fb2ab;font-size:9px;line-height:1.4}
.opportunity-card{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border-radius:13px;background:rgba(231,180,84,.08);border:1px solid rgba(231,180,84,.17)}.opportunity-card>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e7b454;color:#173129;font-weight:900}.opportunity-card b,.opportunity-card small{display:block}.opportunity-card b{font-size:9px}.opportunity-card small{margin-top:2px;color:#98aba4;font-size:7px}.opportunity-card strong{color:#f5d889;font-size:11px}
.demand-card{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.demand-card b,.demand-card small{display:block}.demand-card b{font-size:9px}.demand-card small{margin-top:2px;color:#93a69f;font-size:7px}.demand-card strong{font-size:10px}.demand-card>div:last-child{grid-column:1/-1;height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.demand-card i{display:block;height:100%;border-radius:inherit;background:#7d9b91}.demand-card.hot i{background:#62bc88}.demand-card.hot strong{color:#89e0ac}.demand-card.cold i{background:#c77a68}.demand-card.cold strong{color:#e89b88}
.market-history-list{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.market-history-day{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.market-history-day small{color:#8fa39b;font-size:7px}.market-history-day b{font-size:10px}.market-history-day span{color:#c5d0cc;font-size:7px}
.market-advice{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:15px;background:rgba(77,151,124,.1);border:1px solid rgba(85,192,151,.2)}.market-advice>span{font-size:24px}.market-advice b{font-size:10px}.market-advice p{margin:5px 0 0;color:#a9bbb4;font-size:9px;line-height:1.5}.market-empty{margin:0;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);color:#9fb1aa;font-size:9px;text-align:center}
.market-tag{display:inline-block;margin-left:5px;padding:4px 7px;border-radius:999px;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.market-tag.hot{background:rgba(69,166,107,.16);color:#2e7e50}.market-tag.cold{background:rgba(202,95,74,.14);color:#a34535}.market-tag.stable{background:rgba(117,138,129,.14);color:#586e65}
#phoneScreen .market-dashboard{max-height:none;overflow:visible;padding:0}#phoneScreen .market-hero{padding:14px}#phoneScreen .market-hero h2{font-size:18px}#phoneScreen .market-hero>strong{min-width:84px;padding:9px;font-size:20px}#phoneScreen .market-cost-grid{grid-template-columns:1fr 1fr}#phoneScreen .market-two-column{grid-template-columns:1fr}#phoneScreen .market-history-list{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.market-cost-grid{grid-template-columns:repeat(3,1fr)}.market-two-column{grid-template-columns:1fr}.market-history-list{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.market-modal{width:100%;max-height:96vh;padding:14px}.market-dashboard{max-height:83vh}.market-hero{align-items:flex-start;flex-direction:column}.market-hero>strong{align-items:flex-start;width:100%}.market-cost-grid{grid-template-columns:1fr 1fr}.market-history-list{grid-template-columns:1fr 1fr}.market-tag{display:block;width:max-content;margin:5px 0 0}}

/* Telefon içindeki piyasa kartları açık arka planda okunabilir kalır. */
#phoneScreen .market-cost-grid article,
#phoneScreen .market-event,
#phoneScreen .opportunity-card,
#phoneScreen .demand-card,
#phoneScreen .market-history-day,
#phoneScreen .market-advice,
#phoneScreen .market-empty {
  background:rgba(255,255,255,.9);
  border-color:rgba(23,49,41,.12);
  color:#173129;
}
#phoneScreen .market-cost-grid small,
#phoneScreen .market-cost-grid span,
#phoneScreen .market-event p,
#phoneScreen .opportunity-card small,
#phoneScreen .demand-card small,
#phoneScreen .market-history-day small,
#phoneScreen .market-history-day span,
#phoneScreen .market-advice p,
#phoneScreen .market-empty { color:#687870; }
#phoneScreen .market-cost-grid b,
#phoneScreen .market-event h3,
#phoneScreen .opportunity-card b,
#phoneScreen .demand-card b,
#phoneScreen .market-history-day b,
#phoneScreen .market-advice b { color:#173129; }
#phoneScreen .market-event>span { background:rgba(23,49,41,.07); }
#phoneScreen .demand-card>div:last-child { background:rgba(23,49,41,.1); }
#phoneScreen .opportunity-card strong { color:#8b641f; }
#phoneScreen .demand-card.hot strong { color:#2e7e50; }
#phoneScreen .demand-card.cold strong { color:#a34535; }

/* v0.18 — Rakip şirketler ve pazar payı */
.competition-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(28,64,53,.12),rgba(194,148,62,.12));border:1px solid rgba(31,70,58,.14)}
.competition-hero small{font-size:10px;letter-spacing:.12em;color:#6e7b75}.competition-hero h2{margin:4px 0;color:#173129;font-size:22px}.competition-hero p{margin:0;color:#687870;font-size:12px;line-height:1.45}.competition-hero>strong{min-width:74px;text-align:center;padding:12px;border-radius:14px;background:#173129;color:#fff;font-size:18px}
.competitor-ranking-list{display:grid;gap:8px}.competitor-ranking-row{display:grid;grid-template-columns:30px 34px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:13px;background:rgba(23,49,41,.055);border:1px solid rgba(23,49,41,.08)}.competitor-ranking-row.player{background:rgba(47,113,80,.12);border-color:rgba(47,113,80,.25)}.competitor-ranking-row>strong{font-size:16px;color:#8b641f}.competitor-ranking-row>span{font-size:22px}.competitor-ranking-row b{display:block;color:#173129;font-size:13px}.competitor-ranking-row small{color:#718078;font-size:10px}.competitor-ranking-row em{font-style:normal;font-weight:800;color:#2f7150}
.district-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.district-leader-grid article{padding:10px;border-radius:12px;background:rgba(23,49,41,.055);display:grid;grid-template-columns:1fr auto;gap:2px 8px}.district-leader-grid small{grid-column:1/3;color:#7a877f;font-size:10px}.district-leader-grid b{font-size:12px;color:#173129}.district-leader-grid span{font-size:12px;font-weight:800;color:#8b641f}
.competitor-card-list{display:grid;gap:12px}.competitor-card{padding:13px;border-radius:16px;background:rgba(23,49,41,.045);border:1px solid rgba(23,49,41,.1)}.competitor-card.partner{border-color:rgba(47,113,80,.35);background:rgba(47,113,80,.08)}.competitor-card.distressed{border-color:rgba(178,124,36,.35)}.competitor-card.bankrupt,.competitor-card.acquired{opacity:.72}.competitor-card header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:start}.competitor-card header>span{font-size:27px}.competitor-card header small{font-size:9px;color:#75827b;letter-spacing:.06em}.competitor-card h3{margin:2px 0 3px;color:#173129;font-size:15px}.competitor-card header p{margin:0;font-size:11px;color:#697770;line-height:1.4}.competitor-card header em{font-style:normal;color:#2f7150;font-weight:900}.competitor-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.competitor-metrics span{padding:7px;border-radius:9px;background:rgba(23,49,41,.06);font-size:9px;color:#75827b}.competitor-metrics b{display:block;margin-top:2px;color:#173129;font-size:11px}.competitor-metrics b.negative{color:#a34535}.competitor-action-note{margin:9px 0 0!important;font-size:10px!important;color:#6f7d76!important}.competitor-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.competitor-actions button{padding:8px;border-radius:10px;font-size:10px}.competitor-actions button small{display:block;font-size:8px;opacity:.72}
.subcontract-list,.subcontract-history-list,.competitor-event-list{display:grid;gap:8px}.subcontract-card{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:11px;border-radius:14px;background:rgba(194,148,62,.09);border:1px solid rgba(155,112,32,.16)}.subcontract-card>span{font-size:24px}.subcontract-card small{font-size:9px;color:#7c796d}.subcontract-card h3{margin:2px 0;font-size:13px;color:#173129}.subcontract-card p{margin:0;font-size:10px;line-height:1.4;color:#6d7973}.subcontract-card div>div{display:flex;gap:8px;align-items:center;margin-top:6px}.subcontract-card div>div b{color:#8b641f}.subcontract-card div>div span{font-size:9px;color:#728078}.subcontract-card button{max-width:92px;padding:8px;font-size:9px;border-radius:10px}.subcontract-history{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;background:rgba(23,49,41,.055)}.subcontract-history b{display:block;font-size:11px;color:#173129}.subcontract-history small{font-size:9px;color:#77847d}.subcontract-history strong{font-size:11px;color:#2f7150}.subcontract-history.failed strong{color:#a34535}
.competitor-event{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:10px;border-radius:12px;background:rgba(23,49,41,.045)}.competitor-event>span{font-size:23px}.competitor-event small{font-size:9px;color:#7d8983}.competitor-event b{display:block;color:#173129;font-size:12px;margin:1px 0}.competitor-event p{margin:0;color:#6f7c75;font-size:10px;line-height:1.4}
@media(max-width:640px){.competitor-metrics{grid-template-columns:repeat(2,1fr)}.district-leader-grid{grid-template-columns:1fr}.subcontract-card{grid-template-columns:30px 1fr}.subcontract-card button{grid-column:1/3;max-width:none}.competition-hero{align-items:flex-start}.competition-hero>strong{min-width:62px;font-size:15px}.competitor-actions{grid-template-columns:1fr 1fr}}

/* v0.19 — Risk, sigorta ve hasar yönetimi */
.risk-modal { width:min(1120px,96vw); }
.risk-dashboard { max-height:68vh; overflow:auto; padding-right:6px; }
.risk-hero { display:grid; grid-template-columns:1fr minmax(180px,280px); gap:20px; align-items:center; padding:18px; border-radius:18px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.055); }
.risk-hero small { color:#b8c7c1; letter-spacing:.1em; }
.risk-hero h2 { margin:5px 0; }
.risk-hero p { margin:0; color:#c5d1cd; line-height:1.5; }
.risk-hero.risk-low h2 { color:#8ed4af; }
.risk-hero.risk-medium h2 { color:#f2cf83; }
.risk-hero.risk-high h2,.risk-hero.risk-critical h2 { color:#ef9b91; }
.risk-gauge { height:16px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.09); }
.risk-gauge i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#68b58c,#e8bd65,#d6675d); }
.risk-summary-grid { display:grid; grid-template-columns:repeat(6,minmax(120px,1fr)); gap:9px; margin:12px 0 18px; }
.risk-summary-grid article { padding:13px; border-radius:14px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.07); }
.risk-summary-grid small,.risk-summary-grid b { display:block; }
.risk-summary-grid small { color:#aebfba; font-size:11px; }
.risk-summary-grid b { margin-top:5px; color:#f2cf83; font-size:17px; }
.insurance-policy-list,.risk-event-list,.insurance-claim-list,.risk-history-list { display:grid; gap:10px; }
.insurance-policy-card { padding:15px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); }
.insurance-policy-card.active { border-color:#6fb790; background:rgba(83,158,119,.12); }
.insurance-policy-card.locked { opacity:.72; }
.insurance-policy-card header { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; }
.insurance-policy-card header > span { font-size:30px; }
.insurance-policy-card h3,.insurance-policy-card p { margin:0; }
.insurance-policy-card header small { color:#aebfba; }
.insurance-policy-card header em { font-style:normal; font-size:11px; padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.08); }
.insurance-policy-card.active header em { background:#4f9b78; color:white; }
.insurance-policy-card > p { color:#c2cfca; line-height:1.45; margin:10px 0; }
.insurance-policy-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.insurance-policy-metrics span { padding:8px; border-radius:10px; background:rgba(255,255,255,.055); color:#afc0ba; font-size:12px; }
.insurance-policy-metrics b { display:block; color:#f2cf83; margin-top:3px; }
.insurance-covers { display:block; color:#93aaa2; margin:9px 0; line-height:1.45; }
.insurance-policy-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.insurance-policy-card footer span { color:#b7c7c1; font-size:12px; }
.insurance-policy-card footer button { min-width:160px; }
.risk-event-card { display:grid; grid-template-columns:auto 1fr; gap:12px; padding:14px; border-radius:15px; background:rgba(255,255,255,.05); border-left:4px solid #e7b454; }
.risk-event-card.severity-4,.risk-event-card.severity-5 { border-left-color:#d6675d; background:rgba(170,75,65,.12); }
.risk-event-card > span { font-size:28px; }
.risk-event-card h3,.risk-event-card p { margin:0; }
.risk-event-card p { color:#bdcac5; margin-top:4px; line-height:1.45; }
.risk-event-card small { color:#a7b9b3; }
.risk-event-card footer { display:flex; justify-content:space-between; gap:10px; margin-top:9px; font-size:12px; }
.risk-event-card footer b { color:#f2cf83; }
.insurance-claim-card,.risk-history-row { display:grid; grid-template-columns:auto 1fr auto; gap:11px; align-items:center; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.07); }
.insurance-claim-card > span,.risk-history-row > span { font-size:22px; }
.insurance-claim-card b,.insurance-claim-card p,.risk-history-row b { display:block; margin:0; }
.insurance-claim-card p,.insurance-claim-card small,.risk-history-row small { color:#adbfB8; font-size:12px; margin-top:3px; }
.insurance-claim-card strong,.risk-history-row strong { color:#f2cf83; white-space:nowrap; }
.insurance-claim-card.paid { border-color:rgba(86,171,126,.45); }
.insurance-claim-card.rejected { border-color:rgba(211,91,79,.45); }
.risk-advice { display:flex; gap:12px; padding:15px; border-radius:15px; margin-top:16px; background:rgba(231,180,84,.09); border:1px solid rgba(231,180,84,.22); }
.risk-advice > span { font-size:25px; }
.risk-advice b,.risk-advice p { margin:0; }
.risk-advice p { color:#c7d2ce; margin-top:4px; line-height:1.45; }
@media (max-width:900px) {
  .risk-summary-grid { grid-template-columns:repeat(3,1fr); }
  .insurance-policy-metrics { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:760px) {
  .risk-dashboard { max-height:none; overflow:visible; }
  .risk-hero { grid-template-columns:1fr; }
  .risk-summary-grid { grid-template-columns:repeat(2,1fr); }
  .insurance-policy-card footer { align-items:stretch; flex-direction:column; }
  .insurance-policy-card footer button { width:100%; }
  .risk-event-card footer { flex-direction:column; }
  .insurance-claim-card,.risk-history-row { grid-template-columns:auto 1fr; }
  .insurance-claim-card strong,.risk-history-row strong { grid-column:2; }
}

/* v0.20 — Şirket büyümesi, bölgesel ofisler ve özel operasyonlar */
.growth-modal{width:min(1220px,95vw);max-height:92vh}
.growth-dashboard{display:grid;gap:20px;padding-bottom:22px}
.growth-hero{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px 18px;padding:22px;border:1px solid rgba(231,180,84,.48);border-radius:22px;background:linear-gradient(135deg,rgba(23,49,41,.98),rgba(50,82,66,.94));color:#fff8df;overflow:hidden}
.growth-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-70px;top:-95px;background:rgba(231,180,84,.13)}
.growth-hero small{font-size:.72rem;letter-spacing:.08em;opacity:.78}
.growth-hero h2{margin:3px 0 6px;font-size:1.55rem}
.growth-hero p{margin:0;max-width:720px;color:rgba(255,248,223,.78)}
.growth-hero>strong{align-self:center;font-size:1.2rem;z-index:1}
.growth-level-progress{grid-column:1/-1;height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.growth-level-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e7b454,#f7d98d)}
.growth-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}
.growth-summary-grid article{padding:14px;border-radius:16px;background:rgba(255,248,223,.86);border:1px solid rgba(23,49,41,.14);display:grid;gap:5px}
.growth-summary-grid small{color:#63736b;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.growth-summary-grid b{font-size:1rem;color:#173129}
.growth-region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.growth-region-card{padding:17px;border-radius:20px;border:1px solid rgba(23,49,41,.16);background:rgba(255,248,223,.91);display:grid;gap:12px}
.growth-region-card.locked{filter:saturate(.68);background:rgba(230,228,214,.9)}
.growth-region-card header{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}
.growth-region-card header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#173129;color:#fff8df;font-size:1.35rem}
.growth-region-card header small{font-size:.65rem;color:#7b897f;letter-spacing:.06em}
.growth-region-card h3{margin:2px 0 0;font-size:1.03rem;color:#173129}
.growth-region-card header em{font-style:normal;font-size:.68rem;padding:6px 9px;border-radius:999px;background:#e8d8a8;color:#4b3d1c}
.growth-region-card>p{margin:0;color:#5e6b65;line-height:1.45;font-size:.84rem}
.growth-region-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.growth-region-stats span{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:10px;background:rgba(23,49,41,.06);font-size:.72rem;color:#647168}
.growth-region-stats b{color:#173129}
.growth-office-meter{display:grid;gap:7px}
.growth-office-meter>div{display:flex;justify-content:space-between;gap:12px;font-size:.72rem;color:#5f6d65}
.growth-office-meter>div b{color:#173129}
.growth-office-meter>i{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#70a887,#e7b454)}
.growth-region-card button,.growth-project-card button,.growth-certificate-card button{border:0;border-radius:12px;padding:10px 12px;background:#173129;color:#fff8df;font-weight:800;cursor:pointer}
.growth-region-card button:disabled,.growth-project-card button:disabled,.growth-certificate-card button:disabled{opacity:.42;cursor:not-allowed}
.growth-reason{display:block;color:#8a665e;font-size:.68rem;line-height:1.4}
.growth-certificate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.growth-certificate-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border-radius:17px;border:1px solid rgba(23,49,41,.14);background:rgba(255,248,223,.88)}
.growth-certificate-card.owned{border-color:rgba(79,155,120,.65);box-shadow:inset 4px 0 #4f9b78}
.growth-certificate-card>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:rgba(23,49,41,.09);font-size:1.35rem}
.growth-certificate-card small{font-size:.64rem;color:#738078;letter-spacing:.06em}
.growth-certificate-card h3{margin:2px 0 4px;font-size:.95rem;color:#173129}
.growth-certificate-card p{margin:0;color:#647168;font-size:.76rem;line-height:1.4}
.growth-certificate-card em{display:block;margin-top:5px;font-style:normal;font-size:.65rem;color:#8a665e}
.growth-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.growth-project-card{display:grid;gap:11px;padding:16px;border-radius:18px;border:1px solid rgba(23,49,41,.15);background:rgba(255,248,223,.9)}
.growth-project-card.available{border-color:rgba(231,180,84,.72);box-shadow:0 10px 26px rgba(23,49,41,.08)}
.growth-project-card header{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.growth-project-card header>span{font-size:1.5rem}
.growth-project-card header small{font-size:.63rem;color:#78847d;letter-spacing:.05em}
.growth-project-card h3{margin:2px 0 0;color:#173129;font-size:1rem}
.growth-project-card>p{margin:0;color:#647168;font-size:.78rem;line-height:1.45}
.growth-project-stats{display:flex;flex-wrap:wrap;gap:6px}
.growth-project-stats span{padding:6px 8px;border-radius:999px;background:rgba(23,49,41,.07);font-size:.66rem;color:#58655e}
.growth-project-card footer{display:flex;align-items:end;justify-content:space-between;gap:12px}
.growth-project-card footer div{display:grid;gap:2px}
.growth-project-card footer small{font-size:.65rem;color:#748179}
.growth-project-card footer b{font-size:1rem;color:#267252}
.growth-active-list,.growth-history-list{display:grid;gap:9px}
.growth-operation-active,.growth-history-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,248,223,.88);border:1px solid rgba(23,49,41,.12)}
.growth-operation-active>span,.growth-history-item>span{font-size:1.25rem}
.growth-operation-active b,.growth-history-item b{display:block;color:#173129;font-size:.84rem}
.growth-operation-active small,.growth-history-item small{color:#708078;font-size:.69rem}
.growth-operation-active>strong{color:#b57a20;font-size:.78rem}
.growth-history-item.failed{box-shadow:inset 4px 0 #bd665b}
.growth-history-item.completed{box-shadow:inset 4px 0 #4f9b78}
.growth-advice{display:flex;gap:12px;padding:16px;border-radius:17px;background:rgba(79,155,120,.11);border:1px solid rgba(79,155,120,.3)}
.growth-advice>span{font-size:1.35rem}
.growth-advice b{color:#173129}
.growth-advice p{margin:4px 0 0;color:#5d6b63;font-size:.78rem;line-height:1.5}
.phone-screen .growth-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.phone-screen .growth-region-list,.phone-screen .growth-certificate-list,.phone-screen .growth-project-list{grid-template-columns:1fr}
.phone-screen .growth-hero{grid-template-columns:1fr;padding:16px}
.phone-screen .growth-hero>strong{justify-self:start}
.phone-screen .growth-region-card,.phone-screen .growth-project-card{padding:13px}
.phone-screen .growth-certificate-card{grid-template-columns:auto 1fr}
.phone-screen .growth-certificate-card button{grid-column:1/-1}

@media (max-width:900px){
  .growth-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .growth-region-list,.growth-certificate-list,.growth-project-list{grid-template-columns:1fr}
}
@media (max-width:560px){
  .growth-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-hero{grid-template-columns:1fr;padding:16px}
  .growth-hero>strong{justify-self:start}
  .growth-region-card header{grid-template-columns:auto 1fr}
  .growth-region-card header em{grid-column:1/-1;justify-self:start}
  .growth-certificate-card{grid-template-columns:auto 1fr}
  .growth-certificate-card button{grid-column:1/-1;width:100%}
  .growth-project-card footer{align-items:stretch;flex-direction:column}
}

/* v0.21 — Kariyer, görevler ve başarımlar */
.progression-modal{max-width:1180px}
.progression-dashboard{max-height:68vh;overflow:auto;padding-right:6px;display:grid;gap:14px}
.progression-hero{display:grid;grid-template-columns:1fr auto;gap:12px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#173129,#295246);color:#fff8df;position:relative;overflow:hidden}
.progression-hero::after{content:"";position:absolute;right:-44px;top:-56px;width:190px;height:190px;border-radius:50%;background:rgba(231,180,84,.13)}
.progression-hero small{color:#c7d9d1;font-size:.7rem;letter-spacing:.08em}
.progression-hero h2{margin:4px 0 5px;font-size:1.5rem}
.progression-hero p{margin:0;color:#d4e0db}
.progression-hero>strong{position:relative;z-index:1;display:grid;place-items:center;min-width:110px;padding:12px;border-radius:17px;background:rgba(255,255,255,.09);font-size:1.65rem;color:#f2cf83}
.progression-hero>strong small{display:block;text-align:center;font-size:.62rem;color:#d7e1dd}
.progression-level-meter{grid-column:1/-1;height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.progression-level-meter i,.progression-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e7b454,#f6d98d)}
.progression-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:9px}
.progression-stat-grid article{padding:13px;border-radius:15px;background:rgba(255,248,223,.9);border:1px solid rgba(23,49,41,.13);display:grid;gap:4px}
.progression-stat-grid small{font-size:.66rem;color:#728078;text-transform:uppercase;letter-spacing:.05em}
.progression-stat-grid b{font-size:.95rem;color:#173129}
.career-mission-list,.progression-challenge-list,.achievement-list{display:grid;gap:9px}
.career-mission,.progression-challenge{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:17px;background:rgba(255,248,223,.9);border:1px solid rgba(23,49,41,.13)}
.career-mission.completed,.progression-challenge.completed{border-color:rgba(79,155,120,.58);box-shadow:inset 4px 0 #4f9b78}
.career-mission.claimed{opacity:.72}
.career-mission>span,.progression-challenge>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#173129;color:#fff8df;font-size:1.25rem}
.career-mission small,.progression-challenge small,.achievement-card small,.skill-branch small{font-size:.62rem;color:#748179;letter-spacing:.06em}
.career-mission h3,.progression-challenge h3,.achievement-card h3,.skill-branch h3{margin:2px 0 4px;color:#173129;font-size:.95rem}
.career-mission p,.progression-challenge p,.achievement-card p,.skill-branch p{margin:0;color:#647168;font-size:.75rem;line-height:1.4}
.career-mission em,.progression-challenge em{font-style:normal;color:#6a786f;font-size:.66rem}
.progression-meter{height:7px;border-radius:999px;background:rgba(23,49,41,.1);overflow:hidden;margin:8px 0 5px}
.career-mission footer,.progression-challenge footer{display:grid;gap:8px;justify-items:end;min-width:180px}
.career-mission footer b,.progression-challenge footer b{color:#8c681e;font-size:.7rem;text-align:right}
.career-mission button,.progression-challenge button,.achievement-card button,.skill-branch button{border:0;border-radius:11px;padding:9px 11px;background:#173129;color:#fff8df;font-weight:800;cursor:pointer}
.career-mission button:disabled,.progression-challenge button:disabled,.achievement-card button:disabled,.skill-branch button:disabled{opacity:.42;cursor:not-allowed}
.skill-branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.skill-branch{display:grid;gap:10px;padding:16px;border-radius:18px;background:rgba(255,248,223,.91);border:1px solid rgba(23,49,41,.14)}
.skill-branch header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.skill-branch header>span{font-size:1.35rem}
.skill-branch header strong{padding:5px 8px;border-radius:999px;background:#e7d7a8;color:#4e401d;font-size:.7rem}
.skill-branch>em{font-style:normal;color:#5c6c63;font-size:.72rem;min-height:34px}
.skill-pips{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.skill-pips i{height:7px;border-radius:999px;background:rgba(23,49,41,.11)}
.skill-pips i.active{background:#e7b454}
.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.achievement-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:13px;border-radius:16px;background:rgba(255,248,223,.88);border:1px solid rgba(23,49,41,.13)}
.achievement-card.unlocked{border-color:rgba(231,180,84,.72);box-shadow:inset 4px 0 #e7b454}
.achievement-card.locked{filter:saturate(.45);opacity:.72}
.achievement-card>span{font-size:1.35rem}
.achievement-card em{font-style:normal;color:#738078;font-size:.66rem}
.progression-help{display:flex;gap:12px;padding:15px;border-radius:17px;background:rgba(79,155,120,.11);border:1px solid rgba(79,155,120,.3)}
.progression-help>span{font-size:1.35rem}
.progression-help b{color:#173129}
.progression-help p{margin:4px 0 0;color:#5d6b63;font-size:.77rem;line-height:1.5}
.tutorial>small{display:block;color:#e7b454;font-size:.64rem;letter-spacing:.1em;margin-bottom:5px}
.tutorial>b{display:block;font-size:1rem}
.tutorial-actions{display:flex;gap:8px;margin-top:12px}
.tutorial-actions button{flex:1}
.phone-screen .progression-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.phone-screen .career-mission,.phone-screen .progression-challenge{grid-template-columns:auto 1fr}
.phone-screen .career-mission footer,.phone-screen .progression-challenge footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}
.phone-screen .skill-branch-grid,.phone-screen .achievement-list{grid-template-columns:1fr}
.phone-screen .progression-hero{grid-template-columns:1fr;padding:16px}
.phone-screen .progression-hero>strong{justify-self:start}
.phone-screen .achievement-card{grid-template-columns:auto 1fr}
.phone-screen .achievement-card button{grid-column:1/-1;width:100%}
@media (max-width:900px){
  .progression-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .skill-branch-grid,.achievement-list{grid-template-columns:1fr}
}
@media (max-width:620px){
  .progression-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .progression-hero{grid-template-columns:1fr;padding:16px}
  .progression-hero>strong{justify-self:start}
  .career-mission,.progression-challenge{grid-template-columns:auto 1fr}
  .career-mission footer,.progression-challenge footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0}
  .achievement-card{grid-template-columns:auto 1fr}
  .achievement-card button{grid-column:1/-1;width:100%}
}

/* v1.0 — zaman akışı, yayın arayüzü ve performans düzeni */
.topbar{min-height:96px}
.clock{top:7px;min-width:112px;padding:7px 16px 9px}
.day-progress{width:100%;height:3px;margin-top:5px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.day-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e7b454,#f5d997);transition:width .35s linear}
.time-controls{position:absolute;left:50%;top:58px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:999px;background:rgba(5,17,14,.56);border:1px solid rgba(255,255,255,.1)}
.time-controls button{min-width:31px;height:27px;padding:0 8px;border-radius:999px;background:transparent;color:#c4d1cc;font-size:11px}
.time-controls button:hover,.time-controls button.active{background:#e7b454;color:#1b2b26}
.time-controls small{min-width:68px;padding:0 7px;color:#b8c7c1;font-size:9px;text-align:center;white-space:nowrap}
/* v1.0.1 — panel açma düğmesi, panel kapalıyken erişilebilir kalır.
   Kaydırma panel-main-scroll içinde yapılır; dış taşmayı kırpmak düğmeyi görünmez yapıyordu. */
.left-panel{top:132px;max-height:calc(100vh - 150px);overflow:visible}
.panel-toggle{z-index:6;pointer-events:auto}
.release-card{border-color:rgba(231,180,84,.34)!important;background:linear-gradient(135deg,rgba(231,180,84,.14),rgba(79,155,120,.1))!important}
.phone-setting-list input.hidden{display:none}

@media (max-width:980px) and (min-width:761px){
  .time-controls{left:46%}
  .time-controls small{display:none}
  .stats span:nth-child(3){display:none}
}
@media (max-width:760px){
  .topbar{min-height:70px}
  .clock{top:72px;padding:6px 14px 8px}
  .time-controls{top:121px;left:50%;width:max-content}
  .time-controls button{height:25px;min-width:29px;padding:0 7px}
  .time-controls small{min-width:62px}
  .tutorial{top:166px}
  .left-panel{top:auto;max-height:48vh;overflow:visible}
}
@media (max-width:390px){
  .time-controls small{display:none}
  .time-controls{top:121px}
  .tutorial{top:160px}
}

.help-modal {
  max-width: min(980px, 96vw);
}

.help-content {
  display: grid;
  gap: 14px;
  max-height: min(72vh, 860px);
  overflow: auto;
  padding-right: 4px;
}

.help-section {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 14px 16px;
}

.help-section h3 {
  margin: 0 0 8px;
}

.help-section p,
.help-section li,
.help-section ol,
.help-section ul {
  color: rgba(245, 248, 244, 0.86);
}

.help-section ol,
.help-section ul {
  margin: 0;
  padding-left: 18px;
}

.garage-site-section {
  display: grid;
  gap: 12px;
  margin: 10px 0 16px;
}

.garage-site-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.garage-site-card {
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 10px;
}

.garage-site-card.active {
  border-color: rgba(244, 207, 114, 0.45);
  box-shadow: 0 0 0 1px rgba(244, 207, 114, 0.18) inset;
}

.garage-site-card header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
}

.garage-site-card header > span {
  font-size: 1.6rem;
}

.garage-site-card h3 {
  margin: 0;
  font-size: 1rem;
}

.garage-site-card p {
  margin: 0;
  color: rgba(245, 248, 244, 0.8);
  line-height: 1.45;
}

.garage-site-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}