/* V12 Premium Polish — Zirve Project Cargo Lashing */
:root{
    --zv12-navy:#061f3f;
    --zv12-blue:#1268d8;
    --zv12-blue2:#2f80ed;
    --zv12-soft:#eef6ff;
    --zv12-bg:#f4f8fc;
    --zv12-card:#ffffff;
    --zv12-text:#102c52;
    --zv12-muted:#738095;
    --zv12-line:#dfe8f1;
    --zv12-green:#10a66a;
    --zv12-amber:#c7800c;
    --zv12-red:#dd3444;
    --zv12-shadow:0 18px 55px rgba(16,44,82,.10);
}
body{background:linear-gradient(180deg,#f7fbff 0%,#edf4f8 100%) !important;color:var(--zv12-text)}
.z25-sidebar,.z231-side{
    background:
        radial-gradient(circle at 25% 4%,rgba(55,140,255,.25),transparent 30%),
        linear-gradient(180deg,#061f3f 0%,#082f5e 56%,#061f3f 100%) !important;
}
.z25-brand img,.z231-brand img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.20))}
.z25-main,.z231-main{background:transparent !important}
.z25-topbar,.z231-topbar{
    background:rgba(255,255,255,.86) !important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(223,232,241,.85) !important;
}
.z25-search,.z231-search{box-shadow:0 8px 28px rgba(16,44,82,.05)}
.z25-card,.z231-panel,.z231-hero,.z231-summary,.mc-card,.z23-panel,.operation-section,.container-card{
    border:1px solid rgba(223,232,241,.92) !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:var(--zv12-shadow) !important;
}
.z231-hero{
    position:relative;
    overflow:hidden;
    min-height:210px;
}
.z231-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.86) 46%,rgba(18,104,216,.18) 100%),
        radial-gradient(circle at 84% 26%,rgba(18,104,216,.18),transparent 30%);
}
.z231-hero>*{position:relative;z-index:1}
.z231-hero-icon{
    background:#e9f3ff !important;
    box-shadow:0 14px 35px rgba(18,104,216,.12) !important;
    color:var(--zv12-blue) !important;
}
.z231-hero h1,.z25-card h2,.z231-panel h2,.mc-page-head h1{
    letter-spacing:-.045em !important;
    color:#09274b !important;
}
.z231-actions a,.z25-row-open,.z23-arrow,.mc-filter button{
    transition:transform .14s ease,box-shadow .14s ease,background .14s ease !important;
}
.z231-actions a:hover,.z25-row-open:hover,.z23-arrow:hover,.mc-filter button:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 30px rgba(18,104,216,.16) !important;
}
.z231-actions a.primary,.mc-filter button{
    background:linear-gradient(135deg,#1268d8,#0d55b4) !important;
    color:#fff !important;
}
.z231-actions a.secondary{
    background:#fff !important;
    border:1px solid var(--zv12-line) !important;
    color:#0c2e58 !important;
}
.z231-actions a.danger{
    background:#fff7f7 !important;
    color:var(--zv12-red) !important;
    border:1px solid #f3c1c8 !important;
}
.z231-summary article{
    border-radius:20px !important;
    background:linear-gradient(180deg,#fff,#f9fcff) !important;
}
.z231-container-list{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr)) !important;
    gap:14px !important;
}
.z231-container-card{
    min-height:170px;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:18px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,#fff,#f9fcff) !important;
    border:1px solid #dfe8f1 !important;
}
.z231-container-icon{
    margin:0 auto !important;
    width:56px !important;
    height:56px !important;
    border-radius:18px !important;
    background:#e9f3ff !important;
    color:var(--zv12-blue) !important;
}
.z231-container-copy{text-align:center !important}
.z231-container-copy strong{
    font-size:16px !important;
    text-transform:uppercase !important;
}
.z231-container-copy small{
    justify-content:center;
    color:var(--zv12-muted) !important;
}
.z231-container-state{
    display:grid !important;
    gap:8px !important;
    text-align:center !important;
}
.z231-container-state em{
    justify-content:center !important;
    margin:auto !important;
    border-radius:999px !important;
    background:#e8f2ff !important;
    color:#1268d8 !important;
}
.z231-cprogress,.z25-progress,.z23-progress{
    height:8px !important;
    border-radius:999px !important;
    overflow:hidden !important;
    background:#e6edf5 !important;
}
.z231-cprogress i,.z25-progress i,.z23-progress i{
    height:100% !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,#1268d8,#28a8ff) !important;
}
.z231-cprogress i.done{background:linear-gradient(90deg,#10a66a,#32d995) !important}
.z231-timeline .z231-time-row,.z23-live-list a,.z23-updates a,.mc-timeline a{
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #e8eef5 !important;
}
.z231-photo-preview img,.z231-photo-group img,.z23-photos img,.inline-photo-item img{
    border-radius:16px !important;
    box-shadow:0 12px 28px rgba(16,44,82,.10) !important;
}
.mc-body,.z23-body{
    background:linear-gradient(180deg,#f7fbff 0%,#eef4f8 100%) !important;
}
.mc-sidebar{
    background:
        radial-gradient(circle at 20% 4%,rgba(55,140,255,.24),transparent 28%),
        linear-gradient(180deg,#061f3f,#082f5e 58%,#061f3f) !important;
}
.mc-nav a.active,.mc-bottom-nav a.active{
    background:linear-gradient(135deg,#1268d8,#0d55b4) !important;
}
.mc-timeline.full{
    display:grid;
    gap:10px;
}
.mc-timeline.full a{
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:flex-start;
    padding:14px 16px;
    text-decoration:none;
}
.mc-timeline.full i{
    width:12px;height:12px;border-radius:50%;
    margin-top:5px;
    background:linear-gradient(135deg,#1268d8,#10a66a);
    box-shadow:0 0 0 5px #e9f3ff;
}
.live-offline .mc-page-head::after{
    content:"Canlı bağlantı yeniden kuruluyor...";
    display:inline-block;
    margin-top:10px;
    padding:8px 12px;
    border-radius:999px;
    background:#fff5e7;
    color:#9b5b00;
    font-weight:800;
}
.operation-card,.closed-list a,.container-card,.state-card,.progress-card{
    border-radius:24px !important;
    box-shadow:0 14px 38px rgba(15,45,75,.08) !important;
}
.primary-button,.action-button,.finish-button{
    background:linear-gradient(135deg,#1268d8,#0d55b4) !important;
    color:#fff !important;
}
.auto-photo-button{
    border-radius:18px !important;
    background:#f5f9ff !important;
    border:1px solid #dce8f5 !important;
}
.background-upload-box{
    border-radius:22px !important;
    box-shadow:0 22px 60px rgba(6,31,63,.20) !important;
}
@media(max-width:780px){
    .z231-container-list{grid-template-columns:1fr !important}
    .z231-container-card{min-height:auto}
}