/* Gee tokens mapped to the existing customer application; operator UI is unchanged. */
:root{--ink:var(--color-ink);--muted:var(--color-ink-soft);--green:var(--color-brand-deep);--line:var(--color-grid);font-synthesis:none}
body.customer-studio{background:var(--color-canvas);color:var(--color-ink);font:400 15px/1.55 var(--font-sans)}
.customer-studio button,.customer-studio input,.customer-studio textarea,.customer-studio select{font-family:var(--font-sans);font-size:15px}
.customer-studio h1{font:800 30px/1.2 var(--font-sans);letter-spacing:-.02em}
.customer-studio h2{font:700 21px/1.3 var(--font-sans);letter-spacing:-.01em}
.customer-studio h3{font:600 17px/1.4 var(--font-sans)}
.customer-studio p{color:var(--color-ink-soft);font-size:15px;line-height:1.65}
.customer-studio a{color:var(--color-brand-deep)}
.customer-studio .eyebrow,.customer-studio .workspace-label{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-ink-soft)}
.customer-studio .sidebar{background:var(--color-surface);color:var(--color-ink);border:0;padding:28px 20px}
.customer-studio .wordmark{color:var(--color-ink);font-family:var(--font-sans);font-weight:800;letter-spacing:-.03em}
.customer-studio .wordmark .light{color:var(--color-ink-soft)}
.customer-studio .logo{background:var(--color-brand-soft);color:var(--color-brand-deep);border:0;border-radius:10px}
.customer-studio .logo span{color:var(--color-brand-deep)}
.customer-studio .workspace-label{margin-bottom:10px}
.customer-studio .nav-item{color:var(--color-ink-soft);border-radius:var(--radius-control);font-size:14px;min-height:44px}
.customer-studio .nav-item:hover{background:var(--color-surface-sunken);color:var(--color-ink)}
.customer-studio .nav-item.active{background:var(--color-brand-soft);color:var(--color-brand-deep)}
.customer-studio .add-brand{color:var(--color-brand-deep);font-size:13px;min-height:44px}
.customer-studio .sidebar-bottom{color:var(--color-ink-soft);border-color:var(--color-grid)}
.customer-studio .sidebar-bottom p{font-size:12px}
.customer-studio .status-dot{background:var(--color-status-resolved-ink)}
.customer-studio .topbar{background:var(--color-surface);border-color:var(--color-grid)}
.customer-studio .topbar,.customer-studio .breadcrumb{color:var(--color-ink-soft);font-size:13px}
.customer-studio .avatar{background:var(--color-brand-soft);color:var(--color-brand-deep)}
.customer-studio main{padding:32px;max-width:1360px}
.customer-studio .page-heading p{font-size:15px;max-width:700px;margin-top:12px}
.customer-studio .page-heading{margin-bottom:28px}
.customer-studio .card,.customer-studio .stat{background:var(--color-surface);border:0;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.customer-studio .card-pad,.customer-studio .settings-section{padding:24px}
.customer-studio .card-head{border-color:var(--color-grid);padding:20px 24px}
.customer-studio .card-head h2{font-size:17px;line-height:1.4}
.customer-studio .card-head .pill{vertical-align:middle}
.customer-studio .button{border:0;border-radius:var(--radius-control);min-height:44px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.45}
.customer-studio .button.primary,.customer-studio .button.primary:hover{background:var(--color-brand-deep);color:var(--color-on-brand)}
.customer-studio .button.secondary,.customer-studio .button.subtle{background:var(--color-surface-sunken);color:var(--color-ink)}
.customer-studio button:disabled{cursor:default;opacity:.7}
.customer-studio .text-button{color:var(--color-brand-deep);font-size:13px;min-height:44px}
.customer-studio button:focus-visible,.customer-studio a:focus-visible,.customer-studio input:focus-visible,.customer-studio textarea:focus-visible,.customer-studio select:focus-visible,.customer-studio summary:focus-visible{outline:3px solid var(--color-brand-deep);outline-offset:3px}
.customer-studio input,.customer-studio textarea,.customer-studio select{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-ink-faint);border-radius:var(--radius-control);padding:10px 12px;min-height:44px}
.customer-studio input::placeholder,.customer-studio textarea::placeholder{color:var(--color-ink-soft)}
.customer-studio .checkbox-label input{min-height:20px;width:20px;height:20px;accent-color:var(--color-brand-deep);flex:none}
.customer-studio .approval-switch{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.customer-studio .approval-switch input{appearance:none;display:grid;align-items:center;width:44px;height:24px;min-height:24px;flex:none;margin:0;padding:2px;border-radius:999px;background:var(--color-ink-faint);cursor:pointer}
.customer-studio .approval-switch input::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--color-surface)}
.customer-studio .approval-switch input:checked{background:var(--color-brand-deep);border-color:var(--color-brand-deep)}
.customer-studio .approval-switch input:checked::before{justify-self:end}
.customer-studio input[type=color]{width:100%;padding:6px}
.customer-studio label,.customer-studio legend{font-size:13px;color:var(--color-ink);font-weight:600}
.customer-studio label small,.customer-studio .help{font-size:12px;line-height:1.55;color:var(--color-ink-soft)}
.customer-studio fieldset{border:0;padding:0;min-width:0}
.customer-studio fieldset .checkbox-label{margin-top:12px}
.customer-studio .notice,.customer-studio .banner{background:var(--color-brand-soft);color:var(--color-brand-deep);border:0;border-radius:var(--radius-control);font-size:13px}
.customer-studio .notice p,.customer-studio .banner p,.customer-studio .banner strong{color:inherit}
.customer-studio .banner.error,.customer-studio #toast.error{background:var(--color-overdue);color:var(--color-overdue-ink)}
.customer-studio .banner.error p{color:inherit}
.customer-studio .pill{background:var(--color-status-new);color:var(--color-status-new-ink);border:0;border-radius:var(--radius-pill);font-size:12px;padding:4px 9px;line-height:1.45}
.customer-studio .pill.green{background:var(--color-status-resolved);color:var(--color-status-resolved-ink)}
.customer-studio .pill.amber{background:var(--color-status-verifying);color:var(--color-status-verifying-ink)}
.customer-studio .post-row{padding:22px 24px;border-color:var(--color-grid);gap:16px}
.customer-studio .post-body h3{font-size:17px;font-weight:600;line-height:1.5}
.customer-studio .post-time,.customer-studio .meta,.customer-studio .activity-time{font-size:12px;color:var(--color-ink-soft)}
.customer-studio .post-arrow{background:var(--color-surface-sunken);color:var(--color-brand-deep);border:0;border-radius:var(--radius-control);min-width:44px;min-height:44px}
.customer-studio .studio-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.customer-studio .stat{padding:20px}
.customer-studio .stat-label,.customer-studio .stat-note{font-size:12px;color:var(--color-ink-soft)}
.customer-studio .stat-value{font-size:24px;letter-spacing:-.01em}
.customer-studio .stat-symbol{color:var(--color-brand-deep)}
.customer-studio .activity-item{border-color:var(--color-grid)}
.customer-studio .activity-item p{font-size:13px}
.customer-studio .activity-item:before{background:var(--color-brand-deep)}
.customer-studio .activity-item.warning:before{background:var(--color-status-verifying-ink)}
.customer-studio .activity-item.error:before{background:var(--color-overdue-ink)}
.customer-studio .empty-symbol{color:var(--color-brand-deep)}
.customer-studio .empty h3{font-size:17px}
.customer-studio .empty p{font-size:15px}
.customer-studio .filter{background:var(--color-surface);color:var(--color-ink-soft);border:0;border-radius:var(--radius-pill);font-size:13px;min-height:44px}
.customer-studio .filter.active{background:var(--color-brand-soft);color:var(--color-brand-deep)}
.customer-studio .track,.customer-studio .track progress::-webkit-progress-bar{background:var(--color-surface-sunken)}
.customer-studio .track progress::-webkit-progress-value{background:var(--color-brand-deep)}
.customer-studio .track progress::-moz-progress-bar{background:var(--color-brand-deep)}
.customer-studio .evidence,.customer-studio th,.customer-studio td{border-color:var(--color-grid)}
.customer-studio .evidence blockquote{color:var(--color-ink-soft);border-color:var(--color-grid);font-size:13px}
.customer-studio th{background:var(--color-surface-sunken);color:var(--color-ink-soft)}
.customer-studio dialog{background:var(--color-surface);color:var(--color-ink);border:0;border-radius:var(--radius-card);box-shadow:var(--shadow-lift)}
.customer-studio dialog::backdrop{background:#191f2870}
.customer-studio .social-channel-grid,.customer-studio .social-platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.customer-studio .social-channel-card{display:grid;justify-items:start;gap:14px;padding:20px}
.customer-studio .social-channel-heading{display:flex;align-items:center;gap:12px;min-width:0}
.customer-studio .social-channel-heading h2,.customer-studio .social-channel-heading p{margin:0;overflow-wrap:anywhere}
.customer-studio .social-channel-heading h2{font-size:16px}
.customer-studio .social-channel-heading p{color:var(--color-ink-soft);font-size:13px}
.customer-studio .social-platform-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;color:#fff;background:#171717}
.customer-studio .social-platform-icon.facebook{background:#0866ff}
.customer-studio .social-platform-icon svg{width:25px;height:25px}
.customer-studio #social-channel-picker{width:min(520px,calc(100% - 24px));max-width:none}
.customer-studio .social-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.customer-studio .social-platform-option{display:grid;justify-items:center;align-content:center;gap:8px;min-height:112px;padding:12px 8px;border:1px solid var(--color-grid);border-radius:var(--radius-control);background:var(--color-surface-sunken);color:var(--color-ink);text-align:center}
.customer-studio .social-platform-option:enabled:hover{border-color:var(--color-brand-deep);background:var(--color-brand-soft)}
.customer-studio .research-warning{display:flex;align-items:flex-start;gap:12px;padding:14px;margin-bottom:16px;border-radius:var(--radius-control);background:var(--color-status-verifying);color:var(--color-status-verifying-ink)}
.customer-studio .research-warning svg{flex:none}
.customer-studio .research-warning h2,.customer-studio .research-warning p{margin:0;color:inherit}
.customer-studio .research-warning p{margin-top:4px}
.customer-studio .close-button{background:var(--color-surface-sunken);color:var(--color-ink);width:44px;height:44px}
.customer-studio #post-content{font-size:15px}
.customer-studio #toast{background:var(--color-ink);color:var(--color-surface);border-radius:var(--radius-control);font-size:13px}
.customer-studio .form-actions{gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-grid)}
.customer-studio .setup-preferences{margin-top:24px;border-top:1px solid var(--color-grid);padding-top:20px}
.customer-studio .setup-tabs{display:flex;gap:8px;margin-bottom:24px;padding:6px;background:var(--color-surface-sunken);border-radius:var(--radius-control)}
.customer-studio .setup-tabs button{flex:1;min-height:44px;padding:10px 16px;border:0;border-radius:10px;background:transparent;color:var(--color-ink-soft);font-size:13px;font-weight:600}
.customer-studio .setup-tabs button[aria-selected=true]{background:var(--color-surface);color:var(--color-brand-deep);box-shadow:var(--shadow-card)}
.customer-studio a.nav-item{text-decoration:none}
.customer-studio .textarea-field{grid-column:1/-1;min-width:0}
.customer-studio .textarea-control{position:relative}
.customer-studio .image-style-preview{max-width:420px;margin-inline:0}
.customer-studio .image-style-sample{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-control);background:var(--color-surface-sunken) url('/image-style-samples.png') left center/200% 100% no-repeat}
.customer-studio .image-style-preview[data-image-style-preview="photorealistic"] .image-style-sample,.customer-studio .image-style-preview[data-image-style-preview="source_article"] .image-style-sample{background-position:right center}
.customer-studio .image-style-headline{display:none;position:absolute;inset:0 0 auto;padding:12px 16px;color:#14251e;font-size:clamp(14px,2.5vw,20px)}
.customer-studio .image-style-headline mark{background:#ffe277;color:inherit}
.customer-studio .image-style-logo{display:block;margin-bottom:10px;text-align:right;font-size:11px;font-weight:700}
.customer-studio .image-style-preview[data-image-style-preview="editorial_card"] .image-style-sample{max-width:320px;aspect-ratio:3/4;background-color:#fff;background-position:left bottom;background-size:200% auto;border:1px solid var(--color-grid)}
.customer-studio .image-style-preview[data-image-style-preview="editorial_card"] .image-style-headline{display:block}
.customer-studio .image-style-preview[data-image-style-preview="editorial_card"]{margin-bottom:0}
.customer-studio .image-style-preview[data-image-style-preview="editorial_card"]+[data-generated-image-settings]>.section-gap{margin-top:10px}
.customer-studio .image-style-preview figcaption{margin-top:8px;color:var(--color-ink-soft);font-size:13px}
.customer-studio .direction-info{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;color:var(--color-ink-soft);font-size:11px;cursor:help}
.customer-studio .direction-info::before{content:"!"}
.customer-studio .feed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px}
.customer-studio .feed-actions{display:flex;gap:8px}
@media(max-width:480px){.customer-studio .feed-row{grid-template-columns:minmax(0,1fr)}.customer-studio .feed-actions{justify-content:flex-end}}
.customer-studio .textarea-control textarea{display:block;width:100%;min-height:140px;padding-bottom:60px;resize:none}
.customer-studio .textarea-editor{width:min(900px,calc(100% - 24px));max-width:none}
.customer-studio .textarea-editor textarea{width:100%;height:65dvh;min-height:0;resize:none}
.customer-studio .textarea-toggle{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-control);background:var(--color-surface-sunken);color:var(--color-brand-deep)}
.customer-studio summary{cursor:pointer;font-size:13px;font-weight:600;min-height:44px;padding:10px 0;color:var(--color-ink)}
.customer-studio .brand-current{display:flex;align-items:center;gap:10px;width:100%;min-height:76px;padding:12px;text-align:left;background:var(--color-surface-sunken);color:var(--color-ink);border:0;border-radius:var(--radius-card)}
.customer-studio .brand-current:hover{background:var(--color-brand-soft)}
.customer-studio .brand-current-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;background:var(--color-surface);border-radius:var(--radius-control);font-size:15px;font-weight:700;color:var(--color-brand-deep)}
.customer-studio .brand-current-copy{display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}
.customer-studio .brand-current-copy strong{font-size:13px;line-height:1.4}
.customer-studio .brand-current-copy small{font-size:12px;color:var(--color-ink-soft)}
.customer-studio .brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.customer-studio .brand-option{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;min-height:260px;padding:24px;text-align:left;border:0;border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-card)}
.customer-studio .brand-option:hover{box-shadow:var(--shadow-lift)}
.customer-studio .brand-option-top{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
.customer-studio .brand-monogram,.customer-studio .brand-add-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-tile);background:var(--color-brand-soft);color:var(--color-brand-deep);font-size:21px;font-weight:700}
.customer-studio .selected-brand{padding:5px 9px;border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-deep);font-size:12px;font-weight:600}
.customer-studio .brand-option-title{font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere;max-width:100%}
.customer-studio .brand-option-status{padding:4px 9px;border-radius:var(--radius-pill);background:var(--color-status-new);color:var(--color-status-new-ink);font-size:12px;line-height:1.45}
.customer-studio .brand-option-status.running{background:var(--color-status-resolved);color:var(--color-status-resolved-ink)}
.customer-studio .brand-option-formats{font-size:13px;color:var(--color-ink-soft);overflow-wrap:anywhere;max-width:100%}
.customer-studio .brand-option-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid var(--color-grid);font-size:13px;color:var(--color-ink-soft)}
.customer-studio .brand-open{color:var(--color-brand-deep);font-weight:600}
.customer-studio .brand-add{justify-content:center;align-items:center;gap:16px;text-align:center;color:var(--color-ink-soft)}
.customer-studio .brand-add .brand-option-title{color:var(--color-ink)}
.customer-studio .brand-add-icon{background:var(--color-surface-sunken);font-size:28px}
.customer-studio footer{color:var(--color-ink-soft);font-size:12px}
.customer-studio .loading{padding:48px 16px}
.customer-studio.customer-login .customer-card{width:min(440px,100%);max-width:440px;margin:auto;padding:36px}
.customer-studio.customer-login .wordmark{font-size:24px;margin:0 0 28px}
.customer-studio.customer-login h1{margin:0 0 12px}
.customer-studio.customer-login .login-intro{margin:0 0 28px;font-size:15px}
.customer-studio.customer-login label{gap:6px}
.customer-studio.customer-login input{margin-top:0}
.customer-studio.customer-login .button{width:100%}
.customer-studio.customer-login [role=alert]{color:var(--color-overdue-ink);font-size:13px}
@media(max-width:1024px){.customer-studio .brand-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:750px){
  .customer-studio .sidebar{padding:16px;padding-top:max(16px,env(safe-area-inset-top));grid-template-columns:1fr 1fr}
  .customer-studio .brand-current{min-height:64px;padding:8px}
  .customer-studio .brand-current-copy small{display:none}
  .customer-studio main{padding:24px 16px max(24px,env(safe-area-inset-bottom))}
  .customer-studio .topbar{height:auto;min-height:64px;gap:12px;flex-wrap:wrap;padding:12px 16px}
  .customer-studio .topbar>div{min-width:0;overflow-wrap:anywhere}
  .customer-studio .topbar-right{flex-wrap:wrap;gap:8px}
  .customer-studio .card-pad,.customer-studio .settings-section{padding:20px}
  .customer-studio input,.customer-studio textarea,.customer-studio select{font-size:16px}
  .customer-studio .studio-stats{grid-template-columns:minmax(0,1fr)}
  .customer-studio .post-time{display:none}
  .customer-studio .post-row{padding:20px;gap:12px}
  .customer-studio .brand-option{padding:20px}
  .customer-studio .form-actions .button{flex:1}
  .customer-studio.customer-login .customer-card{padding:28px 24px}
}