:root{--bg:#f4f6fa;--panel:#fff;--line:#dfe4ec;--text:#172033;--muted:#697386;--blue:#2563eb;--danger:#c62828}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--blue);text-decoration:none}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#111827;color:white;padding:24px 14px}.brand{font-size:20px;font-weight:800;padding:0 10px 20px}.brand small{font-size:11px;color:#9ca3af}.sidebar nav{display:grid;gap:4px}.sidebar a{color:#d1d5db;padding:10px 12px;border-radius:9px}.sidebar a:hover,.sidebar a.active{background:#1f2937;color:white}.main{padding:30px;max-width:1500px;width:100%}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-size:30px}.page-head p{margin:4px 0 0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd6e2;background:white;border-radius:9px;padding:10px 14px;color:var(--text);font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.actions{display:flex;gap:10px;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stats>div{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.stats strong{font-size:36px;display:block}.stats span{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:middle}.table-wrap{overflow:auto}.row-actions{display:flex;gap:10px;justify-content:flex-end}.row-actions form{margin:0}.link{border:0;background:none;padding:0;color:var(--blue);cursor:pointer}.danger{color:var(--danger)}.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#eef2f7}.badge.published{background:#dcfce7;color:#166534}.badge.draft{background:#f3f4f6;color:#4b5563}.flash{padding:12px 14px;border-radius:10px;margin-bottom:18px}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}label{display:block;font-weight:700;margin:14px 0 6px}input,textarea,select{width:100%;font:inherit;padding:10px 11px;border:1px solid #cfd6e2;border-radius:8px;background:#fff}.actions select{width:auto}.title-input{font-size:24px;font-weight:700}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.toolbar{display:flex;flex-wrap:wrap;gap:5px;border:1px solid #cfd6e2;border-bottom:0;border-radius:9px 9px 0 0;padding:7px;background:#f8fafc}.toolbar button{border:1px solid #dbe1ea;background:white;border-radius:6px;padding:5px 9px;cursor:pointer}.wysiwyg{min-height:460px;border:1px solid #cfd6e2;border-radius:0 0 9px 9px;padding:18px;background:white;outline:none}.wysiwyg:focus{border-color:#7aa3ff;box-shadow:0 0 0 3px #2563eb18}.wysiwyg h2{font-size:27px}.wysiwyg h3{font-size:21px}.check{font-weight:500}.check input{width:auto}.hint{font-size:13px;color:var(--muted)}.upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.media-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.media-card img{width:100%;height:160px;object-fit:cover;display:block}.media-card div{padding:12px}.media-card strong,.media-card small,.media-card code{display:block}.media-card small{color:var(--muted);margin:4px 0 8px}.media-card code{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;background:#f3f4f6;padding:6px;border-radius:6px}.settings-form{max-width:720px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:white;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 20px 60px #17203318}.login-card .btn{width:100%;margin-top:20px}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{grid-template-columns:repeat(3,1fr)}.main{padding:18px}.editor-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.upload-form{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.actions{width:100%}}
.section-panel{padding:26px}.section-title{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.section-title>span{font-size:12px;font-weight:800;color:#8b96a8;letter-spacing:.12em}.section-title h2{margin:0;font-size:22px}.section-title p{margin:3px 0 0;color:var(--muted)}.subpanel{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fbfcfe}.subpanel h3{margin:0 0 8px}.category-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.media-field .btn{white-space:nowrap}.sticky-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end;pointer-events:none}.sticky-save .btn{pointer-events:auto;box-shadow:0 12px 36px #1720332b}.media-modal[hidden]{display:none}.media-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.media-modal-backdrop{position:absolute;inset:0;background:#0b1220a8;backdrop-filter:blur(4px)}.media-modal-card{position:relative;width:min(1100px,96vw);max-height:86vh;overflow:auto;background:white;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 90px #0b122050}.media-modal-head{position:sticky;top:0;background:white;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);z-index:2}.media-modal-head h2{margin:0}.media-modal-head p{margin:2px 0 0;color:var(--muted)}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:18px}.media-picker-item{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden;text-align:left;padding:0;cursor:pointer;color:var(--text)}.media-picker-item:hover{border-color:#7aa3ff;box-shadow:0 0 0 3px #2563eb12}.media-picker-item img{display:block;width:100%;height:130px;object-fit:cover}.media-picker-item span,.media-picker-item small{display:block;padding:8px 9px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-picker-item small{padding-top:2px;padding-bottom:8px;color:var(--muted)}@media(max-width:900px){.category-admin-grid{grid-template-columns:1fr}.media-field{grid-template-columns:1fr}}
.update-panel{max-width:900px}.update-panel>p{color:var(--muted);max-width:760px}.update-drop{border:2px dashed #cbd4e1;border-radius:14px;padding:34px 20px;display:grid;justify-items:center;gap:8px;background:#f8fafc;transition:.15s}.update-drop.drag{border-color:var(--blue);background:#eef4ff}.update-drop-icon{font-size:34px;line-height:1;color:var(--blue)}.update-drop span,.update-drop small{color:var(--muted)}.update-selected{margin-top:14px;padding:11px 13px;border-radius:9px;background:#eef4ff;color:#173d8f;font-weight:700}.update-progress{height:10px;background:#e5eaf1;border-radius:999px;margin-top:14px;overflow:hidden}.update-progress>div{height:100%;width:0;background:var(--blue);transition:width .18s}.update-status{margin-top:11px;color:var(--muted);min-height:23px}.update-status.error{color:var(--danger)}.update-actions{margin-top:14px}.update-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px}.update-info-grid strong{display:block;margin-bottom:5px}.update-info-grid p{margin:0;color:var(--muted)}.update-info-grid code{font-size:12px;background:#eef2f7;padding:2px 5px;border-radius:5px}@media(max-width:700px){.update-info-grid{grid-template-columns:1fr}}

.settings-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-grid-3 .hint{margin:5px 0 0}@media(max-width:900px){.settings-grid-3{grid-template-columns:1fr}}

/* RB CMS 0.6 – lidské názvy médií místo technických cest */
.media-field-friendly{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.media-selection{min-height:68px;border:1px solid #cfd6e2;border-radius:9px;background:#fff;display:flex;align-items:center;gap:12px;padding:8px 10px;min-width:0}.media-selection img{width:74px;height:50px;object-fit:cover;border-radius:6px;background:#eef2f7;flex:0 0 auto}.media-selection>div{min-width:0}.media-selection strong,.media-selection small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-selection small{color:var(--muted);margin-top:3px}.media-field-actions{display:flex;gap:8px;align-items:stretch}.media-field-actions .btn{white-space:nowrap}.media-copy{padding:7px 9px;font-size:12px}.media-card code{display:none}@media(max-width:900px){.media-field-friendly{grid-template-columns:1fr}.media-field-actions{flex-wrap:wrap}.media-field-actions .btn{flex:1}}

/* RB CMS 0.7 – drag & drop média + chunked upload */
.media-upload-panel{max-width:1100px}.media-dropzone{border:2px dashed #cbd4e1;border-radius:16px;padding:34px 24px;display:grid;justify-items:center;text-align:center;gap:6px;background:#f8fafc;cursor:pointer;transition:.16s;outline:none}.media-dropzone:hover,.media-dropzone:focus,.media-dropzone.drag{border-color:var(--blue);background:#eef4ff;box-shadow:0 0 0 4px #2563eb0d}.media-dropzone.disabled{opacity:.6;cursor:wait}.media-drop-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:var(--blue);font-size:30px;line-height:1;margin-bottom:4px}.media-dropzone strong{font-size:18px}.media-dropzone span,.media-dropzone small{color:var(--muted)}.media-upload-queue{display:grid;gap:9px;margin-top:16px}.media-upload-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr) minmax(110px,auto);gap:14px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:white}.media-upload-file{min-width:0}.media-upload-file strong,.media-upload-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-upload-file small{color:var(--muted);font-size:12px}.media-upload-meter{height:8px;background:#e8edf4;border-radius:999px;overflow:hidden}.media-upload-meter>div{height:100%;width:0;background:var(--blue);transition:width .16s}.media-upload-state{font-size:12px;color:var(--muted);text-align:right}.media-upload-row.done .media-upload-meter>div{background:#16a34a}.media-upload-row.done .media-upload-state{color:#15803d;font-weight:700}.media-upload-row.error{border-color:#fecaca;background:#fffafa}.media-upload-row.error .media-upload-state{color:var(--danger);font-weight:700}.media-upload-complete{padding:10px 12px;border-radius:9px;background:#dcfce7;color:#166534;font-weight:700}@media(max-width:760px){.media-upload-row{grid-template-columns:1fr}.media-upload-state{text-align:left}.media-dropzone{padding:28px 16px}}

/* RB CMS 1.0 */
.btn.compact{padding:7px 10px;font-size:12px}.table-wrap .row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-wrap .row-actions form{margin:0}.settings-form h2{margin:28px 0 12px}.settings-form h2:first-of-type{margin-top:0}.settings-form input[type=color]{height:46px;padding:4px}

/* RB CMS 1.1 – WordPress-like správa obsahu */
.stats-4{grid-template-columns:repeat(4,1fr)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-title-row h2{margin:0}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.quick-card{border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--text);display:grid;gap:4px;background:#fbfcfe}.quick-card:hover{border-color:#a7b9d8;background:#f5f8ff}.quick-card span{font-size:12px;color:var(--muted)}.recent-list{display:grid;margin-top:10px}.recent-list>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--text)}.recent-list>a:last-child{border-bottom:0}.recent-list span{display:grid}.recent-list small,.recent-list time,.muted{color:var(--muted);font-size:12px}.health-list{display:grid;gap:13px}.health-list>div{display:flex;gap:10px;align-items:flex-start}.health-list>div>div{display:grid}.health-list small{color:var(--muted)}.health-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#f59e0b;flex:0 0 auto}.health-dot.ok{background:#16a34a}.notice{display:grid;gap:4px;padding:12px;border-radius:9px}.notice.warn{background:#fff7ed;color:#9a3412}.notice.ok{background:#ecfdf5;color:#166534}.notice span{font-size:12px}.content-tabs{display:flex;gap:6px;margin:-8px 0 14px}.content-tabs a{display:inline-flex;gap:6px;align-items:center;padding:7px 10px;border-radius:8px;color:var(--muted)}.content-tabs a.active{background:#e9eef8;color:#172033;font-weight:700}.content-tabs span{font-size:11px;background:#fff;border:1px solid var(--line);padding:1px 6px;border-radius:999px}.badge.trash{background:#fee2e2;color:#991b1b}.compact-head{margin-bottom:14px}.menu-admin-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px}.menu-admin-grid aside .panel h2{margin-top:0}.menu-sort{display:grid;gap:10px}.menu-row{display:grid;grid-template-columns:28px minmax(130px,1.1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(140px,.8fr) auto auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fbfcfe}.menu-row.dragging{opacity:.45;border-color:var(--blue)}.drag-handle{cursor:grab;font-weight:900;color:#8a96a8;align-self:center;user-select:none}.menu-row-main{display:grid;align-self:center}.menu-row-main small{color:var(--muted);font-size:11px}.menu-row label{font-size:11px;margin:0 0 4px;color:var(--muted)}.menu-row input,.menu-row select{padding:8px}.menu-row-checks{display:grid;gap:2px;align-self:center}.menu-row-checks .check{white-space:nowrap;font-size:12px;margin:0}.empty-state{padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.media-search{display:flex;gap:8px;align-items:center}.media-search input{min-width:260px}.media-card-form>div{padding:12px}.media-card-form label{font-size:11px;margin:8px 0 3px;color:var(--muted)}.media-card-form input{padding:8px}.media-card-form small{margin:8px 0}.media-card-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.media-card-actions .btn{padding:7px 9px;font-size:12px}.media-card-actions .link[disabled]{opacity:.4;cursor:not-allowed}.media-card-form .media-card-actions{padding:0}
@media(max-width:1100px){.stats-4{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.menu-admin-grid{grid-template-columns:1fr}.menu-row{grid-template-columns:28px 1fr 1fr}.menu-row-main{grid-column:auto}.menu-row-checks{grid-column:2 / -1;display:flex;gap:16px}.menu-row>.danger{grid-column:2 / -1;justify-self:start}}
@media(max-width:650px){.stats-4,.quick-grid{grid-template-columns:1fr}.menu-row{grid-template-columns:28px 1fr}.menu-row>div:not(.menu-row-main):not(.menu-row-checks){grid-column:2}.menu-row-checks{grid-column:2}.media-search{width:100%;flex-wrap:wrap}.media-search input{min-width:0;flex:1}}
.flash.warning{background:#fff7ed;color:#9a3412}

/* RB CMS 1.2.2 – WordPress-like drag & drop menu editor */
.menu-structure-panel{overflow:hidden}.wp-menu-sort{display:grid;gap:8px}.menu-item-wrap{position:relative;margin-left:calc(var(--menu-depth,0) * 34px);transition:margin-left .15s ease,opacity .15s ease}.menu-item-wrap::before{content:"";position:absolute;left:calc(var(--menu-depth,0) * -34px + 16px);top:-8px;bottom:-8px;width:1px;background:rgba(47,109,246,.10);opacity:calc(min(var(--menu-depth,0),1))}.menu-item-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto 38px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;min-height:54px;padding:7px 8px 7px 10px;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.menu-item-wrap:hover>.menu-item-head{border-color:#b9c7dc;background:#fff}.menu-item-wrap.dragging{opacity:.42}.menu-item-wrap.dragging>.menu-item-head{border-style:dashed}.menu-parent-badge{font-size:10px;color:#76849a;background:#eef3fa;border:1px solid #dce5f1;padding:4px 7px;border-radius:999px;white-space:nowrap}.menu-edit-toggle{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:7px;color:#617087;cursor:pointer;font-size:17px;line-height:1}.menu-edit-toggle:hover{border-color:#9eb5d8;color:#2f6df6}.menu-item-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0 8px;padding:14px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#fff}.menu-item-details[hidden]{display:none}.menu-item-details label{font-size:11px;color:var(--muted);margin:0 0 4px}.menu-item-details .menu-row-checks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.menu-item-details>.danger{justify-self:start;align-self:center}.wp-menu-sort .drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:36px;cursor:grab;border-radius:6px;color:#8a96a8;user-select:none}.wp-menu-sort .drag-handle:hover{background:#edf3ff;color:#2f6df6}.wp-menu-sort .drag-handle:active{cursor:grabbing}.menu-item-wrap.drop-before::after,.menu-item-wrap.drop-after::after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#2f6df6;box-shadow:0 0 10px rgba(47,109,246,.45);z-index:4}.menu-item-wrap.drop-before::after{top:-5px}.menu-item-wrap.drop-after::after{bottom:-5px}.menu-item-wrap.drop-child>.menu-item-head{border-color:#2f6df6;background:#f2f6ff;box-shadow:0 0 0 2px rgba(47,109,246,.12),0 0 18px rgba(47,109,246,.10)}.menu-item-wrap.drop-child>.menu-item-head::after{content:"Vložit jako podmenu";font-size:10px;color:#2f6df6;font-weight:700;letter-spacing:.02em;margin-left:6px}.menu-drag-help{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:11px}.demo-line{width:28px;height:3px;border-radius:2px;background:#2f6df6;box-shadow:0 0 8px rgba(47,109,246,.35)}.demo-child{width:24px;height:16px;border:2px solid #2f6df6;border-radius:4px;background:#f2f6ff;margin-left:10px}
@media(max-width:900px){.menu-item-wrap{margin-left:calc(var(--menu-depth,0) * 20px)}.menu-item-wrap::before{display:none}.menu-item-details{grid-template-columns:1fr}.menu-parent-badge{display:none}}


/* RB CMS 1.4.0 – Themes & Layout Library */
.theme-grid,.layout-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.theme-card,.layout-card{background:#fff;border:1px solid #dce3ec;border-radius:14px;overflow:hidden}.theme-card.is-active{box-shadow:0 0 0 2px #2f67f6}.theme-preview{height:180px;position:relative;overflow:hidden;padding:22px;background:#070b10}.theme-preview-bar{height:18px;border-bottom:1px solid rgba(255,255,255,.12)}.theme-preview-copy{width:62%;margin-top:28px}.theme-preview-copy span{display:block;width:45%;height:6px;background:#29a3ff;margin-bottom:14px}.theme-preview-copy b{display:block;height:18px;background:#fff;margin:6px 0}.theme-preview-copy b:nth-child(3){width:72%}.theme-preview-copy i{display:block;width:55%;height:7px;background:#708294;margin-top:16px}.theme-preview-editorial-light{background:#f5f3ee}.theme-preview-editorial-light .theme-preview-bar{border-color:rgba(0,0,0,.12)}.theme-preview-editorial-light .theme-preview-copy span{background:#1769aa}.theme-preview-editorial-light .theme-preview-copy b{background:#171a1d}.theme-preview-editorial-light .theme-preview-copy i{background:#8c9297}.theme-preview-midnight-minimal{background:#080a0d}.theme-preview-midnight-minimal .theme-preview-copy span{background:#d8dde3}.theme-swatches{position:absolute;right:18px;bottom:18px;display:flex;gap:6px}.theme-swatches span{width:22px;height:22px;border-radius:50%;border:1px solid rgba(127,140,155,.3)}.theme-card-body,.layout-card-body{padding:18px}.theme-title{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.theme-title h2,.layout-card h2{margin:0 0 5px}.theme-card-body p,.layout-card-body p{color:#647084}.theme-actions,.stack-form{display:grid;gap:10px}.inline-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.layout-card-preview{height:125px;background:linear-gradient(135deg,#0d1824,#071019);padding:18px;position:relative}.layout-card-preview span{display:block;width:24%;height:5px;background:#29a3ff;margin-bottom:12px}.layout-card-preview b{display:block;width:72%;height:13px;background:#f5f7fa;margin:6px 0}.layout-card-preview b:nth-child(3){width:48%}.layout-card-preview i{display:block;width:92%;height:35px;border:1px solid rgba(255,255,255,.18);margin-top:17px}.layout-source{font-size:10px;letter-spacing:.16em;color:#2f67f6;font-weight:700;margin-bottom:8px}.layout-tools{margin-top:24px}.settings-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.settings-grid-2{grid-template-columns:1fr}}

/* RB CMS 2.0 – Portfolio Studio + Header/Footer Builder */
.portfolio-category-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px}.category-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.category-row small{display:block;color:var(--muted)}.portfolio-cover-preview{height:190px;border:1px dashed #cfd6e2;border-radius:12px;display:grid;place-items:center;margin:10px 0;background:#f8fafc;color:var(--muted);overflow:hidden}.portfolio-cover-preview img{width:100%;height:100%;object-fit:cover}.portfolio-gallery-editor{display:grid;gap:8px;margin:10px 0}.project-gallery-row{display:grid;grid-template-columns:24px 70px 1fr 24px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:7px;background:#fff}.project-gallery-row .drag{cursor:grab;color:#7b8798;font-size:18px}.project-gallery-row img{width:70px;height:50px;object-fit:cover;border-radius:6px}.project-gallery-row input{padding:7px 8px;margin:2px 0;font-size:12px}.hf-builder{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hf-list{display:grid;gap:8px;margin:12px 0}.hf-item{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px}.hf-item .drag{font-size:18px;color:#7b8798;cursor:grab}.hf-item small{display:block;color:var(--muted)}.hf-item input[type=checkbox]{width:auto}.hf-item.drag-over{border-color:#6f9bf7;background:#f4f8ff}.style-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.style-preset-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.style-preset-card b{display:block}.style-preset-card small{color:var(--muted)}
@media(max-width:900px){.portfolio-category-layout,.hf-builder{grid-template-columns:1fr}.style-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* RB CMS 2.1.3 – Media Library layout hotfix */
.main{min-width:0}
.image-engine-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center}
.image-engine-info{min-width:0}.image-engine-note{margin-top:7px}.image-engine-status{grid-column:1/-1}
.media-grid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));align-items:start}
.media-card{min-width:0}.media-card-preview{width:100%;height:160px;object-fit:cover;display:block;background:#eef2f7}
.media-card-form,.media-card-form>div{min-width:0}.media-card-form input{min-width:0;width:100%}
@media(max-width:900px){.image-engine-panel{grid-template-columns:1fr}.image-engine-panel>.btn{justify-self:start}}

/* ===== RB CMS 3.0 Pro ===== */
.status-chips,.collection-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.status-chips a,.collection-chips>span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d7dee9;border-radius:999px;background:#fff;color:#27364a;text-decoration:none}.status-chips a.active{background:#1f65ef;color:#fff;border-color:#1f65ef}.status-chips b{font-size:11px;background:rgba(0,0,0,.08);padding:2px 6px;border-radius:999px}.lead-list{display:grid;gap:14px}.lead-card{border-left:4px solid #c8d2df}.lead-card.status-new{border-left-color:#1f65ef}.lead-card.status-open{border-left-color:#e5a300}.lead-card.status-done{border-left-color:#2ba56a}.lead-card.status-spam{border-left-color:#df4655;opacity:.72}.lead-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.lead-head h2{margin:6px 0 2px}.lead-status{font-size:11px;font-weight:800;letter-spacing:.08em}.lead-message{white-space:normal;line-height:1.65;background:#f6f8fb;border-radius:10px;padding:14px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #e2e7ef;text-align:left;vertical-align:top}.admin-table th{font-size:12px;color:#69768a;text-transform:uppercase;letter-spacing:.05em}.table-wrap{overflow:auto}.inline-form{display:inline-flex;gap:8px;align-items:center;margin:0}.settings-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.health-card.ok{border-left:4px solid #2ba56a}.health-card.bad{border-left:4px solid #df4655}.media-collections{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.collection-chips{margin:0}.collection-chips form{margin:0}.collection-chips .danger{font-size:18px;line-height:1}.media-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.media-search select{min-width:170px}.check.compact{display:inline-flex;align-items:center;gap:6px}.media-card-form select{width:100%}.focal-editor{margin:10px 0;padding:10px;border:1px solid #dbe2ec;border-radius:10px;background:#f8fafc}.focal-editor label{font-size:12px}.focal-editor input[type=range]{width:100%;padding:0}.seo-preview{border:1px solid #dce3ed;border-radius:12px;padding:16px;background:#fff}.seo-preview .seo-title{color:#1a0dab;font-size:20px;margin-bottom:3px}.seo-preview .seo-url{color:#08783e;font-size:13px}.seo-preview .seo-desc{color:#4d5156;line-height:1.45}.pro-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#e8f0ff;color:#1d5bd7;font-size:10px;font-weight:800;letter-spacing:.06em}
@media(max-width:900px){.settings-grid-4{grid-template-columns:1fr 1fr}.lead-head{flex-direction:column}}
@media(max-width:600px){.settings-grid-4{grid-template-columns:1fr}}
/* RB CMS 3.0 Media Pro bulk selection */
.media-bulk{padding:14px 16px}.media-bulk-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.media-bulk-row select{min-width:170px}.media-card{position:relative}.media-card-select{position:absolute;z-index:3;top:10px;left:10px;width:30px;height:30px;border-radius:9px;background:rgba(5,8,13,.82);display:grid;place-items:center;border:1px solid rgba(255,255,255,.2)}.media-card-select input{width:17px;height:17px;margin:0}.media-card:has([data-media-select]:checked){outline:2px solid #2ea8ff;outline-offset:-2px}
@media(max-width:700px){.media-bulk-row>*{min-width:0}.media-bulk-row select{flex:1 1 100%}}
/* RB CMS 3.0 SEO audit */
.seo-audit-list{display:grid;gap:8px}.seo-audit-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--admin-border,#d9e0ea);border-radius:10px}.seo-audit-item p{margin:4px 0 0;color:#667085}.seo-audit-item.warn{border-left:4px solid #f0a020}.seo-audit-item.info{border-left:4px solid #2e9fff}.seo-audit-item.bad{border-left:4px solid #d92d20}.seo-audit-ok{padding:15px;border-radius:10px;background:#e9fbef;color:#167744;font-weight:700}
/* RB CMS 3.0 SEO preview */
.seo-preview{margin-top:18px;padding-top:18px;border-top:1px solid #d9e0ea}.seo-preview h3{margin:0 0 10px}.seo-google-card{padding:14px;border:1px solid #e0e4eb;border-radius:12px;background:#fff}.seo-google-url{font-size:12px;color:#35654d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-google-title{font-size:18px;line-height:1.25;color:#1a0dab;margin:4px 0}.seo-google-desc{font-size:13px;line-height:1.45;color:#4d5156}.seo-social-card{margin-top:12px;border:1px solid #d9e0ea;border-radius:12px;overflow:hidden;background:#f6f7f9}.seo-social-card img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block}.seo-social-copy{padding:10px 12px}.seo-social-copy b{display:block;margin-bottom:3px}.seo-social-copy span{font-size:12px;color:#667085}
.backup-list{display:grid;gap:8px}.backup-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e5e9ef}.backup-list span{display:flex;flex-direction:column;gap:2px}.backup-list small{color:#667085}
/* Clickable focal point */
.media-focal-preview{position:relative;overflow:hidden;cursor:crosshair;background:#eef2f6}.media-focal-preview .media-card-preview{display:block;width:100%;height:auto}.media-focal-marker{position:absolute;left:var(--fx,50%);top:var(--fy,50%);width:24px;height:24px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #168cff,0 2px 10px rgba(0,0,0,.45);pointer-events:none}.media-focal-marker:before,.media-focal-marker:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.media-focal-marker:before{width:12px;height:1px}.media-focal-marker:after{width:1px;height:12px}.focal-editor .hint{display:block;margin:0 0 8px}

/* ===== RB CMS 3.1.0 – Admin UI refresh ===== */
:root{--admin-sidebar:#0f1726;--admin-sidebar-deep:#0a111d;--admin-sidebar-line:rgba(255,255,255,.075);--admin-nav-text:#c6d0df;--admin-nav-muted:#738198;--admin-accent:#29a3ff}
.admin-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100dvh;padding:0;background:linear-gradient(180deg,var(--admin-sidebar) 0%,var(--admin-sidebar-deep) 100%);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--admin-sidebar-line)}
.admin-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 14px;flex:0 0 auto}
.admin-brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(41,163,255,.38);background:rgba(41,163,255,.10);color:#fff;font-weight:900;letter-spacing:-.05em;font-size:15px;box-shadow:inset 0 0 20px rgba(41,163,255,.05)}
.admin-brand-copy{min-width:0}.admin-brand-copy>div{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.admin-brand-copy strong{font-size:17px;letter-spacing:-.02em;color:#fff}.admin-version{font-size:10px;font-weight:800;color:#7f8da2;letter-spacing:.03em}.admin-brand-copy small{display:block;margin-top:1px;color:#65748a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.admin-index-status{margin:0 14px 10px;min-height:30px;padding:6px 10px!important;border:1px solid rgba(245,180,55,.28)!important;background:rgba(245,180,55,.075)!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:7px!important;color:#eebc61!important;font-size:10px!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase!important}
.admin-index-status span{width:7px;height:7px;border-radius:50%;background:#f2b544;box-shadow:0 0 0 3px rgba(242,181,68,.10);flex:0 0 auto}
.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 10px 14px;scrollbar-width:thin;scrollbar-color:#263247 transparent}
.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#263247;border-radius:99px}
.admin-nav-section{border-top:1px solid transparent;margin-top:3px}.admin-nav-section+.admin-nav-section{margin-top:8px;padding-top:8px;border-top-color:var(--admin-sidebar-line)}
.admin-nav-heading{width:100%;height:30px;padding:0 9px;border:0;background:none;color:#66758b;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font:800 9.5px/1 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:left}
.admin-nav-heading:hover{color:#9aa8ba}.admin-nav-heading.is-static{cursor:default;color:#66758b}.admin-nav-heading.is-static:hover{color:#66758b}.admin-nav-heading .admin-nav-icon{width:14px;height:14px;transition:transform .16s ease}.admin-nav-heading[aria-expanded="false"] .admin-nav-icon{transform:rotate(-90deg)}
.admin-nav-items{display:grid;gap:2px;overflow:hidden}.admin-nav-heading[aria-expanded="false"]+.admin-nav-items{display:none}
.sidebar .admin-nav-link{position:relative;min-height:39px;padding:8px 10px!important;border-radius:9px!important;color:var(--admin-nav-text)!important;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:560;line-height:1.2;transition:background .14s ease,color .14s ease,transform .14s ease}
.sidebar .admin-nav-link .admin-nav-icon{width:17px;height:17px;flex:0 0 17px;color:#718198;transition:color .14s ease}
.sidebar .admin-nav-link:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}.sidebar .admin-nav-link:hover .admin-nav-icon{color:#a9b8ca}
.sidebar .admin-nav-link.active{background:rgba(41,163,255,.105)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(41,163,255,.06)}
.sidebar .admin-nav-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--admin-accent);box-shadow:0 0 12px rgba(41,163,255,.34)}
.sidebar .admin-nav-link.active .admin-nav-icon{color:var(--admin-accent)}
.sidebar-utilities{flex:0 0 auto;padding:10px;border-top:1px solid var(--admin-sidebar-line);background:rgba(4,9,16,.34);display:grid;gap:2px}.sidebar-utilities .admin-nav-link{min-height:37px;color:#aab6c6!important}.sidebar-utilities .admin-nav-link:first-child .admin-nav-icon{color:#7dbfea}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;overflow:visible}.admin-brand{padding-bottom:10px}.admin-index-status{width:max-content;max-width:calc(100% - 28px)}.sidebar-scroll{overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:10px}.admin-nav-section,.admin-nav-section+.admin-nav-section{margin:0;padding:7px;border:1px solid var(--admin-sidebar-line);border-radius:11px}.sidebar-utilities{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 16px}.sidebar .admin-nav-link{min-height:38px}.main{padding:18px}}
@media(max-width:600px){.sidebar-scroll{grid-template-columns:1fr}.sidebar-utilities{grid-template-columns:1fr}.admin-brand-copy small{max-width:220px}}


/* ===== RB CMS 3.1.3 – Header style editor ===== */
.header-style-panel .panel-title-row{align-items:flex-start;flex-wrap:wrap}.header-preset-buttons{display:flex;gap:7px;flex-wrap:wrap}.header-style-previews{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.header-style-previews>div>span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.header-style-preview{height:88px;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#d9e3ec;background-color:#111827;background-image:linear-gradient(120deg,#172033 0%,#36465e 48%,#9aa5b5 100%);position:relative;isolation:isolate;border:1px solid #d8dee8}.header-style-preview:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--preview-bg,transparent);backdrop-filter:blur(var(--preview-blur,0px));border-bottom:1px solid var(--preview-border,transparent);box-shadow:var(--preview-shadow,none)}.header-style-preview strong{font-size:15px;letter-spacing:.06em;color:var(--preview-text,#d9e3ec)}.header-style-preview nav{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--preview-text,#d9e3ec)}.header-style-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.header-style-columns fieldset{min-width:0;border:1px solid #dbe2ec;border-radius:11px;padding:14px;background:#fff}.header-style-columns legend{font-weight:800;padding:0 6px}.header-color-row{display:grid;grid-template-columns:1fr 110px;gap:10px}.header-style-panel input[type=color]{height:44px;padding:4px}.header-style-panel h4{margin:18px 0 10px}@media(max-width:1000px){.header-style-columns,.header-style-previews{grid-template-columns:1fr}}@media(max-width:600px){.header-color-row{grid-template-columns:1fr}.header-preset-buttons .btn{flex:1 1 45%}}

/* RB CMS 4.0.11 – login navigation */
.login-brand{display:grid;gap:2px;margin-bottom:20px}.login-brand strong{font-size:20px;letter-spacing:-.02em}.login-brand small{color:var(--muted);font-size:12px}.login-card h1{margin:0 0 4px}.login-card>p{margin:0 0 18px;color:var(--muted)}.login-back{display:block;text-align:center;margin-top:16px;padding:8px;color:var(--muted);font-weight:700}.login-back:hover,.login-back:focus-visible{color:var(--blue);outline:none;text-decoration:underline;text-underline-offset:3px}


.project-gallery-row .project-gallery-meta{display:grid;gap:4px}
.project-gallery-row .project-gallery-meta label{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:8px;align-items:center;color:var(--muted);font-size:11px}
.project-gallery-row .project-gallery-meta select{min-width:0;padding:7px 8px;font-size:12px}
@media(max-width:760px){.project-gallery-row{grid-template-columns:20px 58px minmax(0,1fr) 22px}.project-gallery-row img{width:58px;height:46px}.project-gallery-row .project-gallery-meta label{grid-template-columns:1fr}}


/* ===== RB CMS 5.0.1 – Header/Footer responsive controls ===== */
.header-style-columns{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));
}
.header-style-panel .settings-grid-3{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));
}
.header-style-panel .header-color-row{
  grid-template-columns:minmax(0,1.35fr) minmax(150px,.65fr);
}
.header-style-panel .settings-grid-3>div,
.header-style-panel .header-color-row>div{
  min-width:0;
}
.header-style-panel .rb-color-control,
.header-style-panel .rb-number-stepper{
  width:100%;
  min-width:0;
}
.header-style-panel .rb-color-value{
  width:100%;
  min-width:0;
}
@media(max-width:560px){
  .header-style-panel .header-color-row{grid-template-columns:1fr}
}



/* ===== RB CMS 5.0.7 – Portfolio gallery sidebar containment ===== */
.portfolio-editor{
  min-width:0;
}
.portfolio-editor>aside{
  min-width:0;
}
.portfolio-editor>aside .panel,
.portfolio-editor>aside .portfolio-gallery-editor{
  min-width:0;
  width:100%;
  max-width:100%;
}
.portfolio-editor>aside .project-gallery-row{
  width:100%;
  max-width:100%;
  min-width:0;
  grid-template-columns:18px 62px minmax(0,1fr) 18px;
  gap:7px;
  padding:7px;
}
.portfolio-editor>aside .project-gallery-row .drag{
  min-width:0;
}
.portfolio-editor>aside .project-gallery-row img{
  width:62px;
  height:48px;
  max-width:100%;
}
.portfolio-editor>aside .project-gallery-meta{
  min-width:0;
  width:100%;
  max-width:100%;
}
.portfolio-editor>aside .project-gallery-meta input,
.portfolio-editor>aside .project-gallery-meta select{
  min-width:0;
  width:100%;
  max-width:100%;
}
.portfolio-editor>aside .project-gallery-meta label{
  min-width:0;
  grid-template-columns:1fr;
  gap:4px;
  margin-top:5px;
}
.portfolio-editor>aside .project-gallery-row>.link{
  min-width:0;
  width:18px;
  overflow:hidden;
  justify-self:center;
}



/* ===== RB CMS 5.0.8 – Portfolio gallery drag feedback ===== */
.portfolio-gallery-editor.gallery-is-dragging .project-gallery-row{
  transition:opacity .12s ease,transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.project-gallery-row.gallery-dragging{
  opacity:.38;
  transform:scale(.985);
  border-style:dashed;
}
.project-gallery-row.gallery-drop-before,
.project-gallery-row.gallery-drop-after{
  position:relative;
  border-color:rgba(41,163,255,.48);
  box-shadow:0 0 0 2px rgba(41,163,255,.10);
  background:rgba(41,163,255,.035);
}
.project-gallery-row.gallery-drop-before::before,
.project-gallery-row.gallery-drop-after::after{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  height:4px;
  border-radius:999px;
  background:#29a3ff;
  box-shadow:0 0 0 2px rgba(41,163,255,.16),0 0 12px rgba(41,163,255,.35);
  z-index:5;
  pointer-events:none;
}
.project-gallery-row.gallery-drop-before::before{
  top:-7px;
}
.project-gallery-row.gallery-drop-after::after{
  bottom:-7px;
}
.project-gallery-row.gallery-drop-before .drag,
.project-gallery-row.gallery-drop-after .drag{
  color:#167eea;
}
.portfolio-gallery-editor.gallery-is-dragging .project-gallery-row:not(.gallery-dragging){
  cursor:grabbing;
}
.portfolio-gallery-editor.gallery-is-dragging .project-gallery-row:not(.gallery-dragging):hover{
  border-color:rgba(41,163,255,.42);
}



/* =========================================================
   RB CMS 6.0 – Studio UI foundation
   ========================================================= */
:root{
  --rb6-bg:#f4f6f9;
  --rb6-surface:#ffffff;
  --rb6-surface-soft:#f8fafc;
  --rb6-text:#152033;
  --rb6-muted:#6f7c90;
  --rb6-line:#e2e7ef;
  --rb6-accent:#2ea3ff;
  --rb6-accent-strong:#167eea;
  --rb6-sidebar:#07111d;
  --rb6-sidebar-2:#0b1625;
  --rb6-radius:14px;
  --rb6-shadow:0 12px 34px rgba(18,31,48,.07);
}
html{background:var(--rb6-bg)}
body{background:var(--rb6-bg);color:var(--rb6-text);font-feature-settings:"cv02","cv03","cv04","cv11"}
.admin-shell{grid-template-columns:248px minmax(0,1fr);transition:grid-template-columns .2s ease}
.sidebar{
  background:
    radial-gradient(700px 400px at -180px -100px,rgba(46,163,255,.18),transparent 55%),
    linear-gradient(180deg,var(--rb6-sidebar) 0%,var(--rb6-sidebar-2) 100%);
  border-right:1px solid rgba(255,255,255,.065);
  box-shadow:12px 0 35px rgba(7,17,29,.08);
}
.admin-brand{min-height:74px;padding:15px 14px 12px;gap:10px}
.admin-brand-mark{
  width:42px;height:42px;padding:0;border:0;border-radius:13px;
  background:linear-gradient(145deg,#18334f,#0b1a2b);
  box-shadow:inset 0 0 0 1px rgba(92,180,255,.23),0 8px 22px rgba(0,0,0,.18);
  overflow:hidden;
}
.admin-brand-mark svg{width:100%;height:100%;display:block}
.admin-brand-mark svg rect{fill:url(#none);fill:#0d1d2d}
.admin-brand-mark svg path{fill:#fff}
.admin-brand-copy strong{font-size:16px;letter-spacing:.01em}
.admin-brand-copy small{color:#73839a;font-size:10px}
.admin-brand-actions{margin-left:auto;display:flex;gap:4px}
.admin-brand-btn{
  width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);
  border-radius:8px;background:rgba(255,255,255,.025);color:#8fa0b6;cursor:pointer;font:700 15px/1 system-ui;
}
.admin-brand-btn:hover{background:rgba(46,163,255,.10);color:#d7ecff;border-color:rgba(46,163,255,.24)}
.admin-nav-heading{height:28px;padding:0 10px;color:#627289;font-size:9px}
.sidebar .admin-nav-link{min-height:40px;border-radius:10px!important;font-size:13px;font-weight:620}
.sidebar .admin-nav-link.active{background:linear-gradient(90deg,rgba(46,163,255,.15),rgba(46,163,255,.07))!important}
.sidebar .admin-nav-link.active:before{left:-1px;top:7px;bottom:7px;width:3px}
.sidebar-scroll{padding:2px 9px 14px}
.sidebar-utilities{padding:9px;background:rgba(0,0,0,.10)}

.main{max-width:1680px;padding:28px clamp(18px,2.2vw,38px) 48px}
.page-head{margin-bottom:18px}
.page-head h1{font-size:clamp(24px,2vw,32px);letter-spacing:-.035em}
.page-head p{color:var(--rb6-muted)}
.panel,.stats>div,.subpanel,.quick-card,.media-card,.diag-item,.template-admin-card{
  border-color:var(--rb6-line);
  border-radius:var(--rb6-radius);
  background:var(--rb6-surface);
  box-shadow:0 1px 1px rgba(18,31,48,.02);
}
.panel{padding:20px}
.panel:hover{box-shadow:var(--rb6-shadow)}
.btn{
  min-height:38px;border-color:#d6dde8;border-radius:10px;padding:9px 13px;
  background:#fff;font-weight:720;box-shadow:0 1px 1px rgba(18,31,48,.03);
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(18,31,48,.08);border-color:#b8c7da}
.btn.primary{background:linear-gradient(180deg,#35a9ff,#1c8ff0);border-color:#208ee9;box-shadow:0 6px 16px rgba(46,163,255,.20)}
input,textarea,select{
  border-color:#d6dde8;border-radius:10px;min-height:40px;background:#fff;
  transition:border-color .12s ease,box-shadow .12s ease;
}
input:focus,textarea:focus,select:focus{outline:none;border-color:#6ebcff;box-shadow:0 0 0 3px rgba(46,163,255,.12)}
label{font-size:13px;color:#2a3749}
.hint,.muted{color:var(--rb6-muted)}

.admin-mobile-bar{display:none}
.admin-sidebar-backdrop[hidden]{display:none!important}
.admin-command[hidden]{display:none!important}
.admin-command{position:fixed;inset:0;z-index:120000;display:grid;place-items:start center;padding:11vh 16px 16px}
.admin-command-backdrop{position:absolute;inset:0;background:rgba(2,8,15,.56);backdrop-filter:blur(5px)}
.admin-command-card{
  position:relative;width:min(660px,100%);max-height:min(72vh,680px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
  background:#fff;border:1px solid #dde4ed;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px rgba(3,13,24,.30)
}
.admin-command-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:17px 18px 12px}
.admin-command-card>header strong{display:block;font-size:17px}
.admin-command-card>header small{display:block;margin-top:2px;color:#7a8799}
.admin-command-card kbd{border:1px solid #dbe2eb;border-bottom-width:2px;border-radius:6px;background:#f7f9fc;padding:3px 7px;color:#6b7789;font:11px ui-monospace,monospace}
.admin-command-search{margin:0 14px 10px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;border:1px solid #cfd8e4;border-radius:12px;background:#fbfcfe}
.admin-command-search span{text-align:center;color:#748399}
.admin-command-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:46px}
.admin-command-results{overflow:auto;padding:4px 9px 10px;display:grid;gap:3px}
.admin-command-results a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:10px;color:#1d2938}
.admin-command-results a span{display:grid;gap:2px}.admin-command-results a small{color:#8491a2;font-size:11px}
.admin-command-results a i{font-style:normal;color:#8a98aa;opacity:0}
.admin-command-results a.is-active{background:#eef7ff;color:#0f66b8}.admin-command-results a.is-active i{opacity:1}
.admin-command-results a.is-current b:after{content:" •";color:#2ea3ff}
.admin-command-empty{padding:26px;text-align:center;color:#7b8899}
.admin-command-card>footer{display:flex;gap:16px;padding:9px 14px;border-top:1px solid #e6ebf1;background:#fafbfd;color:#8793a3;font-size:10px}

body.admin-sidebar-collapsed .admin-shell{grid-template-columns:76px minmax(0,1fr)}
body.admin-sidebar-collapsed .admin-brand{justify-content:center;padding-inline:10px}
body.admin-sidebar-collapsed .admin-brand-copy,
body.admin-sidebar-collapsed .admin-index-status,
body.admin-sidebar-collapsed .admin-nav-heading,
body.admin-sidebar-collapsed .sidebar .admin-nav-link span{display:none!important}
body.admin-sidebar-collapsed .admin-brand-actions{position:absolute;top:61px;left:22px;margin:0}
body.admin-sidebar-collapsed .admin-brand-actions [data-admin-command-open]{display:none}
body.admin-sidebar-collapsed .sidebar-scroll{padding-top:38px}
body.admin-sidebar-collapsed .admin-nav-section,
body.admin-sidebar-collapsed .admin-nav-section+.admin-nav-section{margin:0;padding:0;border:0}
body.admin-sidebar-collapsed .admin-nav-items,
body.admin-sidebar-collapsed .admin-nav-heading[aria-expanded="false"]+.admin-nav-items{display:grid!important}
body.admin-sidebar-collapsed .sidebar .admin-nav-link{justify-content:center;padding:9px!important}
body.admin-sidebar-collapsed .sidebar .admin-nav-link .admin-nav-icon{width:19px;height:19px;flex-basis:19px}
body.admin-sidebar-collapsed .sidebar-utilities .admin-nav-link span{display:none}
body.admin-sidebar-collapsed .sidebar-utilities .admin-nav-link{justify-content:center}
body.admin-sidebar-collapsed .admin-brand-mark{width:40px;height:40px}

@media(max-width:900px){
  body{padding-top:58px}
  .admin-mobile-bar{
    position:fixed;z-index:50000;left:0;right:0;top:0;height:58px;display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:0 9px;
    background:rgba(7,17,29,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff
  }
  .admin-mobile-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);color:#d9e8f6;font-size:19px}
  .admin-mobile-brand{min-width:0;display:flex;align-items:center;gap:7px}.admin-mobile-brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#18334f;color:#fff;font-size:10px;font-weight:900}
  .admin-mobile-brand strong{font-size:12px}.admin-mobile-brand small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa1b8;font-size:10px}
  .admin-shell{display:block}
  .sidebar{
    position:fixed!important;z-index:50020;left:0;top:58px;bottom:0;width:min(320px,88vw);height:auto!important;
    transform:translateX(-105%);transition:transform .2s ease;box-shadow:22px 0 70px rgba(0,0,0,.30)
  }
  body.admin-mobile-nav-open .sidebar{transform:translateX(0)}
  .admin-sidebar-backdrop{position:fixed;z-index:50010;inset:58px 0 0;background:rgba(2,7,12,.48);backdrop-filter:blur(2px)}
  .sidebar-scroll{display:block!important;overflow-y:auto!important;padding:2px 9px 14px!important}
  .admin-nav-section,.admin-nav-section+.admin-nav-section{margin-top:3px!important;padding:0!important;border:0!important;border-radius:0!important}
  .admin-nav-section+.admin-nav-section{margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.075)!important}
  .sidebar-utilities{grid-template-columns:1fr!important;padding:9px!important}
  .main{padding:18px 14px 38px}
  body.admin-sidebar-collapsed .admin-brand-copy,
  body.admin-sidebar-collapsed .admin-index-status,
  body.admin-sidebar-collapsed .admin-nav-heading,
  body.admin-sidebar-collapsed .sidebar .admin-nav-link span{display:initial!important}
  body.admin-sidebar-collapsed .admin-brand-actions{position:static;margin-left:auto}
  body.admin-sidebar-collapsed .admin-brand-actions [data-admin-command-open]{display:grid}
  body.admin-sidebar-collapsed .sidebar-scroll{padding-top:2px!important}
  body.admin-sidebar-collapsed .sidebar .admin-nav-link{justify-content:flex-start;padding:8px 10px!important}
}
@media(max-width:560px){
  .main{padding-inline:10px}
  .panel{padding:16px;border-radius:12px}
  .page-head{gap:12px}.page-head h1{font-size:24px}
  .actions{flex-wrap:wrap}
  .btn{min-height:40px}
}

/* RB CMS 6.1.2 – Media bulk toolbar */
.media-bulk-row>select,.media-bulk-row>input{width:auto}
.media-bulk-row select[name="bulk_action"]{flex:1 1 300px;min-width:240px}
.media-bulk-row select[name="bulk_collection_id"]{flex:1 1 240px;min-width:200px}
.media-bulk-row input[name="bulk_rename_prefix"]{flex:0 1 220px;min-width:150px;max-width:220px}
.media-bulk-start{display:block;flex:0 0 116px;width:116px}
.media-bulk-start[hidden]{display:none}
.media-bulk-start .rb-number-stepper{width:116px;grid-template-columns:36px 44px 36px}
.media-bulk-start .rb-number-stepper>input{width:44px;max-width:none!important}
.btn.danger-btn{background:#b42318;border-color:#b42318;color:#fff}
.btn.danger-btn:hover,.btn.danger-btn:focus-visible{background:#912018;border-color:#912018;color:#fff}
@media(max-width:700px){.media-bulk-row select[name="bulk_action"],.media-bulk-row select[name="bulk_collection_id"],.media-bulk-row input[name="bulk_rename_prefix"]{flex:1 1 100%;width:100%;max-width:none}.media-bulk-start{flex:0 0 116px}}

/* RB CMS 6.1.3 – universal editor save affordance */
.rb-save-top-actions{margin-left:auto;flex:0 0 auto}
.rb-save-top{white-space:nowrap}
.rb-save-dock{
  position:fixed;z-index:45000;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,24px);
  display:flex;align-items:center;gap:14px;padding:9px 10px 9px 14px;
  border:1px solid rgba(37,99,235,.22);border-radius:14px;background:rgba(255,255,255,.96);
  box-shadow:0 18px 55px rgba(18,31,48,.20);backdrop-filter:blur(14px);
  animation:rbSaveDockIn .16s ease-out both;
}
.rb-save-dock[hidden]{display:none!important}
.rb-save-dock>span{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.rb-save-dock>span b{font-size:12px;color:#354256}
.rb-save-dock>span small{font-size:10px;color:#8995a6;border:1px solid #dce3ec;border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:#f8fafc}
.rb-save-dock .btn{min-height:36px;padding:8px 13px}
@keyframes rbSaveDockIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){
  .rb-save-top-actions{width:auto!important;margin-left:0}
  .rb-save-dock{left:10px;right:10px;bottom:10px;justify-content:space-between;padding-left:12px}
}
@media(max-width:520px){
  .rb-save-dock>span small{display:none}.rb-save-dock>span b{font-size:11px}.rb-save-dock .btn{flex:0 0 auto}
}


/* ===== RB CMS 6.1.4 – Portfolio gallery visual editor ===== */
@media(min-width:1101px){
  .portfolio-editor{grid-template-columns:minmax(0,1fr) minmax(390px,440px)}
}
.portfolio-editor>aside .project-gallery-row{
  grid-template-columns:22px minmax(0,1fr) 24px;
  gap:8px;
  align-items:center;
  padding:10px;
  border-radius:12px;
}
.portfolio-editor>aside .project-gallery-row .drag{
  grid-column:1;
  grid-row:1;
  align-self:center;
  justify-self:center;
  font-size:20px;
}
.portfolio-editor>aside .project-gallery-title{
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:8px;
}
.portfolio-editor>aside .project-gallery-title strong{
  flex:0 0 auto;
  font-size:12px;
  color:var(--text);
}
.portfolio-editor>aside .project-gallery-title span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:11px;
}
.portfolio-editor>aside .project-gallery-row>.link{
  grid-column:3;
  grid-row:1;
  width:24px;
  height:24px;
  font-size:18px;
  line-height:1;
}
.portfolio-editor>aside .project-gallery-preview{
  grid-column:1 / -1;
  grid-row:2;
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  padding:0;
  margin:2px 0 1px;
  overflow:hidden;
  border:1px solid #d8e0ea;
  border-radius:9px;
  background:#09111a;
  cursor:zoom-in;
}
.portfolio-editor>aside .project-gallery-preview img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  border-radius:0;
  background:#09111a;
}
.portfolio-editor>aside .project-gallery-preview-hint{
  position:absolute;
  right:8px;
  bottom:8px;
  padding:5px 8px;
  border-radius:6px;
  background:rgba(5,10,16,.78);
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .14s ease,transform .14s ease;
  pointer-events:none;
}
.portfolio-editor>aside .project-gallery-preview:hover .project-gallery-preview-hint,
.portfolio-editor>aside .project-gallery-preview:focus-visible .project-gallery-preview-hint{
  opacity:1;
  transform:none;
}
.portfolio-editor>aside .project-gallery-preview:focus-visible{
  outline:2px solid #29a3ff;
  outline-offset:2px;
}
.portfolio-editor>aside .project-gallery-meta{
  grid-column:1 / -1;
  grid-row:3;
  display:grid;
  gap:6px;
  margin-top:2px;
}
.portfolio-editor>aside .project-gallery-meta input,
.portfolio-editor>aside .project-gallery-meta select{
  font-size:12px;
  padding:8px 9px;
}
.portfolio-editor>aside .project-gallery-meta label{
  grid-template-columns:110px minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin-top:1px;
}
.project-gallery-lightbox[hidden]{display:none!important}
.project-gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:28px;
}
.project-gallery-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,7,12,.86);
  backdrop-filter:blur(5px);
}
.project-gallery-lightbox-card{
  position:relative;
  z-index:1;
  width:min(1400px,94vw);
  max-height:92vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:#071019;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}
.project-gallery-lightbox-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  background:#fff;
}
.project-gallery-lightbox-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.project-gallery-lightbox-card>img{
  display:block;
  width:100%;
  height:calc(92vh - 62px);
  object-fit:contain;
  background:#03070b;
}
@media(max-width:1100px){
  .portfolio-editor>aside .project-gallery-row{grid-template-columns:22px minmax(0,1fr) 24px}
  .portfolio-editor>aside .project-gallery-meta label{grid-template-columns:110px minmax(0,1fr)}
}
@media(max-width:560px){
  .portfolio-editor>aside .project-gallery-meta label{grid-template-columns:1fr}
  .project-gallery-lightbox{padding:10px}
  .project-gallery-lightbox-card{width:100%;max-height:96vh}
  .project-gallery-lightbox-card>img{height:calc(96vh - 62px)}
}
/* ===== RB CMS 6.1.5 – editable fields inside sortable portfolio cards ===== */
.portfolio-editor>aside .project-gallery-row .drag{user-select:none;-webkit-user-select:none}
.portfolio-editor>aside .project-gallery-meta input{cursor:text}


/* RB CMS 6.2.0 – portfolio listing card controls */
.listing-card-layout-box{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.listing-card-layout-box>b,.listing-card-layout-box>div>b{display:block;margin-bottom:4px}.settings-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.settings-grid-4>div{min-width:0}.settings-grid-4 select,.settings-grid-4 input{width:100%}@media(max-width:1100px){.settings-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.settings-grid-4{grid-template-columns:1fr}}


/* RB CMS 6.3.0 – Integrations */
.integrations-form{max-width:1120px}.integration-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.integration-tabs a{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700;color:#334155}.integration-section{scroll-margin-top:22px}.integration-section h2{margin:0 0 4px}.integration-section>.hint{margin-top:0}.integration-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:14px}.integration-status{border:1px solid var(--line);border-left:4px solid #94a3b8;border-radius:10px;padding:12px;background:#f8fafc}.integration-status.ok{border-left-color:#2ba56a}.integration-status.warn{border-left-color:#e5a300}.integration-status.bad{border-left-color:#df4655}.integration-status b,.integration-status small{display:block}.integration-status small{margin-top:3px;color:var(--muted)}.integration-code{min-height:145px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.integration-file-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.integration-file-row>div{flex:1 1 320px}.integration-file-current{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.integration-warn{padding:12px 14px;border-radius:10px;background:#fff7e6;border:1px solid #f1d39a;color:#7a5212;margin:12px 0}.integration-switch{display:flex;gap:10px;align-items:flex-start;font-weight:600}.integration-switch input{width:auto;margin-top:3px}.integration-switch span small{display:block;color:var(--muted);font-weight:400;margin-top:2px}@media(max-width:720px){.integration-file-row{display:grid}.integration-file-row>div{min-width:0}}

/* ===== RB CMS 6.4.0 – Portfolio Gallery Layout Composer controls ===== */
.layout-help-strip{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 12px;border:1px solid #cfe0f2;border-radius:9px;background:#f4f9ff;color:#52677c;font-size:12px;line-height:1.45}
.layout-help-strip b{flex:0 0 auto;color:#16283a}
.project-gallery-advanced{margin-top:3px;border:1px solid #dce4ed;border-radius:9px;background:#f8fafc;overflow:hidden}
.project-gallery-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;font-size:11px;font-weight:700;color:#32475b;user-select:none}
.project-gallery-advanced>summary span{font-weight:500;color:var(--muted);font-size:10px}
.project-gallery-advanced[open]>summary{border-bottom:1px solid #e2e8f0;background:#f1f6fb}
.project-gallery-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}
.portfolio-editor>aside .project-gallery-layout-grid label{display:grid;grid-template-columns:1fr;gap:4px;margin:0;font-size:10px;color:#607386}
.portfolio-editor>aside .project-gallery-layout-grid select,.portfolio-editor>aside .project-gallery-layout-grid input[type=number]{width:100%;font-size:11px;padding:7px 8px}
.portfolio-editor>aside .project-gallery-layout-grid .project-gallery-new-row{display:flex;align-items:center;gap:8px;align-self:end;min-height:35px;color:#32475b;font-weight:600}
.portfolio-editor>aside .project-gallery-layout-grid .project-gallery-new-row input{width:auto;margin:0;padding:0}
.project-gallery-layout-actions{display:flex;justify-content:flex-end;padding:0 10px 10px}
.project-gallery-layout-actions .btn.compact{padding:6px 9px;font-size:10px}
@media(max-width:560px){.layout-help-strip{flex-direction:column}.project-gallery-layout-grid{grid-template-columns:1fr}}
.media-inline-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.media-inline-picker .btn{white-space:nowrap}.story-media-field{display:grid;gap:6px}.story-media-current{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:#fbfcfe}.story-media-current img{width:54px;height:42px;object-fit:cover;border-radius:6px}.story-media-current span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}@media(max-width:700px){.media-inline-picker{grid-template-columns:1fr}.story-media-current{grid-template-columns:48px minmax(0,1fr);}.story-media-current .btn{grid-column:auto}}

/* RB CMS 6.6.4 – compact Design System numeric controls */
.design-system-form .design-system-panel h2{margin-bottom:16px}
.design-system-form .design-font-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px;margin-bottom:24px}
.design-system-form .design-font-grid label{margin-top:0}
.design-system-form .design-number-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,190px));gap:14px 18px;align-items:start}
.design-system-form .design-number-field{min-width:0}
.design-system-form .design-number-field>label{display:flex;align-items:baseline;gap:6px;margin:0 0 6px;font-size:13px}
.design-system-form .design-number-field>label small{font-size:10px;font-weight:700;color:#8995a6;text-transform:uppercase;letter-spacing:.05em}
.design-system-form .design-number-field>.rb-number-stepper{width:132px;grid-template-columns:36px 60px 36px}
.design-system-form .design-number-field>.rb-number-stepper>input{width:60px;max-width:none!important;padding-inline:6px;text-align:center;font-variant-numeric:tabular-nums}
.design-system-form .design-type-scale .design-number-field:first-child>.rb-number-stepper{width:140px;grid-template-columns:36px 68px 36px}
.design-system-form .design-type-scale .design-number-field:first-child>.rb-number-stepper>input{width:68px}
@media(max-width:760px){
  .design-system-form .design-font-grid{grid-template-columns:1fr}
  .design-system-form .design-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .design-system-form .design-number-field>.rb-number-stepper,
  .design-system-form .design-type-scale .design-number-field:first-child>.rb-number-stepper{width:132px;grid-template-columns:36px 60px 36px}
  .design-system-form .design-type-scale .design-number-field:first-child>.rb-number-stepper>input{width:60px}
}
@media(max-width:430px){
  .design-system-form .design-number-grid{grid-template-columns:1fr}
}