@import url("https://twogeko.com/assets/tgps-design-system-v1.css?v=20261017-1");
/* TGPS Workspace V1: shared primitives; brand colors remain configurable. */
.tgps-workspace{--ws-space:16px;--ws-radius:12px;--ws-border:#cbd2cf;--ws-focus:#185bc8;--ws-danger:#a51d2d; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45}
.tgps-workspace [hidden]{display:none!important}
.tgps-workspace :is(.app-main,.main){min-width:0}
.tgps-workspace :is(.toolbar,.actions,.editor-fields,.inline-form){gap:12px;flex-wrap:wrap}
.tgps-workspace :is(h1,.app-title){font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.15}
.tgps-workspace :is(button,.btn,.button,input,select,textarea){font:inherit}
.tgps-workspace :is(button,.btn,.button){min-height:42px;border-radius:8px;cursor:pointer}
.tgps-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;min-height:42px;border-radius:8px}
.tgps-workspace :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline:3px solid var(--ws-focus);outline-offset:3px}
.tgps-workspace :is(button,.btn):disabled{cursor:wait;opacity:.6}
.tgps-workspace :is(.pill,.production-pill,.portal-pill,.commerce-status){border-radius:999px;padding:4px 10px;display:inline-block;font-size:.8rem;font-weight:650}
.tgps-workspace :is(.panel,.card,.editor-section,.production-panel){border-radius:var(--ws-radius)}
.tgps-workspace :is(.empty,.commerce-empty,.ws-feedback){padding:16px;border:1px solid var(--ws-border);border-radius:8px;line-height:1.5}
.tgps-workspace .ws-feedback{margin:12px 0;background:#eff6ff;color:#173760}
.tgps-workspace .ws-feedback[data-state=error]{background:#fff1f2;color:#861c2c;border-color:#c86976}
.tgps-workspace .ws-feedback[data-state=success]{background:#edf8ef;color:#18572b;border-color:#75a484}
.tgps-workspace .ws-field-label{display:block;font-size:.85rem;font-weight:650;margin-bottom:5px}
.tgps-workspace :is(.editor-save,.dialog-foot){position:sticky;bottom:0;z-index:2;padding:12px;background:var(--ws-surface,#fff);border-top:1px solid var(--ws-border)}
.tgps-workspace :is(.tabs,.production-tabs,.commerce-tabs){display:flex;gap:6px;overflow:auto;max-width:100%;padding:4px}
.tgps-workspace :is(.table-scroll,.production-list){overflow-x:auto}
.tgps-workspace .ws-table-wrap{overflow-x:auto;max-width:100%}
.tgps-workspace th{text-align:left;white-space:nowrap}
.tgps-workspace :is(td,th){padding:10px 12px;vertical-align:top}
.tgps-workspace :is(.creative-grid,.editor-covers){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.tgps-workspace :is(.creative-grid,.editor-covers) :is(img,video){width:100%;object-fit:contain}
.tgps-workspace dialog{max-width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border-radius:12px}
.tgps-workspace dialog::backdrop{background:rgb(0 0 0 / .5)}
.tgps-workspace :is(.dialog-body,.production-workspace-body){overflow:auto;min-height:0}
.tgps-workspace .production-workspace{max-height:calc(100dvh - 24px);overflow:auto}
.tgps-workspace .ws-advanced{grid-column:1/-1;border:1px solid var(--ws-border);border-radius:8px;padding:12px}
.tgps-workspace .ws-advanced summary{cursor:pointer;font-weight:650}
.tgps-workspace .ws-advanced>div{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:700px){
 .tgps-workspace :is(.app-shell,.portal-manager-layout){grid-template-columns:1fr}
 .tgps-workspace :is(.app-main,.main){padding:16px!important}
 .tgps-workspace :is(.two,.editor-fields,.ws-advanced>div){grid-template-columns:1fr}
 .tgps-workspace :is(.toolbar,.dialog-head,.app-nav){flex-wrap:wrap}
 .tgps-workspace :is(.production-summary-grid,.cards){grid-template-columns:repeat(2,minmax(0,1fr))}
 .tgps-workspace :is(.app-side,.sidebar){max-width:100%}
 .tgps-workspace .production-workspace{width:calc(100vw - 24px);margin:12px}
 .tgps-workspace .dialog-body{padding:16px}
 .tgps-workspace :is(.actions,.editor-save) button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.tgps-workspace *{scroll-behavior:auto!important;transition:none!important}}
/* Shared creator list/detail layout: network adapters provide data and actions. */
.tgps-workspace .creator-management-workspace{font-size:15px;line-height:1.45;color:#172c35;min-width:0}
.tgps-workspace .creator-policy-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--ws-border);border-radius:12px;padding:18px;margin-bottom:12px}
.tgps-workspace .creator-policy-head h3{font-size:22px;margin:4px 0;line-height:1.25}
.tgps-workspace .creator-policy-head p{font-size:14px;margin:4px 0;color:#52636b;max-width:80ch}
.tgps-workspace .creator-policy-head>div>span{font-size:11px;letter-spacing:.08em;font-weight:700}
.tgps-workspace .creator-management-tools{display:grid;grid-template-columns:minmax(180px,1fr) 200px 180px;gap:10px;margin:12px 0}
.tgps-workspace .creator-management-tools :is(input,select){width:100%;border:1px solid var(--ws-border);background:#fff;color:inherit;padding:10px 12px;font-size:15px}
.tgps-workspace .creator-management-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;align-items:start}
.tgps-workspace .creator-master-list{max-height:70vh;overflow:auto;background:white;border:1px solid var(--ws-border);border-radius:12px}
.tgps-workspace .creator-master-row{display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:#fff;border:0;border-bottom:1px solid #edf0ef;border-left:3px solid transparent;padding:12px;min-height:72px;color:inherit;border-radius:0;font-size:14px}
.tgps-workspace .creator-master-row.is-active{background:#eef5f2;border-left-color:var(--ws-accent,#168447)}
.tgps-workspace .creator-master-copy{display:grid;gap:3px;min-width:0;flex:1}
.tgps-workspace .creator-master-copy :is(strong,small,em){overflow-wrap:anywhere;white-space:normal;font-size:13px}
.tgps-workspace .creator-master-copy :is(small,em){color:#53656d;font-style:normal;font-size:12px}
.tgps-workspace .creator-policy-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e7f2ec;color:var(--ws-accent,#168447);font-size:17px;font-weight:700}
.tgps-workspace .creator-policy-avatar.large{width:48px;height:48px}
.tgps-workspace :is(.creator-policy-pill,.creator-access-status){font-size:11px;line-height:1.4;padding:5px 8px;border-radius:999px;background:#edf2f0;color:#263b42;font-weight:700}
.tgps-workspace .creator-detail-wrap{min-width:0}
.tgps-workspace .creator-detail-panel{border:1px solid var(--ws-border);background:#fff;border-radius:12px;overflow:hidden}
.tgps-workspace .creator-detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#f8fbf9}
.tgps-workspace .creator-policy-person{display:flex;align-items:center;gap:12px;min-width:0}
.tgps-workspace .creator-policy-person h3{font-size:21px;margin:4px 0}
.tgps-workspace .creator-policy-person small{font-size:13px;overflow-wrap:anywhere}
.tgps-workspace .creator-policy-person>div>span{font-size:11px;font-weight:700;letter-spacing:.06em}
.tgps-workspace .creator-detail-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-block:1px solid var(--ws-border)}
.tgps-workspace .creator-detail-metrics>div{padding:14px;border-right:1px solid var(--ws-border);display:grid;gap:4px}
.tgps-workspace .creator-detail-metrics strong{font-size:22px}
.tgps-workspace .creator-detail-metrics span{font-size:11px;text-transform:uppercase;color:#52636b}
.tgps-workspace .creator-detail-tabs{display:flex;gap:6px;padding:6px 14px;overflow:auto;background:#f8fbf9;border-bottom:1px solid var(--ws-border)}
.tgps-workspace .creator-detail-tabs button{font-size:15px;padding:10px 16px;border:0;border-bottom:3px solid transparent;border-radius:8px;background:transparent;color:#425760}
.tgps-workspace .creator-detail-tabs button.is-active{background:#fff;color:var(--ws-accent,#168447);border-bottom-color:var(--ws-accent,#168447)}
.tgps-workspace .creator-detail-tab-body{padding:18px;font-size:15px}
.tgps-workspace .ws-creator-access{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;border:0;padding:0;min-height:0}
.tgps-workspace .ws-creator-access .creator-policy-person{display:none}
.tgps-workspace .ws-creator-access .creator-policy-modes{display:flex;flex-wrap:wrap;gap:8px;grid-column:auto}
.tgps-workspace .ws-creator-access .creator-policy-modes button{padding:10px 16px;font-size:14px;border:1px solid var(--ws-border);background:#fff;color:#172c35}
.tgps-workspace .ws-creator-access .creator-policy-modes button.is-active{background:var(--ws-accent,#168447);color:#fff}
.tgps-workspace .ws-creator-access form{display:grid;gap:12px;padding:16px;border:1px solid var(--ws-border);border-radius:10px}
.tgps-workspace .ws-creator-access form label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:15px}
.tgps-workspace .ws-creator-access form button{justify-self:start;padding:10px 16px;font-size:15px}
.tgps-workspace .ws-creator-access form p{font-size:14px;margin:0;color:#52636b}
.tgps-workspace :is(.suite-stats,.suite-stat-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.tgps-workspace .suite-stat{border:1px solid var(--ws-border);border-radius:12px;background:#fff;padding:18px;display:grid;gap:6px}
.tgps-workspace .suite-stat strong{font-size:28px}.tgps-workspace .suite-stat span{font-size:12px;color:#52636b}
@media(max-width:900px){.tgps-workspace .creator-management-grid{grid-template-columns:240px minmax(0,1fr)}.tgps-workspace .creator-management-tools{grid-template-columns:1fr 1fr}.tgps-workspace .creator-management-tools input{grid-column:1/-1}}
@media(max-width:700px){.tgps-workspace .creator-management-grid{grid-template-columns:1fr}.tgps-workspace .creator-master-list{max-height:240px}.tgps-workspace .creator-policy-head{align-items:start;flex-wrap:wrap}.tgps-workspace .creator-detail-head{flex-wrap:wrap}.tgps-workspace :is(.suite-stats,.suite-stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.tgps-workspace .creator-detail-tab-body{padding:12px}}
/* Canonical workspace typography and desktop summary layout. */
body.tgps-workspace{--ws-font:Arial,Helvetica,"Segoe UI",sans-serif;font-family:var(--ws-font)}
body.tgps-workspace .network-content-manager,body.tgps-workspace .network-content-manager :not(code):not(pre){font-family:var(--ws-font)!important;font-stretch:normal;}
body.tgps-workspace .network-content-manager .portal-tab{font-size:15px!important;font-weight:500;line-height:1.4;padding:14px 16px}
body.tgps-workspace .network-content-manager .portal-tab b{font-size:11px!important}
body.tgps-workspace .network-content-manager :is(.suite-stats,.suite-stat-grid){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px;padding:16px;margin:0}
body.tgps-workspace .network-content-manager .suite-stat{min-width:0;min-height:110px;margin:0}
body.tgps-workspace .network-content-manager .suite-stat span{font-size:12px!important;font-weight:700;letter-spacing:.05em}
body.tgps-workspace .network-content-manager .suite-stat strong{font-size:28px!important;line-height:1.2}
body.tgps-workspace .network-content-manager .suite-stat small{font-size:12px!important}
body.tgps-workspace .creator-master-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
body.tgps-workspace .structure-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}
body.tgps-workspace .structure-tree,body.tgps-workspace .structure-editor{min-width:0;border:1px solid var(--ws-border);border-radius:12px;background:#fff;padding:16px}
body.tgps-workspace .structure-tree-scroll{max-height:70vh;overflow:auto;margin-top:12px}
body.tgps-workspace :is(.structure-toolbar,.structure-tree-head,.structure-editor-form>header){display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
body.tgps-workspace :is(.structure-channel-row,.structure-series-row){display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px;text-align:left;border:1px solid var(--ws-border);background:#fff;margin-bottom:6px}
body.tgps-workspace .structure-series-list{padding-left:16px}.tgps-workspace .structure-add-series{margin:4px 0 12px;padding:10px}
body.tgps-workspace .structure-editor-layout{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:16px}
body.tgps-workspace :is(.structure-art-preview,.structure-art-empty){width:100%;max-height:220px;object-fit:contain;border-radius:8px;background:#f3f6f4}
body.tgps-workspace .portal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.tgps-workspace .portal-form-grid label{display:grid;gap:6px;min-width:0}
body.tgps-workspace .portal-form-grid :is(input,select){width:100%;padding:10px;border:1px solid var(--ws-border);font-size:15px}
body.tgps-workspace .portal-form-grid .structure-check{display:flex;align-items:center;gap:8px}.tgps-workspace .portal-form-grid .structure-check input{width:auto}
body.tgps-workspace .structure-editor-form>footer{position:sticky;bottom:0;background:white;padding:12px 0;border-top:1px solid var(--ws-border);margin-top:16px}
@media(max-width:900px){body.tgps-workspace .structure-editor-layout{grid-template-columns:1fr}}
@media(max-width:700px){body.tgps-workspace .network-content-manager :is(.suite-stats,.suite-stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}body.tgps-workspace .structure-grid{grid-template-columns:1fr}body.tgps-workspace .portal-form-grid{grid-template-columns:1fr}body.tgps-workspace .structure-tree-scroll{max-height:240px}}

/* Keep channel and series labels readable in every editor state. */
body.tgps-workspace :is(.structure-channel-row,.structure-series-row){color:#142b1d}
body.tgps-workspace :is(.structure-channel-row,.structure-series-row).is-selected{background:#edf8f0;color:#142b1d;border-color:#178b47;box-shadow:inset 3px 0 0 #178b47}
body.tgps-workspace :is(.structure-channel-row,.structure-series-row).is-selected :is(span,small){color:#142b1d}