:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f1f3f5;background:#111214;--bg:#111214;--surface:#1a1c1f;--surface2:#22252a;--border:#3a3d42;--text:#f1f3f5;--muted:#a8adb5;--red:#d62828;--red2:#ef4444;--red-dark:#9f1d1d}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#17191c 0%,#0c0d0f 100%);min-height:100vh;color:var(--text)}a{color:#ff6b6b}header{display:flex;gap:1rem;align-items:center;padding:1rem 1.25rem;background:#090a0b;color:white;border-bottom:1px solid #34363a;box-shadow:0 3px 18px #0008;position:sticky;top:0;z-index:20}header a{color:white}.brand{font-weight:850;text-decoration:none;letter-spacing:.2px}.brand::before{content:"◆";color:var(--red2);margin-right:.5rem}.user{margin-left:auto;color:#c6cad0}main{max-width:1180px;margin:auto;padding:1rem}.panel,.hero{background:linear-gradient(160deg,#202226,#17191c);border:1px solid var(--border);border-radius:14px;padding:1.2rem;box-shadow:0 8px 26px #0007}.narrow{max-width:480px;margin:3rem auto}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;border-left:4px solid var(--red)}.hero h1{margin:.25rem 0}.hero p{margin-bottom:0;color:#c4c8ce}.badge,.flags span{background:#38191b;border:1px solid #70262a;color:#ffb4b4;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:750}.crumbs{display:flex;gap:.5rem;align-items:center;margin:.25rem 0 1rem;font-size:.92rem;color:var(--muted)}.crumbs a{text-decoration:none}label{display:block;font-weight:650;margin:.8rem 0;color:#e8e9eb}input,textarea,select{display:block;width:100%;margin-top:.35rem;padding:.75rem;border:1px solid #4a4e55;border-radius:8px;font:inherit;background:#101113;color:#f4f4f5}input:focus,textarea:focus,select:focus{outline:2px solid #d6282877;border-color:var(--red2)}small{color:var(--muted)}.check{display:flex;gap:.55rem;align-items:center}.check input{width:auto;margin:0}button,.button{border:1px solid #f34b4b;border-radius:9px;padding:.8rem 1rem;background:linear-gradient(#e33131,#b91f24);color:white;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 3px 10px #0006}button:hover,.button:hover{background:linear-gradient(#f04444,#cf252a);transform:translateY(-1px)}.secondary{background:#383b40;border-color:#555a62}.card,.item{border:1px solid #3b3e44;border-radius:10px;padding:1rem;margin:.7rem 0;background:#181a1d}.linked{display:flex;justify-content:space-between;gap:1rem;align-items:center;text-decoration:none;color:inherit;transition:.15s}.linked:hover{border-color:var(--red2);box-shadow:0 5px 16px #0009;transform:translateY(-1px);background:#202225}.card small,.item small{display:block;color:var(--muted);margin-top:.2rem}.card p,.item p{margin-bottom:0;color:#d0d3d7}.alert{padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem;border:1px solid}.error{background:#3b1518;color:#ffd1d1;border-color:#8e2f35}.ok{background:#153425;color:#bff3d3;border-color:#2c6b4b}.muted{color:var(--muted)}.flags{display:flex;gap:.35rem;flex-wrap:wrap}details{border-top:1px solid #3a3d42;margin-top:1rem;padding-top:1rem}summary{cursor:pointer;font-weight:750;color:#ff7777}.roadmap{background:#151719}footer{text-align:center;padding:2rem;color:#8e939b}.tier{border:1px solid #3b3f46;border-radius:10px;padding:.8rem;margin:.7rem 0;background:#151719}.tier summary{cursor:pointer}.inline-form{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap}.inline-form select{min-width:220px}.sync-history{margin-top:1rem}.sync-row{display:grid;grid-template-columns:155px 90px 1fr auto;gap:.65rem;align-items:start;border-top:1px solid #34373c;padding:.7rem 0}.status-success{color:#7ee2a8}.status-failed{color:#ff7777}.status-started{color:#ffd166}@media(max-width:760px){.grid,.workspace-grid{grid-template-columns:1fr}header{flex-wrap:wrap}.user{margin-left:0}.panel,.hero{border-radius:10px}.hero{display:block}h1{font-size:1.55rem}.linked{align-items:flex-start}.sync-row{grid-template-columns:1fr}.sync-row>*{display:block}}
.physical-table-card{border:1px solid #3b3e44;border-radius:11px;margin:.75rem 0;background:#151719;overflow:hidden;padding:0}.physical-table-card>summary{display:flex;align-items:center;gap:.75rem;padding:1rem;list-style:none;color:var(--text);background:#1b1d21}.physical-table-card>summary::-webkit-details-marker{display:none}.physical-table-card>summary:hover{background:#22252a}.physical-table-card .fold-icon{width:1.7rem;height:1.7rem;border-radius:50%;display:inline-grid;place-items:center;background:#3c1719;border:1px solid #7a292e;color:#ff8b8b;flex:0 0 auto}.physical-table-card .fold-icon::before{content:'+';font-size:1.25rem;line-height:1}.physical-table-card[open] .fold-icon::before{content:'−'}.physical-table-card summary small{display:block;margin-top:.22rem}.folded-content{padding:1rem;border-top:1px solid #34373c}.folded-content h3{margin:.1rem 0 .75rem}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.section-heading h2{margin-top:0}@media(max-width:760px){.section-heading{display:block}.section-heading form{margin-top:1rem}.physical-table-card>summary{align-items:flex-start}}

.synchronization-panel{padding:0;overflow:hidden;grid-column:1/-1}.synchronization-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem;list-style:none;color:var(--text);background:linear-gradient(160deg,#202226,#17191c)}.synchronization-panel>summary::-webkit-details-marker{display:none}.synchronization-panel>summary h2{margin:0 0 .2rem}.synchronization-panel>summary:hover{background:#23262a}.section-toggle{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:#3c1719;border:1px solid #7a292e;color:#ff8b8b;flex:0 0 auto}.section-toggle::before{content:'+';font-size:1.35rem}.synchronization-panel[open] .section-toggle::before{content:'−'}.synchronization-content{padding:0 1.2rem 1.2rem;border-top:1px solid #34373c}.synchronization-content>h3{margin-top:1.2rem}.tier-card{display:flex;align-items:center;gap:.8rem;padding:.65rem}.tier-card-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex:1;min-width:0;padding:.35rem;text-decoration:none;color:inherit}.tier-card-link:hover{color:inherit}.tier-copy-form{margin:0}.compact{padding:.58rem .75rem;white-space:nowrap}@media(max-width:760px){.tier-card{align-items:stretch;flex-direction:column}.tier-card-link{align-items:flex-start}.tier-copy-form button{width:100%}}

.tier-details-maintenance>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none}.tier-details-maintenance>summary::-webkit-details-marker{display:none}.tier-details-maintenance>summary h2{margin:0}.tier-details-maintenance>summary small{display:block;margin-top:.35rem}.tier-details-maintenance[open]>summary{margin-bottom:1rem}.tier-details-maintenance input[readonly]{opacity:.78;cursor:not-allowed}
.workspace-card>summary,.synchronization-panel>summary,.tier-details-maintenance>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none}.workspace-card>summary::-webkit-details-marker,.synchronization-panel>summary::-webkit-details-marker{display:none}.card-body{padding-top:1rem}.button{display:inline-block;background:#c62828;color:#fff;text-decoration:none;padding:.72rem 1rem;border-radius:.45rem;font-weight:700}.module-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.record-card{background:#181818;border:1px solid #3b3b3b;border-radius:.7rem;padding:1rem}.record-card p{margin:.35rem 0}.record-actions{display:flex;gap:.7rem;margin:.8rem 0}.record-actions a{color:#ff6b6b}.tier-card{flex-wrap:wrap}.tier-card .button,.tier-card form{margin-left:.4rem}.danger{background:#8b0000}

.calculation-designer{margin:1rem 0;padding:1rem;border:1px solid #484c53;border-radius:10px;background:#111315}.calc-help{margin:.5rem 0 1rem;padding:.65rem .8rem;border-left:3px solid var(--red2);background:#241719;color:#ffd1d1}.calc-panel{border-top:1px solid #383c42;padding-top:.8rem;margin-top:.8rem}.calc-panel[hidden]{display:none}.calc-panel h4{margin:.2rem 0}.token-toolbar{display:flex;gap:.6rem;align-items:end}.token-toolbar select{flex:1}.operator-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin:.7rem 0}.token-button{padding:.45rem .65rem;min-width:2.5rem}.calculation-designer textarea{min-height:100px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:760px){.token-toolbar{display:block}.token-toolbar button{width:100%;margin-top:.5rem}}
.metadata-status{display:inline-block;padding:.28rem .55rem;border:1px solid #666;border-radius:999px;font-size:.78rem;text-transform:capitalize}.status-built{border-color:#2e8b57}.status-out_of_date{border-color:#d6a300}.status-not_built{border-color:#888}.status-build_failed{border-color:#c62828}.status-grid,.metadata-summary{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.status-grid span,.metadata-summary span{background:#181818;border:1px solid #444;border-radius:.5rem;padding:.65rem}.tier-card{flex-wrap:wrap}.tier-card-link{min-width:260px;flex:1}

/* V3.0.0-B Live Preview Engine */
.hero-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.preview-hero{align-items:center}.health-pill{padding:.65rem .9rem;border-radius:999px;font-weight:800}.health-good{background:#143b27;border:1px solid #2f8f5b}.health-warn{background:#493911;border:1px solid #b18a21}.health-bad{background:#4a171b;border:1px solid #b83b43}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem}.preview-tabs,.device-switcher{display:flex;gap:.35rem;flex-wrap:wrap}.preview-tabs a,.device-switcher a{padding:.55rem .75rem;border:1px solid #474b52;border-radius:8px;text-decoration:none;color:#d8dbe0;background:#17191c}.preview-tabs a.active,.device-switcher a.active{background:#b91f24;border-color:#ef4444;color:#fff}.preview-stage{overflow:auto;padding:1rem 0 2rem}.device-frame{margin:0 auto;transition:width .2s ease}.device-desktop{width:100%}.device-tablet{width:820px;max-width:100%}.device-phone{width:390px;max-width:100%}.runtime-shell{min-height:620px;background:#f4f5f7;color:#202226;border:10px solid #24262a;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #000b}.device-phone .runtime-shell{border-radius:28px}.runtime-topbar{background:#101113;color:#fff;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center}.runtime-topbar strong::before{content:'◆';color:#ef4444;margin-right:.55rem}.runtime-topbar span{font-size:.8rem;color:#bbb}.runtime-page{padding:1.25rem}.runtime-page h2{margin:.2rem 0 1rem}.runtime-card-grid,.runtime-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.device-phone .runtime-card-grid,.device-phone .runtime-record-grid{grid-template-columns:1fr}.runtime-module-card,.runtime-record-card{display:flex;flex-direction:column;gap:.45rem;background:#fff;border:1px solid #d7d9dd;border-radius:12px;padding:1rem;text-decoration:none;color:#202226;box-shadow:0 3px 12px #0001}.runtime-module-card:hover{border-color:#d62828;transform:translateY(-2px)}.runtime-module-card small{color:#626871}.runtime-module-card em{color:#a66b00;font-size:.78rem}.runtime-icon{color:#d62828;font-size:1.5rem}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.runtime-breadcrumb{display:flex;gap:.45rem;margin-bottom:1rem}.runtime-breadcrumb a{color:#b91f24}.runtime-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.runtime-heading button{box-shadow:none}.runtime-search{background:#fff;color:#222;border-color:#c7cbd1;margin:1rem 0}.runtime-record-card p{margin:.25rem 0}.runtime-actions{display:flex;gap:.8rem;border-top:1px solid #e4e5e7;padding-top:.7rem;margin-top:auto}.runtime-actions a,.runtime-actions span{color:#b91f24;font-weight:700}.workspace-tabs{display:flex;gap:.35rem;overflow:auto;border-bottom:1px solid #d5d7da;margin-bottom:1rem}.workspace-tabs a{padding:.7rem .9rem;text-decoration:none;color:#555;white-space:nowrap}.workspace-tabs a.active{color:#b91f24;border-bottom:3px solid #b91f24}.preview-record-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.preview-record-detail div{background:#fff;border:1px solid #ddd;border-radius:10px;padding:.9rem}.preview-record-detail small{display:block;color:#73777d}.solution-tree{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.7;background:#111315;padding:1rem;border-radius:10px}.tree-root{font-weight:800;color:#ff7b7b;margin-top:.8rem}.tree-branch{margin-left:1rem}.tree-branch a{color:#e8eaed;text-decoration:none}.tree-child{margin-left:2rem;color:#bcc1c8}.health-panel{position:relative}.health-score{display:flex;align-items:baseline;gap:.7rem;margin-bottom:1rem}.health-score strong{font-size:3rem;color:#ff6b6b}.health-metrics{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.health-metrics span{background:#181a1d;border:1px solid #41454c;border-radius:999px;padding:.45rem .7rem}.preview-issue{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;padding:.8rem;border:1px solid #4b4f56;border-radius:9px;margin:.6rem 0;text-decoration:none;color:inherit}.preview-issue.error{border-left:4px solid #ef4444}.preview-issue.warning{border-left:4px solid #d6a300}.preview-issue small{color:#ff7b7b}@media(max-width:760px){.preview-toolbar,.runtime-heading{align-items:stretch;flex-direction:column}.preview-tabs,.device-switcher{width:100%}.preview-tabs a,.device-switcher a{flex:1;text-align:center}.preview-issue{grid-template-columns:1fr}.runtime-shell{min-height:560px}.hero-actions{margin-top:1rem}}


/* V3.0.0-C Interactive Designer */
.designer-mode-badge{display:inline-flex;align-items:center;padding:.55rem .75rem;border:1px solid #7a292e;border-radius:8px;background:#321719;color:#ff9b9b;font-weight:800}.designer-card{position:relative}.designer-card-main{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:inherit;flex:1}.designer-card-tools{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px dashed #d7d9dd;padding-top:.65rem;margin-top:.4rem}.designer-card-tools a{color:#b91f24;text-decoration:none;font-weight:700;font-size:.82rem}.designer-card-tools details{position:relative}.designer-card-tools summary{cursor:pointer;color:#b91f24;font-weight:800;font-size:.82rem;list-style:none}.designer-card-tools summary::-webkit-details-marker{display:none}.designer-quick-form{position:absolute;right:0;top:1.7rem;z-index:20;width:310px;background:#151719;color:#eef0f2;border:1px solid #555b64;border-radius:10px;padding:1rem;box-shadow:0 16px 45px #0009}.designer-quick-form label{font-size:.78rem}.designer-quick-form input,.designer-quick-form textarea,.designer-quick-form select{background:#0e1012;color:#fff;border-color:#4c5159}.designer-quick-form textarea{min-height:70px}.designer-quick-form a{display:block;margin-top:.65rem;color:#ff7b7b}.drag-handle{cursor:grab;color:#7a7f87;font-size:1.1rem;letter-spacing:-.15rem;padding-right:.15rem;user-select:none}.designer-card.dragging{opacity:.45;outline:2px dashed #d62828}.designer-order-form{display:none}.designer-history{display:grid;gap:.5rem}.designer-history>div{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:center;padding:.65rem;border:1px solid #42464d;border-radius:8px;background:#17191c}.designer-history small{color:#9da2aa}@media(max-width:760px){.designer-quick-form{position:fixed;left:1rem;right:1rem;top:5rem;width:auto;max-height:80vh;overflow:auto}.designer-history>div{grid-template-columns:1fr}}

.workspace-designer-tabs{align-items:center}.workspace-designer-tab{display:inline-flex;align-items:center;gap:.2rem;border-radius:7px}.workspace-designer-tab>a:first-child{padding:.7rem .45rem .7rem .9rem}.workspace-edit-link{padding:.7rem .55rem!important;color:#b91f24!important}.workspace-designer-tab.dragging{opacity:.45;background:#ffdede}.workspace-designer-tab .drag-handle{display:none}
/* V3.0.0-D Runtime Explorer */
.explorer-toolbar{position:sticky;top:0;z-index:4}.explorer-metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;margin:18px 0}.explorer-metrics article{background:var(--panel,#fff);border:1px solid rgba(127,127,127,.25);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}.explorer-metrics strong{font-size:1.65rem}.explorer-metrics span{font-size:.83rem;opacity:.72}.explorer-layout{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.5fr)}.explorer-node,.explorer-subnode{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;margin:8px 0;border:1px solid rgba(127,127,127,.23);border-radius:12px;text-decoration:none;color:inherit;background:rgba(127,127,127,.035)}.explorer-node:hover,.explorer-node.selected,.explorer-subnode:hover{border-color:#4d8dff;background:rgba(77,141,255,.08)}.explorer-node span:first-child{display:flex;flex-direction:column}.explorer-node small,.explorer-subnode span{opacity:.65}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px}.detail-grid div{padding:12px;border:1px solid rgba(127,127,127,.2);border-radius:10px;display:flex;flex-direction:column;gap:4px}.detail-grid small{opacity:.62}.capability-list{display:flex;flex-wrap:wrap;gap:8px}.capability-list span{padding:7px 10px;border-radius:999px;font-size:.82rem}.capability-list .enabled{background:rgba(45,180,110,.14);color:#16854d}.capability-list .disabled{background:rgba(127,127,127,.12);opacity:.55}.dependency-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(127,127,127,.16)}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.model-card{padding:16px;border:1px solid rgba(127,127,127,.23);border-radius:14px;background:rgba(127,127,127,.035)}.model-card h3{margin:.35rem 0}.model-card dl{display:grid;grid-template-columns:100px 1fr;gap:7px;font-size:.86rem}.model-card dt{opacity:.6}.model-card dd{margin:0;overflow-wrap:anywhere}.model-card pre{max-height:250px;overflow:auto;font-size:.75rem;padding:10px;border-radius:8px;background:rgba(0,0,0,.18)}.model-type,.dependency-type{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(77,141,255,.14);font-size:.75rem;font-weight:700}.dependency-map{display:grid;gap:12px}.dependency-map article{border:1px solid rgba(127,127,127,.23);border-radius:13px;padding:15px}.dependency-path{display:flex;align-items:center;gap:12px;margin:12px 0}.dependency-path a{font-weight:700}.build-history-row{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:14px;border-left:4px solid rgba(127,127,127,.4);border-bottom:1px solid rgba(127,127,127,.16)}.build-history-row p,.build-history-row small{grid-column:1/-1;margin:2px 0}.build-history-row.status-success{border-left-color:#23a967}.build-history-row.status-failed{border-left-color:#d64d4d}@media(max-width:1000px){.explorer-metrics{grid-template-columns:repeat(3,1fr)}.explorer-layout{grid-template-columns:1fr}}@media(max-width:620px){.explorer-metrics{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.dependency-path{align-items:flex-start;flex-direction:column}.dependency-path b{transform:rotate(90deg)}}


/* V3.2.0 standardized PacForge product-family theme framework */
:root{--pf-bg:#111315;--pf-panel:#1b1e22;--pf-panel-2:#24282d;--pf-text:#f3f4f6;--pf-muted:#aeb4bd;--pf-border:#424850;--pf-accent:#d62828;--pf-accent-hover:#ef4444;--pf-focus:#7db4ff;--pf-radius:12px;--pf-shadow:0 12px 32px rgba(0,0,0,.24)}
body[data-theme="pacforge-standard"]{--pf-bg:#111315;--pf-panel:#1b1e22;--pf-panel-2:#24282d;--pf-text:#f3f4f6;--pf-muted:#aeb4bd;--pf-border:#424850;--pf-accent:#d62828;--pf-accent-hover:#ef4444}
body[data-theme="pacforge-light"]{--pf-bg:#eef1f5;--pf-panel:#fff;--pf-panel-2:#f7f8fa;--pf-text:#20242a;--pf-muted:#626b76;--pf-border:#cbd1d8;--pf-accent:#b91f24;--pf-accent-hover:#d62828}
body[data-theme="pacforge-high-contrast"]{--pf-bg:#000;--pf-panel:#080808;--pf-panel-2:#111;--pf-text:#fff;--pf-muted:#fff;--pf-border:#fff;--pf-accent:#ff3038;--pf-accent-hover:#fff;--pf-focus:#00e5ff}
body[data-pacforge-product="builder"]{background:var(--pf-bg);color:var(--pf-text)}
body[data-pacforge-product="builder"] .panel,body[data-pacforge-product="builder"] .hero,body[data-pacforge-product="builder"] header{background:var(--pf-panel);color:var(--pf-text);border-color:var(--pf-border)}
body[data-pacforge-product="builder"] input,body[data-pacforge-product="builder"] select,body[data-pacforge-product="builder"] textarea{background:var(--pf-panel-2);color:var(--pf-text);border-color:var(--pf-border)}
body[data-pacforge-product="builder"] button,body[data-pacforge-product="builder"] .button{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff}
body[data-pacforge-product="builder"] button:hover,body[data-pacforge-product="builder"] .button:hover{background:var(--pf-accent-hover)}
.theme-picker{display:inline-flex;margin:0}.theme-picker select{min-width:170px;padding:.5rem .7rem}
*:focus-visible{outline:3px solid var(--pf-focus);outline-offset:2px}


/* PacForge Builder V4.0.0 shared product-family theme catalog */
body.theme-pacforge-standard{--bg:#16202b;--panel:#fff;--ink:#16202b;--accent:#c62828;--muted:#667085}
body.theme-pacforge-midnight{--bg:#080d16;--panel:#111827;--ink:#f8fafc;--accent:#ef4444;--muted:#94a3b8}
body.theme-pacforge-ocean{--bg:#083344;--panel:#ecfeff;--ink:#164e63;--accent:#0284c7;--muted:#64748b}
body.theme-pacforge-forest{--bg:#14281d;--panel:#f0fdf4;--ink:#14532d;--accent:#15803d;--muted:#64748b}
body.theme-pacforge-slate{--bg:#1e293b;--panel:#f8fafc;--ink:#1e293b;--accent:#475569;--muted:#64748b}
body.theme-pacforge-light{--bg:#eef2f6;--panel:#fff;--ink:#172033;--accent:#c62828;--muted:#667085}
body.theme-pacforge-sand{--bg:#e7dfd0;--panel:#fffaf0;--ink:#493b2a;--accent:#a8461b;--muted:#766957}
body.theme-pacforge-high-contrast{--bg:#000;--panel:#000;--ink:#fff;--accent:#ff0;--muted:#fff}
.module-dashboard-card{border:1px solid var(--border,#d0d5dd);border-radius:16px;padding:20px;min-height:220px;background:var(--panel,#fff);color:var(--ink,#172033);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.module-visual{height:86px;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:12px;background:rgba(127,127,127,.09);margin-bottom:16px}.metric-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metric-form button{align-self:end}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:18px}.metric-grid article{border:1px solid var(--border,#d0d5dd);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:5px}.danger-zone{border-color:#b42318!important}.danger{background:#b42318!important}


/* V4.0.0 Builder user profile */
.user-profile-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .7rem;border:1px solid var(--pf-border);border-radius:999px;color:var(--pf-text);text-decoration:none;background:var(--pf-panel-2)}
.user-profile-link:hover{border-color:var(--pf-accent);color:var(--pf-text)}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.profile-password-panel{grid-column:1/-1}
.profile-audit{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:.55rem 1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--pf-border)}
.profile-audit small{color:var(--pf-muted)}
.theme-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:.8rem 0 1rem}
.theme-preview{border:1px solid var(--pf-border);border-radius:10px;padding:.65rem;background:var(--pf-panel-2)}
.theme-preview span{display:block;height:42px;border-radius:7px;margin-bottom:.45rem;border:1px solid rgba(127,127,127,.35)}
.theme-preview[data-preview-theme="pacforge-standard"] span{background:linear-gradient(135deg,#111315 0 65%,#d62828 65%)}
.theme-preview[data-preview-theme="pacforge-midnight"] span{background:linear-gradient(135deg,#080d16 0 65%,#ef4444 65%)}
.theme-preview[data-preview-theme="pacforge-ocean"] span{background:linear-gradient(135deg,#083344 0 65%,#0284c7 65%)}
.theme-preview[data-preview-theme="pacforge-forest"] span{background:linear-gradient(135deg,#14281d 0 65%,#15803d 65%)}
.theme-preview[data-preview-theme="pacforge-slate"] span{background:linear-gradient(135deg,#1e293b 0 65%,#475569 65%)}
.theme-preview[data-preview-theme="pacforge-light"] span{background:linear-gradient(135deg,#eef2f6 0 65%,#c62828 65%)}
.theme-preview[data-preview-theme="pacforge-sand"] span{background:linear-gradient(135deg,#e7dfd0 0 65%,#a8461b 65%)}
.theme-preview[data-preview-theme="pacforge-high-contrast"] span{background:linear-gradient(135deg,#000 0 65%,#ff0 65%)}
@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.profile-password-panel{grid-column:auto}.profile-audit{grid-template-columns:1fr}.user-profile-link{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* PacForge Builder V4.0.0 complete product-family theme mappings. */
body[data-theme="pacforge-standard"] {
    --pf-bg: #111315;
    --pf-panel: #1b1e22;
    --pf-panel-2: #24282d;
    --pf-text: #f3f4f6;
    --pf-muted: #aeb4bd;
    --pf-border: #424850;
    --pf-accent: #d62828;
    --pf-accent-hover: #ef4444;
    --pf-focus: #7db4ff;
}

body[data-theme="pacforge-midnight"] {
    --pf-bg: #080d16;
    --pf-panel: #111827;
    --pf-panel-2: #1f2937;
    --pf-text: #f8fafc;
    --pf-muted: #94a3b8;
    --pf-border: #334155;
    --pf-accent: #ef4444;
    --pf-accent-hover: #f87171;
    --pf-focus: #60a5fa;
}

body[data-theme="pacforge-ocean"] {
    --pf-bg: #083344;
    --pf-panel: #0e4a5d;
    --pf-panel-2: #155e75;
    --pf-text: #ecfeff;
    --pf-muted: #a5f3fc;
    --pf-border: #0891b2;
    --pf-accent: #38bdf8;
    --pf-accent-hover: #7dd3fc;
    --pf-focus: #facc15;
}

body[data-theme="pacforge-forest"] {
    --pf-bg: #14281d;
    --pf-panel: #1d3a29;
    --pf-panel-2: #28543a;
    --pf-text: #f0fdf4;
    --pf-muted: #bbf7d0;
    --pf-border: #3f7d55;
    --pf-accent: #22c55e;
    --pf-accent-hover: #4ade80;
    --pf-focus: #fde047;
}

body[data-theme="pacforge-slate"] {
    --pf-bg: #1e293b;
    --pf-panel: #334155;
    --pf-panel-2: #475569;
    --pf-text: #f8fafc;
    --pf-muted: #cbd5e1;
    --pf-border: #64748b;
    --pf-accent: #94a3b8;
    --pf-accent-hover: #cbd5e1;
    --pf-focus: #38bdf8;
}

body[data-theme="pacforge-light"] {
    --pf-bg: #eef1f5;
    --pf-panel: #ffffff;
    --pf-panel-2: #f7f8fa;
    --pf-text: #20242a;
    --pf-muted: #626b76;
    --pf-border: #cbd1d8;
    --pf-accent: #b91f24;
    --pf-accent-hover: #d62828;
    --pf-focus: #2563eb;
}

body[data-theme="pacforge-sand"] {
    --pf-bg: #e7dfd0;
    --pf-panel: #fffaf0;
    --pf-panel-2: #f4ead8;
    --pf-text: #493b2a;
    --pf-muted: #766957;
    --pf-border: #c7b89d;
    --pf-accent: #a8461b;
    --pf-accent-hover: #c65c25;
    --pf-focus: #0369a1;
}

body[data-theme="pacforge-high-contrast"] {
    --pf-bg: #000000;
    --pf-panel: #080808;
    --pf-panel-2: #111111;
    --pf-text: #ffffff;
    --pf-muted: #ffffff;
    --pf-border: #ffffff;
    --pf-accent: #ff3038;
    --pf-accent-hover: #ffffff;
    --pf-focus: #00e5ff;
}

body[data-pacforge-product="builder"] {
    background: var(--pf-bg);
    color: var(--pf-text);
}

body[data-pacforge-product="builder"] header,
body[data-pacforge-product="builder"] .panel,
body[data-pacforge-product="builder"] .hero,
body[data-pacforge-product="builder"] .card,
body[data-pacforge-product="builder"] .item,
body[data-pacforge-product="builder"] .tier,
body[data-pacforge-product="builder"] .physical-table-card,
body[data-pacforge-product="builder"] .physical-table-card > summary,
body[data-pacforge-product="builder"] .synchronization-panel > summary,
body[data-pacforge-product="builder"] .module-dashboard-card,
body[data-pacforge-product="builder"] .theme-preview {
    background: var(--pf-panel);
    color: var(--pf-text);
    border-color: var(--pf-border);
}

body[data-pacforge-product="builder"] .linked:hover,
body[data-pacforge-product="builder"] .physical-table-card > summary:hover,
body[data-pacforge-product="builder"] .synchronization-panel > summary:hover,
body[data-pacforge-product="builder"] input,
body[data-pacforge-product="builder"] select,
body[data-pacforge-product="builder"] textarea,
body[data-pacforge-product="builder"] .user-profile-link {
    background: var(--pf-panel-2);
    color: var(--pf-text);
    border-color: var(--pf-border);
}

body[data-pacforge-product="builder"] p,
body[data-pacforge-product="builder"] small,
body[data-pacforge-product="builder"] .muted,
body[data-pacforge-product="builder"] .crumbs,
body[data-pacforge-product="builder"] .card small,
body[data-pacforge-product="builder"] .item small,
body[data-pacforge-product="builder"] .card p,
body[data-pacforge-product="builder"] .item p,
body[data-pacforge-product="builder"] .hero p,
body[data-pacforge-product="builder"] .user {
    color: var(--pf-muted);
}

body[data-pacforge-product="builder"] a,
body[data-pacforge-product="builder"] summary {
    color: var(--pf-accent-hover);
}

body[data-pacforge-product="builder"] header a,
body[data-pacforge-product="builder"] .brand,
body[data-pacforge-product="builder"] .user-profile-link {
    color: var(--pf-text);
}

body[data-pacforge-product="builder"] button,
body[data-pacforge-product="builder"] .button {
    background: var(--pf-accent);
    border-color: var(--pf-accent);
    color: #ffffff;
}

body[data-pacforge-product="builder"] button:hover,
body[data-pacforge-product="builder"] .button:hover {
    background: var(--pf-accent-hover);
    border-color: var(--pf-accent-hover);
}

body[data-theme="pacforge-light"] button,
body[data-theme="pacforge-sand"] button,
body[data-theme="pacforge-slate"] button,
body[data-theme="pacforge-light"] .button,
body[data-theme="pacforge-sand"] .button,
body[data-theme="pacforge-slate"] .button {
    color: var(--pf-text);
}

/* PacForge shared authentication framework */
.authentication-panel {
    width: min(100%, 460px);
    margin: clamp(2rem, 8vh, 5rem) auto;
    padding: clamp(1.5rem, 4vw, 2.4rem);
}

.pacforge-auth-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
    text-align: center;
}

.pacforge-auth-brand strong {
    font-size: clamp(2.15rem, 8vw, 3.2rem);
    font-weight: 900;
    letter-spacing: .09em;
    line-height: 1;
    color: var(--pf-text);
}

.pacforge-auth-brand span {
    margin-top: .4rem;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--pf-accent-hover);
}

.pacforge-auth-brand small {
    margin-top: .8rem;
    color: var(--pf-muted);
}

.authentication-panel h1 {
    margin: 0 0 1.2rem;
    text-align: center;
}

.authentication-form {
    display: grid;
    gap: 1rem;
}

.password-input-wrap {
    position: relative;
    display: block;
}

.password-input-wrap input {
    width: 100%;
    padding-right: 3.25rem;
}

.password-visibility-toggle {
    position: absolute;
    top: 50%;
    right: .3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid transparent;
    border-radius: .65rem;
    background: transparent !important;
    color: var(--pf-muted) !important;
    line-height: 1;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.password-visibility-toggle:hover {
    border-color: var(--pf-border);
    background: var(--pf-panel) !important;
    color: var(--pf-accent) !important;
}

.password-visibility-toggle:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--pf-accent) 38%, transparent);
    outline-offset: 2px;
    color: var(--pf-accent) !important;
}

.password-visibility-toggle:active {
    transform: translateY(-50%) scale(.94);
}

.password-visibility-toggle svg {
    display: block;
    width: 1.55rem;
    height: 1.55rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.password-visibility-toggle .password-eye-slash {
    display: none;
}

.password-visibility-toggle[aria-pressed="true"] .password-eye {
    display: none;
}

.password-visibility-toggle[aria-pressed="true"] .password-eye-slash {
    display: inline-flex;
}

@media (pointer: coarse) {
    .password-input-wrap input {
        padding-right: 3.75rem;
    }

    .password-visibility-toggle {
        right: .2rem;
        width: 3rem;
        min-width: 3rem;
        height: 3rem;
        min-height: 3rem;
    }

    .password-visibility-toggle svg {
        width: 1.65rem;
        height: 1.65rem;
    }
}

.authentication-submit {
    width: 100%;
    margin-top: .2rem;
    padding: .85rem 1rem;
    font-weight: 700;
}

.authentication-version {
    margin: 1.25rem 0 0;
    text-align: center;
    font-size: .82rem;
    color: var(--pf-muted);
}

@media (max-width: 560px) {
    .authentication-panel {
        margin: 1rem auto;
        border-radius: 0;
    }
}

/* V4.1.0-alpha.1 Solution Experience Designer foundation */
.experience-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 1rem;
    align-items: start;
}

.experience-form .form-grid,
.check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.check-grid {
    margin: 1rem 0;
}

.check-grid label {
    display: flex;
    gap: .65rem;
    align-items: center;
}

.experience-preview-card {
    min-height: 360px;
    padding: 2rem;
    border: 1px solid var(--border);
    border-radius: 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .75rem;
}

@media (max-width: 900px) {
    .experience-layout,
    .experience-form .form-grid,
    .check-grid {
        grid-template-columns: 1fr;
    }
}


/* V4.1.0-alpha.2 Solution Branding and Identity Designer */
.brand-colour-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.colour-input {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-top: .35rem;
}

.colour-input input[type="color"] {
    width: 3.2rem;
    height: 2.5rem;
    padding: .15rem;
}

.colour-input code {
    font-size: .78rem;
}

.preview-toolbar {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: center;
    margin-bottom: .75rem;
}

.preview-toolbar .compact {
    padding: .35rem .6rem;
    min-height: auto;
}

.experience-device {
    transition: max-width .2s ease;
    margin: 0 auto;
}

.experience-device.mobile {
    max-width: 390px;
}

.experience-preview-shell {
    overflow: hidden;
    min-height: 570px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--brand-background);
    color: var(--brand-text);
}

.experience-preview-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .8rem 1rem;
    background: var(--brand-secondary);
    color: #fff;
}

.brand-logo-preview {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--brand-surface);
    color: var(--brand-primary);
    font-weight: 800;
}

.brand-logo-preview[data-treatment="NATURAL"] { background: transparent; }
.brand-logo-preview[data-treatment="CONTAINED"] { border-radius: 4px; padding: 4px; }
.brand-logo-preview[data-treatment="ROUNDED"] { border-radius: 12px; padding: 4px; }
.brand-logo-preview[data-treatment="CIRCLE"] { border-radius: 50%; padding: 4px; }
.brand-logo-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }

.experience-preview-main {
    min-height: 500px;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: linear-gradient(145deg, var(--brand-background), color-mix(in srgb, var(--brand-primary) 10%, var(--brand-background)));
}

.experience-preview-main .experience-preview-card {
    width: min(100%, 390px);
    min-height: auto;
    background: var(--brand-surface);
    color: var(--brand-text);
    border-top: 5px solid var(--brand-primary);
    box-shadow: 0 18px 45px rgba(15, 23, 42, .14);
}

.experience-preview-card .welcome-kicker {
    color: var(--brand-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.experience-preview-card label {
    width: 100%;
    text-align: left;
}

.experience-preview-card button {
    width: 100%;
    background: var(--brand-primary);
}

.experience-preview-card a {
    color: var(--brand-primary);
}

@media (max-width: 1100px) {
    .brand-colour-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .brand-colour-grid {
        grid-template-columns: 1fr;
    }

    .preview-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* V4.1.0-alpha.3 Runtime Experience */
.runtime-mock{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#eef2f7}.runtime-mock>header{display:flex;justify-content:space-between;padding:1rem;background:#1f2937;color:#fff}.runtime-mock-body{display:grid;grid-template-columns:150px 1fr;min-height:260px}.runtime-mock aside{padding:1rem;line-height:2.2;background:#fff;border-right:1px solid var(--border)}.runtime-mock main{padding:1.25rem}.theme-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin:1rem 0}.runtime-theme-card{padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--theme-surface);color:var(--theme-text)}.runtime-theme-card small{display:block;margin:.4rem 0}.theme-swatch{height:70px;border-radius:10px;background:var(--theme-background);display:flex;align-items:end;padding:.6rem;gap:.35rem}.theme-swatch span{display:block;width:28px;height:28px;border-radius:7px;background:var(--theme-primary)}.theme-swatch span:nth-child(2){background:var(--theme-surface)}.theme-swatch span:nth-child(3){background:var(--theme-text)}.profile-field-list{display:grid;gap:.65rem;margin:1rem 0}.profile-field-list article{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--border);border-radius:12px}.profile-field-list small{display:block}.compact{padding:.35rem .6rem;min-height:auto}@media(max-width:700px){.runtime-mock-body{grid-template-columns:1fr}.runtime-mock aside{display:none}.profile-field-list article{align-items:flex-start;flex-direction:column}}


/* V4.1.0-alpha.4 Registration Framework and Public Access */
.public-access-grid{align-items:start}.public-preview{position:sticky;top:1rem}.public-site-mock{overflow:hidden;border:1px solid #d7dee8;border-radius:16px;background:#f7f9fc;box-shadow:0 12px 32px rgba(15,23,42,.08)}.public-site-mock header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #e5e9f0}.public-site-mock nav{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.8rem}.public-site-mock main{padding:3rem 2rem;text-align:center}.public-site-mock main h3{font-size:1.75rem;margin:.5rem 0}.public-site-mock main p{max-width:34rem;margin:0 auto 1.5rem}.public-site-mock main button{width:auto;margin:.25rem}.public-item-list{display:grid;gap:.75rem;margin:1rem 0}.public-item-list article{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.public-item-list article p{margin:.35rem 0 0}.full-width{grid-column:1/-1}@media(max-width:900px){.public-preview{position:static}.public-site-mock header{align-items:flex-start;flex-direction:column}.public-item-list article{flex-direction:column}}

/* V4.1.0-alpha.7 Solution Health Center */
.health-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.health-section-card{margin:0}.health-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.health-section-heading h2{margin:0}.health-state{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:7px 10px;border-radius:999px;font-weight:700}.health-state-healthy{background:#e7f6ec;color:#176b34}.health-state-warning{background:#fff4d6;color:#7a5200}.health-state-error{background:#fde8e8;color:#9c1c1c}.health-empty{padding:16px;border:1px dashed #9db5a5;border-radius:10px;background:#f6fbf7;color:#176b34}.health-issue-list{display:grid;gap:10px}.health-issue{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:13px;border:1px solid #d7dde3;border-radius:10px;background:#fff}.health-issue p{margin:4px 0 7px}.health-issue-badge{font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:4px 7px;border-radius:999px}.health-issue-error{border-left:4px solid #b42318}.health-issue-warning{border-left:4px solid #b7791f}.health-issue-info{border-left:4px solid #2b6cb0}.health-issue-error .health-issue-badge{background:#fde8e8;color:#9c1c1c}.health-issue-warning .health-issue-badge{background:#fff4d6;color:#7a5200}.health-issue-info .health-issue-badge{background:#e7f0fb;color:#1f5f99}@media(max-width:850px){.health-section-grid{grid-template-columns:1fr}.health-issue{grid-template-columns:1fr}.health-issue form{justify-self:start}}


/* V4.3.0 Widget Framework */
.widget-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.widget-catalog article{display:flex;gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.widget-catalog p{margin:.35rem 0 0}.widget-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;font-size:1.25rem}.widget-builder-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);gap:1rem;align-items:start}.widget-dashboard-preview{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--background)}.widget-dashboard-preview>header{display:flex;justify-content:space-between;padding:1rem;background:var(--surface);border-bottom:1px solid var(--border)}.widget-dashboard-preview>main{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem;padding:1rem;min-height:330px}.widget-preview-card{display:flex;flex-direction:column;gap:.4rem;min-height:105px;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 24px rgba(15,23,42,.06)}.widget-preview-card small{font-weight:800;letter-spacing:.08em}.widget-preview-card strong{font-size:1.05rem}.widget-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;text-align:center;min-height:280px;border:2px dashed var(--border);border-radius:14px}.configured-widget-list{display:grid;gap:.75rem}.configured-widget-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:12px}.configured-widget-list small{display:block;margin-top:.25rem}@media(max-width:1000px){.widget-builder-grid{grid-template-columns:1fr}}@media(max-width:650px){.widget-dashboard-preview>main{grid-template-columns:1fr}.widget-preview-card{grid-column:1/-1!important}.configured-widget-list article{align-items:flex-start;flex-direction:column}}