/* =========================================================
   DVZ Pro v38 — simple daily home
   Головна мета: один автомобіль → одна зрозуміла дія зараз.
========================================================= */

.home-today{
    margin:0 0 10px;
}

.home-today-loading,
.home-today-empty,
.home-today-car{
    border:1px solid rgba(71,201,255,.18);
    border-radius:20px;
    background:
        radial-gradient(circle at 100% 0%,rgba(44,189,246,.10),transparent 38%),
        linear-gradient(145deg,rgba(15,23,31,.98),rgba(9,15,21,.97));
    box-shadow:0 10px 28px rgba(0,0,0,.18);
}

.home-today-loading[hidden]{display:none}

.home-today-loading{
    min-height:76px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px;
}
.home-today-loading strong,
.home-today-loading small{
    display:block;
}
.home-today-loading strong{font-size:13px}
.home-today-loading small{margin-top:3px;color:#74838e;font-size:9px}
.home-today-pulse{
    width:38px;height:38px;flex:0 0 38px;border-radius:13px;
    background:rgba(55,198,255,.10);
    box-shadow:inset 0 0 0 1px rgba(88,209,255,.15);
    animation:homeTodayPulse 1.2s ease-in-out infinite;
}
@keyframes homeTodayPulse{50%{opacity:.45}}

.home-today-empty{
    display:grid;
    grid-template-columns:42px 1fr;
    gap:11px;
    padding:13px;
}
.home-today-empty[hidden]{display:none}
.home-today-empty-icon{
    width:42px;height:42px;display:grid;place-items:center;
    border-radius:13px;background:rgba(62,204,255,.08);
    border:1px solid rgba(70,205,255,.14);
    font-size:20px;
}
.home-today-empty-copy{min-width:0}
.home-today-empty-copy>span,
.home-today-kicker{
    display:block;color:#61cff9;font-size:7.5px;font-weight:950;letter-spacing:.10em;
}
.home-today-empty-copy>strong{
    display:block;margin-top:3px;font-size:14px;
}
.home-today-empty-copy>small{
    display:block;margin-top:4px;color:#86939d;font-size:9px;line-height:1.42;
}
.home-today-empty .home-today-primary{
    grid-column:1/-1;
}

.home-today-car{
    padding:14px;
    transition:border-color .2s ease,background .2s ease;
}
.home-today-car[hidden]{display:none}
.home-today-car.is-good{border-color:rgba(75,222,155,.20)}
.home-today-car.is-warning{border-color:rgba(239,190,82,.22)}
.home-today-car.is-danger{border-color:rgba(255,103,103,.22)}
.home-today-car.is-accent{border-color:rgba(75,203,255,.25)}

.home-today-head{
    display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}
.home-today-head>div{min-width:0}
.home-today-head strong{
    display:block;margin-top:3px;color:#f2f7f9;font-size:16px;line-height:1.18;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home-today-head small{
    display:block;margin-top:3px;color:#74828d;font-size:8.5px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home-today-garage-link{
    flex:0 0 auto;padding:6px 8px;border:1px solid rgba(255,255,255,.07);
    border-radius:10px;background:rgba(255,255,255,.025);
    color:#8ad9f7;text-decoration:none;font-size:8px;font-weight:850;
}

.home-today-main{
    display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;
    margin-top:12px;padding:11px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;background:rgba(255,255,255,.025);
}
.home-today-status-icon{
    width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
    background:rgba(69,202,255,.08);color:#6ed4fc;font-size:17px;font-weight:950;
}
.home-today-car.is-good .home-today-status-icon{background:rgba(72,222,157,.08);color:#74e3ad}
.home-today-car.is-warning .home-today-status-icon{background:rgba(239,190,82,.08);color:#ecca72}
.home-today-car.is-danger .home-today-status-icon{background:rgba(255,103,103,.08);color:#ff9393}
.home-today-status-copy span{
    display:block;color:#71818c;font-size:7px;font-weight:950;letter-spacing:.09em;
}
.home-today-status-copy strong{
    display:block;margin-top:2px;color:#eaf3f6;font-size:12px;line-height:1.25;
}
.home-today-status-copy small{
    display:block;margin-top:3px;color:#84919b;font-size:8.5px;line-height:1.38;
}

.home-today-facts{
    display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:9px;
}
.home-today-facts>div{
    min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.05);
    border-radius:12px;background:rgba(255,255,255,.018);
}
.home-today-facts span{
    display:block;color:#596b76;font-size:6.6px;font-weight:950;letter-spacing:.08em;
}
.home-today-facts strong{
    display:block;margin-top:3px;color:#cbd7dc;font-size:9px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.home-today-actions{
    display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px;
}
.home-today-primary,
.home-today-secondary{
    min-height:42px;display:flex;align-items:center;justify-content:center;
    padding:0 12px;border-radius:12px;text-decoration:none;font:inherit;
    font-size:9px;font-weight:900;cursor:pointer;
}
.home-today-primary{
    border:1px solid rgba(64,203,255,.22);
    background:linear-gradient(180deg,rgba(33,179,235,.18),rgba(21,139,185,.12));
    color:#9ee5ff;
}
.home-today-secondary{
    border:1px solid rgba(255,255,255,.065);
    background:rgba(255,255,255,.025);
    color:#83939d;
}
.home-today-primary:active,.home-today-secondary:active{transform:scale(.985)}

.home-today-last{
    margin-top:8px;color:#63747f;font-size:7.8px;text-align:center;
}
.home-today-last strong{color:#8fa0aa}

/* На головній Club лишається, але не конкурує з основною дією */
.dvz-club-home-card{
    margin-top:9px !important;
    opacity:.94;
}

/* Тексти головних дій — простіші, картки трохи компактніші */
.home-hub{margin-top:14px !important}
.home-feature-card{min-height:104px !important}
.home-action-card{min-height:112px !important}

/* =========================================================
   QUICK CHECK — один крок на екрані
========================================================= */
.home-check-open{overflow:hidden}
.home-check-modal{
    position:fixed;inset:0;z-index:9999;
}
.home-check-modal[hidden]{display:none}
.home-check-backdrop{
    position:absolute;inset:0;background:rgba(0,0,0,.72);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.home-check-sheet{
    position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:min(100%,640px);max-height:88vh;overflow:auto;
    padding:16px 15px calc(18px + env(safe-area-inset-bottom));
    border:1px solid rgba(69,201,255,.18);
    border-bottom:0;border-radius:24px 24px 0 0;
    background:linear-gradient(180deg,#101922,#080e14);
    box-shadow:0 -20px 60px rgba(0,0,0,.45);
}
.home-check-top{
    display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.home-check-top>div>span{
    display:block;color:#59cdf9;font-size:7px;font-weight:950;letter-spacing:.10em;
}
.home-check-top>div>strong{
    display:block;margin-top:3px;color:#f0f6f8;font-size:16px;
}
.home-check-top>button{
    width:36px;height:36px;border:1px solid rgba(255,255,255,.07);
    border-radius:11px;background:rgba(255,255,255,.025);color:#84939d;font-size:15px;
}
.home-check-progress{
    height:5px;margin-top:14px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.055);
}
.home-check-progress i{
    display:block;width:0;height:100%;border-radius:inherit;
    background:linear-gradient(90deg,#35bff1,#58dca1);transition:width .22s ease;
}
.home-check-step-label{
    margin-top:6px;color:#61727d;font-size:7.5px;text-align:right;
}
.home-check-question{
    display:grid;place-items:center;min-height:210px;padding:24px 12px;text-align:center;
}
.home-check-question>span{
    width:58px;height:58px;display:grid;place-items:center;border-radius:18px;
    background:rgba(56,194,247,.08);border:1px solid rgba(71,203,255,.14);font-size:27px;
}
.home-check-question>strong{
    display:block;margin-top:17px;color:#eef5f7;font-size:19px;line-height:1.25;
}
.home-check-question>small{
    display:block;max-width:350px;margin-top:8px;color:#84919a;font-size:10px;line-height:1.5;
}
.home-check-answer{
    display:grid;grid-template-columns:1fr 1fr;gap:9px;
}
.home-check-answer button{
    min-height:50px;border:1px solid rgba(76,219,158,.18);border-radius:14px;
    background:rgba(67,215,153,.06);color:#88e8b9;font:inherit;font-size:10px;font-weight:900;
}
.home-check-answer button.is-alert{
    border-color:rgba(241,184,75,.18);background:rgba(241,184,75,.06);color:#e9c36c;
}
.home-check-answer button:active{transform:scale(.985)}

.home-check-result{
    margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.06);
    border-radius:16px;background:rgba(255,255,255,.025);
}
.home-check-result.is-good{border-color:rgba(71,220,157,.17)}
.home-check-result.is-warning{border-color:rgba(239,190,82,.18)}
.home-check-result.is-danger{border-color:rgba(255,103,103,.19)}
.home-check-result-badge{
    display:block;color:#66d1fb;font-size:7px;font-weight:950;letter-spacing:.10em;
}
.home-check-result>strong{
    display:block;margin-top:5px;color:#edf5f7;font-size:18px;
}
.home-check-result.is-good>strong{color:#86e8b8}
.home-check-result.is-warning>strong{color:#ebcb7d}
.home-check-result.is-danger>strong{color:#ff9c9c}
.home-check-result>p{
    margin:7px 0 0;color:#87949d;font-size:9.5px;line-height:1.5;
}
.home-check-result-list{
    display:grid;gap:8px;margin-top:13px;
}
.home-check-result-row{
    display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;
    padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(0,0,0,.12);
}
.home-check-result-row>span{
    width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.035);
}
.home-check-result-row strong,.home-check-result-row small{display:block}
.home-check-result-row strong{color:#dce6ea;font-size:9px}
.home-check-result-row small{margin-top:3px;color:#6f7f89;font-size:8px;line-height:1.4}
.home-check-result-actions{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;
}
.home-check-result-actions a,
.home-check-result-actions button{
    min-height:42px;display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(62,200,253,.17);border-radius:12px;
    background:rgba(47,190,244,.07);color:#84dafb;text-decoration:none;
    font:inherit;font-size:9px;font-weight:900;
}
.home-check-result-actions button{
    border-color:rgba(255,255,255,.065);background:rgba(255,255,255,.025);color:#83929c;
}
.home-check-result-note{
    display:block;margin-top:10px;color:#5e6f79;font-size:7.5px;line-height:1.4;text-align:center;
}

@media(max-width:380px){
    .home-today-facts{grid-template-columns:1fr 1fr}
    .home-today-facts>div:last-child{grid-column:1/-1}
    .home-today-actions{grid-template-columns:1fr}
    .home-check-answer{grid-template-columns:1fr}
}


/* =========================================================
   HOME ACTION LABELS — V39.1
   Чіткі назви трьох основних сценаріїв на головній
========================================================= */
.home-feature-diagnostics .home-feature-badge{
    width:max-content;max-width:100%;
    padding:4px 8px !important;
    border:1px solid rgba(95,227,155,.18);
    background:rgba(39,190,112,.13) !important;
    color:#72e3a8 !important;
    font-size:7.4px;line-height:1.15;
    font-weight:900;letter-spacing:.015em;
    text-transform:none;
}
.home-action-top{
    display:flex;align-items:flex-start;gap:8px;
    min-width:0;margin-bottom:9px;
}
.home-action-top .home-action-icon{
    flex:0 0 42px;margin-bottom:0;
}
.home-action-badge{
    display:inline-flex;align-items:center;
    width:max-content;max-width:calc(100% - 50px);
    min-height:24px;margin-top:2px;padding:4px 7px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    font-size:7.1px;line-height:1.12;font-weight:900;
    letter-spacing:.005em;text-align:left;
}
.home-action-inspection .home-action-badge{
    border-color:rgba(72,201,255,.24);
    background:rgba(48,177,235,.11);
    color:#70d9ff;
}
.home-action-compare .home-action-badge{
    border-color:rgba(239,193,107,.22);
    background:rgba(182,125,43,.11);
    color:#e8bd72;
}
@media (max-width:360px){
    .home-action-top{gap:6px}
    .home-action-badge{font-size:6.5px;padding:4px 6px}
}