﻿/* PRODUCTION DESIGN SYSTEM 20K — unified TelkoProjekt Mission Control */
:root{--tp-bg:#020a12;--tp-panel:#071824;--tp-panel2:#0a2131;--tp-line:#183d52;--tp-cyan:#38c8f4;--tp-blue:#078bc5;--tp-text:#edf8fc;--tp-muted:#8daaba;--tp-ok:#4ed59a;--tp-warn:#ffc466;--tp-danger:#ff6571;--tp-radius:14px;--tp-shadow:0 18px 48px rgba(0,0,0,.24)}
html{background:var(--tp-bg);color-scheme:dark}body{background:radial-gradient(circle at 75% -10%,rgba(20,142,194,.16),transparent 32%),linear-gradient(180deg,#020b14,#04111b 55%,#020a12)!important;color:var(--tp-text)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:.002em}
body:before{content:"TELKOPROJEKT  •  PROJECT MISSION CONTROL";display:block;position:sticky;top:0;z-index:9999;padding:7px 18px;background:rgba(2,10,18,.94);border-bottom:1px solid rgba(56,200,244,.2);color:#78dafa;font-size:10px;font-weight:800;letter-spacing:.16em;text-align:right;backdrop-filter:blur(16px)}
a{color:inherit}h1,h2,h3{letter-spacing:-.025em}h1{font-weight:800}h2{color:#f5fbff}.muted{color:var(--tp-muted)!important}.ok{color:var(--tp-ok)!important}.warn{color:var(--tp-warn)!important}.red{color:var(--tp-danger)!important}
.w,.shell,.wrap,.container,.page{width:min(1560px,96vw)!important;margin-inline:auto!important}.top{min-height:64px!important;align-items:center!important;border-color:var(--tp-line)!important;background:rgba(5,20,31,.72)!important;padding:14px 18px!important;border-radius:0 0 14px 14px!important;backdrop-filter:blur(14px)}
.c,.card,.panel,.project,.screen,.asset-mission,.asset-metric{background:linear-gradient(180deg,rgba(10,34,50,.96),rgba(5,22,34,.96))!important;border:1px solid var(--tp-line)!important;border-radius:var(--tp-radius)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.c,.card,.panel,.asset-mission{padding:20px!important}.c:hover,.card:hover,.project:hover{border-color:#236582!important}.grid,.g{gap:14px!important}.row{border-color:rgba(64,132,164,.22)!important}
.btn,.button,button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 15px!important;border:1px solid #25749a!important;border-radius:10px!important;background:linear-gradient(180deg,#0a557d,#073d5d)!important;color:#f4fbff!important;text-decoration:none!important;font-weight:750!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;transition:.16s ease!important}.btn:hover,.button:hover,button:hover{transform:translateY(-1px)!important;border-color:var(--tp-cyan)!important;background:linear-gradient(180deg,#0877aa,#07517a)!important}
input,select,textarea{background:#041521!important;color:var(--tp-text)!important;border:1px solid #24536b!important;border-radius:9px!important;padding:10px!important}table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}th{background:#09283a!important;color:#aeeaff!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important}td,th{border-bottom:1px solid #16384a!important;padding:11px 12px!important}
.phone{background:#020b12!important;border-color:#244d63!important;box-shadow:var(--tp-shadow)!important}.screen{padding:14px!important}.footnav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:18px 0!important}
.asset-mission{margin:16px auto!important;max-width:1560px!important}.asset-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.asset-metric{padding:16px!important}.asset-metric b,.asset-metric span{display:block!important}.asset-metric span{margin-top:6px!important;color:var(--tp-muted)!important}
@media(max-width:1000px){.asset-metrics{grid-template-columns:repeat(2,1fr)!important}.g,.grid{grid-template-columns:1fr 1fr!important}}@media(max-width:700px){body:before{text-align:center}.w,.shell,.wrap,.container,.page{width:100%!important;padding-inline:12px!important}.g,.grid,.asset-metrics{grid-template-columns:1fr!important}.top{border-radius:0!important}.c,.card,.panel{padding:16px!important}.btn,.button,button{width:100%!important}}
