.hucial-sites {
    max-width: 1180px;
    margin: 0 auto 36px;
    padding: 0 12px;
    color: #171B1D;
}

.hucial-sites__header {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0;
}

.hucial-sites__header--compact { align-items: center; }
.hucial-sites__header h1,
.hucial-sites__header h2 { margin-top: 0; }
.hucial-sites__primary-action { white-space: nowrap; }
.hucial-sites__quota { color: #667176; }

.hucial-sites__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}

.hucial-sites-card,
.hucial-sites-panel,
.hucial-sites-empty,
.hucial-sites-block,
.hucial-sites-page-row {
    background: #FFFFFF;
    border: 1px solid #DDE3E3;
    border-radius: 12px;
    padding: 18px;
}

.hucial-sites-card__topline,
.hucial-sites-page-row {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
}

.hucial-sites-card__topline h2,
.hucial-sites-page-row h3 { margin: 0; }
.hucial-sites-card__url { overflow-wrap: anywhere; font-weight: 600; }
.hucial-sites-panel { margin: 18px 0; }
.hucial-sites-panel > h2 { margin-top: 0; }
.hucial-sites-page-list { display: grid; gap: 12px; }
.hucial-sites-page-row { padding: 14px; }

.hucial-sites-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .9em;
    background: #DDE3E3;
    color: #171B1D;
}
.hucial-sites-badge--published { background: #007C78; color: #FFFFFF; }
.hucial-sites-badge--draft { background: #DDE3E3; color: #171B1D; }

.hucial-sites-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.hucial-sites-actions form { margin: 0; }
.hucial-sites-actions--footer { margin-top: 22px; }

.hucial-sites-form fieldset {
    border: 1px solid #DDE3E3;
    border-radius: 12px;
    margin: 18px 0;
    padding: 16px;
}
.hucial-sites-form legend { font-weight: 700; padding: 0 6px; }
.hucial-sites-vanity-field { display: flex; align-items: center; gap: 6px; }
.hucial-sites-vanity-field .inputbox { max-width: 320px; }
.hucial-sites-blocks { display: grid; gap: 14px; }
.hucial-sites-block { margin: 0 0 14px; background: #F5F7F7; }
.hucial-sites-block__toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }

.hucial-sites .button1,
.hucial-sites .button2,
.hucial-sites button,
.hucial-sites a:focus,
.hucial-sites input:focus,
.hucial-sites textarea:focus,
.hucial-sites select:focus {
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .hucial-sites__header,
    .hucial-sites-card__topline,
    .hucial-sites-page-row {
        display: block;
    }
    .hucial-sites__primary-action { display: inline-block; margin-top: 10px; }
    .hucial-sites-actions { margin-top: 10px; }
    .hucial-sites-vanity-field { align-items: flex-start; flex-direction: column; }
}

.hucial-sites-leads { display: grid; gap: 12px; }
.hucial-sites-lead {
    border: 1px solid #DDE3E3;
    border-radius: 10px;
    padding: 14px;
    background: #F5F7F7;
}
.hucial-sites-lead h3 { margin-top: 0; }
.hucial-sites-lead__message { white-space: pre-line; }
.hucial-sites-lead__meta { color: #667176; margin-bottom: 0; }


/* HUCIAL Sites 1.0.5 — catalogue public */
.hucial-sites-public__actions {
    justify-content: flex-end;
}

.hucial-sites-public-card h2 {
    margin: 0 0 8px;
    font-size: 1.35em;
}

.hucial-sites-public-card h2 a {
    color: #007C78;
    text-decoration: none;
}

.hucial-sites-public-card h2 a:hover,
.hucial-sites-public-card h2 a:focus {
    color: #171B1D;
    text-decoration: underline;
}

.hucial-sites-public-card__tagline {
    margin: 0 0 10px;
    color: #171B1D;
    font-weight: 700;
}

.hucial-sites-public-card__meta {
    color: #667176;
    font-size: .95em;
}

@media (max-width: 700px) {
    .hucial-sites-public__actions {
        justify-content: flex-start;
        margin-top: 10px;
    }
}

.hucial-sites-tools { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 20px; }
.hucial-media-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.hucial-media-thumb { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:10px; border:1px solid #DDE3E3; }
.hucial-seo-preview { margin:14px 0; padding:14px; border:1px solid #DDE3E3; border-radius:10px; background:#F5F7F7; max-width:680px; }
.hucial-seo-preview strong { color:#171B1D; }
.hucial-sites-lead__status { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.hucial-sites-nav-editor { display:grid; gap:12px; }
#form-fields { display:grid; gap:12px; }
#form-fields fieldset { border:1px solid #DDE3E3; border-radius:10px; padding:14px; }


/* HUCIAL Sites 1.2.0 */
.hucial-audit-score{display:flex;align-items:center;gap:18px;padding:22px;margin:16px 0;border:2px solid #DDE3E3;background:#fff}.hucial-audit-score strong{font-size:2.2em;color:#007C78}.hucial-audit-score.is-warning{border-color:#FF6257}.hucial-audit-score.is-bad{border-color:#C9363E}.hucial-sites-note{padding:14px;border-left:4px solid #007C78;background:#F5F7F7}.hucial-sites-panel code{overflow-wrap:anywhere}.hucial-sites-form fieldset{margin-bottom:18px}