.dashboard{padding:1.4rem 0 3rem}.dashboard-intro{display:grid;grid-template-columns:260px 1fr;column-gap:1rem;row-gap:.25rem;align-items:end;margin-bottom:1rem}.welcome-component,.launcher-title-component{min-width:0}.welcome-component .pill{display:none}.welcome-heading{display:inline-block;min-height:1.1em;margin:0}.launcher-title-component{min-height:clamp(1.5rem,2.2vw,2rem)}.dashboard-subtitle{grid-column:1/-1;margin:0;font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:start}.app-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.typing-caret::after{content:'|';display:inline-block;margin-left:.08em;color:var(--fg-primary);animation:caretPulse .72s steps(1,end) infinite}.typing-complete::after{animation:caretPulse .72s steps(1,end) infinite}@keyframes caretPulse{50%{opacity:0}}

.navrail{position:sticky;top:88px;z-index:15;width:260px;max-width:260px;height:max-content;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.navrail-panel{width:260px;padding:1rem;border:1px solid var(--border-subtle);border-radius:24px;background:var(--glass);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);transition:transform .24s ease,opacity .2s ease}.navrail-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.navrail-toggle,.navrail-handle,.navrail-link{border:1px solid var(--border-subtle);background:var(--bg-surface-raised);color:var(--fg-main);box-shadow:var(--shadow-soft)}.navrail-toggle{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;font-weight:900}.navrail-links{display:grid;gap:.45rem}.navrail-link{width:100%;border-radius:14px;padding:.65rem .75rem;text-align:left}.navrail-link:hover,.navrail-link:focus-visible,.navrail-toggle:hover,.navrail-handle:hover{border-color:var(--border-focus);background:var(--bg-surface-hover)}.navrail-handle{position:fixed;left:0;top:calc(72px + 12rem);display:none;writing-mode:vertical-rl;transform:none;min-height:132px;border-radius:0 16px 16px 0;padding:.75rem .45rem;font-weight:850;letter-spacing:.02em;margin:0}.navrail.is-minimized{width:34px;max-width:34px}.navrail.is-minimized .navrail-panel{pointer-events:none;opacity:0;transform:translateX(calc(-100% - 12px))}.navrail.is-minimized .navrail-handle{display:block;pointer-events:auto;left:0}.navrail.is-expanded .navrail-panel{opacity:1;transform:translateX(0)}

.app-tile{position:relative;display:grid;gap:.65rem;min-height:150px;width:100%;overflow:hidden;text-align:left;color:var(--fg-main);appearance:none;cursor:pointer}.app-tile:hover,.app-tile:focus-visible{transform:translateY(-2px);border-color:var(--border-focus);background:var(--bg-surface-hover);box-shadow:var(--shadow-soft),var(--shadow-glow-primary)}.tile-title-row{display:flex;align-items:center;gap:.65rem;min-width:0;padding-right:2.2rem}.tile-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:14px;background:var(--primary-soft);color:var(--fg-primary);font-size:1.45rem}.tile-name{font-weight:900;font-size:1.05rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-description{display:block;line-height:1.45}.tile-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;margin-top:auto}.tile-category{justify-self:start;border:1px solid var(--border-subtle);border-radius:999px;padding:.25rem .55rem;background:var(--glass);color:var(--fg-muted);font-size:.78rem;font-weight:750}.tile-preview-button{flex:0 0 auto;border:1px solid var(--border-subtle);border-radius:999px;padding:.34rem .68rem;background:linear-gradient(135deg,var(--primary),var(--accent-cyan));color:var(--on-primary);font-size:.72rem;font-weight:900;letter-spacing:.015em;box-shadow:var(--shadow-soft);cursor:pointer}.tile-preview-button:hover,.tile-preview-button:focus-visible{border-color:var(--border-focus);filter:brightness(1.05);box-shadow:var(--shadow-soft),var(--shadow-glow-primary)}.tile-ribbon{position:absolute;top:17px;right:-48px;z-index:1;width:166px;transform:rotate(45deg);padding:.2rem .25rem;text-align:center;text-transform:uppercase;letter-spacing:.035em;font-size:.6rem;line-height:1.05;font-weight:950;color:var(--on-primary);background:var(--primary);box-shadow:var(--shadow-soft);white-space:nowrap}.tile-ribbon.beta{background:var(--accent-cyan);color:var(--bg-base)}.tile-ribbon.new{background:var(--success);color:var(--bg-base)}.tile-ribbon.maintenance{top:22px;right:-72px;width:218px;padding:.24rem .35rem;letter-spacing:.025em;font-size:.56rem;background:var(--danger);color:var(--bg-base)}.tile-ribbon.coming-soon{background:var(--warning);color:var(--bg-base)}.tile-ribbon.locked{background:var(--fg-muted);color:var(--bg-base)}

@media(prefers-reduced-motion:reduce){.typing-caret::after{animation:none}.app-tile:hover,.app-tile:focus-visible{transform:none}.navrail-panel{transition:none}}
@media(max-width:900px){.dashboard-intro,.dashboard-grid{grid-template-columns:1fr}.launcher-title-component{margin-top:.35rem}.dashboard-subtitle{grid-column:1}.navrail{position:relative;top:auto;width:100%;max-width:100%;min-height:54px}.navrail-panel{width:100%}.navrail.is-minimized{width:100%;max-width:100%;min-height:54px}.navrail.is-minimized .navrail-panel{transform:translateX(-110%)}.navrail-handle{left:0;top:calc(72px + 1rem);min-height:auto;writing-mode:horizontal-tb;transform:none;border-radius:0 16px 16px 0;padding:.65rem .85rem}}
.app-launch-melting{position:relative;pointer-events:none;animation:dashboardMeltAway .95s cubic-bezier(.22,.8,.22,1) forwards;transform-origin:50% 8%}.app-launch-melting::after{content:'';position:absolute;inset:0;border-radius:28px;background:radial-gradient(circle at 24% 8%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 42%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg-base) 64%,transparent));opacity:0;animation:dashboardMeltVeil .95s ease forwards;pointer-events:none}.app-host-active{min-height:calc(100vh - 96px)}.app-content-stage{position:relative;min-height:calc(100vh - 120px);padding:1.4rem 0 3rem;animation:appContentArrive .34s ease both}.app-content-stage.is-loading{display:grid;place-items:center;padding:2rem}.app-loader{display:grid;place-items:center;gap:.75rem;width:min(100%,460px);padding:2rem;border:1px solid var(--border-subtle);border-radius:30px;background:linear-gradient(145deg,var(--glass),var(--bg-surface));box-shadow:var(--shadow-soft),var(--shadow-glow-primary);text-align:center;backdrop-filter:blur(18px)}.app-loader-orb{width:70px;height:70px;border-radius:999px;border:3px solid color-mix(in srgb,var(--primary) 20%,transparent);border-top-color:var(--primary);border-right-color:var(--accent-cyan);box-shadow:0 0 34px color-mix(in srgb,var(--primary) 34%,transparent);animation:appLoaderSpin .9s linear infinite}.app-loader-title{font-size:1.15rem;font-weight:950;color:var(--fg-main)}.app-loader-copy{color:var(--fg-muted)}.app-fragment{display:grid;gap:1rem}.app-breadcrumbs{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem;color:var(--fg-muted);font-size:.9rem}.app-breadcrumbs button{border:0;background:transparent;color:var(--fg-primary);font:inherit;font-weight:850;cursor:pointer;padding:0}.app-breadcrumbs button:hover,.app-breadcrumbs button:focus-visible{text-decoration:underline}.app-fragment-hero,.app-fragment-card{border:1px solid var(--border-subtle);border-radius:28px;background:linear-gradient(145deg,var(--glass),var(--bg-surface));box-shadow:var(--shadow-soft);padding:1.4rem;backdrop-filter:blur(16px)}.app-fragment-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end}.app-fragment-hero h2,.app-fragment-card h2{margin:.2rem 0 .35rem}.app-fragment-stat{display:grid;gap:.2rem;min-width:130px;border:1px solid var(--border-subtle);border-radius:22px;padding:1rem;background:var(--bg-surface-raised);text-align:right}.app-fragment-stat strong{font-size:1.8rem;color:var(--fg-primary)}.app-fragment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.app-fragment-card{display:grid;gap:.5rem}.app-fragment-card .icon{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:var(--primary-soft);color:var(--fg-primary);font-size:1.35rem}.app-fragment-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.app-fragment-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--border-subtle);border-radius:16px;padding:.7rem .85rem;background:var(--bg-surface-raised)}.app-fragment-list span:last-child{color:var(--fg-muted);font-size:.85rem}.is-leaving{opacity:.2;transform:scale(.985)}@keyframes dashboardMeltAway{0%{opacity:1;filter:none;transform:translateY(0) scale(1)}58%{opacity:.88;filter:saturate(1.2) blur(1px);transform:translateY(8px) scale(.992)}100%{opacity:0;filter:blur(12px);transform:translateY(38px) scale(.965)}}@keyframes dashboardMeltVeil{25%{opacity:.4}100%{opacity:.9}}@keyframes appLoaderSpin{to{transform:rotate(360deg)}}@keyframes appContentArrive{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.app-launch-melting,.app-launch-melting::after,.app-content-stage,.app-loader-orb{animation:none}.app-launch-melting{opacity:0}.app-content-stage{transform:none}.is-leaving{transform:none}}
@media(max-width:760px){.app-fragment-hero{grid-template-columns:1fr}.app-fragment-stat{text-align:left}.app-content-stage{min-height:auto}.app-host-active{min-height:auto}}
.requesthub-app{display:grid;gap:1rem}.requesthub-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-subtle);border-radius:24px;background:linear-gradient(135deg,var(--glass),transparent)}.requesthub-hero h2{margin:.2rem 0;font-size:clamp(2rem,5vw,4rem)}.requesthub-metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.75rem}.rh-metric{padding:.9rem;border:1px solid var(--border-subtle);border-radius:18px;background:var(--bg-surface)}.rh-metric strong{display:block;font-size:1.7rem}.requesthub-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem}.requesthub-main,.requesthub-panel{border:1px solid var(--border-subtle);border-radius:22px;background:var(--bg-surface);padding:1rem}.requesthub-side{display:grid;gap:1rem;align-content:start}.requesthub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.requesthub-toolbar select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--fg-main);border-radius:12px;padding:.55rem}.requesthub-inbox{display:grid;gap:.55rem}.rh-request-row{display:grid;grid-template-columns:130px minmax(160px,1.2fr) minmax(180px,1fr) 120px 90px 150px;gap:.65rem;align-items:center;width:100%;padding:.75rem;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-surface-raised);color:var(--fg-main);text-align:left;cursor:pointer}.rh-request-row:hover,.rh-request-row:focus-visible{border-color:var(--border-focus);background:var(--bg-surface-hover)}.rh-status,.rh-priority{justify-self:start;border:1px solid var(--border-subtle);border-radius:999px;padding:.18rem .52rem;font-size:.78rem;text-transform:capitalize}.rh-status.new,.rh-priority.urgent{border-color:var(--danger);color:var(--danger)}.rh-status.resolved,.rh-status.closed{border-color:var(--success);color:var(--success)}.rh-type-card{display:grid;gap:.5rem;padding:.75rem;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-surface-raised);margin-bottom:.6rem}.rh-type-card p{margin:.25rem 0 0}.rh-timeline-item{padding:.7rem;border-left:3px solid var(--primary);background:var(--glass);border-radius:12px;margin-bottom:.55rem}.rh-timeline-item p{margin:.35rem 0 0}@media(max-width:980px){.requesthub-metrics{grid-template-columns:repeat(2,1fr)}.requesthub-layout{grid-template-columns:1fr}.rh-request-row{grid-template-columns:1fr}.requesthub-hero{align-items:start;flex-direction:column}} 

/* ApprovalHub v1.4 */
.approvalhub-app { display: grid; gap: 1rem; }
.approvalhub-hero, .approvalhub-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.approvalhub-hero h2 { margin: .15rem 0; font-size: clamp(1.7rem, 3vw, 2.5rem); }
.approvalhub-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
.ah-metric { border: 1px solid var(--border-soft); border-radius: 18px; padding: .85rem; background: color-mix(in srgb, var(--surface-card) 84%, transparent); box-shadow: var(--shadow-soft); }
.ah-metric strong { display: block; margin-top: .3rem; font-size: 1.45rem; color: var(--fg-main); }
.approvalhub-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 34%); gap: 1rem; align-items: start; }
.approvalhub-main, .approvalhub-side, .approvalhub-panel { min-width: 0; }
.approvalhub-main, .approvalhub-panel { border: 1px solid var(--border-soft); border-radius: 20px; background: color-mix(in srgb, var(--surface-card) 82%, transparent); padding: .85rem; }
.approvalhub-side { display: grid; gap: .85rem; position: sticky; top: .75rem; }
.approvalhub-board { display: grid; gap: .55rem; margin-top: .75rem; }
.ah-approval-row { width: 100%; display: grid; grid-template-columns: minmax(120px,.8fr) minmax(160px,1.2fr) minmax(160px,1fr) auto auto minmax(120px,.7fr); gap: .7rem; align-items: center; text-align: left; border: 1px solid var(--border-soft); border-radius: 16px; padding: .75rem; background: color-mix(in srgb, var(--surface-elevated) 76%, transparent); color: var(--fg-main); cursor: pointer; }
.ah-approval-row:hover, .ah-approval-row:focus-visible { border-color: var(--accent); transform: translateY(-1px); }
.ah-status, .ah-priority { justify-self: start; border-radius: 999px; padding: .22rem .55rem; font-size: .72rem; font-weight: 800; text-transform: capitalize; background: color-mix(in srgb, var(--surface-elevated) 78%, var(--fg-muted)); border: 1px solid var(--border-soft); }
.ah-status.approved { color: var(--success); border-color: color-mix(in srgb, var(--success) 45%, transparent); }
.ah-status.rejected, .ah-status.cancelled { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 45%, transparent); }
.ah-status.pending, .ah-status.viewed { color: var(--warning); border-color: color-mix(in srgb, var(--warning) 45%, transparent); }
.ah-status.changes_requested { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, transparent); }
.ah-priority.high, .ah-priority.urgent { color: var(--danger); }
.ah-form, .ah-detail-card { display: grid; gap: .8rem; }
.ah-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.ah-actions, .ah-public-actions { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.ah-detail-card h4 { margin: 0; font-size: 1.1rem; }
.ah-decision-box { border: 1px solid var(--border-soft); border-radius: 16px; padding: .75rem; background: color-mix(in srgb, var(--accent) 10%, transparent); }
.ah-timeline-item { border-left: 2px solid var(--accent); padding: .2rem .2rem .75rem .75rem; margin-bottom: .55rem; }
.public-approval-page { min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 22%, transparent), transparent 34%), var(--bg-main); color: var(--fg-main); }
.public-approval-shell { width: min(760px, 100%); }
.ah-public-facts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; margin: 1rem 0; }
.ah-public-facts div { border: 1px solid var(--border-soft); border-radius: 14px; padding: .7rem; }
.ah-public-facts dt { color: var(--fg-muted); font-size: .78rem; }
.ah-public-facts dd { margin: .2rem 0 0; font-weight: 800; }
@media (max-width: 980px) { .approvalhub-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); } .approvalhub-layout { grid-template-columns: 1fr; } .approvalhub-side { position: static; } .ah-approval-row { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .ah-approval-row:hover { transform: none; } }

/* ApprovalHub premium board polish v1.5 */
.approvalhub-layout { display: block; }
.approvalhub-main { width: 100%; }
.approvalhub-toolbar { align-items: start; gap: 1rem; flex-wrap: wrap; }
.approvalhub-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; flex: 1 1 620px; }
.ah-control { display: grid; gap: .22rem; min-width: 138px; color: var(--fg-muted); font-size: .72rem; font-weight: 850; letter-spacing: .015em; }
.ah-control.ah-search { min-width: min(100%, 280px); flex: 1 1 280px; }
.ah-control input, .ah-control select { width: 100%; border: 1px solid var(--input-border, var(--border-soft)); border-radius: 14px; padding: .62rem .72rem; background: color-mix(in srgb, var(--input-bg, var(--surface-elevated)) 88%, transparent); color: var(--fg-main); box-shadow: inset 0 1px 0 color-mix(in srgb, white 5%, transparent); outline: none; }
.ah-control input:focus, .ah-control select:focus { border-color: var(--border-focus, var(--accent)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
.ah-approval-row { grid-template-columns: 16px minmax(120px,.75fr) minmax(220px,1.35fr) minmax(190px,1fr) auto auto minmax(135px,.65fr); position: relative; overflow: hidden; }
.ah-approval-row::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--ah-row-signal, var(--warning)); opacity: .9; }
.ah-approval-row.is-approved, .ah-approval-row.is-closed { --ah-row-signal: var(--success); }
.ah-approval-row.is-pending, .ah-approval-row.is-viewed, .ah-approval-row.is-draft, .ah-approval-row.is-changes_requested { --ah-row-signal: var(--warning); }
.ah-approval-row.is-rejected, .ah-approval-row.is-cancelled, .ah-approval-row.is-expired { --ah-row-signal: var(--danger); }
.ah-signal { width: 12px; height: 12px; border-radius: 999px; background: var(--warning); box-shadow: 0 0 0 4px color-mix(in srgb, var(--warning) 14%, transparent), 0 0 18px color-mix(in srgb, var(--warning) 44%, transparent); }
.ah-signal.green { background: var(--success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent), 0 0 18px color-mix(in srgb, var(--success) 44%, transparent); }
.ah-signal.red { background: var(--danger); box-shadow: 0 0 0 4px color-mix(in srgb, var(--danger) 14%, transparent), 0 0 18px color-mix(in srgb, var(--danger) 44%, transparent); }
.ah-row-ref { display: grid; gap: .12rem; }
.ah-row-title { font-weight: 850; }
.ah-detail-modal { width: min(860px, calc(100vw - 2rem)); max-height: min(78vh, 860px); overflow: auto; padding-right: .25rem; }
.ah-modal-head { display: flex; align-items: center; gap: .75rem; }
.ah-modal-head h2 { margin: 0 0 .2rem; }
.ah-notes-section { border: 1px solid var(--border-soft); border-radius: 18px; padding: .8rem; background: color-mix(in srgb, var(--surface-elevated) 58%, transparent); }
.ah-notes-section h3 { margin: 0 0 .55rem; font-size: .95rem; }
.ah-note-item { border-left: 3px solid var(--primary); padding: .35rem .35rem .55rem .7rem; margin-bottom: .5rem; background: color-mix(in srgb, var(--primary) 7%, transparent); border-radius: 12px; }
.ah-note-item p { margin: 0 0 .25rem; }
.qr-frame { display: inline-grid; place-items: center; width: max-content; max-width: 100%; border: 1px solid var(--border-soft); border-radius: 18px; padding: .65rem; background: white; }
.qr-frame img { display: block; width: 168px; height: 168px; }
@media (max-width: 980px) { .approvalhub-controls { justify-content: stretch; } .ah-control { min-width: min(100%, 160px); } .ah-approval-row { grid-template-columns: 16px 1fr; } .ah-approval-row > span:not(.ah-signal), .ah-approval-row > small { grid-column: 2; } }

/* ApprovalHub modal overflow/accordion refinement */
.modal:has(.ah-detail-modal) { width: min(760px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); max-height: calc(100vh - 3rem); overflow: hidden; padding: 0; box-sizing: border-box; }
.modal:has(.ah-detail-modal) .modal-close { z-index: 3; }
.ah-detail-modal { width: 100%; max-width: 100%; max-height: calc(100vh - 3rem); overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 1.35rem; padding-right: 1.35rem; }
.ah-detail-modal, .ah-detail-modal * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.ah-detail-modal p, .ah-detail-modal strong, .ah-detail-modal small, .ah-detail-modal h2 { overflow-wrap: anywhere; word-break: normal; }
.ah-description { line-height: 1.55; color: var(--fg-main); }
.ah-link-box { width: 100%; resize: vertical; min-height: 4.8rem; line-height: 1.35; overflow-wrap: anywhere; word-break: break-all; white-space: pre-wrap; }
.ah-accordion { border: 1px solid var(--border-soft); border-radius: 18px; background: color-mix(in srgb, var(--surface-elevated) 62%, transparent); overflow: clip; }
.ah-accordion + .ah-accordion { margin-top: .1rem; }
.ah-accordion summary { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .85rem 1rem; color: var(--fg-main); font-weight: 900; cursor: pointer; list-style: none; }
.ah-accordion summary::-webkit-details-marker { display: none; }
.ah-accordion summary::after { content: '+'; display: grid; place-items: center; width: 1.45rem; height: 1.45rem; flex: 0 0 auto; border: 1px solid var(--border-soft); border-radius: 999px; color: var(--fg-primary); background: color-mix(in srgb, var(--primary) 10%, transparent); }
.ah-accordion[open] summary::after { content: '−'; }
.ah-accordion-body { display: grid; gap: .8rem; padding: 0 1rem 1rem; }
.ah-actions { max-width: 100%; overflow: hidden; }
.ah-actions .btn { white-space: normal; }
@media (max-width: 720px) { .modal:has(.ah-detail-modal) { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); border-radius: 22px; } .ah-detail-modal { max-height: calc(100vh - 1rem); padding: 1rem; } .ah-modal-head { align-items: flex-start; } .qr-frame img { width: 144px; height: 144px; } }

/* Apps management app */
.apps-admin-app { display: grid; gap: 1rem; }
.apps-admin-hero { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding: 1rem; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 24px; background: linear-gradient(135deg, var(--glass), transparent); }
.apps-admin-hero h2 { margin: .15rem 0; font-size: clamp(2rem, 4vw, 3.8rem); }
.apps-admin-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.apps-admin-warnings { display: grid; gap: .35rem; padding: .8rem .95rem; border: 1px solid color-mix(in srgb, var(--warning, #f2b84b) 48%, transparent); border-radius: 18px; background: color-mix(in srgb, var(--warning, #f2b84b) 12%, var(--surface-card, var(--bg-surface))); color: var(--fg-main); }
.apps-admin-warnings p { margin: 0; font-size: .86rem; line-height: 1.45; }
.apps-metric { padding: .9rem; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 18px; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 86%, transparent); box-shadow: var(--shadow-soft); }
.apps-metric strong { display: block; margin-top: .25rem; font-size: 1.55rem; color: var(--fg-main); }
.apps-admin-layout { display: grid; grid-template-columns: minmax(280px, 34%) minmax(0, 1fr); gap: 1rem; align-items: start; }
.apps-admin-list-panel, .apps-admin-detail, .apps-detail-card { min-width: 0; }
.apps-admin-list-panel, .apps-admin-detail { border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 22px; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 82%, transparent); padding: .9rem; box-shadow: var(--shadow-soft); }
.apps-admin-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) repeat(2, minmax(120px, .42fr)); gap: .55rem; margin-bottom: .75rem; }
.apps-control { display: grid; gap: .22rem; color: var(--fg-muted); font-size: .72rem; font-weight: 850; }
.apps-control input, .apps-control select, .apps-form input, .apps-form select, .apps-form textarea { width: 100%; border: 1px solid var(--input-border, var(--border-soft)); border-radius: 14px; padding: .62rem .72rem; background: color-mix(in srgb, var(--input-bg, var(--surface-elevated, var(--bg-surface-raised))) 88%, transparent); color: var(--fg-main); outline: none; }
.apps-control input:focus, .apps-control select:focus, .apps-form input:focus, .apps-form select:focus, .apps-form textarea:focus { border-color: var(--border-focus, var(--accent)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, var(--primary)) 18%, transparent); }
.apps-admin-list { display: grid; gap: .5rem; max-height: min(68vh, 760px); overflow: auto; padding-right: .2rem; }
.apps-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: .65rem; width: 100%; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 16px; padding: .65rem; background: color-mix(in srgb, var(--surface-elevated, var(--bg-surface-raised)) 78%, transparent); color: var(--fg-main); text-align: left; cursor: pointer; }
.apps-row:hover, .apps-row:focus-visible, .apps-row.is-selected { border-color: var(--border-focus, var(--accent)); background: var(--bg-surface-hover); }
.apps-row-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 14px; background: var(--primary-soft); color: var(--fg-primary); font-size: 1.2rem; font-weight: 950; letter-spacing: -.03em; }
.apps-row-main { display: grid; gap: .1rem; min-width: 0; }
.apps-row-main strong, .apps-row-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apps-status { justify-self: start; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 999px; padding: .2rem .55rem; font-size: .72rem; font-weight: 850; text-transform: capitalize; color: var(--fg-muted); background: var(--glass); }
.apps-status.active { color: var(--success); border-color: color-mix(in srgb, var(--success) 44%, transparent); }
.apps-status.new, .apps-status.beta { color: var(--accent-cyan, var(--accent)); border-color: color-mix(in srgb, var(--accent-cyan, var(--accent)) 44%, transparent); }
.apps-status.maintenance { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 44%, transparent); }
.apps-detail-card { display: grid; gap: 1rem; }
.apps-detail-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; padding-bottom: .75rem; border-bottom: 1px solid var(--border-soft, var(--border-subtle)); }
.apps-detail-head h3 { margin: .1rem 0 .25rem; font-size: clamp(1.4rem, 2.2vw, 2rem); }
.apps-detail-actions, .apps-role-chips { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.apps-facts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.apps-fact { min-width: 0; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 16px; padding: .7rem; background: color-mix(in srgb, var(--surface-elevated, var(--bg-surface-raised)) 74%, transparent); }
.apps-fact strong { display: block; margin-top: .18rem; overflow-wrap: anywhere; }
.apps-primary-facts .apps-fact { background: linear-gradient(135deg, color-mix(in srgb, var(--surface-elevated, var(--bg-surface-raised)) 82%, transparent), color-mix(in srgb, var(--primary) 6%, transparent)); }
.apps-advanced-details:not([open]) { opacity: .92; }
.apps-advanced-details .apps-facts-grid { padding: 0 1rem 1rem; }
.apps-advanced-details .code-input { margin: 0 1rem 1rem; width: calc(100% - 2rem); }
.compact-empty.warning { border-color: color-mix(in srgb, var(--warning, #f7b955) 40%, transparent); color: var(--fg-main); background: color-mix(in srgb, var(--warning, #f7b955) 10%, var(--surface-card, var(--bg-surface))); }
.compact-empty.warning p { margin: .15rem 0; }
.apps-flags { display: flex; flex-wrap: wrap; gap: .45rem; }
.apps-flag { border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 999px; padding: .28rem .65rem; color: var(--fg-muted); background: var(--glass); font-size: .78rem; font-weight: 850; }
.apps-flag.on { color: var(--fg-primary); border-color: color-mix(in srgb, var(--primary) 48%, transparent); background: color-mix(in srgb, var(--primary) 12%, transparent); }
.apps-accordion { border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 18px; overflow: clip; background: color-mix(in srgb, var(--surface-elevated, var(--bg-surface-raised)) 62%, transparent); }
.apps-accordion summary { padding: .85rem 1rem; font-weight: 900; cursor: pointer; color: var(--fg-main); }
.apps-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: 0 1rem 1rem; }
.apps-permissions { display: grid; gap: .65rem; padding: 0 1rem 1rem; }
.apps-permission-row { display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(260px, 1.2fr) auto; gap: .7rem; align-items: center; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 16px; padding: .7rem; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 72%, transparent); }
.apps-permission-row p { margin: .18rem 0 0; }
.apps-role-chip { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 999px; padding: .25rem .5rem; color: var(--fg-muted); background: var(--glass); font-size: .72rem; font-weight: 800; cursor: pointer; }
.apps-role-chip input { accent-color: var(--primary); }
.apps-role-chip.on { color: var(--fg-primary); border-color: color-mix(in srgb, var(--primary) 45%, transparent); }
.apps-form { display: grid; gap: .75rem; width: min(760px, calc(100vw - 2rem)); max-width: 100%; }
.apps-form h2 { margin: 0; }
.apps-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.apps-form-grid.compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1080px) { .apps-admin-layout { grid-template-columns: 1fr; } .apps-admin-list { max-height: none; } .apps-permission-row { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .apps-admin-hero, .apps-detail-head { flex-direction: column; } .apps-admin-metrics, .apps-admin-toolbar, .apps-facts-grid, .apps-code-grid, .apps-form-grid, .apps-form-grid.compact { grid-template-columns: 1fr; } }

/* Forms production app / reusable data capture capability */
.forms-app{display:grid;gap:1rem}.forms-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:24px;background:linear-gradient(135deg,var(--glass),transparent)}.forms-hero h2{margin:.15rem 0;font-size:clamp(2rem,4vw,3.7rem)}.forms-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.forms-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.forms-metric{border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;padding:.85rem;background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 84%,transparent);box-shadow:var(--shadow-soft)}.forms-metric strong{display:block;margin-top:.25rem;font-size:1.55rem;color:var(--fg-main)}.forms-layout{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);gap:1rem;align-items:start}.forms-sidebar,.forms-workbench{min-width:0;border:1px solid var(--border-soft,var(--border-subtle));border-radius:22px;background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 82%,transparent);padding:.9rem;box-shadow:var(--shadow-soft)}.forms-toolbar{display:grid;grid-template-columns:1fr auto;gap:.55rem;margin-bottom:.75rem}.forms-toolbar input,.forms-toolbar select,.forms-builder-modal input,.forms-builder-modal textarea,.forms-builder-modal select,.forms-field input,.forms-field textarea,.forms-field select{width:100%;border:1px solid var(--input-border,var(--border-soft));border-radius:14px;padding:.62rem .72rem;background:color-mix(in srgb,var(--input-bg,var(--surface-elevated,var(--bg-surface-raised))) 88%,transparent);color:var(--fg-main);outline:none}.forms-toolbar input:focus,.forms-toolbar select:focus,.forms-builder-modal input:focus,.forms-builder-modal textarea:focus,.forms-builder-modal select:focus,.forms-field input:focus,.forms-field textarea:focus,.forms-field select:focus{border-color:var(--border-focus,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--primary)) 18%,transparent)}.forms-list{display:grid;gap:.5rem;max-height:min(68vh,760px);overflow:auto}.forms-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.55rem;align-items:center;width:100%;padding:.7rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:16px;background:color-mix(in srgb,var(--surface-elevated,var(--bg-surface-raised)) 78%,transparent);color:var(--fg-main);text-align:left;cursor:pointer}.forms-row:hover,.forms-row:focus-visible,.forms-row.is-selected{border-color:var(--border-focus,var(--accent));background:var(--bg-surface-hover)}.forms-row span:first-child{display:grid;gap:.1rem;min-width:0}.forms-row strong,.forms-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forms-status{border:1px solid var(--border-soft,var(--border-subtle));border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:850;text-transform:capitalize;color:var(--fg-muted);background:var(--glass)}.forms-status.published{color:var(--success);border-color:color-mix(in srgb,var(--success) 44%,transparent)}.forms-status.draft{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 44%,transparent)}.forms-status.paused,.forms-status.expired{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 44%,transparent)}.forms-empty{display:grid;place-items:start;gap:.35rem;min-height:260px}.forms-detail-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-soft,var(--border-subtle))}.forms-detail-head h3{margin:.1rem 0 .25rem;font-size:clamp(1.4rem,2.2vw,2rem)}.forms-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0}.forms-tabs button{border:1px solid var(--border-soft,var(--border-subtle));border-radius:999px;padding:.48rem .8rem;background:var(--glass);color:var(--fg-main);font-weight:850;cursor:pointer}.forms-tabs button.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.forms-panel-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.forms-response-list{display:grid;gap:.5rem}.forms-response-row,.forms-template{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:.7rem;align-items:center;border:1px solid var(--border-soft,var(--border-subtle));border-radius:15px;padding:.68rem;background:color-mix(in srgb,var(--surface-elevated,var(--bg-surface-raised)) 76%,transparent);color:var(--fg-main);text-align:left;cursor:pointer}.forms-response-row:hover,.forms-template:hover{border-color:var(--border-focus,var(--accent))}.forms-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.forms-analytics-card{border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;padding:.8rem;background:var(--glass)}.forms-analytics-card p,.forms-answer{display:flex;justify-content:space-between;gap:.75rem;border-top:1px solid var(--border-soft,var(--border-subtle));padding-top:.45rem}.forms-sharebox{display:grid;gap:.6rem}.forms-share{width:100%;min-height:4.5rem;border:1px solid var(--input-border,var(--border-soft));border-radius:14px;padding:.7rem;background:var(--input-bg,var(--bg-surface));color:var(--fg-main);resize:vertical;word-break:break-all}.forms-code{max-height:360px;overflow:auto;border:1px solid var(--border-soft,var(--border-subtle));border-radius:16px;padding:.8rem;background:color-mix(in srgb,var(--bg-base) 88%,black);color:var(--fg-main);white-space:pre-wrap}.forms-builder-modal{width:min(980px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow:auto;display:grid;gap:1rem}.forms-builder-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem}.forms-builder-grid aside,.forms-canvas{display:grid;gap:.75rem;align-content:start}.forms-palette{display:flex;flex-wrap:wrap;gap:.4rem}.forms-field-card{display:grid;gap:.6rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;padding:.8rem;background:color-mix(in srgb,var(--surface-elevated,var(--bg-surface-raised)) 70%,transparent)}.forms-field-card header{display:flex;justify-content:space-between;gap:.6rem}.forms-renderer{display:grid;gap:.8rem}.forms-field{display:grid;gap:.35rem}.forms-preview-modal,.forms-response-modal,.forms-template-modal{width:min(760px,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow:auto;display:grid;gap:.8rem}.forms-template{grid-template-columns:1fr}.forms-answer span{color:var(--fg-muted)}@media(max-width:980px){.forms-layout,.forms-builder-grid{grid-template-columns:1fr}.forms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.forms-list{max-height:none}.forms-detail-head,.forms-hero{flex-direction:column;align-items:start}.forms-toolbar,.forms-row,.forms-response-row{grid-template-columns:1fr}}@media(max-width:640px){.forms-metrics{grid-template-columns:1fr}.forms-builder-modal,.forms-preview-modal,.forms-response-modal,.forms-template-modal{width:calc(100vw - 1rem)}}
.forms-option-group{display:grid;gap:.35rem}.forms-option{display:flex;align-items:center;gap:.45rem;color:var(--fg-main);font-weight:650}.forms-option input{width:auto!important;accent-color:var(--primary)}

/* Forms builder rapid usability patch */
.modal:has(.forms-builder-modal) { width: min(1440px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); height: min(900px, calc(100vh - 2rem)); max-height: calc(100vh - 2rem); overflow: hidden; padding: 0; box-sizing: border-box; }
.modal:has(.forms-builder-modal) .modal-close { z-index: 5; }
.forms-builder-modal { width: 100%; max-width: 100%; height: 100%; max-height: calc(100vh - 2rem); overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 1.35rem; padding-right: 1.35rem; }
.forms-builder-modal, .forms-builder-modal * { min-width: 0; box-sizing: border-box; }
.forms-builder-modal h2 { position: sticky; top: -1.35rem; z-index: 2; margin: -1.35rem -1.35rem .25rem; padding: 1.35rem 4.2rem 1rem 1.35rem; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 96%, transparent); border-bottom: 1px solid var(--border-soft, var(--border-subtle)); backdrop-filter: blur(14px); }
.forms-builder-grid { grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); align-items: start; }
.forms-builder-grid aside { position: sticky; top: 4.6rem; max-height: calc(100vh - 8.5rem); overflow-y: auto; padding-right: .2rem; }
.forms-canvas { grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); align-items: start; }
.forms-builder-modal > .forms-actions { position: sticky; bottom: -1.35rem; z-index: 3; margin: .25rem -1.35rem -1.35rem; padding: 1rem 1.35rem; border-top: 1px solid var(--border-soft, var(--border-subtle)); background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 96%, transparent); backdrop-filter: blur(14px); }
.forms-field-card { overflow: hidden; }
.forms-field-card input, .forms-field-card textarea, .forms-field-card select { max-width: 100%; }
@media (max-width: 980px) { .modal:has(.forms-builder-modal) { width: calc(100vw - 1rem); height: calc(100vh - 1rem); max-height: calc(100vh - 1rem); } .forms-builder-modal { max-height: calc(100vh - 1rem); padding: 1rem; } .forms-builder-modal h2 { top: -1rem; margin: -1rem -1rem .25rem; padding: 1rem 4rem .85rem 1rem; } .forms-builder-grid { grid-template-columns: 1fr; } .forms-builder-grid aside { position: static; max-height: none; overflow: visible; } .forms-canvas { grid-template-columns: 1fr; } .forms-builder-modal > .forms-actions { bottom: -1rem; margin: .25rem -1rem -1rem; padding: .85rem 1rem; } }

/* Forms preview rapid usability patch */
.modal:has(.forms-preview-modal) { width: min(1180px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); height: min(860px, calc(100vh - 2rem)); max-height: calc(100vh - 2rem); overflow: hidden; padding: 0; box-sizing: border-box; }
.modal:has(.forms-preview-modal) .modal-close { z-index: 5; }
.forms-preview-modal { width: 100%; max-width: 100%; height: 100%; max-height: calc(100vh - 2rem); overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 1.35rem; }
.forms-preview-modal, .forms-preview-modal * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.forms-preview-modal h2 { position: sticky; top: -1.35rem; z-index: 2; margin: -1.35rem -1.35rem 1rem; padding: 1.35rem 4.2rem 1rem 1.35rem; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 96%, transparent); border-bottom: 1px solid var(--border-soft, var(--border-subtle)); backdrop-filter: blur(14px); }
.forms-preview-modal .forms-renderer { width: min(920px, 100%); margin-inline: auto; }
.forms-preview-modal input, .forms-preview-modal textarea, .forms-preview-modal select { max-width: 100%; }
.forms-preview-modal label, .forms-preview-modal .forms-field { overflow-wrap: anywhere; }
@media (max-width: 720px) { .modal:has(.forms-preview-modal) { width: calc(100vw - 1rem); height: calc(100vh - 1rem); max-height: calc(100vh - 1rem); } .forms-preview-modal { max-height: calc(100vh - 1rem); padding: 1rem; } .forms-preview-modal h2 { top: -1rem; margin: -1rem -1rem 1rem; padding: 1rem 4rem .85rem 1rem; } }

/* Forms templates rapid usability patch */
.modal:has(.forms-template-modal) { width: min(1040px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); max-height: calc(100vh - 2rem); overflow: hidden; padding: 0; box-sizing: border-box; }
.modal:has(.forms-template-modal) .modal-close { z-index: 5; }
.forms-template-modal { width: 100%; max-width: 100%; max-height: calc(100vh - 2rem); overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 1.35rem; display: grid; gap: .8rem; }
.forms-template-modal, .forms-template-modal * { min-width: 0; max-width: 100%; box-sizing: border-box; }
.forms-template-modal h2 { position: sticky; top: -1.35rem; z-index: 2; margin: -1.35rem -1.35rem .8rem; padding: 1.35rem 4.2rem 1rem 1.35rem; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 96%, transparent); border-bottom: 1px solid var(--border-soft, var(--border-subtle)); backdrop-filter: blur(14px); }
.forms-template-modal .forms-template { width: 100%; overflow: hidden; white-space: normal; }
.forms-template-modal .forms-template strong,
.forms-template-modal .forms-template small { overflow-wrap: anywhere; white-space: normal; }
@media (min-width: 760px) { .forms-template-modal { grid-template-columns: repeat(2, minmax(0, 1fr)); } .forms-template-modal h2 { grid-column: 1 / -1; } }
@media (max-width: 720px) { .modal:has(.forms-template-modal) { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); } .forms-template-modal { max-height: calc(100vh - 1rem); padding: 1rem; } .forms-template-modal h2 { top: -1rem; margin: -1rem -1rem .8rem; padding: 1rem 4rem .85rem 1rem; } }

/* Forms WYSIWYG canvas designer v1.3 */
.forms-wysiwyg-builder { padding: 1rem; gap: .85rem; }
.forms-designer-head, .forms-designer-meta { display:flex; align-items:end; justify-content:space-between; gap:.8rem; flex-wrap:wrap; }
.forms-designer-head h2 { margin:.1rem 0; }
.forms-designer-meta { align-items:start; padding:.75rem; border:1px solid var(--border-soft,var(--border-subtle)); border-radius:18px; background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 82%,transparent); }
.forms-designer-meta label { display:grid; gap:.25rem; min-width:min(100%,210px); flex:1 1 210px; color:var(--fg-muted); font-size:.75rem; font-weight:850; }
.forms-designer-grid { display:grid; grid-template-columns:220px minmax(0,1fr) minmax(280px,340px); gap:.8rem; align-items:start; min-height:620px; }
.forms-toolbox,.forms-properties { position:sticky; top:.75rem; display:grid; gap:.5rem; max-height:calc(100vh - 8rem); overflow:auto; border:1px solid var(--border-soft,var(--border-subtle)); border-radius:20px; padding:.8rem; background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 88%,transparent); box-shadow:var(--shadow-soft); }
.forms-toolbox h3,.forms-properties h3 { margin:.1rem 0 .35rem; }
.forms-tool { display:flex; align-items:center; gap:.5rem; width:100%; border:1px solid var(--border-soft,var(--border-subtle)); border-radius:14px; padding:.62rem .72rem; background:var(--glass); color:var(--fg-main); font-weight:850; text-transform:capitalize; cursor:grab; }
.forms-tool span { display:grid; place-items:center; width:1.25rem; height:1.25rem; border-radius:999px; background:var(--primary); color:var(--on-primary); }
.forms-design-stage { overflow:auto; max-height:calc(100vh - 8rem); border:1px solid var(--border-soft,var(--border-subtle)); border-radius:24px; padding:1rem; background:radial-gradient(circle at 16px 16px,color-mix(in srgb,var(--fg-muted) 18%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--bg-base) 88%,transparent); background-size:24px 24px; }
.forms-design-canvas { position:relative; margin:auto; border:1px solid var(--border-soft,var(--border-subtle)); border-radius:18px; background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 92%,transparent); box-shadow:0 24px 80px color-mix(in srgb,black 22%,transparent); }
.forms-canvas-item { position:absolute; display:grid; align-content:start; gap:.35rem; border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border-subtle)); border-radius:16px; padding:.55rem; background:color-mix(in srgb,var(--surface-elevated,var(--bg-surface-raised)) 88%,transparent); color:var(--fg-main); box-shadow:var(--shadow-soft); cursor:default; overflow:hidden; }
.forms-canvas-item:hover,.forms-canvas-item:focus-within { border-color:var(--border-focus,var(--accent)); box-shadow:var(--shadow-soft),var(--shadow-glow-primary); }
.forms-canvas-item header { display:flex; align-items:center; justify-content:space-between; gap:.5rem; cursor:move; user-select:none; }
.forms-canvas-item small { color:var(--fg-muted); text-transform:capitalize; }
.forms-canvas-preview { border:1px dashed var(--border-soft,var(--border-subtle)); border-radius:12px; padding:.45rem; color:var(--fg-muted); min-height:34px; overflow:hidden; }
.forms-resize { position:absolute; right:5px; bottom:5px; width:14px; height:14px; border-right:3px solid var(--fg-primary); border-bottom:3px solid var(--fg-primary); cursor:nwse-resize; opacity:.85; }
.forms-properties.is-hidden { display:none; }
.forms-prop-head { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.forms-prop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem; }
.forms-properties label { display:grid; gap:.24rem; color:var(--fg-muted); font-size:.74rem; font-weight:850; }
.forms-renderer.is-canvas { overflow:auto; }
.forms-render-canvas { position:relative; width:min(var(--forms-canvas-width,980px),100%); margin-inline:auto; border:1px solid var(--border-soft,var(--border-subtle)); border-radius:22px; background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 86%,transparent); overflow:auto; }
.forms-render-canvas .forms-render-item { position:absolute; box-sizing:border-box; }
.forms-signature-box { display:grid; gap:.45rem; }
.forms-signature-box canvas { width:100%; min-height:128px; border:1px dashed var(--border-soft,var(--border-subtle)); border-radius:14px; background:var(--input-bg,var(--bg-surface)); touch-action:none; }
.forms-signature-box img { max-width:100%; border:1px solid var(--border-soft,var(--border-subtle)); border-radius:12px; background:white; }
@media(max-width:1100px){.forms-designer-grid{grid-template-columns:1fr}.forms-toolbox,.forms-properties{position:static;max-height:none}.forms-design-stage{max-height:none}.forms-toolbox{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.forms-toolbox h3{grid-column:1/-1}}

/* Forms public/signature rapid patch v1.4 */
.forms-signature-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.forms-signature-tabs .is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.forms-signature-name{width:100%;border:1px solid var(--input-border,var(--border-soft));border-radius:14px;padding:.72rem;background:var(--input-bg,var(--bg-surface));color:var(--fg-main);font-family:"Brush Script MT","Segoe Script",cursive;font-size:1.2rem}.forms-signature-typed{padding:.8rem 1rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:14px;background:var(--bg-surface);font-family:"Brush Script MT","Segoe Script",cursive;font-size:1.6rem}.forms-public-submit-row .btn,.public-submit-row .btn{width:auto!important;min-width:0!important;height:auto!important;inline-size:auto!important;block-size:auto!important}

/* Forms designer polish rapid patch v1.5 */
.modal:has(.forms-wysiwyg-builder){width:min(1500px,calc(100vw - 1.25rem));height:min(920px,calc(100vh - 1.25rem));max-height:calc(100vh - 1.25rem);overflow:hidden}.forms-wysiwyg-builder{height:100%;max-height:calc(100vh - 1.25rem);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:.85rem;gap:.65rem}.forms-designer-head{align-items:center}.forms-designer-head p{margin:.15rem 0 0}.forms-designer-meta{padding:.55rem .65rem;border-radius:16px}.forms-designer-meta label{font-size:.68rem;gap:.16rem}.forms-designer-meta input,.forms-designer-meta select{padding:.48rem .62rem;border-radius:12px}.forms-designer-grid{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);gap:.65rem;min-height:0;height:100%;align-items:stretch}.forms-designer-grid.has-properties,.forms-designer-grid.no-properties{grid-template-columns:190px minmax(0,1fr)}.forms-toolbox{position:relative;top:auto;max-height:none;height:100%;overflow:auto;align-content:start;padding:.62rem;border-radius:18px;gap:.34rem}.forms-toolbox h3{font-size:1rem;margin:0 0 .25rem}.forms-tool{min-height:38px;padding:.26rem .4rem;border-radius:12px;gap:.45rem;font-size:.78rem;font-weight:850;line-height:1.05}.forms-tool-icon{flex:0 0 32px;width:32px;height:32px;object-fit:contain;border-radius:9px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.forms-tool span{display:block;width:auto;height:auto;border-radius:0;background:transparent;color:var(--fg-main);text-align:left;text-transform:capitalize}.forms-design-stage{position:relative;max-height:none;height:100%;min-width:0;overflow:auto;padding:.65rem;border-radius:20px;scrollbar-gutter:stable;background-size:20px 20px}.forms-design-canvas{margin:0 auto;max-width:none;min-width:min(980px,100%);box-shadow:0 18px 48px color-mix(in srgb,black 14%,transparent)}.forms-canvas-item{border-radius:13px;padding:.44rem;gap:.25rem;font-size:.82rem}.forms-canvas-item header{font-size:.82rem}.forms-canvas-item small{font-size:.7rem}.forms-canvas-preview{min-height:28px;padding:.32rem .42rem;border-radius:10px;font-size:.78rem}.forms-resize{width:11px;height:11px;border-right-width:2px;border-bottom-width:2px}.forms-properties{position:absolute;z-index:8;top:.85rem;right:.85rem;bottom:.85rem;width:min(330px,42%);max-height:none;overflow:auto;padding:.72rem;border-radius:20px;background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 94%,transparent);box-shadow:0 24px 80px color-mix(in srgb,black 28%,transparent),var(--shadow-glow-primary);backdrop-filter:blur(18px)}.forms-properties.is-hidden{display:none}.forms-properties label{font-size:.68rem}.forms-properties input,.forms-properties textarea,.forms-properties select{padding:.48rem .6rem;border-radius:12px}.forms-prop-grid{gap:.35rem}.forms-prop-head h3{font-size:1rem;margin:0}@media(max-width:900px){.modal:has(.forms-wysiwyg-builder){height:calc(100vh - 1rem)}.forms-wysiwyg-builder{overflow:auto}.forms-designer-grid{grid-template-columns:1fr;height:auto}.forms-toolbox{height:auto;max-height:none;grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.forms-toolbox h3{grid-column:1/-1}.forms-design-stage{height:70vh}.forms-properties{position:fixed;inset:auto .75rem .75rem .75rem;width:auto;max-height:56vh}}

/* Forms toolbox/blade precision polish v1.6 */
.forms-designer-grid{grid-template-columns:150px minmax(0,1fr)!important;gap:.65rem}.forms-toolbox{width:150px!important;min-width:150px!important;max-width:150px!important;padding:0!important;gap:0!important;border-radius:0!important;overflow:hidden auto!important;background:color-mix(in srgb,var(--surface-card,var(--bg-surface)) 86%,transparent)!important}.forms-toolbox h3{height:32px;max-height:32px;margin:0!important;display:grid;place-items:center;border-bottom:1px solid color-mix(in srgb,var(--primary) 46%,var(--border-subtle));font-size:.76rem!important;line-height:1;text-transform:uppercase;letter-spacing:.035em;color:var(--fg-primary);font-weight:950}.forms-tool-list{display:grid;grid-template-columns:150px;margin-top:6px}.forms-tool{width:150px!important;height:36px!important;min-height:36px!important;display:grid!important;grid-template-columns:32px 1fr;align-items:center;gap:6px!important;margin:0!important;padding:2px 6px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--fg-muted) 12%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left}.forms-tool:hover,.forms-tool:focus-visible{background:color-mix(in srgb,var(--primary) 13%,transparent)!important;color:var(--fg-main);outline:0}.forms-tool-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:4px!important;object-fit:contain}.forms-tool span{width:100%!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem!important;line-height:1!important;font-weight:850!important;color:var(--fg-muted)!important}.forms-tool:hover span{color:var(--fg-main)!important}.forms-properties{border-radius:0!important;right:0!important;top:0!important;bottom:0!important;width:min(360px,44%)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 10%,var(--surface-card,var(--bg-surface))),color-mix(in srgb,var(--accent-cyan,var(--primary)) 6%,var(--bg-surface)))!important;transform:translateX(0);animation:formsBladeSlideIn .22s ease both}.forms-properties.is-hidden{display:block!important;pointer-events:none;animation:formsBladeSlideOut .18s ease both}.forms-blade-close{width:30px;height:30px;border-radius:999px!important;font-size:1.05rem;line-height:1}.forms-prop-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:auto;padding-top:.5rem}@keyframes formsBladeSlideIn{from{opacity:.2;transform:translateX(105%)}to{opacity:1;transform:translateX(0)}}@keyframes formsBladeSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(105%)}}.forms-advanced-modal{width:min(720px,calc(100vw - 2rem));display:grid;gap:.75rem}.forms-advanced-modal label{display:grid;gap:.28rem;color:var(--fg-muted);font-size:.78rem;font-weight:850}.forms-advanced-modal input,.forms-advanced-modal textarea{width:100%;border:1px solid var(--input-border,var(--border-soft));border-radius:14px;padding:.65rem;background:var(--input-bg,var(--bg-surface));color:var(--fg-main)}
@media(max-width:900px){.forms-designer-grid{grid-template-columns:1fr!important}.forms-toolbox{width:100%!important;max-width:none!important}.forms-tool-list{grid-template-columns:repeat(auto-fit,150px)}.forms-properties{position:fixed!important;inset:auto 0 0 auto!important;width:min(380px,96vw)!important;max-height:65vh!important}}

/* Forms advanced settings modal sizing v1.7 */
.modal:has(.forms-advanced-modal){width:min(1040px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:hidden}.forms-advanced-modal{width:100%;max-height:calc(100vh - 4rem);overflow:auto;box-sizing:border-box;padding:1.15rem;gap:1rem}.forms-advanced-modal h2{margin:.1rem 3rem .1rem 0}.forms-advanced-modal input,.forms-advanced-modal textarea{box-sizing:border-box;max-width:100%}.forms-advanced-modal textarea[data-adv="styles.customCss"]{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.forms-advanced-modal .forms-prop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.forms-advanced-modal .forms-actions{position:sticky;bottom:0;padding-top:.75rem;background:linear-gradient(180deg,transparent,var(--bg-surface) 35%)}@media(max-width:760px){.modal:has(.forms-advanced-modal){width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.forms-advanced-modal{max-height:calc(100vh - 2rem);padding:.85rem}.forms-advanced-modal .forms-prop-grid{grid-template-columns:1fr}}

/* Forms advanced colours reset/foreground patch v1.8 */
.forms-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.forms-colour-row label{gap:.35rem}.forms-colour-controls{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:.45rem;align-items:center}.forms-colour-controls input[type="color"]{width:54px!important;height:42px!important;min-height:42px!important;padding:3px!important;border-radius:12px!important;background:var(--swatch,#fff)!important;cursor:pointer}.forms-colour-text{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.forms-colour-controls .btn.tiny{height:38px;white-space:nowrap}.forms-advanced-modal code{padding:.08rem .28rem;border-radius:7px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--fg-primary)}@media(max-width:760px){.forms-colour-grid{grid-template-columns:1fr!important}.forms-colour-controls{grid-template-columns:48px minmax(0,1fr) auto}}

/* WebHooks app */
.webhooks-app { display: grid; gap: 1rem; }
.webhooks-hero, .wh-detail header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.webhooks-actions, .wh-actions, .wh-modal-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.webhooks-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); gap:.75rem; }
.webhooks-metrics article { border:1px solid var(--border-subtle); background:var(--surface-raised); border-radius:18px; padding:.9rem; }
.webhooks-metrics strong { display:block; font-size:1.35rem; color:var(--fg-main); }
.webhooks-metrics span { color:var(--fg-muted); font-size:.82rem; }
.webhooks-layout { display:grid; grid-template-columns:minmax(280px, 38%) 1fr; gap:1rem; min-height:520px; }
.webhooks-panel, .webhooks-workbench { border:1px solid var(--border-subtle); background:var(--surface-raised); border-radius:22px; padding:.8rem; min-width:0; overflow:auto; }
.webhooks-tabs { display:flex; gap:.35rem; margin-bottom:.75rem; flex-wrap:wrap; }
.webhooks-tabs button { border:1px solid var(--border-subtle); background:var(--surface-soft); color:var(--fg-muted); border-radius:999px; padding:.45rem .7rem; }
.webhooks-tabs button.active { color:var(--fg-main); border-color:var(--accent); box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent); }
.wh-row { width:100%; display:grid; grid-template-columns:auto 1fr; gap:.15rem .55rem; text-align:left; border:1px solid var(--border-subtle); background:var(--surface-soft); color:var(--fg-main); border-radius:16px; padding:.75rem; margin-bottom:.55rem; }
.wh-row:hover, .wh-row.active { border-color:var(--accent); transform:translateY(-1px); }
.wh-row small, .wh-row span:not(.wh-light) { color:var(--fg-muted); overflow-wrap:anywhere; }
.wh-row strong { overflow-wrap:anywhere; }
.wh-light { width:.7rem; height:.7rem; border-radius:999px; margin-top:.25rem; box-shadow:0 0 16px currentColor; }
.wh-light.green, .pill.green { color:#31d98b; background:rgba(49,217,139,.12); }
.wh-light.amber, .pill.amber { color:#f5c84b; background:rgba(245,200,75,.12); }
.wh-light.red, .pill.red { color:#ff6b6b; background:rgba(255,107,107,.12); }
.wh-detail { display:grid; gap:1rem; }
.wh-detail pre { max-height:320px; overflow:auto; border:1px solid var(--border-subtle); border-radius:16px; padding:.8rem; background:var(--surface-soft); color:var(--fg-main); white-space:pre-wrap; word-break:break-word; }
.wh-kv { display:grid; grid-template-columns:max-content 1fr; gap:.45rem .8rem; }
.wh-kv dt { color:var(--fg-muted); }
.wh-chips { display:flex; gap:.4rem; flex-wrap:wrap; }
.wh-chips span { border:1px solid var(--border-subtle); border-radius:999px; padding:.3rem .55rem; color:var(--fg-muted); background:var(--surface-soft); }
.wh-editor { display:grid; gap:.75rem; min-width:min(680px, 82vw); }
.wh-editor label, .wh-editor fieldset { display:grid; gap:.35rem; color:var(--fg-muted); }
.wh-editor input, .wh-editor textarea { width:100%; border:1px solid var(--border-subtle); background:var(--surface-soft); color:var(--fg-main); border-radius:12px; padding:.65rem; }
.wh-editor fieldset { max-height:260px; overflow:auto; border:1px solid var(--border-subtle); border-radius:14px; padding:.75rem; }
.webhooks-empty { color:var(--fg-muted); padding:1rem; }
@media (max-width: 840px) { .webhooks-layout { grid-template-columns:1fr; } .webhooks-hero { flex-direction:column; } }

/* WebHooks endpoint editor modal sizing/polish v1.1 */
.modal:has(.wh-editor){width:min(1040px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:hidden}.wh-editor{width:100%;min-width:0;max-height:calc(100vh - 4rem);overflow:auto;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.1rem}.wh-editor label{min-width:0}.wh-editor label:nth-child(2),.wh-editor label:nth-child(3),.wh-editor label:nth-child(4),.wh-editor fieldset,.wh-editor .wh-modal-actions{grid-column:1/-1}.wh-editor input,.wh-editor textarea{box-sizing:border-box;max-width:100%}.wh-editor textarea{min-height:96px;resize:vertical}.wh-editor fieldset{max-height:min(46vh,420px);overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.35rem .75rem;scrollbar-gutter:stable;border-radius:18px;background:color-mix(in srgb,var(--surface-soft,var(--bg-surface)) 74%,transparent)}.wh-editor fieldset legend{padding:0 .45rem;font-weight:900;color:var(--fg-main)}.wh-editor fieldset label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:.45rem;margin:0;padding:.55rem;border:1px solid color-mix(in srgb,var(--border-subtle) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-raised,var(--bg-surface-raised)) 68%,transparent);color:var(--fg-main);overflow:hidden}.wh-editor fieldset label:hover{border-color:var(--accent);background:var(--bg-surface-hover)}.wh-editor fieldset input[type="checkbox"]{width:auto;padding:0;margin:.15rem 0 0}.wh-editor fieldset small{grid-column:2;color:var(--fg-muted);font-size:.75rem}.wh-modal-actions{position:sticky;bottom:0;margin:0 -1.1rem -1.1rem;padding:.85rem 1.1rem;background:linear-gradient(180deg,transparent,var(--bg-surface) 34%);border-top:1px solid var(--border-subtle)}@media(max-width:760px){.modal:has(.wh-editor){width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.wh-editor{grid-template-columns:1fr;max-height:calc(100vh - 2rem);padding:.85rem}.wh-editor fieldset{grid-template-columns:1fr}.wh-modal-actions{margin:0 -.85rem -.85rem;padding:.8rem .85rem}}

/* WebHooks endpoint event selector row wrap fix v1.2 */
.wh-editor fieldset label{grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;min-height:48px;max-height:none}.wh-editor fieldset label input[type="checkbox"]{grid-row:1;align-self:center;margin:0}.wh-editor fieldset label small{grid-column:2!important;grid-row:1!important;display:inline!important;margin-left:15px;padding:.12rem .42rem;border:1px solid color-mix(in srgb,var(--border-subtle) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);font-size:.7rem;line-height:1;color:var(--fg-muted);vertical-align:middle;white-space:nowrap}.wh-editor fieldset label{font-size:.86rem;line-height:1.15;word-break:normal;overflow-wrap:anywhere}.wh-editor fieldset label > input + *{min-width:0}

/* WebHooks endpoint event selector structural fix v1.3 */
.wh-editor fieldset label.wh-event-option{display:grid!important;grid-template-columns:22px minmax(0,auto) max-content!important;gap:0 15px!important;align-items:center!important;min-height:44px!important;padding:.55rem .7rem!important;overflow:hidden!important}.wh-event-option input[type="checkbox"]{grid-column:1!important;grid-row:1!important}.wh-event-key{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-main);font-size:.86rem;line-height:1.2}.wh-event-app{grid-column:3!important;grid-row:1!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;max-width:110px;margin-left:0!important;padding:.16rem .5rem!important;border:1px solid color-mix(in srgb,var(--border-subtle) 80%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--primary) 8%,transparent)!important;font-size:.7rem!important;line-height:1!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;color:var(--fg-muted)!important}
@media(max-width:620px){.wh-editor fieldset label.wh-event-option{grid-template-columns:22px minmax(0,1fr)!important}.wh-event-app{grid-column:2!important;grid-row:2!important;justify-self:start;margin-top:.2rem!important}}

/* WebHooks subscribed events 2-column layout fix v1.4 */
.wh-editor fieldset{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.5rem .75rem!important;
  align-items:start!important;
}
.wh-editor fieldset legend{grid-column:1/-1!important}
.wh-editor fieldset label.wh-event-option{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) max-content!important;
  grid-template-areas:"check event app"!important;
  gap:0 15px!important;
  align-items:center!important;
  padding:.55rem .75rem!important;
  overflow:hidden!important;
}
.wh-event-option input[type="checkbox"]{grid-area:check!important;margin:0!important;align-self:center!important}
.wh-event-key{grid-area:event!important;display:block!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}
.wh-event-app{grid-area:app!important;width:auto!important;min-width:0!important;max-width:none!important;display:inline-flex!important;justify-self:end!important;white-space:nowrap!important;padding:.18rem .55rem!important;margin:0!important;line-height:1!important}
@media(max-width:760px){.wh-editor fieldset{grid-template-columns:1fr!important}.wh-editor fieldset label.wh-event-option{grid-template-columns:22px minmax(0,1fr) max-content!important}}

/* WebHooks subscribed events restore/2-col wrapper fix v1.5 */
.wh-editor fieldset{display:block!important;max-height:min(46vh,420px)!important;overflow:auto!important;padding:.9rem!important}.wh-event-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.5rem .75rem!important;align-items:start!important}.wh-event-grid .wh-event-option{display:grid!important;grid-template-columns:22px minmax(0,1fr) max-content!important;grid-template-areas:"check event app"!important;gap:0 15px!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:46px!important;padding:.55rem .75rem!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}.wh-event-grid .wh-event-option input[type="checkbox"]{grid-area:check!important;margin:0!important}.wh-event-grid .wh-event-key{grid-area:event!important;display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wh-event-grid .wh-event-app{grid-area:app!important;display:inline-flex!important;width:auto!important;max-width:none!important;justify-self:end!important;white-space:nowrap!important;padding:.18rem .55rem!important;margin:0!important}@media(max-width:760px){.wh-event-grid{grid-template-columns:1fr!important}}

/* NexaStack operational app batch */
.ops-app { max-width: min(1480px, calc(100vw - 2rem)); overflow: hidden; }
.ops-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.ops-hero h2 { margin:.15rem 0 .35rem; font-size:clamp(1.7rem,3vw,2.7rem); }
.ops-actions { display:flex; gap:.65rem; flex-wrap:wrap; justify-content:flex-end; }
.ops-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:.75rem 0 1rem; }
.ops-metrics div { border:1px solid var(--border-soft); background:linear-gradient(135deg,var(--surface-raised),var(--surface)); border-radius:18px; padding:.9rem; }
.ops-metrics strong { display:block; font-size:1.5rem; color:var(--fg-main); }
.ops-metrics span { color:var(--fg-muted); font-size:.82rem; }
.ops-layout { display:grid; grid-template-columns:minmax(320px,410px) minmax(0,1fr); gap:1rem; min-height:620px; }
.ops-sidebar,.ops-workbench { min-width:0; border:1px solid var(--border-soft); background:rgba(255,255,255,.035); border-radius:22px; overflow:hidden; }
.ops-toolbar { display:grid; grid-template-columns:1fr 150px; gap:.5rem; padding:.75rem; border-bottom:1px solid var(--border-soft); }
.ops-toolbar input,.ops-toolbar select,.ops-field input,.ops-field textarea,.ops-field select { width:100%; min-width:0; color:var(--fg-main); background:var(--surface); border:1px solid var(--border-soft); border-radius:12px; padding:.7rem .8rem; }
.ops-list { display:flex; flex-direction:column; gap:.55rem; padding:.75rem; max-height:620px; overflow:auto; }
.ops-row { display:grid; grid-template-columns:14px minmax(0,1fr) auto; align-items:center; gap:.7rem; width:100%; text-align:left; border:1px solid var(--border-soft); background:var(--surface-raised); color:var(--fg-main); border-radius:16px; padding:.72rem; cursor:pointer; }
.ops-row:is(:hover,.is-active) { border-color:var(--accent); box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 50%); }
.ops-row strong,.ops-row small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ops-row small,.ops-row em,.ops-empty,.muted { color:var(--fg-muted); }
.ops-row em { font-size:.72rem; font-style:normal; text-transform:uppercase; letter-spacing:.04em; }
.ops-rag { width:12px; height:12px; border-radius:999px; background:#3bd671; box-shadow:0 0 18px currentColor; }
.ops-rag-critical,.ops-rag-red,.ops-rag-expired { background:#ff3b5f; color:#ff3b5f; }
.ops-rag-high,.ops-rag-amber,.ops-rag-pending { background:#ffb020; color:#ffb020; }
.ops-rag-archived,.ops-rag-cancelled { background:#778196; color:#778196; }
.ops-workbench { padding:1rem; max-height:710px; overflow:auto; }
.ops-detail-card header { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--border-soft); padding-bottom:1rem; margin-bottom:1rem; }
.ops-detail-actions { display:flex; gap:.5rem; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; }
.ops-kv { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; margin-bottom:1rem; }
.ops-kv div,.ops-json div { border:1px solid var(--border-soft); border-radius:16px; padding:.8rem; background:rgba(255,255,255,.03); min-width:0; }
.ops-kv span,.ops-json span { display:block; color:var(--fg-muted); font-size:.74rem; margin-bottom:.25rem; }
.ops-json { display:grid; gap:.65rem; }
.ops-json code { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--fg-main); }
.ops-empty { padding:1rem; }
.modal:has(.ops-modal-wrap) { width:min(980px, calc(100vw - 2rem)); max-width:min(980px, calc(100vw - 2rem)); max-height:min(88vh, 860px); overflow:auto; }
.ops-modal-wrap { min-width:0; overflow:hidden; }
.ops-form { display:grid; gap:.85rem; padding:.25rem; }
.ops-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.ops-field { display:grid; gap:.35rem; color:var(--fg-muted); font-size:.83rem; }
.ops-field-wide { grid-column:1 / -1; }
.ops-guided-intro,.ops-template-head { display:grid; gap:.25rem; border:1px solid var(--border-soft); background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); border-radius:18px; padding:.9rem 1rem; }
.ops-guided-intro span,.ops-template-head span { color:var(--fg-muted); font-size:.86rem; }
.ops-checks { border:1px solid var(--border-soft); border-radius:14px; padding:.75rem; align-content:start; }
.ops-checks legend { padding:0 .35rem; color:var(--fg-muted); }
.ops-checks label { display:inline-flex; align-items:center; gap:.35rem; margin:.15rem .65rem .15rem 0; color:var(--fg-main); }
.ops-checks input { width:auto; accent-color:var(--accent); }
.ops-domain-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ops-advanced { margin-top:1rem; border:1px solid var(--border-soft); border-radius:16px; background:rgba(255,255,255,.025); padding:.75rem; }
.ops-advanced summary { cursor:pointer; color:var(--fg-main); font-weight:700; }
.ops-advanced pre { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--fg-muted); font-size:.78rem; }
.ops-empty-strong { display:grid; gap:.75rem; align-content:start; }
.ops-workflow-rail { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.7rem; }
.ops-workflow-rail button { min-width:0; text-align:left; color:var(--fg-main); border:1px solid var(--border-soft); border-radius:18px; padding:.85rem; background:linear-gradient(135deg,var(--surface-raised),rgba(255,255,255,.025)); cursor:pointer; }
.ops-workflow-rail button:hover { border-color:var(--accent); transform:translateY(-1px); }
.ops-workflow-rail strong,.ops-workflow-rail span { display:block; }
.ops-workflow-rail span { color:var(--fg-muted); font-size:.8rem; margin-top:.25rem; line-height:1.35; }
.ops-platform-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin:1rem 0; }
.ops-platform-map div,.ops-next-step { min-width:0; border:1px solid var(--border-soft); border-radius:16px; padding:.8rem; background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); }
.ops-platform-map span,.ops-next-step span { display:block; color:var(--fg-muted); font-size:.76rem; overflow-wrap:anywhere; }
.ops-platform-map strong,.ops-next-step strong { display:block; color:var(--fg-main); overflow-wrap:anywhere; }
.ops-next-step { margin:0 0 1rem; }
.ops-modal-map { margin:.25rem 0; }
.ops-field textarea { min-height:110px; resize:vertical; }
.ops-field textarea[name="json"] { min-height:260px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.ops-sticky-actions { position:sticky; bottom:0; display:flex; justify-content:flex-end; gap:.65rem; padding:.85rem 0 0; background:linear-gradient(180deg,transparent,var(--surface) 30%); }
.ops-template-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.75rem; padding:.25rem; }
.ops-template-grid button { text-align:left; color:var(--fg-main); background:var(--surface-raised); border:1px solid var(--border-soft); border-radius:18px; padding:1rem; min-height:130px; cursor:pointer; }
.ops-template-grid button:hover { border-color:var(--accent); }
.ops-template-grid span,.ops-template-grid em { display:block; color:var(--fg-muted); margin-top:.4rem; font-style:normal; }
.ops-template-groups { display:grid; gap:1rem; }
.ops-template-groups h4 { margin:.6rem .25rem .1rem; color:var(--fg-main); }
@media (max-width: 900px) { .ops-layout,.ops-metrics,.ops-form-grid,.ops-kv,.ops-platform-map { grid-template-columns:1fr; } .ops-hero { flex-direction:column; } .ops-toolbar { grid-template-columns:1fr; } }

/* NexaStack 9-app product rebuild */
.ops-rebuilt{display:grid;gap:1rem;min-width:0}.ops-product-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;padding:1.25rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:30px;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--primary) 22%,transparent),transparent 36%),linear-gradient(145deg,var(--glass),var(--bg-surface));box-shadow:var(--shadow-soft);overflow:hidden}.ops-product-hero h2{margin:.2rem 0;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.055em}.ops-product-hero p{max-width:74ch;margin:0;color:var(--fg-muted);font-size:1rem;line-height:1.55}.ops-hero-actions,.ops-detail-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.ops-value-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.ops-value-summary article,.ops-metric-card,.ops-empty-panel,.ops-operational-view,.ops-template-picker,.ops-event-contract,.ops-notification-preview,.ops-outcome-panel,.ops-timeline-panel,.ops-activity-feed{border:1px solid var(--border-soft,var(--border-subtle));border-radius:22px;background:color-mix(in srgb,var(--bg-surface) 84%,transparent);box-shadow:var(--shadow-soft)}.ops-value-summary article{display:grid;gap:.35rem;padding:1rem}.ops-value-summary span{width:max-content;border-radius:999px;padding:.18rem .5rem;background:var(--primary-soft);color:var(--fg-primary);font-weight:900}.ops-value-summary strong{font-size:.92rem}.ops-value-summary p{margin:0;color:var(--fg-muted);line-height:1.45}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.ops-metric-card{padding:.9rem}.ops-metric-card span,.ops-record-summary span,.ops-domain-grid span{display:block;color:var(--fg-muted);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.035em}.ops-metric-card strong{display:block;margin:.18rem 0;font-size:1.65rem;color:var(--fg-main)}.ops-metric-card small{color:var(--fg-muted)}.ops-workflow-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}.ops-workflow-strip button,.ops-template-picker button,.ops-option-card{border:1px solid var(--border-soft,var(--border-subtle));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-surface-raised) 86%,transparent),color-mix(in srgb,var(--primary) 5%,transparent));color:var(--fg-main);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft)}.ops-workflow-strip button{display:grid;gap:.28rem;padding:.85rem}.ops-workflow-strip button:hover,.ops-workflow-strip button:focus-visible,.ops-template-picker button:hover,.ops-option-card:hover,.ops-option-card:focus-visible,.ops-option-card.is-selected{border-color:var(--border-focus,var(--primary));background:var(--bg-surface-hover);box-shadow:var(--shadow-soft),var(--shadow-glow-primary);transform:translateY(-1px)}.ops-workflow-strip span,.ops-template-picker span,.ops-option-card p,.ops-option-card em{color:var(--fg-muted);font-size:.86rem;line-height:1.4}.ops-product-layout{display:grid;grid-template-columns:minmax(300px,36%) minmax(0,1fr);gap:1rem;align-items:start}.ops-sidebar,.ops-workbench{min-width:0;border:1px solid var(--border-soft,var(--border-subtle));border-radius:26px;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);box-shadow:var(--shadow-soft);padding:.9rem}.ops-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.38fr);gap:.55rem;margin-bottom:.75rem}.ops-toolbar input,.ops-toolbar select,.ops-field input,.ops-field textarea{width:100%;border:1px solid var(--input-border,var(--border-subtle));border-radius:16px;padding:.72rem .82rem;background:color-mix(in srgb,var(--input-bg,var(--bg-surface-raised)) 90%,transparent);color:var(--fg-main);outline:none}.ops-field textarea{min-height:104px;resize:vertical}.ops-toolbar input:focus,.ops-toolbar select:focus,.ops-field input:focus,.ops-field textarea:focus{border-color:var(--border-focus,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.ops-list{display:grid;gap:.55rem;max-height:min(72vh,820px);overflow:auto;padding-right:.15rem}.ops-record-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;width:100%;border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;padding:.7rem;background:color-mix(in srgb,var(--bg-surface-raised) 84%,transparent);color:var(--fg-main);text-align:left;cursor:pointer}.ops-record-row strong,.ops-record-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-record-row small{color:var(--fg-muted);margin-top:.12rem}.ops-record-row:hover,.ops-record-row:focus-visible,.ops-record-row.is-active{border-color:var(--border-focus,var(--primary));background:var(--bg-surface-hover)}.ops-status-badge,.ops-rag-indicator{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:999px;padding:.24rem .58rem;font-size:.72rem;font-weight:900;text-transform:capitalize;white-space:nowrap;background:var(--glass);color:var(--fg-muted)}.ops-rag-indicator i{width:.58rem;height:.58rem;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.ops-rag-healthy,.ops-status-active,.ops-status-healthy,.ops-status-published,.ops-status-complete,.ops-status-renewed{color:var(--success)}.ops-rag-warning,.ops-status-warning,.ops-status-pending,.ops-status-not-yet-run,.ops-status-paused,.ops-status-needs-review{color:var(--warning)}.ops-rag-critical,.ops-rag-urgent,.ops-rag-expired,.ops-status-failed,.ops-status-expired,.ops-status-blocked,.ops-status-major-outage{color:var(--danger)}.ops-empty-panel{display:grid;place-items:start;gap:.65rem;padding:1rem;text-align:left}.ops-empty-orb{display:grid;place-items:center;width:46px;height:46px;border-radius:18px;background:var(--primary-soft);color:var(--fg-primary);font-size:1.4rem;font-weight:950}.ops-empty-panel p{margin:0;color:var(--fg-muted);line-height:1.5}.ops-operational-view{display:grid;gap:1rem;padding:1rem}.ops-operational-view>header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.ops-operational-view h3{margin:.35rem 0 .2rem;font-size:clamp(1.4rem,3vw,2.4rem)}.ops-operational-view p{margin:0;color:var(--fg-muted);line-height:1.55}.ops-record-summary,.ops-domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.ops-record-summary>div,.ops-domain-grid>div{min-width:0;border:1px solid var(--border-soft,var(--border-subtle));border-radius:16px;padding:.75rem;background:color-mix(in srgb,var(--bg-surface-raised) 80%,transparent)}.ops-record-summary strong,.ops-domain-grid code{display:block;margin-top:.25rem;color:var(--fg-main);font-family:inherit;font-weight:800;white-space:pre-wrap;overflow-wrap:anywhere}.ops-timeline-panel,.ops-activity-feed,.ops-event-contract,.ops-notification-preview,.ops-outcome-panel{padding:.9rem}.ops-timeline-panel h4,.ops-activity-feed h4,.ops-event-contract h4,.ops-notification-preview h4,.ops-outcome-panel h4,.ops-template-picker h4{margin:0 0 .55rem}.ops-timeline-panel>div{position:relative;margin-left:.4rem;padding:0 0 .7rem 1rem;border-left:2px solid color-mix(in srgb,var(--primary) 42%,transparent)}.ops-timeline-panel>div span{position:absolute;left:-.35rem;top:.15rem;width:.62rem;height:.62rem;border-radius:999px;background:var(--primary)}.ops-timeline-panel p,.ops-activity-feed p{margin:.2rem 0 0;color:var(--fg-muted)}.ops-event-contract div,.ops-notification-preview div{display:flex;flex-wrap:wrap;gap:.45rem}.ops-event-contract code,.ops-notification-preview span{border:1px solid var(--border-soft,var(--border-subtle));border-radius:999px;padding:.28rem .58rem;background:var(--glass);color:var(--fg-main);font-size:.76rem}.ops-template-picker{padding:1rem;max-height:min(76vh,820px);overflow:auto}.ops-template-picker header{display:grid;gap:.2rem;margin-bottom:.8rem}.ops-template-picker header span{color:var(--fg-muted)}.ops-template-picker section+section{margin-top:.9rem}.ops-template-picker section>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem}.ops-template-picker button{display:grid;gap:.25rem;padding:.8rem}.ops-template-picker em{color:var(--fg-primary);font-style:normal;font-size:.75rem}.ops-premium-modal{width:min(1080px,calc(100vw - 2rem));max-width:100%;max-height:calc(100vh - 2rem);overflow:auto}.modal:has(.ops-premium-modal){width:min(1120px,calc(100vw - 1.25rem));max-width:calc(100vw - 1.25rem);max-height:calc(100vh - 1.25rem);overflow:hidden}.ops-guided-shell{display:grid;gap:1rem;min-width:0}.ops-guided-shell>header{border:1px solid var(--border-soft,var(--border-subtle));border-radius:24px;padding:1rem;background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 20%,transparent),transparent 34%),var(--bg-surface)}.ops-guided-shell>header span{color:var(--fg-primary);font-weight:950;text-transform:uppercase;font-size:.76rem}.ops-guided-shell h3{margin:.15rem 0;font-size:clamp(1.5rem,3vw,2.5rem)}.ops-option-selector{display:grid;gap:.65rem}.ops-option-selector h3{margin:0}.ops-option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem}.ops-option-card{display:grid;gap:.35rem;padding:.85rem}.ops-option-card>span{width:max-content;border-radius:999px;padding:.16rem .5rem;background:var(--primary-soft);color:var(--fg-primary);font-size:.72rem;font-weight:900;text-transform:capitalize}.ops-option-card strong{font-size:1rem}.ops-option-card em{font-style:normal;color:var(--fg-primary)}.ops-guided-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ops-field{display:grid;gap:.28rem;color:var(--fg-muted);font-size:.78rem;font-weight:850}.ops-field-wide{grid-column:1/-1}.ops-rich-select{display:grid;gap:.38rem}.ops-rich-select>span,.ops-window-selector legend{color:var(--fg-muted);font-size:.78rem;font-weight:850}.ops-rich-select>div,.ops-window-selector{display:flex;flex-wrap:wrap;gap:.45rem;align-content:start;border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;padding:.6rem;background:color-mix(in srgb,var(--bg-surface-raised) 70%,transparent)}.ops-rich-select button,.ops-window-selector label{border:1px solid var(--border-soft,var(--border-subtle));border-radius:999px;padding:.4rem .62rem;background:var(--glass);color:var(--fg-main);font-weight:850;cursor:pointer}.ops-rich-select button.is-selected,.ops-window-selector label.is-selected{border-color:var(--border-focus,var(--primary));background:var(--primary-soft);color:var(--fg-primary)}.ops-window-selector input{accent-color:var(--primary)}.ops-guided-review{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.ops-advanced{border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;background:color-mix(in srgb,var(--bg-surface-raised) 70%,transparent);overflow:hidden}.ops-advanced summary{padding:.8rem 1rem;font-weight:900;cursor:pointer}.ops-advanced>section,.ops-advanced>pre,.ops-advanced>.ops-field{margin:0;padding:0 1rem 1rem}.ops-sticky-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:.55rem;padding:.8rem;border:1px solid var(--border-soft,var(--border-subtle));border-radius:18px;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);backdrop-filter:blur(16px)}.ops-landing-detail{display:grid;gap:1rem}@media(max-width:980px){.ops-product-hero,.ops-product-layout{grid-template-columns:1fr}.ops-value-summary,.ops-metrics,.ops-guided-review{grid-template-columns:1fr 1fr}.ops-record-summary,.ops-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-hero-actions{justify-content:flex-start}}@media(max-width:680px){.ops-value-summary,.ops-metrics,.ops-guided-fields,.ops-guided-review,.ops-record-summary,.ops-domain-grid,.ops-toolbar{grid-template-columns:1fr}.ops-product-hero{border-radius:24px}.ops-operational-view>header{display:grid}.ops-record-row{grid-template-columns:1fr}.ops-record-row .ops-status-badge{justify-self:start}.modal:has(.ops-premium-modal){width:calc(100vw - .75rem);max-width:calc(100vw - .75rem);max-height:calc(100vh - .75rem)}}@media(prefers-reduced-motion:reduce){.ops-workflow-strip button:hover,.ops-template-picker button:hover,.ops-option-card:hover{transform:none}}

/* Premium registered-app preview states */
.app-preview-state { position: relative; overflow: hidden; min-height: min(560px, 70vh); display: grid; align-content: center; gap: .9rem; padding: clamp(1.25rem, 4vw, 3rem); }
.app-preview-state::before { content: ''; position: absolute; inset: -40% -20% auto auto; width: min(520px, 70vw); aspect-ratio: 1; border-radius: 999px; background: radial-gradient(circle, color-mix(in srgb, var(--primary) 22%, transparent), transparent 64%); pointer-events: none; }
.preview-orb { width: clamp(4rem, 11vw, 7rem); height: clamp(4rem, 11vw, 7rem); display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--primary) 34%, var(--border-soft)); border-radius: 28px; background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, transparent), color-mix(in srgb, var(--surface-elevated, var(--bg-surface-raised)) 84%, transparent)); color: var(--fg-primary); font-size: clamp(2rem, 7vw, 4rem); box-shadow: var(--shadow-soft); }
.app-preview-state h2 { max-width: 780px; margin: 0; font-size: clamp(2rem, 5vw, 4.4rem); line-height: .96; letter-spacing: -.055em; }
.app-preview-state > .muted { max-width: 760px; font-size: clamp(1rem, 1.4vw, 1.15rem); }
.preview-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; max-width: 980px; margin-top: .5rem; }
.preview-feature-grid span { border: 1px solid var(--border-soft, var(--border-subtle)); border-radius: 18px; padding: .85rem; background: color-mix(in srgb, var(--surface-card, var(--bg-surface)) 78%, transparent); color: var(--fg-main); font-weight: 850; box-shadow: var(--shadow-soft); }
@media (max-width: 760px) { .preview-feature-grid { grid-template-columns: 1fr; } .app-preview-state { min-height: 0; } }