/* website-builder-admin-v2 — dark-admin friendly, compact, no purple */
.wb-root{display:grid;gap:.85rem;margin:0 0 1rem}
.wb-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .85rem}
.wb-chrome-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.wb-panel{padding:1rem 1.1rem;display:grid;gap:.85rem}
.wb-panel.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:10px}
.wb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.wb-panel-head h3,.wb-panel h3{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.01em}
.wb-panel h4{margin:.35rem 0 0;font-size:.92rem;font-weight:600}
.wb-grid-2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:1rem;align-items:start}
@media (max-width:960px){.wb-grid-2{grid-template-columns:1fr}}
.wb-fields,.wb-fields-grid{display:grid;gap:.65rem}
.wb-fields-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.wb-fields-grid label,.wb-color-row{display:grid;gap:.28rem;font-size:.82rem;color:rgba(255,255,255,.82)}
.wb-color-inputs{display:flex;gap:.45rem;align-items:center}
.wb-color-inputs input[type="color"]{width:2.25rem;height:2.25rem;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:transparent;cursor:pointer}
.wb-color-inputs .admin-input{flex:1;min-width:0}
.wb-presets{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.wb-theme-preview{padding:1rem;min-height:12rem;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.wb-swatches{display:flex;flex-wrap:wrap;gap:.35rem}
.wb-swatches span{width:1.55rem;height:1.55rem;border-radius:4px;display:inline-block}
.wb-checks{display:flex;flex-wrap:wrap;gap:.85rem 1.1rem;font-size:.88rem}
.wb-checks label{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}
.wb-link-editor{display:grid;gap:.45rem}
.wb-link-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.wb-link-row .admin-input{flex:1;min-width:120px}
.wb-link-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}
.wb-quick-add{display:grid;gap:.25rem;font-size:.8rem;min-width:180px}
.wb-block{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.65rem .75rem;display:grid;gap:.5rem;background:rgba(0,0,0,.18)}
.wb-block.is-active{border-color:rgba(255,255,255,.28);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.wb-block-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.wb-block-body{display:grid;gap:.45rem}
.wb-add-blocks{display:flex;flex-wrap:wrap;gap:.4rem}
.wb-block-preview-pane{position:sticky;top:.75rem;padding:.85rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04)}
.wb-block-preview{padding:.75rem;border-radius:6px;background:#f7f7f7;color:#1a1a1a;min-height:8rem;overflow:auto}
.wb-columns-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}
.wb-columns-edit{display:grid;gap:.55rem}
.wb-card-preview{padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);min-height:10rem;cursor:default}
.wb-dirty{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:rgba(217,119,6,.18);color:#f0c674;border:1px solid rgba(217,119,6,.35)}
.wb-muted{color:rgba(255,255,255,.55);font-size:.84rem;margin:0}
.wb-msg{margin:0 0 .75rem}
.wb-save-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding-top:.25rem}
.wb-page-select{display:grid;gap:.35rem;max-width:420px}
.wb-media-modal{position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:1rem}
.wb-media-dialog{background:#1c1c1c;color:#f2f2f2;border:1px solid rgba(255,255,255,.14);border-radius:12px;max-width:840px;width:100%;max-height:86vh;overflow:auto;padding:1rem 1.1rem;display:grid;gap:.75rem;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.wb-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.55rem}
.wb-media-item-wrap{display:grid;gap:.35rem}
.wb-media-item{border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:.35rem;background:rgba(255,255,255,.04);cursor:pointer;min-height:88px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}
.wb-media-item img{max-width:100%;max-height:96px;object-fit:cover;border-radius:4px}
.wb-media-item:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.wb-media-item-wrap .btn{width:100%}
.wb-pages .admin-input, .wb-panel .admin-input, .wb-panel select.admin-input, .wb-panel textarea.admin-input{
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14);color:inherit;border-radius:7px;padding:.4rem .55rem;font-size:.86rem
}
.wb-panel textarea.admin-input{resize:vertical;min-height:4.5rem}
@media (max-width:640px){
  .wb-link-row .admin-input{min-width:100%}
  .wb-block-preview-pane{position:static}
}
.wb-device-frame{margin:0 auto;transition:max-width .2s ease;width:100%}
.wb-device-desktop{max-width:100%}
.wb-device-tablet{max-width:768px;border-left:1px dashed rgba(255,255,255,.2);border-right:1px dashed rgba(255,255,255,.2);padding:0 .5rem}
.wb-device-mobile{max-width:375px;border-left:1px dashed rgba(255,255,255,.2);border-right:1px dashed rgba(255,255,255,.2);padding:0 .35rem}
.wb-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.45rem}
.wb-contrast-ok{display:inline-flex;padding:.25rem .55rem;border-radius:6px;font-size:.78rem;font-weight:600;background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.35)}
.wb-contrast-fail{display:inline-flex;padding:.25rem .55rem;border-radius:6px;font-size:.78rem;font-weight:600;background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}
.wb-import-box{display:grid;gap:.45rem;padding:.65rem .75rem;border:1px dashed rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.12)}
.wb-rte-bar{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem}
.wb-rte-bar .btn{min-width:2rem;padding:.2rem .45rem;font-size:.78rem;font-weight:700}
.wb-block.is-dragging{opacity:.45;border-style:dashed}
.wb-block.drag-over{border-color:rgba(96,165,250,.65);box-shadow:0 0 0 1px rgba(96,165,250,.35)}
.wb-quill-host{min-height:140px;margin-bottom:.35rem}
.wb-quill-host .ql-container{font-size:.86rem}
.wb-revisions,.wb-seo-panel{display:grid;gap:.55rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.14)}
.wb-revisions ul,.wb-seo-panel .wb-fields{list-style:none;margin:0;padding:0}
.wb-revisions li{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.wb-revisions li:last-child{border-bottom:none}
.wb-drop-line{height:3px;margin:.15rem 0;border-radius:999px;background:linear-gradient(90deg,rgba(96,165,250,.15),rgba(96,165,250,.85),rgba(96,165,250,.15))}
.wb-site-iframe{width:100%;min-height:70vh;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff}
.wb-media-upload{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.wb-nested{display:grid;gap:.35rem;padding:.45rem;border:1px dashed rgba(255,255,255,.16);border-radius:8px;grid-column:1/-1}
.wb-nested-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:space-between}
.wb-nested-row span{font-size:.8rem;opacity:.85}
.wb-add-wrap{display:grid;gap:.45rem}
.wb-stats-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.65rem;text-align:center}
.wb-acc-preview details{border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:.35rem .55rem;margin:.25rem 0;background:#fff}
.wb-features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.55rem}
.wb-features-preview>div{padding:.55rem;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;color:#1a1a1a}
.wb-outline{display:grid;gap:.4rem;margin:0 0 .75rem;padding:.65rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.14)}
.wb-outline ol{margin:0;padding:0;list-style:none;display:grid;gap:.3rem;max-height:220px;overflow:auto}
.wb-outline li button{width:100%;justify-content:flex-start;text-align:left}
/* website-builder-admin-v8 */