/* 2026-07-31 review round: UU brand, creator flows and deliverable admin detail. */
:root{
  --rr-accent:var(--theme-a,#7138ee);
  --rr-accent-2:var(--theme-b,#0ebfd0);
  --rr-line:color-mix(in srgb,var(--rr-accent) 14%,#dfe2ea);
  --rr-soft:color-mix(in srgb,var(--rr-accent) 6%,#fff);
  --rr-text:#252038;
}

/* Brand, navigation and global controls */
.brand b{font-size:12px!important;letter-spacing:-.02em}
.brand strong{white-space:nowrap}
.theme-caption{display:none!important}
.side-collapse{top:auto!important;bottom:138px!important;transform:none!important}
.sidebar.collapsed .side-collapse{transform:rotate(180deg)!important}
.theme-trigger>em{font-size:0!important;display:grid!important;place-items:center}
.theme-trigger>em::before,
.ip-dropdown>button b::before,
.rr-select::after,
.ip-form-grid label:has(>select)::after{
  content:"";width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;
}
.ip-dropdown>button b{font-size:0;display:grid;place-items:center;color:#777185}
.ip-form-grid label:has(>select)::after{content:""!important;bottom:18px!important;width:6px;height:6px}
.official-theme-switch.open .theme-trigger>em::before,
.ip-dropdown:has(.ip-options:not(.hide))>button b::before{transform:rotate(225deg) translate(-1px,-1px)}
.header-actions{display:flex!important;gap:6px!important;align-items:center}
.header-actions .rr-icon-btn,.rr-side-link{
  border:1px solid transparent;background:transparent;color:#6e687d;display:grid;place-items:center;cursor:pointer;
}
.header-actions .rr-icon-btn{width:34px;height:34px;border-radius:11px}
.header-actions .rr-icon-btn:hover,.rr-side-link:hover{background:#fff;border-color:var(--rr-line);color:var(--rr-accent)}
.header-actions .rr-avatar{color:#fff;background:linear-gradient(135deg,var(--rr-accent),var(--rr-accent-2));font-size:12px}
.side-foot{display:grid!important;grid-template-columns:1fr auto;gap:5px;align-items:center}
.rr-side-link{height:34px;border-radius:9px;grid-auto-flow:column;justify-content:start;gap:8px;padding:0 8px;font-size:12px}
.rr-side-link.rr-account{width:34px;padding:0;justify-content:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--rr-accent),var(--rr-accent-2))}
.rr-search-results{display:grid;gap:8px;margin-top:14px}
.rr-search-results button,.rr-notice{
  width:100%;padding:13px 14px;border:1px solid var(--rr-line);border-radius:12px;background:#fff;color:var(--rr-text);text-align:left;
}
.rr-search-results button:hover{border-color:var(--rr-accent);background:var(--rr-soft)}

/* IP */
.ip-form-grid input,.ip-form-grid select,.ip-form-grid textarea{padding:11px 14px!important}
.ip-form-grid input:disabled,.ip-form-grid select:disabled,.ip-form-grid textarea:disabled{
  opacity:1!important;background:#f8f7fc!important;border-color:#e6e2ee!important;color:#4f495b!important;
}
.ip-form-grid textarea{min-height:110px!important}
.draft-tip{margin:10px 0 0!important;padding:7px 10px!important;display:flex;align-items:center;gap:7px;background:#fff8e8!important}
.draft-tip::before{content:"●";font-size:7px;color:#d59722}

/* Copy versions and selection-safe rewrite */
.copy-revised{align-items:start}
.copy-versions{grid-column:1/-1;padding:14px!important;border:1px solid var(--rr-line)}
.copy-versions-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.copy-versions-head b{font-size:13px}.copy-versions-head span{color:var(--muted);font-size:11px}
.copy-version-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.copy-version-card{padding:12px;border:1px solid var(--rr-line);border-radius:11px;background:#fff;text-align:left;color:var(--rr-text)}
.copy-version-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--rr-accent) 45%,#ddd)}
.copy-version-card.active{border-color:var(--rr-accent);background:var(--rr-soft);box-shadow:0 8px 20px color-mix(in srgb,var(--rr-accent) 12%,transparent)}
.copy-version-card small{display:block;color:var(--rr-accent);font-weight:750;margin-bottom:5px}
.copy-version-card b{display:block;font-size:13px;margin-bottom:4px}
.copy-version-card span{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.copy-editor,.copy-editor-head,.creative-bar{border-top-color:transparent!important;border-bottom-color:transparent!important}
.copy-editor-head{border-bottom:1px solid #ece9f1!important}
.creative-bar{border-top:1px solid #ece9f1!important}
.rewrite-selection-note{margin:8px 0;padding:8px 9px;border-radius:8px;background:var(--rr-soft);color:var(--rr-accent);font-size:11px}

/* Storyboard design */
.storyboard-panel{overflow:auto}
.storyboard-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--rr-line);border-radius:12px;overflow:hidden;font-size:12px}
.storyboard-table th,.storyboard-table td{padding:11px 12px;border-bottom:1px solid #ece9f1;text-align:left;vertical-align:top;line-height:1.55}
.storyboard-table th{background:#faf9fc;color:#6e687d;font-size:11px;white-space:nowrap}
.storyboard-table tr:last-child td{border-bottom:0}
.storyboard-table td:first-child{font-weight:850;color:var(--rr-accent);white-space:nowrap}
.storyboard-table td:nth-child(2),.storyboard-table td:nth-child(3){white-space:nowrap}
.back-library{display:block;margin-bottom:12px!important}

/* Cover workspace */
.prompt-link{display:none!important}
.cover-stage{overflow:auto!important;align-items:flex-start!important}
.cover-stage-inner{min-height:650px!important;padding:12px 18px 110px!important;box-sizing:border-box}
.cover-art{transform-origin:top center!important;flex:0 0 auto}
.cover-toolbar{position:sticky;top:0;z-index:5;padding:7px 12px;border:1px solid var(--rr-line);border-radius:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
.cover-stage-inner>#cover-size{margin-top:18px!important}
.cover-right .cover-row{border-bottom:1px solid #ece9f1;padding-bottom:14px;margin-bottom:14px}
.cover-color-line{display:flex;align-items:center;gap:9px;flex-wrap:nowrap;margin-top:8px}
.cover-color-line .color-swatches{display:flex;gap:7px;flex:none}
.cover-color-line .custom-color{margin:0!important;white-space:nowrap}
.cover-title-candidates{display:grid;gap:7px;margin-top:10px}
.cover-title-candidates>button{padding:10px;border:1px solid var(--rr-line);border-radius:10px;background:#fff;text-align:left}
.cover-title-candidates>button:hover,.cover-title-candidates>button.active{border-color:var(--rr-accent);background:var(--rr-soft)}
.cover-title-candidates b,.cover-title-candidates span{display:block}
.cover-title-candidates b{font-size:12px;color:var(--rr-text)}.cover-title-candidates span{font-size:10px;color:var(--muted);margin-top:3px}
.cover-origin-back{margin-right:8px}

/* Assets, ledger, model bindings */
.asset-filter-bar{gap:6px!important}
.asset-filter-bar label{font-size:0!important;display:block!important}
.asset-filter-bar select{height:32px!important;min-width:104px!important;padding:0 27px 0 10px!important;font-size:11px!important}
.admin-ledger-row{grid-template-columns:1fr 1.15fr .75fr .7fr 1.2fr .85fr!important;align-items:center}
.ledger-row>*,.admin-ledger-row>*{align-self:center}
.ledger-row b{font-size:inherit!important}
.bind-options{align-items:center!important}
.bind-options label{display:inline-flex!important;align-items:center!important;gap:8px!important}
.bind-options input{position:relative!important;display:inline-grid!important;place-content:center!important;vertical-align:middle!important;line-height:1!important}
.bind-options input:checked::after{content:"✓"!important;display:block;line-height:1!important;transform:translateY(-.3px);font-size:12px!important}

/* Rebuilt content configuration */
#config .page-head{margin-top:0!important;margin-bottom:14px!important}
.rr-config-shell{display:grid;gap:12px}
.rr-config-domains{display:flex;gap:7px;padding:5px;border:1px solid var(--rr-line);border-radius:13px;background:rgba(255,255,255,.7);width:max-content;max-width:100%}
.rr-config-domains button{height:34px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}
.rr-config-domains button.active{color:#fff;background:linear-gradient(135deg,var(--rr-accent),var(--rr-accent-2))}
.rr-config-workspace{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:12px;align-items:start}
.rr-config-list,.rr-config-editor{overflow:hidden}
.rr-config-subtabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid #ece9f1;overflow:auto}
.rr-config-subtabs button{height:32px;padding:0 11px;border:1px solid var(--rr-line);border-radius:9px;background:#fff;color:#6e687d;white-space:nowrap}
.rr-config-subtabs button.active{border-color:var(--rr-accent);background:var(--rr-soft);color:var(--rr-accent);font-weight:800}
.rr-config-list-head,.rr-config-editor-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #ece9f1}
.rr-config-list-head span,.rr-config-editor-head small{color:var(--muted);font-size:11px}
.rr-config-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 16px;border-bottom:1px solid #ece9f1;text-align:left;background:#fff}
.rr-config-row:hover{background:#fbfaff}.rr-config-row.active{background:var(--rr-soft);box-shadow:inset 3px 0 var(--rr-accent)}
.rr-config-row strong,.rr-config-row small{display:block}.rr-config-row strong{font-size:13px}.rr-config-row small{margin-top:4px;color:var(--muted);font-size:11px}
.rr-config-row em{align-self:center;padding:4px 7px;border-radius:999px;background:#e8f7f0;color:#23885e;font-size:10px;font-style:normal}
.rr-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}
.rr-config-fields>label{display:grid;gap:6px;color:#5f596b;font-size:11px;font-weight:750}
.rr-config-fields .wide{grid-column:1/-1}
.rr-config-fields input,.rr-config-fields select,.rr-config-fields textarea{width:100%;min-height:40px;padding:9px 11px}
.rr-config-fields textarea{min-height:112px;resize:vertical}
.rr-config-fields .rr-upload{display:flex;align-items:center;gap:9px;padding:10px;border:1px dashed var(--rr-line);border-radius:10px;background:#fbfaff}
.rr-config-fields .rr-upload input{display:none}
.rr-config-fields .rr-upload span{color:var(--rr-accent)}
.rr-template-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.rr-config-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}

@media(max-width:1250px){
  .rr-config-workspace{grid-template-columns:1fr}
  .rr-config-fields{grid-template-columns:1fr 1fr}
  .copy-version-grid{grid-template-columns:1fr}
}

/* 2026-08-02 confirmed polish: stable admin toolbar, readable data, compact account drawer. */
#config .rr-config-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px}
#config .rr-config-toolbar .rr-config-domains{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr))!important;flex:1;width:auto!important;max-width:none!important;margin:0}
#config .rr-config-toolbar>#rr-config-add{flex:0 0 auto;min-width:150px;height:40px!important}

#users .users-tab-list button{font-size:15px!important;font-weight:720!important;padding-bottom:12px!important;margin-right:24px!important}
#users .user-table-revised{font-size:14px}
#users .user-row{min-height:66px!important;padding:16px 20px!important;font-size:14px!important;line-height:1.5}
#users .user-row.head{min-height:48px!important;font-size:13px!important;font-weight:700!important;color:#716a7e!important}
#users .user-row .user-name b{font-size:15px}.user-row .user-name small{display:inline;margin-left:5px;font-size:12px}
#users .user-row>button{justify-self:start!important;margin-left:5px;min-width:72px!important;height:34px!important;font-size:13px!important}

#overview .overview-metrics{gap:14px}
#overview .overview-metrics article{padding:20px 22px!important;border-top:3px solid color-mix(in srgb,var(--ui-brand-1) 80%,var(--ui-brand-2))!important}
#overview .overview-metrics span{font-size:13px!important;font-weight:700;color:#6e6879!important}
#overview .overview-metrics b{margin-top:11px!important;font-size:30px!important;letter-spacing:-.5px}
#overview .overview-metrics small{margin-top:8px!important;font-size:12px!important}
#overview .overview-panel{padding:22px!important}
#overview .overview-panel h2{font-size:19px!important}#overview .overview-panel>p{font-size:13px!important;line-height:1.55}
#overview .token-bars{gap:17px!important;margin-top:19px}
#overview .token-bars div{grid-template-columns:128px minmax(0,1fr) 92px!important;gap:14px!important;min-height:28px;font-size:14px!important}
#overview .token-bars span{font-weight:800;color:var(--ui-text-1)}
#overview .token-bars i{height:10px!important;background:#efedf4!important}
#overview .token-bars b{text-align:right;font-size:14px}
#overview .usage-row{min-height:54px;padding:15px 20px!important;font-size:14px!important;align-items:center}
#overview .usage-row.head{font-size:13px!important;font-weight:700!important}
#overview .usage-row strong{font-size:14px!important}

/* Keep every workspace aligned with the header instead of re-centering a
   capped page inside the already offset main column on wide screens. */
.page{width:100%;max-width:none!important;margin-left:0!important;margin-right:0!important}

#home .recent .section-head{position:relative;align-items:center}
#home .rr-recent-menu-button{display:flex;align-items:center;justify-content:center;gap:3px;width:36px;height:36px;border:1px solid var(--rr-line);border-radius:11px;background:#fff;color:#6f687a;cursor:pointer;transition:.18s ease}
#home .rr-recent-menu-button span{width:3px;height:3px;border-radius:50%;background:currentColor}
#home .rr-recent-menu-button:hover,#home .rr-recent-menu-button:focus-visible{border-color:color-mix(in srgb,var(--rr-accent) 35%,var(--rr-line));background:var(--rr-soft);color:var(--rr-accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--rr-accent) 10%,transparent)}
#home .recent-menu{z-index:30!important;right:0!important;left:auto!important;top:calc(100% + 7px)!important;min-width:190px;padding:6px!important;border:1px solid var(--rr-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 16px 36px rgba(41,31,70,.14)!important}
#home .recent-menu button{padding:10px 11px!important;border:0!important;border-radius:8px!important;background:transparent!important;text-align:left!important;color:var(--rr-text)!important}
#home .recent-menu button:hover{background:var(--rr-soft)!important;color:var(--rr-accent)!important}

.rr-account-drawer .pf-drawer{width:min(440px,38vw);padding:24px;background:linear-gradient(180deg,#fff 0,#fbfaff 100%)}
.rr-account-drawer .pf-drawer-head{margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid var(--rr-line)}
.rr-account-drawer .pf-drawer-head h2{font-size:22px}.rr-account-drawer .pf-drawer-head p{font-size:12px}
.rr-account-panel{display:grid;gap:14px}
.rr-account-identity{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--rr-line);border-radius:14px;background:#fff}
.rr-account-identity>i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--rr-accent),var(--rr-accent-2));color:#fff;font-style:normal;font-weight:850;box-shadow:0 10px 22px color-mix(in srgb,var(--rr-accent) 18%,transparent)}
.rr-account-identity>div{display:grid;gap:2px}.rr-account-identity small,.rr-account-identity span{color:#817a8e;font-size:11px}.rr-account-identity b{font-size:17px}
.rr-account-quota{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:16px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--rr-accent) 8%,#fff),color-mix(in srgb,var(--rr-accent-2) 8%,#fff));border:1px solid var(--rr-line)}
.rr-account-quota>div{display:grid;gap:5px}.rr-account-quota small{color:#756f80;font-size:11px}.rr-account-quota b{font-size:25px}.rr-account-quota b span{font-size:13px;color:#777183}.rr-account-quota>em{align-self:end;color:#5e576b;font-size:12px;font-style:normal}
.rr-account-quota>i{grid-column:1/-1;height:7px;overflow:hidden;border-radius:99px;background:#eae6f1}.rr-account-quota>i span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--rr-accent),var(--rr-accent-2))}
.rr-account-menu{display:grid;gap:6px}.rr-account-menu>small{padding:2px 3px;color:#8b8494;font-size:11px;font-weight:750}
.rr-account-menu button{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:#fff;text-align:left;color:var(--rr-text)}
.rr-account-menu button::after{content:"›";grid-column:2;grid-row:1/3;align-self:center;color:#9a93a4;font-size:18px}.rr-account-menu button:hover{border-color:var(--rr-line);background:var(--rr-soft)}
.rr-account-menu button span{font-weight:760}.rr-account-menu button em{grid-column:1;color:#898291;font-size:11px;font-style:normal}.rr-account-menu button.danger span{color:#cc5f62}

@media(max-width:1100px){.rr-account-drawer .pf-drawer{width:min(440px,88vw)}#config .rr-config-toolbar{align-items:stretch;flex-direction:column}#config .rr-config-toolbar>#rr-config-add{align-self:flex-end}}