
.ac-hero{
    position:relative;
    overflow:hidden;
    padding:26px;
    border:1px solid rgba(229,189,104,.3);
    border-radius:24px;
    background:
        radial-gradient(
            circle at 95% 0,
            rgba(229,189,104,.17),
            transparent 18rem
        ),
        linear-gradient(
            145deg,
            rgba(109,86,245,.18),
            rgba(255,255,255,.025)
        );
}

.ac-hero::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-110px;
    width:220px;
    height:220px;
    border:1px solid rgba(229,189,104,.2);
    border-radius:50%;
    pointer-events:none;
}

.ac-detail-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:20px;
}

.ac-detail{
    padding:16px;
    border:1px solid var(--mp-line);
    border-radius:16px;
    background:rgba(255,255,255,.035);
}

.ac-detail span{
    display:block;
    color:var(--mp-soft);
    font-size:12px;
}

.ac-detail strong{
    display:block;
    margin-top:7px;
    line-height:1.45;
}

.ac-primary-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
    margin-top:20px;
}

.ac-action-card{
    display:flex;
    min-height:190px;
    padding:20px;
    flex-direction:column;
    border:1px solid var(--mp-line);
    border-radius:18px;
    background:rgba(255,255,255,.035);
}

.ac-action-card h3{
    margin:8px 0;
}

.ac-action-card p{
    color:var(--mp-soft);
    line-height:1.6;
}

.ac-action-card .ac-button-row{
    margin-top:auto;
}

.ac-button-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ac-zoom-link{
    display:inline-flex;
    padding:12px 15px;
    align-items:center;
    gap:8px;
    border:1px solid rgba(116,221,183,.28);
    border-radius:13px;
    background:rgba(116,221,183,.08);
    color:var(--mp-green);
    font-weight:900;
    text-decoration:none;
    word-break:break-all;
}

.ac-status{
    margin-top:12px;
    padding:13px 14px;
    border:1px solid var(--mp-line);
    border-radius:14px;
    background:rgba(255,255,255,.035);
    color:var(--mp-soft);
    line-height:1.55;
}

.ac-status.success{
    border-color:rgba(116,221,183,.28);
    background:rgba(116,221,183,.06);
    color:var(--mp-green);
}

.ac-status.error{
    border-color:rgba(255,170,168,.28);
    background:rgba(255,170,168,.06);
    color:#ffc0be;
}

.ac-share-result{
    margin-top:14px;
    padding:16px;
    border:1px solid rgba(116,221,183,.25);
    border-radius:16px;
    background:rgba(116,221,183,.05);
}

.ac-share-result input{
    width:100%;
    margin:10px 0;
}

.ac-calendar-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.ac-calendar-button.is-recommended{
    outline:3px solid rgba(229,189,104,.28);
    box-shadow:0 0 28px rgba(229,189,104,.15);
}

.ac-countdown{
    display:inline-flex;
    margin-top:12px;
    padding:8px 11px;
    border-radius:999px;
    background:rgba(109,86,245,.16);
    color:#d9d1ff;
    font-size:13px;
    font-weight:850;
    font-variant-numeric:tabular-nums;
}

.ac-appointment-card{
    margin-top:13px;
    padding:19px;
    border:1px solid var(--mp-line);
    border-radius:18px;
    background:rgba(255,255,255,.035);
}

.ac-appointment-card h3{
    margin:7px 0;
}

.ac-appointment-card p{
    color:var(--mp-soft);
    line-height:1.55;
}

@media(max-width:850px){
    .ac-detail-grid{
        grid-template-columns:1fr 1fr;
    }

    .ac-primary-actions{
        grid-template-columns:1fr;
    }
}

@media(max-width:620px){
    .ac-detail-grid{
        grid-template-columns:1fr;
    }

    .ac-hero{
        padding:21px 16px;
    }
}
