/* Signed-in workspace context
   This layer is intentionally scoped to application, admin, import, and review
   surfaces so public editorial layouts continue to use site.css unchanged. */

:where(.dashboard-shell,.admin-shell,.import-shell,.review-shell) .visual-icon{
  width:1.35rem;
  height:1.35rem;
  display:inline-block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:-.28em;
}

:where(.dashboard-shell,.admin-shell,.import-shell,.review-shell) .eyebrow .visual-icon{
  width:1.05rem;
  height:1.05rem;
  margin-right:.4rem;
}

/* Workspace hierarchy and contextual surfaces */
.dashboard-shell .dash-main{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--teal) 6%,transparent),transparent 31rem),
    var(--cream);
}

.dashboard-shell .dash-head,
.admin-shell .dash-head{
  padding-bottom:1rem;
  border-bottom:1px solid var(--line);
}

.dashboard-shell .dash-panel,
.admin-shell .dash-panel,
.import-shell .dash-panel{
  min-width:0;
  max-width:100%;
  border-radius:14px;
  box-shadow:0 5px 20px rgba(11,23,32,.035);
}

.admin-shell .admin-grid,
.admin-shell .admin-grid>*{min-width:0}

[data-theme="dark"] :where(.dashboard-shell,.admin-shell,.import-shell) .dash-panel{
  box-shadow:0 9px 28px rgba(0,0,0,.14);
}

.dashboard-shell .integration-hero{
  position:relative;
  overflow:hidden;
  border-top:3px solid var(--teal);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--teal) 12%,transparent),transparent 24rem),
    var(--white);
}

.dashboard-shell .integration-hero:has(.visual-icon-warning),
.dashboard-shell .integration-hero:has(.visual-icon-pricing){border-top-color:var(--orange)}

body[data-page="/publisher/categories"] .dashboard-shell .dash-panel,
body[data-page="/publisher/sources"] .dashboard-shell .dash-panel{border-top:3px solid var(--teal)}
body[data-page="/publisher/rss"] .dashboard-shell .dash-panel,
body[data-page="/publisher/api-keys"] .dashboard-shell .dash-panel,
body[data-page="/publisher/webhooks"] .dashboard-shell .dash-panel{border-top:3px solid var(--cobalt)}
body[data-page="/publisher/analytics"] .dashboard-shell .dash-panel,
body[data-page="/creator/analytics"] .dashboard-shell .dash-panel{border-top:3px solid var(--orange)}
body[data-page="/creator/distribution"] .dashboard-shell .dash-panel,
body[data-page="/creator/placements"] .dashboard-shell .dash-panel,
body[data-page="/creator/backlinks"] .dashboard-shell .dash-panel{border-top:3px solid var(--teal)}
body[data-page="/creator/ai-visibility"] .dashboard-shell .dash-panel{border-top:3px solid var(--cobalt)}

/* Metrics use real values with semantic marks; no decorative charting. */
:where(.dashboard-shell,.admin-shell) .metric-grid article{
  min-width:0;
  border-radius:12px;
  border-top:3px solid var(--teal);
  position:relative;
  overflow:hidden;
  transition:border-color .18s ease,transform .18s ease;
}

:where(.dashboard-shell,.admin-shell) .metric-grid article:nth-child(3n+2){border-top-color:var(--cobalt)}
:where(.dashboard-shell,.admin-shell) .metric-grid article:nth-child(3n){border-top-color:var(--orange)}

@media(hover:hover){
  :where(.dashboard-shell,.admin-shell) .metric-grid article:hover{transform:translateY(-2px)}
}

:where(.dashboard-shell,.admin-shell) .metric-grid article>.visual-icon{
  width:2.15rem;
  height:2.15rem;
  display:block;
  padding:.45rem;
  margin-bottom:.9rem;
  color:var(--teal);
  border:1px solid color-mix(in srgb,var(--teal) 24%,var(--line));
  border-radius:9px;
  background:color-mix(in srgb,var(--teal) 8%,var(--white));
}

:where(.dashboard-shell,.admin-shell) .metric-grid article:nth-child(3n+2)>.visual-icon{
  color:var(--cobalt);
  border-color:color-mix(in srgb,var(--cobalt) 24%,var(--line));
  background:color-mix(in srgb,var(--cobalt) 8%,var(--white));
}

:where(.dashboard-shell,.admin-shell) .metric-grid article:nth-child(3n)>.visual-icon{
  color:var(--orange);
  border-color:color-mix(in srgb,var(--orange) 24%,var(--line));
  background:color-mix(in srgb,var(--orange) 7%,var(--white));
}

/* Story and source context: every supplied image remains exactly 16:9. */
.dashboard-shell .recommend-list>div{
  grid-template-columns:96px minmax(220px,1fr) auto auto auto;
  min-height:76px;
  gap:14px;
}

.dashboard-shell .recommend-list img,
.dashboard-shell .recommend-image-empty,
.admin-shell .recommend-image-empty,
.import-shell .recommend-image-empty{
  width:96px;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:7px;
}

.dashboard-shell .recommend-image-empty,
.admin-shell .recommend-image-empty,
.import-shell .recommend-image-empty{
  display:grid;
  place-items:center;
  color:#9dd3d0;
  background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 76%,var(--teal)));
  border:1px solid color-mix(in srgb,var(--teal) 30%,var(--ink));
}

:where(.dashboard-shell,.admin-shell,.import-shell) .recommend-image-empty .visual-icon{
  width:1.55rem;
  height:1.55rem;
}

:where(.dashboard-shell,.admin-shell,.import-shell) .table-story{
  align-items:center;
}

:where(.dashboard-shell,.admin-shell,.import-shell) .table-story img{
  width:88px;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:7px;
  flex:0 0 auto;
}

:where(.dashboard-shell,.admin-shell,.import-shell) .table-story>.recommend-image-empty{
  width:88px;
  flex:0 0 auto;
}

.dashboard-shell .recommend-list b a,
.dashboard-shell .table-story b,
.admin-shell .table-story b{
  line-height:1.28;
}

.dashboard-shell .recommend-list em{
  padding:.34rem .55rem;
  border-radius:999px;
  white-space:nowrap;
  background:color-mix(in srgb,var(--teal) 10%,var(--white));
  border:1px solid color-mix(in srgb,var(--teal) 20%,var(--line));
}

.dashboard-shell .recommend-list>div>form{
  justify-self:end;
}

.dashboard-shell .publisher-identity-mark,
.review-shell .review-asset-mark{
  width:96px;
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:7px;
  border:1px solid color-mix(in srgb,var(--teal) 30%,var(--ink));
  background:linear-gradient(145deg,var(--ink),color-mix(in srgb,var(--ink) 72%,var(--teal)));
  color:#9dd3d0;
  font:700 1.25rem/1 Georgia,serif;
  letter-spacing:.08em;
}

.publisher-partner-list>div:nth-child(3n+2) .publisher-identity-mark{border-color:color-mix(in srgb,var(--cobalt) 45%,var(--ink));color:#b7d1f4;background:linear-gradient(145deg,var(--ink),#24446e)}
.publisher-partner-list>div:nth-child(3n) .publisher-identity-mark{border-color:color-mix(in srgb,var(--orange) 45%,var(--ink));color:#ffd0bf;background:linear-gradient(145deg,var(--ink),#70311f)}

.review-shell .review-remote-asset{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--paper);
}

.review-shell .review-remote-asset>div{display:grid;gap:5px}
.review-shell .review-remote-asset small{color:var(--muted)}
.review-shell .review-asset-mark{width:88px}

.admin-shell .job-status{background:#c7a34b}
.admin-shell .job-status-completed{background:var(--success)}
.admin-shell .job-status-failed{background:#c94c43;box-shadow:0 0 0 3px color-mix(in srgb,#c94c43 16%,transparent)}
.admin-shell .job-status-running,.admin-shell .job-status-processing{background:var(--cobalt)}
.admin-shell .job-status-queued,.admin-shell .job-status-pending,.admin-shell .job-status-retry{background:#c7a34b}

/* Semantic process, integration, delivery, and settings groups */
.dashboard-shell .integration-steps,
.dashboard-shell .integration-grid{
  gap:12px;
}

.dashboard-shell .integration-steps>div,
.dashboard-shell .integration-grid>div{
  min-width:0;
  border-radius:11px;
  border-top:3px solid var(--teal);
  background:color-mix(in srgb,var(--paper) 70%,var(--white));
  position:relative;
}

.dashboard-shell .integration-steps>div:nth-child(3n+2),
.dashboard-shell .integration-grid>div:nth-child(3n+2){border-top-color:var(--cobalt)}
.dashboard-shell .integration-steps>div:nth-child(3n),
.dashboard-shell .integration-grid>div:nth-child(3n){border-top-color:var(--orange)}

.dashboard-shell .integration-steps .visual-icon,
.dashboard-shell .integration-grid .visual-icon{
  width:1.8rem;
  height:1.8rem;
  color:var(--teal);
  display:block;
  margin-bottom:1.1rem;
}

.dashboard-shell .integration-steps>div:nth-child(3n+2) .visual-icon,
.dashboard-shell .integration-grid>div:nth-child(3n+2) .visual-icon{color:var(--cobalt)}
.dashboard-shell .integration-steps>div:nth-child(3n) .visual-icon,
.dashboard-shell .integration-grid>div:nth-child(3n) .visual-icon{color:var(--orange)}

.dashboard-shell .integration-steps b{
  margin:0 0 .35rem;
  font:600 1.2rem/1.1 Georgia,serif;
  color:var(--text);
}

.dashboard-shell .integration-grid b{margin-top:.2rem}

.dashboard-shell .feed-list>div{
  border-radius:11px;
  border-left:4px solid var(--teal);
  background:color-mix(in srgb,var(--paper) 76%,var(--white));
}

.dashboard-shell .feed-list>div:nth-child(even){border-left-color:var(--cobalt)}

.dashboard-shell .feed-list b>.visual-icon,
.dashboard-shell .settings-list b>.visual-icon,
.admin-shell .settings-list b>.visual-icon{
  width:1.1rem;
  height:1.1rem;
  margin-right:.35rem;
  color:var(--teal);
}

.dashboard-shell .settings-list>div,
.admin-shell .settings-list>div{
  gap:1rem;
  align-items:center;
}

.dashboard-shell .settings-list>div:nth-child(odd),
.admin-shell .settings-list>div:nth-child(odd){
  background:color-mix(in srgb,var(--paper) 60%,transparent);
  margin-inline:-.7rem;
  padding-inline:.7rem;
}

.dashboard-shell .delivery-options label{
  grid-template-columns:32px 20px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:start;
  border-radius:10px;
}

.dashboard-shell .delivery-options label>.visual-icon{
  grid-column:1;
  grid-row:1/3;
  width:1.55rem;
  height:1.55rem;
  color:var(--teal);
}

.dashboard-shell .delivery-options label>input{grid-column:2;grid-row:1}
.dashboard-shell .delivery-options label>b{grid-column:3;grid-row:1}
.dashboard-shell .delivery-options label>span{grid-column:3;grid-row:2}

/* Data tables remain legible and horizontally scroll only when needed. */
:where(.dashboard-shell,.admin-shell) .table-wrap{
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}

:where(.dashboard-shell,.admin-shell) .table-wrap table{min-width:720px}

:where(.dashboard-shell,.admin-shell) .table-wrap th{
  position:sticky;
  top:0;
  z-index:1;
  background:color-mix(in srgb,var(--paper) 86%,var(--white));
}

:where(.dashboard-shell,.admin-shell) .table-wrap tbody tr:last-child td{border-bottom:0}
:where(.dashboard-shell,.admin-shell) .table-wrap tbody tr:hover{background:color-mix(in srgb,var(--teal) 4%,transparent)}
:where(.dashboard-shell,.admin-shell) .table-wrap td{overflow-wrap:anywhere}

.dashboard-shell .protocol-table{
  margin-block:1.5rem;
  border-bottom:1px solid var(--line);
}

.dashboard-shell .protocol-table>div{
  grid-template-columns:120px minmax(0,1fr) 72px;
}

/* Admin operations */
.admin-shell{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--cobalt) 7%,transparent),transparent 34rem),
    transparent;
}

.admin-shell .admin-nav{
  gap:.35rem;
  padding:.35rem;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--white);
}

.admin-shell .admin-nav a{
  border:0;
  border-radius:7px;
  padding:.6rem .85rem;
}

.admin-shell .admin-nav a:hover,
.admin-shell .admin-nav a.active{
  color:var(--text);
  background:color-mix(in srgb,var(--orange) 10%,var(--paper));
  box-shadow:inset 0 -2px var(--orange);
}

.admin-shell .admin-grid>.dash-panel:first-child{border-top:3px solid var(--teal)}
.admin-shell .admin-grid>.dash-panel:last-child{border-top:3px solid var(--cobalt)}

.admin-shell .job-list>.empty-state{
  display:block;
  padding:2rem 1rem;
  border-top:1px dashed var(--line);
}

.admin-shell .job-list>.empty-state .visual-icon{
  width:2rem;
  height:2rem;
  color:var(--cobalt);
}

.admin-shell .moderation-form input,
.admin-shell .moderation-form select{
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--cream);
}

/* Owned imports */
.import-shell>header .eyebrow{color:var(--cobalt)}

.import-shell .role-switch a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
}

.import-shell .role-switch .visual-icon{width:1rem;height:1rem}

.import-layout>form{
  align-self:start;
  border-top:4px solid var(--cobalt);
}

.import-layout>section{border-top:4px solid var(--teal)}

.import-shell .import-item{
  padding:1rem;
  margin-inline:-.25rem;
  border:1px solid transparent;
  border-top-color:var(--line);
  border-radius:9px;
}

.import-shell .import-item:hover{
  border-color:var(--line);
  background:color-mix(in srgb,var(--teal) 4%,var(--white));
}

.import-shell .import-item .table-story{min-width:0;flex:1}
.import-shell .import-item .table-story>div{min-width:0}

/* Editorial review: art, assets, datasets, and audit context. */
.review-shell .review-featured-image{
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:11px;
  box-shadow:0 14px 36px rgba(11,23,32,.12);
}

.review-shell .review-content>section:first-child:has(.review-featured-image){
  padding:1.15rem;
  border-top:4px solid var(--orange);
}

.review-shell .review-facts>div{
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent);
  border-radius:8px;
}

.review-shell .review-facts b>.visual-icon{
  width:1rem;
  height:1rem;
  color:var(--teal);
  margin-right:.25rem;
}

.review-shell .review-content .feed-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-block:1rem;
}

.review-shell .review-content .feed-list>div{
  min-width:0;
  border-radius:9px;
  background:var(--paper);
}

.review-shell .review-content .feed-list .table-story{
  align-items:center;
  min-width:0;
}

.review-shell .review-content .feed-list img{
  width:112px;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:7px;
  flex:0 0 auto;
}

.review-shell .review-content .feed-list small,
.review-shell .review-content .feed-list a{
  display:block;
  overflow-wrap:anywhere;
  font-size:.68rem;
}

.review-shell .review-content .settings-list{
  border:1px solid var(--line);
  border-radius:9px;
  padding-inline:1rem;
  margin-block:1rem;
  background:color-mix(in srgb,var(--paper) 68%,var(--white));
}

.review-shell .review-content .settings-list>div{
  display:grid;
  grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);
  gap:1rem;
}

.review-shell .review-content .settings-list .visual-icon{
  width:1rem;
  height:1rem;
  color:var(--cobalt);
}

.review-shell .review-history{
  position:relative;
  padding-left:1rem;
  border-left:2px solid var(--line);
}

.review-shell .review-history h2{
  font-size:1.25rem;
  display:flex;
  align-items:center;
  gap:.45rem;
}

.review-shell .review-history>div{position:relative;padding-left:.35rem}

.review-shell .review-history>div:before{
  content:"";
  position:absolute;
  width:.5rem;
  height:.5rem;
  left:-1.34rem;
  top:.95rem;
  border-radius:50%;
  background:var(--teal);
  box-shadow:0 0 0 4px var(--cream);
}

/* Creator submission: an editorial workflow, not another generic form card. */
.submit-shell{
  background:
    linear-gradient(90deg,var(--ink) 0 330px,transparent 330px),
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--orange) 7%,transparent),transparent 32rem),
    var(--paper);
}

.submit-shell>aside{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(28,119,117,.3),transparent 18rem),
    var(--ink);
}

.submit-shell>aside:after{
  content:"";
  position:absolute;
  width:12rem;
  height:12rem;
  right:-7rem;
  bottom:5rem;
  border:1px solid rgba(143,208,204,.2);
  border-radius:50%;
  box-shadow:0 0 0 2.5rem rgba(143,208,204,.035),0 0 0 5rem rgba(143,208,204,.025);
  pointer-events:none;
}

.submit-shell>aside ol{position:relative;z-index:1}

.submit-shell>aside li{
  color:#9fb0b8;
  border-radius:7px;
  padding-inline:.45rem;
}

.submit-shell>aside li.active{
  background:rgba(255,255,255,.055);
  box-shadow:inset 3px 0 var(--orange);
}

.submit-shell>aside li span{
  width:42px;
  height:42px;
  position:relative;
  background:#102630;
  font-weight:800;
}

.submit-shell>aside li span .visual-icon{width:19px;height:19px}
.submit-shell>aside li span b{position:absolute;right:-3px;bottom:-4px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--ink);border:1px solid #4a606b;font-size:.48rem;color:#c8d4d9}
.submit-shell>aside li:nth-child(2) span .visual-icon{color:#8fd0cc}
.submit-shell>aside li:nth-child(3) span .visual-icon{color:#a9c6ee}
.submit-shell>aside li:nth-child(4) span .visual-icon{color:#ffd0bf}
.submit-shell>aside li:nth-child(5) span .visual-icon{color:#9fcbb7}

.submit-shell .submit-form{
  width:min(850px,calc(100% - 90px));
  border-radius:15px;
  border-top:4px solid var(--orange);
}

.submit-shell .form-section{
  position:relative;
  padding:1.25rem 1.35rem 1.5rem;
  margin-inline:-.2rem;
  border:1px solid var(--line);
  border-left:4px solid var(--teal);
  border-radius:11px;
  background:color-mix(in srgb,var(--paper) 45%,var(--white));
}

.submit-shell .form-section:nth-of-type(2){border-left-color:var(--cobalt)}
.submit-shell .form-section:nth-of-type(3){border-left-color:var(--orange)}

.submit-shell .form-section>.eyebrow{
  margin-bottom:1.1rem;
  color:var(--text);
}

.submit-shell .ai-assist{
  padding:1rem;
  border:1px solid color-mix(in srgb,var(--cobalt) 28%,var(--line));
  border-radius:9px;
  background:color-mix(in srgb,var(--cobalt) 6%,var(--white));
}

.submit-shell .ai-assist:before{
  content:"✦";
  width:1.8rem;
  height:1.8rem;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--cobalt);
  border-radius:8px;
  background:color-mix(in srgb,var(--cobalt) 12%,var(--white));
}

.submit-shell .ai-result{
  border:1px solid var(--line);
  border-left:4px solid var(--cobalt);
  border-radius:8px;
}

.submit-shell .check-row label{
  padding:.45rem .65rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--white);
}

.submit-shell .asset-type-row label{display:flex;align-items:center;gap:.4rem}
.submit-shell .asset-type-row .visual-icon{width:16px;height:16px;color:var(--teal)}

.submit-shell .rights-check{
  border-left:4px solid var(--teal);
  border-radius:9px;
}

.submit-shell .import-links a{
  padding:.5rem .65rem;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  background:rgba(255,255,255,.035);
}

.submit-shell .import-links a:hover{border-color:#8fd0cc;color:#8fd0cc}

/* Feed builder: a standards configuration surface with a code-native preview. */
.builder-shell{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--teal) 7%,transparent),transparent 34rem),
    var(--cream);
}

.builder-shell .builder-intro{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,transparent 52%,rgba(49,95,156,.15)),
    var(--ink);
}

.builder-shell .builder-intro:after{
  content:"";
  position:absolute;
  width:15rem;
  height:15rem;
  right:-6rem;
  top:-5rem;
  border:1px solid rgba(143,208,204,.18);
  transform:rotate(35deg);
  pointer-events:none;
}

.builder-shell .feed-preview{
  position:relative;
  border-radius:11px;
  border-left:4px solid var(--teal);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.builder-shell .feed-preview:before{
  content:"";
  display:block;
  width:2.6rem;
  height:.45rem;
  margin-bottom:1rem;
  background:radial-gradient(circle at .25rem 50%,#ed5b2a 0 .2rem,transparent .22rem),radial-gradient(circle at 1.25rem 50%,#d5ad48 0 .2rem,transparent .22rem),radial-gradient(circle at 2.25rem 50%,#3b9a79 0 .2rem,transparent .22rem);
}

.builder-shell .feed-preview code{
  padding:.65rem .75rem;
  border-radius:6px;
  background:rgba(0,0,0,.18);
}

.builder-shell .builder-form{
  align-self:start;
  max-width:900px;
}

.builder-shell .builder-form>label:first-of-type{
  padding:1rem;
  border:1px solid var(--line);
  border-left:4px solid var(--orange);
  border-radius:9px;
  background:var(--white);
}

.builder-shell .builder-form fieldset{
  padding:1.1rem 1.2rem;
  border:1px solid var(--line);
  border-radius:11px;
  background:color-mix(in srgb,var(--paper) 48%,var(--white));
}

.builder-shell .builder-form fieldset:nth-of-type(even){border-top:3px solid var(--cobalt)}
.builder-shell .builder-form fieldset:nth-of-type(odd){border-top:3px solid var(--teal)}

.builder-shell .check-grid label,
.builder-shell .check-row label{
  padding:.55rem .65rem;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--white);
}

.builder-shell :where(.feed-topic-option,.feed-type-option,.feed-source-option){
  display:grid;
  grid-template-columns:16px 28px minmax(0,1fr);
  gap:.55rem;
  align-items:center;
  min-height:64px;
}

.builder-shell :where(.feed-topic-option,.feed-type-option,.feed-source-option)>input{
  width:16px;
  margin:0;
}

.builder-shell .feed-option-icon,
.builder-shell .feed-source-mark{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px 3px 8px 3px;
  color:var(--teal);
  background:color-mix(in srgb,var(--teal) 9%,var(--paper));
  border:1px solid color-mix(in srgb,var(--teal) 23%,var(--line));
}

.builder-shell .feed-option-icon .visual-icon{width:17px;height:17px}
.builder-shell .feed-source-mark{font:700 .66rem/1 Georgia,serif;letter-spacing:.06em}
.builder-shell :where(.feed-topic-option,.feed-type-option,.feed-source-option):nth-child(3n+2) :where(.feed-option-icon,.feed-source-mark){color:var(--cobalt);background:color-mix(in srgb,var(--cobalt) 9%,var(--paper));border-color:color-mix(in srgb,var(--cobalt) 23%,var(--line))}
.builder-shell :where(.feed-topic-option,.feed-type-option,.feed-source-option):nth-child(3n) :where(.feed-option-icon,.feed-source-mark){color:var(--orange);background:color-mix(in srgb,var(--orange) 8%,var(--paper));border-color:color-mix(in srgb,var(--orange) 23%,var(--line))}

.builder-shell .builder-form details{
  margin-block:1.1rem;
  padding:1rem;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--white);
}

.builder-shell .builder-form details[open] summary{color:var(--teal);margin-bottom:1rem}

.builder-shell .default-note{
  border:1px solid color-mix(in srgb,var(--teal) 25%,var(--line));
  border-left:4px solid var(--teal);
  border-radius:9px;
  background:color-mix(in srgb,var(--teal) 6%,var(--white));
}

/* Domain verification supports both the current policy-page and a future hook. */
:where(.verification-page,body[data-page="/creator/verification"] .policy-page){
  position:relative;
  max-width:1040px;
}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page)>header{
  position:relative;
  padding:2rem 8rem 2rem 2rem;
  border:1px solid var(--line);
  border-top:4px solid var(--cobalt);
  border-radius:14px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--cobalt) 11%,transparent),transparent 22rem),
    var(--white);
}

.verification-page .verification-hero-mark{position:absolute;right:2rem;top:2rem;width:64px;height:64px;display:grid;place-items:center;border-radius:50% 50% 12px 50%;color:var(--cobalt);background:color-mix(in srgb,var(--cobalt) 10%,var(--white));border:1px solid color-mix(in srgb,var(--cobalt) 25%,var(--line))}
.verification-page .verification-hero-mark .visual-icon{width:32px;height:32px}
.verification-page .verification-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.verification-page .verification-method{min-width:0;padding:1.25rem;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:11px;background:var(--white)}
.verification-page .verification-method-file{border-top-color:var(--cobalt)}
.verification-page .verification-method h2{display:flex;align-items:center;gap:.6rem;margin-top:0;padding-left:0}
.verification-page .verification-method h2:before{display:none}
.verification-page .verification-method h2 .visual-icon{width:24px;height:24px;color:var(--teal)}
.verification-page .verification-method-file h2 .visual-icon{color:var(--cobalt)}
.verification-page .verification-method pre{overflow:auto}
.verification-page .verification-methods>form,.verification-page .verification-methods>.fineprint{grid-column:1/-1}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page)>header h1{
  font-size:clamp(2.8rem,6vw,5rem);
  overflow-wrap:anywhere;
}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page)>section{
  padding:1.75rem 2rem;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--white);
  box-shadow:0 8px 28px rgba(11,23,32,.045);
}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page) h2{
  position:relative;
  padding-left:3rem;
}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page) h2:before{
  content:"";
  position:absolute;
  left:0;
  top:.15rem;
  width:2rem;
  height:2rem;
  border-radius:50%;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--teal) 9%,var(--white));
}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page) pre{
  overflow:auto;
  padding:1.1rem;
  border:1px solid #344a56;
  border-left:4px solid var(--teal);
  border-radius:9px;
  background:var(--ink);
  color:#cce0e4;
  font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;
}

:where(.verification-page,body[data-page="/creator/verification"] .policy-page) .license-ready{
  border-radius:10px;
  border-left:4px solid var(--success);
  padding:1.1rem;
}

/* Exact-version revision route: editorial notes and form are visibly distinct. */
body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page{
  align-items:start;
  gap:3rem;
}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>div{
  position:sticky;
  top:120px;
  padding:1.5rem;
  border-left:4px solid var(--orange);
  border-radius:0 12px 12px 0;
  background:color-mix(in srgb,var(--orange) 5%,var(--paper));
}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>div blockquote{
  margin:1rem 0;
  padding:1rem;
  border:1px solid var(--line);
  border-left:4px solid var(--orange);
  border-radius:8px;
  background:var(--white);
}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>div blockquote p{margin:.45rem 0;color:var(--text)}
body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>div blockquote small{color:var(--muted)}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form{
  padding:2rem;
  border:1px solid var(--line);
  border-top:4px solid var(--teal);
  border-radius:14px;
  background:var(--white);
  box-shadow:var(--shadow);
}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form label{
  display:block;
  margin-bottom:1rem;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form input,
body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form textarea{
  width:100%;
  margin-top:.4rem;
  padding:.75rem;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--cream);
  text-transform:none;
  letter-spacing:normal;
}

body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form textarea{min-height:110px;resize:vertical}
body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form textarea.rich-editor{min-height:360px;font:1rem/1.62 Georgia,serif}

/* Dark-theme refinements use the established tokens and retain contrast. */
[data-theme="dark"] :where(.dashboard-shell,.admin-shell) .table-wrap,
[data-theme="dark"] .admin-shell .admin-nav{background:var(--white)}

[data-theme="dark"] .dashboard-shell .integration-steps>div,
[data-theme="dark"] .dashboard-shell .integration-grid>div,
[data-theme="dark"] .dashboard-shell .feed-list>div,
[data-theme="dark"] .review-shell .review-content .settings-list{
  background:color-mix(in srgb,var(--paper) 75%,var(--white));
}

[data-theme="dark"] .dashboard-shell .integration-steps b{color:#f5f1e9}
[data-theme="dark"] .review-shell .review-featured-image{box-shadow:0 16px 42px rgba(0,0,0,.28)}

@media(max-width:1180px){
  .dashboard-shell .dash-main{padding:32px}
  .submit-shell .submit-form{width:min(850px,calc(100% - 50px));margin:25px}
  .builder-shell .builder-form{padding-inline:45px}
  .dashboard-shell .recommend-list>div{
    grid-template-columns:88px minmax(0,1fr) auto;
    align-items:center;
  }
  .dashboard-shell .recommend-list img,
  .dashboard-shell .recommend-list>div>.recommend-image-empty{width:88px}
  .dashboard-shell .recommend-list>div>em{grid-column:3;grid-row:1}
  .dashboard-shell .recommend-list>div>.button{grid-column:2;grid-row:2;justify-self:start}
  .dashboard-shell .recommend-list>div>form{grid-column:3;grid-row:2;justify-self:end}
  .admin-shell .metric-grid.six{grid-template-columns:repeat(3,1fr)}
  .review-shell .review-content .feed-list{grid-template-columns:1fr}
}

@media(max-width:960px){
  .dashboard-shell .dash-main{padding:24px}
  .dashboard-shell .dash-nav a{line-height:1.2}
  .dashboard-shell .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-shell .settings-list>div,
  .admin-shell .settings-list>div{align-items:flex-start}
  .admin-shell .admin-nav{position:sticky;top:100px;z-index:10}
  .admin-shell .admin-grid{grid-template-columns:1fr}
  .review-shell .review-content .settings-list>div{grid-template-columns:1fr}
  .submit-shell{background:var(--paper)}
  .submit-shell .submit-form{width:auto;margin:25px}
  .submit-shell>aside:after{right:-5rem;bottom:-5rem}
  .builder-shell .builder-intro{min-height:390px}
  .builder-shell .builder-form{max-width:none}
  body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>div{position:static}
}

@media(max-width:680px){
  .dashboard-shell .dash-main{padding:18px 14px}
  .dashboard-shell .dash-panel,
  .admin-shell .dash-panel,
  .import-shell .dash-panel{padding:18px}
  .dashboard-shell .metric-grid,
  .dashboard-shell .metric-grid.four,
  .admin-shell .metric-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.dashboard-shell,.admin-shell) .metric-grid article{min-height:132px;padding:15px}
  :where(.dashboard-shell,.admin-shell) .metric-grid article>.visual-icon{margin-bottom:.55rem}
  .dashboard-shell .integration-grid,
  .dashboard-shell .integration-steps{grid-template-columns:1fr}
  .dashboard-shell .recommend-list>div{
    grid-template-columns:80px minmax(0,1fr);
    gap:10px;
    padding-block:14px;
  }
  .dashboard-shell .recommend-list img,
  .dashboard-shell .recommend-list>div>.recommend-image-empty{width:80px}
  .dashboard-shell .recommend-list>div>em{grid-column:2;grid-row:auto;justify-self:start}
  .dashboard-shell .recommend-list>div>.button{grid-column:2;grid-row:auto;justify-self:start}
  .dashboard-shell .recommend-list>div>form{grid-column:2;grid-row:auto;justify-self:start}
  :where(.dashboard-shell,.admin-shell) .table-wrap table{min-width:660px}
  :where(.dashboard-shell,.admin-shell,.import-shell) .table-story{min-width:205px}
  :where(.dashboard-shell,.admin-shell,.import-shell) .table-story img,
  :where(.dashboard-shell,.admin-shell,.import-shell) .table-story>.recommend-image-empty{width:72px}
  .dashboard-shell .settings-list>div,
  .admin-shell .settings-list>div{display:grid;grid-template-columns:1fr;gap:.2rem}
  .dashboard-shell .settings-list span,
  .admin-shell .settings-list span{text-align:left}
  .dashboard-shell .protocol-table>div{grid-template-columns:1fr}
  .admin-shell .admin-nav{top:96px;margin-inline:-4px}
  .admin-shell .moderation-form,
  .admin-shell .moderation-form.wide{min-width:330px}
  .verification-page .verification-hero-mark{position:static;margin-bottom:1rem}
  .verification-page>header h1{font-size:2.35rem}
  .verification-page .verification-methods{grid-template-columns:1fr}
  .verification-page .verification-methods>form,.verification-page .verification-methods>.fineprint{grid-column:1}
  .import-shell .import-item{padding:.85rem}
  .import-shell .import-item .button{margin-left:82px}
  .review-shell .review-content>section{padding:20px}
  .review-shell .review-content .feed-list img{width:92px}
  .review-shell .review-content .settings-list>div{grid-template-columns:1fr;gap:.25rem}
  .submit-shell .submit-form{margin:12px;padding:18px}
  .submit-shell .form-section{padding:1rem;margin-inline:0}
  .submit-shell .ai-assist{align-items:flex-start;flex-wrap:wrap}
  .submit-shell .ai-assist:before{display:none}
  .builder-shell .builder-intro{min-height:0;padding:45px 25px}
  .builder-shell .builder-form{padding:35px 20px}
  .builder-shell .builder-form fieldset{padding:.9rem}
  :where(.verification-page,body[data-page="/creator/verification"] .policy-page)>header,
  :where(.verification-page,body[data-page="/creator/verification"] .policy-page)>section{padding:1.25rem}
  body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page{gap:1.5rem}
  body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>div,
  body[data-page^="/creator/articles/"][data-page$="/edit"] .form-page>form{padding:1.25rem}
}

@media(max-width:460px){
  .dashboard-shell .metric-grid,
  .dashboard-shell .metric-grid.four,
  .admin-shell .metric-grid.six{grid-template-columns:1fr}
  .import-shell .import-item .button{margin-left:0}
  .builder-shell .check-grid{grid-template-columns:1fr}
  .submit-shell .check-row{display:grid;grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  :where(.dashboard-shell,.admin-shell) .metric-grid article{transition:none}
}