/* Ecranul de setări Astrio. Încărcat DOAR pe pagina noastră (vezi astrio_admin_assets),
   ca să nu atingem restul adminului. Culorile sunt ale brandului, dar structura rămâne
   cea de WordPress: utilizatorul trebuie să recunoască unde se află. */

.astrio-wrap { max-width: 820px; }

/* ---- banda de sus ---- */
.astrio-hero {
    display: flex; align-items: center; gap: 22px;
    padding: 24px 28px; margin: 16px 0 20px;
    border-radius: 12px; color: #fff;
    background: linear-gradient(118deg, #0e1726 0%, #15273a 52%, #1b3a2e 100%);
    box-shadow: 0 10px 28px -14px rgba(14, 23, 38, .65);
    position: relative; overflow: hidden;
}
.astrio-hero::after {               /* halo verde, decorativ */
    content: ""; position: absolute; right: -80px; top: -120px;
    width: 320px; height: 320px; border-radius: 50%;
    background: radial-gradient(circle, rgba(103, 190, 99, .3) 0%, rgba(103, 190, 99, 0) 68%);
}
.astrio-hero img {
    width: 72px; height: 72px; border-radius: 50%; background: #fff;
    flex-shrink: 0; padding: 6px; position: relative; z-index: 1;
    box-shadow: 0 8px 22px -8px rgba(0, 0, 0, .5);
}
.astrio-hero-txt { position: relative; z-index: 1; }
.astrio-hero h2 {
    margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -.4px; color: #fff;
}
.astrio-hero h2 span { color: #7ed47a; }
.astrio-hero p { margin: 7px 0 0; font-size: 14px; line-height: 1.6; color: #b4c2cf; max-width: 560px; }

/* ---- carduri ---- */
.astrio-card {
    background: #fff; border: 1px solid #dcdcde; border-radius: 10px;
    padding: 20px 24px; margin-bottom: 18px;
    box-shadow: 0 1px 2px rgba(16, 23, 37, .04);
}
.astrio-card > h3 {
    margin: 0 0 14px; font-size: 14px; font-weight: 700; color: #1d2327;
    text-transform: uppercase; letter-spacing: .6px;
}

/* ---- pașii ---- */
.astrio-steps { margin: 0; padding: 0; list-style: none; counter-reset: astrio; }
.astrio-steps li {
    counter-increment: astrio; position: relative;
    padding: 0 0 18px 44px; font-size: 14px; line-height: 1.65; color: #3c434a;
}
.astrio-steps li:last-child { padding-bottom: 0; }
.astrio-steps li::before {
    content: counter(astrio); position: absolute; left: 0; top: -1px;
    width: 28px; height: 28px; border-radius: 50%;
    background: #67be63; color: #fff;
    font-size: 13px; font-weight: 700; line-height: 28px; text-align: center;
}
/* linia care leagă pașii */
.astrio-steps li:not(:last-child)::after {
    content: ""; position: absolute; left: 13.5px; top: 32px; bottom: 6px;
    width: 1px; background: #e0e0e3;
}

/* ---- starea ---- */
.astrio-status {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 16px 20px; border-radius: 10px; margin-bottom: 18px;
    font-size: 14px; line-height: 1.6;
}
.astrio-status .dashicons { flex-shrink: 0; margin-top: 1px; }
.astrio-status p { margin: 0 0 6px; }
.astrio-status p:last-child { margin-bottom: 0; }
.astrio-live { background: #edf9ee; border: 1px solid #b8e6bb; color: #1c4620; }
.astrio-live .dashicons { color: #2a8a31; }
.astrio-todo { background: #fdf6e3; border: 1px solid #f0dca4; color: #5c4813; }
.astrio-todo .dashicons { color: #b8860b; }

/* ---- formular ---- */
.astrio-card .form-table { margin-top: 0; }
.astrio-card .form-table th { padding-top: 16px; padding-bottom: 16px; }
.astrio-card .form-table td { padding-top: 12px; padding-bottom: 12px; }
.astrio-card input[type="text"], .astrio-card input[type="url"] { border-radius: 6px; }
.astrio-adv { border-top: 1px solid #ececf0; margin-top: 8px; padding-top: 12px; }
.astrio-adv summary { cursor: pointer; font-weight: 600; color: #2271b1; font-size: 13px; }
.astrio-adv summary:hover { color: #135e96; }

/* ---- subsol ---- */
.astrio-foot { font-size: 13px; color: #646970; margin: 0; }
.astrio-foot a { text-decoration: none; }

@media (max-width: 782px) {
    .astrio-hero { flex-direction: column; text-align: center; gap: 14px; padding: 22px 20px; }
    .astrio-hero p { max-width: none; }
}