/* UC Spaces dashboard UI v2.6.8 — authoritative last layer.
   Loaded INSIDE the plugin's ShadowRoot after all legacy dashboard styles.
   The app never depends on UC App Shell or WordPress theme selectors. */
:host {color-scheme:light; font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;}
.ucspaces-app {
 --ucconsole-bg:#f5f7fb;--ucconsole-panel:#fff;--ucconsole-border:#e5eaf2;
 --ucconsole-border-soft:#edf0f5;--ucconsole-text:#171d2b;--ucconsole-muted:#68758b;
 --ucconsole-blue:#4f46e5;--ucconsole-blue-hover:#4338ca;--ucconsole-row-hover:#f8faff;
 --ucui-bg:var(--ucconsole-bg);--ucui-surface:var(--ucconsole-panel);
 --ucui-ink:var(--ucconsole-text);--ucui-muted:var(--ucconsole-muted);
 --ucui-line:var(--ucconsole-border);--ucui-accent:var(--ucconsole-blue);
 font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif!important;
 font-size:13px!important;line-height:1.5!important;color:var(--ucconsole-text)!important;
 background:var(--ucconsole-bg)!important;
}
.ucspaces-app :is(button,input,textarea,select,a,summary),.ucs-modal :is(button,input,textarea,select,a){font-family:inherit!important;letter-spacing:normal!important}
.ucspaces-app :is(button,input,select,textarea),.ucs-modal :is(button,input,select,textarea){box-sizing:border-box!important}
.ucspaces-app :is(button,.ucs-btn,.ucs-icon-btn),.ucs-modal :is(button,.ucs-btn){appearance:none;-webkit-appearance:none;cursor:pointer}
.ucspaces-app :is(button,input,select,textarea):focus-visible,.ucs-modal :is(button,input,select,textarea):focus-visible{outline:2px solid #818cf8!important;outline-offset:2px!important}
.ucspaces-app .ucs-app-topbar{background:#fff!important;border-bottom:1px solid var(--ucconsole-border)!important}
.ucspaces-app .ucs-app-brand-icon{background:#fff!important}
.ucspaces-app .ucs-app-sidebar{background:#fff!important;border-right:1px solid var(--ucconsole-border)!important}
.ucspaces-app .ucs-nav button{border-radius:10px!important;min-height:43px!important;transition:background .15s ease,color .15s ease!important}
.ucspaces-app .ucs-nav button.active{background:#efedff!important;color:#4939d1!important}
.ucspaces-app .ucs-sidebar-collapse{border-radius:10px!important;background:#f8fafc!important}
.ucspaces-app .ucs-main{padding:32px clamp(18px,2.8vw,42px) 50px!important}
.ucspaces-app .ucs-console-page-head{margin-bottom:24px!important;align-items:center!important}
.ucspaces-app .ucs-console-page-head .ucs-title h1{font-size:clamp(23px,2.2vw,30px)!important;letter-spacing:-.04em!important;font-weight:700!important;line-height:1.25!important}
.ucspaces-app .ucs-console-page-head .ucs-title p{font-size:13px!important;color:var(--ucconsole-muted)!important}
.ucspaces-app .ucs-console-section-head{margin-bottom:15px!important}
.ucspaces-app .ucs-console-section-head h2{font-size:19px!important;letter-spacing:-.035em!important}
.ucspaces-app .ucs-console-panel{border-radius:16px!important;border:1px solid var(--ucconsole-border)!important;background:var(--ucconsole-panel)!important;box-shadow:0 5px 24px rgba(27,39,76,.035)!important;overflow:hidden!important}
.ucspaces-app .ucs-console-panel-head{background:var(--ucconsole-panel)!important;padding:19px 22px!important;gap:14px!important}
.ucspaces-app .ucs-console-panel-head h2{font-size:16px!important;font-weight:700!important}
.ucspaces-app .ucs-console-panel-head p{font-size:12px!important}
.ucspaces-app .ucs-console-resource-row{padding:17px 22px!important;gap:12px 15px!important;transition:background .15s ease!important}
.ucspaces-app .ucs-console-resource-row:hover{background:var(--ucconsole-row-hover)!important}
.ucspaces-app .ucs-console-resource-thumb{width:56px!important;height:45px!important;border-radius:9px!important}
.ucspaces-app .ucs-console-resource-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:#f2f1ff!important;color:#5145d8!important;border-color:#e5e2ff!important}
.ucspaces-app .ucs-console-resource-main{gap:3px!important}
.ucspaces-app .ucs-console-resource-main strong{font-size:13px!important;font-weight:650!important;color:var(--ucconsole-text)!important}
.ucspaces-app .ucs-console-resource-main>small{font-size:12px!important}
.ucspaces-app .ucs-console-resource-note{font-size:11px!important;color:#7a8798!important}
.ucspaces-app .ucs-console-resource-actions{gap:8px!important}
.ucspaces-app .ucs-btn,.ucspaces-app .ucs-icon-btn,.ucs-modal .ucs-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:39px!important;padding:8px 15px!important;border-radius:10px!important;border:1px solid #d7deeb!important;background:#fff!important;background-image:none!important;color:#28344a!important;font-size:12px!important;font-weight:600!important;text-transform:none!important;line-height:1.3!important;box-shadow:0 1px 2px rgba(16,24,40,.035)!important;text-decoration:none!important;white-space:nowrap!important;transition:background .16s,border-color .16s,color .16s,box-shadow .16s!important}
.ucspaces-app .ucs-btn.small,.ucs-modal .ucs-btn.small{min-height:35px!important;padding:7px 12px!important}
.ucspaces-app .ucs-btn:hover,.ucspaces-app .ucs-icon-btn:hover,.ucs-modal .ucs-btn:hover{background:#f5f6ff!important;border-color:#b7b5f7!important;color:#4438bc!important;box-shadow:0 2px 7px rgba(63,55,140,.06)!important;transform:none!important}
.ucspaces-app .ucs-btn.primary,.ucspaces-app .ucs-icon-btn.primary,.ucs-modal .ucs-btn.primary{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important;box-shadow:0 2px 7px rgba(79,70,229,.12)!important}
.ucspaces-app .ucs-btn.primary:hover,.ucspaces-app .ucs-icon-btn.primary:hover,.ucs-modal .ucs-btn.primary:hover{background:#4338ca!important;border-color:#4338ca!important;color:#fff!important}
.ucspaces-app .ucs-btn.danger,.ucs-modal .ucs-btn.danger{color:#b42318!important;border-color:#f6c5c0!important;background:#fff7f6!important}
.ucspaces-app .ucs-console-more{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#fff!important;border:1px solid #d7deeb!important}
/* Secondary website actions were leaking UA button outlines in the old UI. */
.ucspaces-app .ucs-console-resource-links{margin-top:1px!important;gap:9px!important;flex-wrap:wrap!important}
.ucspaces-app .ucs-console-resource-links .ucs-site-text-action,.ucspaces-app .ucs-site-text-action{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:26px!important;margin:0!important;padding:3px 8px!important;background:#f7f8fd!important;background-image:none!important;border:1px solid #e3e7f2!important;border-radius:7px!important;color:#52617a!important;font-size:11px!important;font-weight:550!important;line-height:1.3!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}
.ucspaces-app .ucs-console-resource-links .ucs-site-text-action:hover,.ucspaces-app .ucs-site-text-action:hover{background:#efedff!important;color:#4f46e5!important;border-color:#d9d4ff!important;text-decoration:none!important}
.ucspaces-app .ucs-friendly-status,.ucspaces-app .ucs-badge{border-radius:7px!important;min-height:23px!important;padding:3px 9px!important;font-size:10px!important;font-weight:650!important}
.ucspaces-app .ucs-console-detail-list{padding:0 22px!important}
.ucspaces-app .ucs-console-detail-row{padding:14px 0!important}
.ucspaces-app .ucs-console-task-row{min-height:51px!important}
.ucspaces-app .ucs-console-helpbar{border-radius:12px!important;margin-top:16px!important}
.ucspaces-app .ucs-console-advanced-panel{border-radius:14px!important}
.ucspaces-app .ucs-console-advanced-panel summary{border-radius:12px!important}
.ucspaces-app .ucs-friendly-wizard,.ucspaces-app .ucs-create-help-card,.ucspaces-app :is(.ucs-card,.ucs-friendly-inbox-card,.ucs-friendly-support-card,.ucs-client-add-card,.ucs-client-block){border-radius:14px!important;box-shadow:0 3px 16px rgba(20,30,60,.03)!important}
/* Domain preferences and every other dialog use the SAME control system as dashboard. */
.ucs-modal{font:13px/1.5 'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif!important;padding:16px!important;z-index:999999!important}
.ucs-modal-card{width:min(100%,640px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important;border-radius:20px!important;padding:22px!important;background:#fff!important;border:1px solid #e5eaf2!important;box-shadow:0 24px 80px rgba(19,28,51,.22)!important}
.ucs-modal-card :is(h2,h3){letter-spacing:-.035em!important;line-height:1.25!important}
.ucs-modal :is(.ucs-friendly-choice,.ucs-friendly-choice-grid>button,.ucs-choice-grid>button){border-radius:12px!important}
.ucs-modal :is(input,select,textarea,.ucs-input,.ucs-select){border-radius:10px!important;min-height:42px!important;border:1px solid #d9e0eb!important;background:#fff!important;color:#172033!important;font-size:13px!important}
.ucs-modal .ucs-modal-actions{background:#fff!important;gap:10px!important}
.ucs-modal .ucs-modal-x{border-radius:10px!important;width:34px!important;height:34px!important}
.ucspaces-app .ucs-console-dashboard-grid{gap:18px!important}
@media(max-width:1100px){.ucspaces-app .ucs-console-dashboard-grid{grid-template-columns:1fr!important}.ucspaces-app .ucs-console-summary-panel{position:static!important}}
@media(max-width:760px){.ucspaces-app .ucs-main{padding:20px 14px 36px!important}.ucspaces-app .ucs-console-page-head{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.ucspaces-app .ucs-console-page-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ucspaces-app .ucs-console-page-actions .ucs-btn{min-width:0!important;white-space:normal!important}.ucspaces-app .ucs-console-panel-head{padding:16px!important}.ucspaces-app .ucs-console-resource-row{padding:16px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px 12px!important}.ucspaces-app .ucs-console-resource-thumb{width:42px!important;height:40px!important}.ucspaces-app .ucs-console-resource-status{grid-column:2!important;justify-self:start!important}.ucspaces-app .ucs-console-resource-actions{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:wrap!important}.ucspaces-app .ucs-console-resource-actions .ucs-btn{flex:1!important;min-width:90px!important}.ucspaces-app .ucs-console-resource-links,.ucspaces-app .ucs-console-resource-alert{grid-column:1/-1!important}.ucspaces-app .ucs-console-section-head{align-items:flex-start!important;flex-direction:column!important}.ucs-modal-card{padding:17px!important;border-radius:16px!important}.ucs-modal{padding:8px!important}}
@media(max-width:390px){.ucspaces-app .ucs-console-resource-actions .ucs-btn{flex-basis:calc(50% - 8px)!important}.ucspaces-app .ucs-console-page-actions{grid-template-columns:1fr!important}}
/* Dark UI token equivalents; never depend on the WordPress theme setting. */
.ucspaces-app.ucspaces-theme-dark{--ucconsole-bg:#10131b;--ucconsole-panel:#191e2a;--ucconsole-border:#303747;--ucconsole-border-soft:#293141;--ucconsole-text:#f1f4fa;--ucconsole-muted:#a8b2c2;--ucconsole-row-hover:#22283a;--ucui-ink:#f1f4fa;--ucui-muted:#a8b2c2;--ucui-bg:#10131b;--ucui-surface:#191e2a;color:#f1f4fa!important}
.ucspaces-app.ucspaces-theme-dark :is(.ucs-app-topbar,.ucs-app-sidebar,.ucs-console-panel-head,.ucs-console-resource-row,.ucs-console-resource-list,.ucs-console-product-row){background:var(--ucconsole-panel)!important;border-color:var(--ucconsole-border)!important}
.ucspaces-app.ucspaces-theme-dark :is(.ucs-btn,.ucs-icon-btn,.ucs-console-more,.ucs-site-text-action,.ucs-console-resource-links .ucs-site-text-action){background:#222a3a!important;border-color:#3b455a!important;color:#d9e0ed!important}
.ucspaces-app.ucspaces-theme-dark .ucs-btn.primary{background:#665cf1!important;border-color:#665cf1!important;color:#fff!important}
.ucspaces-app.ucspaces-theme-dark .ucs-nav button.active{background:#322f53!important;color:#c9c3ff!important}
.ucspaces-app.ucspaces-theme-dark .ucs-console-resource-main strong{color:#f1f4fa!important}
.ucspaces-app.ucspaces-theme-dark .ucs-console-resource-main>small{color:#a8b2c2!important}
.ucspaces-app.ucspaces-theme-dark .ucs-console-resource-icon{background:#312d54!important;border-color:#47416b!important;color:#c9c3ff!important}
@media(prefers-reduced-motion:reduce){.ucspaces-app *,.ucs-modal *{transition:none!important;animation-duration:.01ms!important}}


/* v2.6.9 — unified app design system and bottom-sheet treatment. Must stay last. */
:host{--ucs-app-font:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif}
.ucspaces-app,.ucs-modal,.ucs-toast{font-family:var(--ucs-app-font)!important;letter-spacing:normal!important}
.ucspaces-app :is(button,a,input,select,textarea),.ucs-modal :is(button,a,input,select,textarea){font:inherit!important}
.ucspaces-app :is(button,a,.ucs-btn),.ucs-modal :is(button,a,.ucs-btn){-webkit-tap-highlight-color:transparent}
.ucspaces-app :is(p,small,.ucs-console-resource-note,.ucs-muted-note){line-height:1.55!important}
.ucspaces-app :is(.ucs-console-resource-main,.ucs-console-resource-title,.ucs-console-resource-row,.ucs-console-panel,.ucs-site-detail-copy,.ucs-site-detail-grid){min-width:0!important}
.ucspaces-app :is(.ucs-console-resource-main strong,.ucs-console-resource-main small,.ucs-console-resource-note){overflow-wrap:anywhere!important;word-break:normal!important}
.ucspaces-app :is(.ucs-console-panel,.ucs-card,.ucs-domain-card,.ucs-site-card){border:1px solid var(--ucconsole-border,#e5eaf2)!important;border-radius:18px!important;box-shadow:0 5px 22px rgba(24,33,62,.045)!important}
.ucspaces-app :is(.ucs-console-resource-row,.ucs-site-setting-row,.ucs-site-detail-domain){gap:12px!important}
.ucspaces-app .ucs-console-resource-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;gap:4px!important}
.ucspaces-app .ucs-console-resource-main strong{display:block!important;line-height:1.4!important;font-size:14px!important;font-weight:700!important}
.ucspaces-app .ucs-console-resource-main small{display:block!important;line-height:1.5!important}
.ucspaces-app .ucs-console-resource-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
.ucspaces-app .ucs-console-resource-status{align-self:center!important}
.ucspaces-app .ucs-console-resource-row{grid-template-columns:56px minmax(0,1fr) auto auto!important;align-items:center!important}
.ucspaces-app .ucs-console-site-row .ucs-console-resource-links{grid-column:2/5!important}
.ucspaces-app .ucs-console-more,.ucs-modal .ucs-console-more{appearance:none!important;border:1px solid #d9dfeb!important;border-radius:10px!important;background:var(--ucconsole-panel,#fff)!important;display:grid!important;place-items:center!important;font-weight:800!important;min-width:38px!important;height:38px!important;padding:0 8px!important;cursor:pointer!important;color:#34405a!important}
.ucspaces-app :is(.ucs-site-text-action,.ucs-console-more):focus-visible,.ucs-modal :is(.ucs-btn,.ucs-console-more):focus-visible{outline:3px solid #b3afff!important;outline-offset:2px!important}
/* Modal overlay: app-like sheet from the bottom, not a cramped centered dialog. */
.ucs-modal.open{display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0 16px!important;overflow:hidden!important;background:rgba(13,19,37,.62)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.ucs-modal-card,.ucs-modal.open .ucs-modal-card{box-sizing:border-box!important;width:min(1120px,100%)!important;max-width:1120px!important;min-width:0!important;height:auto!important;max-height:min(91dvh,1050px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0 auto!important;padding:0!important;border:1px solid #e1e6f0!important;border-bottom:0!important;border-radius:26px 26px 0 0!important;background:#fff!important;box-shadow:0 -20px 90px rgba(7,15,35,.24)!important;animation:ucspaces-sheet-rise .25s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes ucspaces-sheet-rise{from{transform:translateY(42px);opacity:.8}to{transform:translateY(0);opacity:1}}
.ucs-modal .ucs-modal-heading{flex:0 0 auto!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:20px clamp(20px,3vw,34px)!important;border-bottom:1px solid #e9ecf3!important;background:#fff!important}
.ucs-modal .ucs-modal-heading h2{font-size:clamp(19px,2vw,25px)!important;font-weight:750!important;letter-spacing:-.045em!important;line-height:1.25!important;margin:0!important;color:#151b29!important}
.ucs-modal .ucs-modal-x{position:static!important;display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;border:1px solid #e1e6f0!important;border-radius:12px!important;background:#f7f9fc!important;color:#35415a!important;font-size:23px!important;line-height:1!important;cursor:pointer!important}
.ucs-modal .ucs-modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:26px clamp(20px,3vw,34px) 34px!important;scrollbar-gutter:stable!important;background:#fff!important}
.ucs-modal .ucs-modal-actions{position:relative!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;margin:0!important;padding:15px clamp(20px,3vw,34px) calc(15px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e9ecf3!important;box-shadow:0 -6px 24px rgba(20,30,55,.035)!important}
.ucs-modal .ucs-modal-body :is(h3,h4){margin:0 0 14px!important;font-size:18px!important;line-height:1.3!important;letter-spacing:-.025em!important;font-weight:750!important;color:#172033!important}
.ucs-modal .ucs-modal-body :is(p,small,span){line-height:1.5!important}
.ucs-modal .ucs-modal-body :is(input,select,textarea){min-width:0!important;width:100%!important;min-height:46px!important;font-size:14px!important;border:1px solid #dce2ed!important;border-radius:12px!important;background:#fff!important;color:#192337!important;padding:11px 13px!important;box-shadow:none!important}
.ucs-modal .ucs-modal-body :is(label){display:block!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;margin-bottom:7px!important}
.ucs-modal .ucs-modal-body .ucs-btn,.ucs-modal .ucs-modal-actions .ucs-btn{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;min-width:0!important;padding:9px 16px!important;border:1px solid #dae0ec!important;border-radius:11px!important;background:#fff!important;color:#334155!important;font:600 13px/1.35 var(--ucs-app-font)!important;white-space:normal!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important}
.ucs-modal .ucs-modal-body .ucs-btn.primary,.ucs-modal .ucs-modal-actions .ucs-btn.primary{background:#5549e9!important;border-color:#5549e9!important;color:white!important}
/* Website domain management is a LIST, not a dashboard grid squeezed into half-width cards. */
.ucs-modal .ucs-site-domain-modal{display:grid!important;gap:0!important;min-width:0!important}
.ucs-modal .ucs-site-domain-modal>h3{margin:8px 0 16px!important;font-size:19px!important}
.ucs-modal .ucs-site-domain-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:10px!important;width:100%!important;margin:0 0 30px!important;min-width:0!important}
.ucs-modal .ucs-site-domain-list .ucs-console-domain-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px 16px!important;align-items:center!important;min-width:0!important;width:100%!important;margin:0!important;padding:16px 18px!important;border:1px solid #e5eaf3!important;border-radius:16px!important;background:#fafbfe!important;box-shadow:none!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-icon{grid-column:1!important;grid-row:1/3!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#efedff!important;color:#5549e9!important;font-size:19px!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-main{grid-column:2!important;grid-row:1!important;display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-main strong{display:block!important;font-size:14px!important;font-weight:750!important;color:#151d2c!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-main small,.ucs-modal .ucs-site-domain-list .ucs-console-resource-note{display:block!important;font-size:12px!important;color:#66758d!important;overflow-wrap:anywhere!important;line-height:1.5!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-status{grid-column:3!important;grid-row:1!important;align-self:start!important;justify-self:end!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-actions{grid-column:2/4!important;grid-row:2!important;display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}
.ucs-modal .ucs-site-domain-list .ucs-console-resource-alert{grid-column:2/4!important}
.ucs-modal .ucs-site-domain-list .ucs-console-more{min-width:42px!important;height:42px!important;border-radius:10px!important;background:#fff!important}
.ucs-modal .ucs-site-domain-modal>.ucs-form{display:grid!important;gap:16px!important;padding:22px!important;border:1px solid #e7eaf2!important;border-radius:18px!important;background:#fbfcff!important}
.ucs-modal .ucs-site-domain-modal .ucs-alert{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:16px 18px!important;line-height:1.5!important;border-radius:14px!important}
.ucs-modal .ucs-site-domain-modal .ucs-alert strong{display:block!important;font-size:13px!important}
.ucs-modal .ucs-site-domain-modal .ucs-alert span{display:block!important;overflow-wrap:anywhere!important}
.ucs-modal .ucs-domain-mode-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.ucs-modal .ucs-domain-mode-choice{min-width:0!important;padding:18px!important;border-radius:15px!important;gap:10px!important;background:#fff!important}
.ucs-modal .ucs-domain-mode-choice :is(strong,small,span){overflow-wrap:anywhere!important;line-height:1.45!important}
.ucs-modal .ucs-domain-mode-choice strong{font-weight:750!important;color:#162036!important}
.ucs-modal .ucs-site-domain-modal .ucs-friendly-domain-form>button[type=submit]{width:100%!important;min-height:46px!important}
/* Tablet and mobile: consistent tap targets, no clipped columns. */
@media(max-width:1100px){.ucspaces-app .ucs-console-resource-row{grid-template-columns:48px minmax(0,1fr) auto!important}.ucspaces-app .ucs-console-resource-actions{grid-column:2/4!important;grid-row:auto!important}.ucspaces-app .ucs-console-site-row .ucs-console-resource-links{grid-column:2/4!important}.ucspaces-app .ucs-console-resource-status{justify-self:end!important}.ucspaces-app .ucs-console-dashboard-grid,.ucspaces-app .ucs-site-detail-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){
  .ucs-modal.open{padding:0!important;align-items:flex-end!important}
  .ucs-modal-card,.ucs-modal.open .ucs-modal-card{width:100%!important;max-width:none!important;max-height:96dvh!important;border-radius:24px 24px 0 0!important}
  .ucs-modal .ucs-modal-heading{padding:16px 18px!important}
  .ucs-modal .ucs-modal-body{padding:20px 16px 26px!important;scrollbar-gutter:auto!important}
  .ucs-modal .ucs-modal-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important}
  .ucs-modal .ucs-modal-actions .ucs-btn{flex:1!important}
  .ucs-modal .ucs-site-domain-list .ucs-console-domain-row{grid-template-columns:34px minmax(0,1fr)!important;padding:14px!important;gap:8px 12px!important}
  .ucs-modal .ucs-site-domain-list .ucs-console-resource-icon{width:34px!important;height:34px!important;grid-row:1/3!important}
  .ucs-modal .ucs-site-domain-list .ucs-console-resource-main{grid-column:2!important;grid-row:1!important}
  .ucs-modal .ucs-site-domain-list .ucs-console-resource-status{grid-column:2!important;grid-row:2!important;justify-self:start!important}
  .ucs-modal .ucs-site-domain-list .ucs-console-resource-actions{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  .ucs-modal .ucs-site-domain-list .ucs-console-resource-actions .ucs-btn{width:100%!important;padding:9px!important}
  .ucs-modal .ucs-site-domain-modal>.ucs-form{padding:15px!important}
  .ucs-modal .ucs-domain-mode-picker{grid-template-columns:1fr!important}
  .ucspaces-app .ucs-console-resource-row{grid-template-columns:42px minmax(0,1fr)!important}
  .ucspaces-app .ucs-console-resource-status{grid-column:2!important;justify-self:start!important}
  .ucspaces-app .ucs-console-resource-actions{grid-column:1/-1!important;display:flex!important;justify-content:stretch!important}
  .ucspaces-app .ucs-console-resource-actions .ucs-btn{flex:1 1 110px!important}
  .ucspaces-app .ucs-console-site-row .ucs-console-resource-links{grid-column:1/-1!important}
  .ucspaces-app .ucs-site-detail-toolbar{flex-wrap:wrap!important;gap:12px!important}
  .ucspaces-app .ucs-site-detail-toolbar-actions{flex-wrap:wrap!important}
}
@media(max-width:420px){.ucs-modal .ucs-site-domain-list .ucs-console-resource-actions{grid-template-columns:1fr 1fr 42px!important}.ucs-modal .ucs-site-domain-list .ucs-console-resource-actions .ucs-btn{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.ucs-modal-card{animation:none!important}}
/* Theme-independent dark-mode styles for the portal sibling in Shadow DOM. */
:host([data-ucspaces-theme="dark"]) .ucs-modal .ucs-modal-card,:host([data-ucspaces-theme="dark"]) .ucs-modal :is(.ucs-modal-heading,.ucs-modal-body,.ucs-modal-actions){background:#171c28!important;border-color:#343b4d!important;color:#eff2fa!important}
:host([data-ucspaces-theme="dark"]) .ucs-modal :is(h2,h3,h4,strong,label){color:#f3f5fb!important}
:host([data-ucspaces-theme="dark"]) .ucs-modal .ucs-site-domain-list .ucs-console-domain-row,:host([data-ucspaces-theme="dark"]) .ucs-modal .ucs-site-domain-modal>.ucs-form{background:#202636!important;border-color:#343b4d!important}
:host([data-ucspaces-theme="dark"]) .ucs-modal .ucs-site-domain-list .ucs-console-resource-main strong{color:#f3f5fb!important}
:host([data-ucspaces-theme="dark"]) .ucs-modal .ucs-site-domain-list .ucs-console-resource-main small{color:#b9c2d2!important}


/* v2.7.0 - Approved UC Spaces content experience. Header and navigation deliberately untouched. */
:host{--ucs-premium-violet:#5348ec;--ucs-premium-border:#e8ebf4;--ucs-premium-text:#101a34;--ucs-premium-muted:#73809a}
.ucspaces-app .ucs-app-layout{background:radial-gradient(ellipse at 68% 0%,rgba(115,106,255,.065),transparent 40%),#f7f9ff!important}
.ucspaces-app .ucs-main{max-width:1720px!important;width:100%!important;padding:clamp(18px,2.2vw,36px)!important;box-sizing:border-box!important}
.ucspaces-app .ucs-main :is(.ucs-customer-section-head,.ucs-console-section-head){margin-bottom:22px!important}
.ucspaces-app .ucs-main :is(h1,h2,h3){letter-spacing:-.035em!important;color:var(--ucs-premium-text)!important}
.ucspaces-app .ucs-main p{color:var(--ucs-premium-muted)!important}
.ucspaces-app .ucs-main .ucs-console-panel,.ucspaces-app .ucs-main .ucs-card{background:#fff!important;border:1px solid var(--ucs-premium-border)!important;border-radius:20px!important;box-shadow:0 8px 32px rgba(26,37,74,.035)!important;overflow:hidden}
.ucspaces-app .ucs-main :is(.ucs-btn,button.ucs-btn,a.ucs-btn){border-radius:11px!important;min-height:39px!important;padding:9px 15px!important;border:1px solid #dce2f0!important;background:#fff!important;color:#263657!important;box-shadow:0 2px 7px rgba(18,34,75,.025)!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important}
.ucspaces-app .ucs-main :is(.ucs-btn.primary,button.ucs-btn.primary,a.ucs-btn.primary){background:var(--ucs-premium-violet)!important;border-color:var(--ucs-premium-violet)!important;color:white!important;box-shadow:0 5px 14px rgba(83,72,236,.16)!important}
.ucspaces-app .ucs-main .ucs-btn:hover{filter:brightness(.965)!important;transform:translateY(-1px)}
.ucspaces-app .ucs-main :is(input.ucs-input,select.ucs-select,textarea.ucs-input){border:1px solid #dce3f0!important;border-radius:12px!important;background:#fff!important;color:#1a2945!important;min-height:44px!important;font-size:13px!important}
.ucspaces-app .ucs-main :is(.ucs-console-panel-head,.ucs-console-toolbar){padding:21px 24px!important;gap:14px!important}
.ucspaces-app .ucs-main .ucs-console-panel-head h2{font-size:18px!important;font-weight:750!important;margin:0 0 5px!important}
.ucspaces-app .ucs-main .ucs-console-panel-head p{font-size:12px!important;margin:0!important}
.ucspaces-app .ucs-main .ucs-console-resource-list{min-width:0!important}
.ucspaces-app .ucs-main .ucs-console-resource-row{padding:16px 20px!important;border-top:1px solid #edf0f7!important;background:#fff!important;min-width:0!important;transition:background .15s ease!important}
.ucspaces-app .ucs-main .ucs-console-resource-row:hover{background:#fafbff!important}
.ucspaces-app .ucs-main .ucs-console-resource-icon{width:43px!important;height:43px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:#5145ed!important;background:#f0efff!important;font-weight:800!important;font-size:20px!important}
.ucspaces-app .ucs-main .ucs-console-resource-icon.is-forward{background:#e7faf3!important;color:#149f76!important}
.ucspaces-app .ucs-main .ucs-console-resource-main{gap:5px!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.ucspaces-app .ucs-main .ucs-console-resource-main strong{font-size:13.5px!important;font-weight:750!important;line-height:1.45!important;color:#17213c!important}
.ucspaces-app .ucs-main .ucs-console-resource-main small,.ucspaces-app .ucs-main .ucs-console-resource-note{font-size:11.5px!important;color:#77849b!important;line-height:1.45!important}
.ucspaces-app .ucs-main .ucs-friendly-status{padding:5px 10px!important;border-radius:20px!important;font-weight:750!important;font-size:11px!important;white-space:nowrap!important}
.ucspaces-app .ucs-main .ucs-console-resource-actions{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
.ucspaces-app .ucs-main .ucs-console-resource-status{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
.ucspaces-app .ucs-main .ucs-premium-status-sub{color:#8b97ab!important;font-size:10.5px!important}
.ucspaces-app .ucs-main :is(.ucs-console-toolbar,.ucs-console-detail-row,.ucs-console-task-row,.ucs-row){border-color:#edf0f6!important}
.ucspaces-app .ucs-main .ucs-console-dashboard-grid{gap:20px!important}
.ucspaces-app .ucs-main .ucs-console-summary-panel{align-self:start!important}
.ucspaces-app .ucs-main .ucs-friendly-create-layout{gap:20px!important}
.ucspaces-app .ucs-main :is(.ucs-template,.ucs-friendly-template,.ucs-domain-mode-choice){border-radius:15px!important;border-color:#e3e8f3!important}
.ucspaces-app .ucs-main .ucs-premium-domain-actions{display:flex!important;justify-content:flex-end!important;margin:-12px 0 16px!important}
/* Domains reference-image layout: metrics, well-spaced resource table and contextual setup guide. */
.ucspaces-app .ucs-premium-heading{align-items:center!important}
.ucspaces-app .ucs-premium-heading h2{font-size:32px!important;line-height:1.15!important;margin:4px 0 6px!important;font-weight:800!important}
.ucspaces-app .ucs-premium-heading p{font-size:13px!important;margin:0!important}
.ucspaces-app .ucs-premium-eyebrow{display:block!important;color:#7774bf!important;font-weight:750!important;font-size:10px!important;letter-spacing:.14em!important}
.ucspaces-app .ucs-premium-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 20px!important}
.ucspaces-app .ucs-premium-stat{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:18px 15px!important;border:1px solid #e8ebf5!important;border-radius:17px!important;background:#fff!important;box-shadow:0 6px 20px rgba(20,33,73,.04)!important}
.ucspaces-app .ucs-stat-symbol{display:grid!important;place-items:center!important;flex:none!important;width:45px!important;height:45px!important;border-radius:15px!important;font-size:23px!important;font-weight:750!important}
.ucspaces-app .ucs-stat-symbol.blue{background:#ecf1ff!important;color:#3163f1!important}.ucspaces-app .ucs-stat-symbol.green{background:#e6f9f1!important;color:#0fa478!important}.ucspaces-app .ucs-stat-symbol.purple{background:#f0ecff!important;color:#6751eb!important}.ucspaces-app .ucs-stat-symbol.orange{background:#fff3e8!important;color:#f58b22!important}
.ucspaces-app .ucs-premium-stat div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.ucspaces-app .ucs-premium-stat strong{color:#17213b!important;font-size:24px!important;font-weight:800!important;line-height:1.15!important}.ucspaces-app .ucs-premium-stat b{font-size:11.5px!important;color:#263453!important;font-weight:750!important}.ucspaces-app .ucs-premium-stat small{font-size:10.5px!important;color:#8894aa!important;line-height:1.35!important}
.ucspaces-app .ucs-premium-domain-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,290px)!important;align-items:start!important;gap:18px!important}
.ucspaces-app .ucs-premium-domain-primary{min-width:0!important;display:grid!important;gap:16px!important}
.ucspaces-app .ucs-premium-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important}
.ucspaces-app .ucs-premium-domain-search{display:flex!important;align-items:center!important;gap:8px!important;min-width:190px!important;padding:0 12px!important;border:1px solid #dde4f2!important;border-radius:11px!important;background:#fff!important;color:#8090ab!important}
.ucspaces-app .ucs-premium-domain-search input{min-height:39px!important;width:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;font-size:12px!important;color:#1b2b49!important}
.ucspaces-app .ucs-premium-table-labels{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(100px,135px) minmax(235px,265px)!important;gap:12px!important;padding:10px 22px!important;background:#f6f8fd!important;color:#63728f!important;font-size:11px!important;font-weight:750!important}
.ucspaces-app .ucs-premium-table-labels span:nth-child(2){text-align:left!important}.ucspaces-app .ucs-premium-table-labels span:nth-child(3){text-align:right!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-domain-row{display:grid!important;grid-template-columns:45px minmax(0,1fr) minmax(100px,135px) minmax(235px,265px)!important;gap:12px!important;align-items:center!important;padding:14px 18px!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-icon{grid-column:1!important;grid-row:1!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-main{grid-column:2!important;grid-row:1!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-status{grid-column:3!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-actions{grid-column:4!important;grid-row:1!important;justify-self:end!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-alert{grid-column:2/-1!important}
.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-note{display:none!important}
.ucspaces-app .ucs-premium-guide{padding:17px!important;min-width:0!important}
.ucspaces-app .ucs-guide-art{position:relative!important;height:140px!important;border-radius:16px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:18px!important;background:linear-gradient(135deg,#edf0ff,#f8f5ff 70%,#e2e9ff)!important;overflow:hidden!important}
.ucspaces-app .ucs-guide-orbit{display:grid!important;place-items:center!important;width:75px!important;height:75px!important;border-radius:25px!important;background:#fff!important;color:#5146ed!important;font-size:55px!important;box-shadow:0 14px 27px rgba(69,67,162,.12)!important;z-index:2!important}
.ucspaces-app .ucs-guide-shield{display:grid!important;place-items:center!important;position:absolute!important;top:65px!important;left:calc(50% + 35px)!important;width:42px!important;height:42px!important;border:5px solid white!important;border-radius:50%!important;background:#6655ee!important;color:#fff!important;font-size:23px!important;font-weight:800!important;z-index:3!important}
.ucspaces-app .ucs-guide-art i{position:absolute!important;width:65%!important;height:22px!important;bottom:26px!important;border-radius:9px!important;background:#fff!important;opacity:.7!important}.ucspaces-app .ucs-guide-art i:nth-of-type(2){bottom:14px!important;width:55%!important}.ucspaces-app .ucs-guide-art i:nth-of-type(3){bottom:3px!important;width:42%!important}
.ucspaces-app .ucs-premium-guide h2{font-size:19px!important;line-height:1.3!important;margin:0 0 7px!important}.ucspaces-app .ucs-premium-guide>p{font-size:12px!important;line-height:1.55!important;margin:0 0 25px!important}
.ucspaces-app .ucs-guide-step{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0 0 20px!important}.ucspaces-app .ucs-guide-step>span{display:grid!important;place-items:center!important;width:33px!important;height:33px!important;flex:none!important;border-radius:12px!important;background:#f1efff!important;color:#5949ec!important;font-size:13px!important;font-weight:800!important}.ucspaces-app .ucs-guide-step div{display:flex!important;flex-direction:column!important;gap:4px!important}.ucspaces-app .ucs-guide-step strong{font-size:12px!important;color:#1a2542!important}.ucspaces-app .ucs-guide-step small{font-size:11px!important;line-height:1.5!important;color:#8490a8!important}
.ucspaces-app .ucs-guide-help{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;padding:13px!important;border:0!important;border-radius:14px!important;background:#f5f7ff!important;color:#283457!important;text-align:left!important;cursor:pointer!important}.ucspaces-app .ucs-guide-help span:nth-child(2){display:flex!important;flex:1!important;flex-direction:column!important;gap:4px!important}.ucspaces-app .ucs-guide-help strong{font-size:12px!important}.ucspaces-app .ucs-guide-help small{font-size:10.5px!important;color:#8a95a9!important}
/* Adaptive layouts across every content endpoint. No sidebar or app header selectors. */
@media(max-width:1380px){.ucspaces-app .ucs-premium-domain-layout{grid-template-columns:minmax(0,1fr) 245px!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-domain-row{grid-template-columns:42px minmax(0,1fr) minmax(90px,115px)!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-actions{grid-column:2/4!important;grid-row:2!important;justify-self:start!important}.ucspaces-app .ucs-premium-table-labels{grid-template-columns:minmax(0,1fr) 110px!important}.ucspaces-app .ucs-premium-table-labels span:last-child{display:none!important}}
@media(max-width:1050px){.ucspaces-app .ucs-premium-domain-layout{grid-template-columns:1fr!important}.ucspaces-app .ucs-premium-guide{display:grid!important;grid-template-columns:200px 1fr 1fr!important;column-gap:20px!important}.ucspaces-app .ucs-premium-guide .ucs-guide-art{grid-row:1/5!important;margin-bottom:0!important}.ucspaces-app .ucs-premium-guide>p{grid-column:2/-1!important}.ucspaces-app .ucs-premium-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ucspaces-app .ucs-guide-help{grid-column:2/-1!important}}
@media(max-width:700px){.ucspaces-app .ucs-main{padding:18px 13px 95px!important}.ucspaces-app .ucs-premium-heading h2{font-size:27px!important}.ucspaces-app .ucs-premium-heading .ucs-console-page-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}.ucspaces-app .ucs-premium-heading .ucs-console-page-actions .ucs-btn{padding:10px 8px!important}.ucspaces-app .ucs-premium-stats{gap:9px!important}.ucspaces-app .ucs-premium-stat{padding:12px!important;gap:9px!important}.ucspaces-app .ucs-premium-stat .ucs-stat-symbol{width:36px!important;height:36px!important;font-size:20px!important}.ucspaces-app .ucs-premium-stat strong{font-size:21px!important}.ucspaces-app .ucs-premium-stat b{font-size:10.5px!important}.ucspaces-app .ucs-premium-stat small{font-size:9.5px!important}.ucspaces-app .ucs-premium-table-labels{display:none!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-domain-row{grid-template-columns:40px minmax(0,1fr)!important;gap:9px 11px!important;padding:14px!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-icon{grid-row:1/3!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-main{grid-column:2!important;grid-row:1!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-status{grid-column:2!important;grid-row:2!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-actions{grid-column:1/-1!important;grid-row:3!important;justify-self:stretch!important;display:grid!important;grid-template-columns:1fr 1fr 42px!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-actions .ucs-btn{padding:8px 5px!important}.ucspaces-app .ucs-premium-domain-list .ucs-console-resource-alert{grid-column:1/-1!important}.ucspaces-app .ucs-premium-guide{display:block!important}.ucspaces-app .ucs-guide-art{height:100px!important}.ucspaces-app .ucs-console-panel-head{padding:18px!important}.ucspaces-app .ucs-premium-domain-search{width:100%!important}.ucspaces-app .ucs-main .ucs-console-dashboard-grid{grid-template-columns:1fr!important}.ucspaces-app .ucs-main .ucs-console-resource-row{min-width:0!important}.ucspaces-app .ucs-main .ucs-console-resource-actions{grid-column:1/-1!important}.ucspaces-app .ucs-main .ucs-friendly-create-layout{grid-template-columns:1fr!important}}
:host([data-ucspaces-theme="dark"]) .ucspaces-app .ucs-main .ucs-console-panel,:host([data-ucspaces-theme="dark"]) .ucspaces-app .ucs-main .ucs-premium-stat{background:#1c2435!important;border-color:#30394d!important}:host([data-ucspaces-theme="dark"]) .ucspaces-app .ucs-main :is(.ucs-premium-stat strong,.ucs-premium-stat b,.ucs-premium-guide h2,.ucs-console-resource-main strong){color:#edf1fb!important}:host([data-ucspaces-theme="dark"]) .ucspaces-app .ucs-premium-table-labels{background:#242d40!important}:host([data-ucspaces-theme="dark"]) .ucspaces-app .ucs-premium-domain-list .ucs-console-domain-row{background:#1c2435!important;border-color:#30394d!important}
