/* Inland Tech Solutions visual system v1.0. Customer media keeps its own identity. */
:root{font-family:var(--its-font);color:var(--its-text);background:var(--its-background);--navy:#141414;--teal:var(--its-primary);--teal-light:var(--its-subtle);--muted:var(--its-text-muted);--line:var(--its-border);--cream:var(--its-background);--shadow:none}
h1,h2,h3,.metric-card>strong,.loading-shell{font-family:var(--its-font);font-weight:700}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--its-focus);outline-offset:2px}
.app-shell{font:16px/1.6 var(--its-font);color:var(--its-text)}
.app-shell .sidebar{width:248px;padding:32px 16px 24px;background:var(--its-background);color:var(--its-text)}
.app-shell .brand{margin:0 8px 24px;gap:12px;color:var(--its-text)}
.app-shell .brand strong{font:700 16px/1.4 var(--its-font);letter-spacing:0}
.customer-workspace{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:24px;border:1px solid var(--its-border);border-radius:8px;background:var(--its-surface)}
.customer-workspace strong,.customer-workspace small{display:block;font-size:12px;line-height:1.5}
.customer-workspace small{color:var(--its-text-muted);margin-top:4px}
.app-shell .avatar{background:var(--its-subtle);color:var(--its-text);border-radius:6px;width:36px;height:36px;font-size:12px}
.app-shell .workspace-label{color:var(--its-text-muted);font-size:12px;font-weight:700;letter-spacing:1px;margin:0 12px 12px}
.app-shell .nav-item{font-size:14px;min-height:48px;color:var(--its-text-muted);border-radius:6px;padding:12px;white-space:normal}
.app-shell .nav-item.active,.app-shell .nav-item:hover{background:var(--its-subtle);color:var(--its-text)}
.app-shell .nav-item.active svg{color:var(--its-primary)}
.app-shell .nav-count{background:var(--its-subtle);color:var(--its-text);font-size:12px;height:auto}
.app-shell .sidebar-note{background:transparent;border:0;padding:24px 8px;margin-bottom:8px}
.app-shell .sidebar-note strong,.app-shell .sidebar-note p{font-size:12px;font-weight:400;color:var(--its-text)}
.app-shell .sidebar-note p,.app-shell .sidebar-bottom small{color:var(--its-text-muted)}
.app-shell .sidebar-note svg{color:var(--its-accent)}
.app-shell .sidebar-bottom{border-color:var(--its-border);padding:24px 8px 0}
.app-shell .sidebar-bottom strong,.app-shell .sidebar-bottom small{font-size:12px}
.app-shell main{margin-left:248px;width:calc(100% - 248px)}
.app-shell .topbar{background:var(--its-surface);padding:16px 32px;min-height:76px;height:auto}
.app-shell .breadcrumb,.app-shell .topbar-tag{font-size:12px;color:var(--its-text-muted)}
.app-shell .page-wrap{padding:24px 32px 32px}
.app-shell .page-heading h1{font-size:32px;line-height:1.2}
.app-shell .page-heading p{font-size:14px}
.app-shell .eyebrow{font-size:12px;font-weight:700;color:var(--its-primary);letter-spacing:1px}
.app-shell .environment-banner{background:var(--its-subtle);color:var(--its-text-muted);border-color:var(--its-border);font-size:12px;padding:12px 16px}
.app-shell .environment-banner strong{color:var(--its-text)}
.app-shell .button{font-size:14px;font-weight:700;min-height:44px;padding:10px 16px;white-space:normal}
.app-shell .button.primary{background:var(--its-primary);color:var(--its-on-primary);border-color:var(--its-primary);box-shadow:none}
.app-shell .button.primary:hover:not(:disabled){background:var(--its-primary-hover)}
.app-shell .button.secondary,.app-shell .button.light{background:var(--its-surface);color:var(--its-text);border-color:var(--its-input-border)}
.app-shell .button.secondary:hover,.app-shell .button.light:hover{background:var(--its-subtle)}
.app-shell .text-button{color:var(--its-primary);font-size:14px;min-height:44px;font-weight:700}
.app-shell .panel,.app-shell .metric-card,.app-shell .capture-panel,.app-shell .connection-card{border-radius:8px;box-shadow:none;border-color:var(--its-border)}
.app-shell .metric-card>div,.app-shell .metric-card p{font-size:12px;color:var(--its-text-muted)}
.app-shell .metric-card>strong{font-size:36px;font-weight:700;color:var(--its-text)}
.app-shell .metric-icon{color:var(--its-primary)}
.app-shell .campaign-card{border-color:var(--its-border);padding:16px}
.app-shell .campaign-card:hover{background:var(--its-subtle);border-color:var(--its-input-border)}
.app-shell .campaign-icon,.app-shell .capture-icon{background:var(--its-subtle);color:var(--its-primary)}
.app-shell .campaign-copy h3{font-size:14px;font-weight:700}
.app-shell .campaign-copy p,.app-shell .panel-foot,.app-shell .request-item p{font-size:12px;color:var(--its-text-muted)}
.app-shell .platform-marks>span{font-size:12px;min-width:24px;height:24px;color:var(--its-text-muted);background:var(--its-background);border-color:var(--its-border)}
.app-shell .badge{font-size:12px;background:var(--its-background);color:var(--its-text-muted);font-weight:400}
.app-shell .badge.green{background:var(--its-success-surface);color:var(--its-success)}
.app-shell .badge.amber{background:var(--its-warning-surface);color:var(--its-warning)}
.app-shell .capture-panel{background:var(--its-subtle);padding:24px}
.app-shell .capture-panel h2{color:var(--its-text);font-size:26px;font-weight:700}
.app-shell .capture-panel>p,.app-shell .request-item strong{color:var(--its-text);font-size:14px;font-weight:400}
.app-shell .time-pill{background:var(--its-surface);color:var(--its-text-muted);border-color:var(--its-border);font-size:12px}
.app-shell input,.app-shell textarea,.app-shell select{accent-color:var(--its-primary);border-color:var(--its-input-border);font-size:14px}
.app-shell input:not([type=checkbox]),.app-shell select{min-height:44px}
.app-shell .focus-strip{background:var(--its-surface);border-color:var(--its-border)}
.app-shell .notice{font-size:14px}
.app-shell .field label,.app-shell .checkbox-line,.app-shell .approval-heading p,.app-shell .delivery-note{font-size:14px;color:var(--its-text)}
.app-shell .field small,.app-shell .optional,.app-shell .request-item small,.app-shell .subtle,.app-shell .preview-bottom,.app-shell .preview-tip p{font-size:12px;color:var(--its-text-muted)}
.app-shell .platform-tabs button{font-size:12px;min-height:44px;color:var(--its-text-muted)}
.app-shell .platform-tabs button.selected{color:var(--its-primary);border-color:var(--its-primary)}
.app-shell .approval-panel{border-color:var(--its-border);background:var(--its-surface);border-radius:8px}
.app-shell .approval-heading h2,.app-shell .preview-tip strong{color:var(--its-text);font-size:20px;font-weight:700}
.app-shell .approval-icon,.app-shell .empty-icon{background:var(--its-subtle);color:var(--its-primary)}
.app-shell .delivery-note{background:var(--its-warning-surface);color:var(--its-warning);border-color:var(--its-border)}
.app-shell .preview-no-media,.app-shell .media-empty,.app-shell .upload-drop{background:var(--its-background);color:var(--its-text-muted);border-color:var(--its-border)}
.app-shell .preview-tip,.app-shell .focus-symbol{color:var(--its-primary)}
.app-shell .preview-tip strong{font-size:14px}
.app-shell .post-preview{background:var(--its-surface);border-color:var(--its-border);color:var(--its-text)}
.app-shell .post-preview .preview-avatar{background:var(--its-subtle);color:var(--its-primary);font:700 14px var(--its-font);letter-spacing:0}
.app-shell .post-author strong,.app-shell .post-preview .preview-text{color:var(--its-text);font-family:var(--its-font)}
.app-shell .post-author small,.app-shell .post-preview .platform-mark,.app-shell .post-preview .placeholder{color:var(--its-text-muted)}
.app-shell .post-preview .preview-bottom{border-color:var(--its-border);color:var(--its-text-muted)}
.app-shell .inline-empty,.app-shell .upload-tip{background:var(--its-background);border-color:var(--its-border);color:var(--its-text-muted)}
.app-shell .inline-empty svg{color:var(--its-text-muted)}
.app-shell .upload-tip strong,.app-shell .upload-tip p{color:var(--its-text-muted)}
.private-media{display:block;width:100%;min-width:0;min-height:36px}
.app-shell .preview-media,.app-shell .asset-image{background:var(--its-background)}
.app-shell .media-option{border-color:var(--its-border)}
.app-shell .media-option.selected{background:var(--its-subtle);border-color:var(--its-primary)}
.app-shell .media-option strong{color:var(--its-text);font-size:12px}
.app-shell .media-option small{color:var(--its-text-muted);font-size:12px}
.asset-image>.private-media{height:100%}
.private-media img,.private-media video{display:block;max-width:100%;width:100%;object-fit:contain}
.media-option>.private-media{width:56px;flex-shrink:0}
.media-load-state{display:block;padding:12px;font-size:12px;color:var(--its-text-muted);overflow-wrap:anywhere}
.inline-upload{margin-top:20px;border:1px solid var(--its-border);border-radius:8px;padding:12px 16px}
.inline-upload summary{cursor:pointer;min-height:44px;align-content:center;color:var(--its-primary);font-size:14px;font-weight:700}
.inline-upload summary:focus-visible{outline:2px solid var(--its-focus);outline-offset:2px}
.inline-upload form{margin-top:16px}
.inline-upload .upload-drop{min-height:120px}
.inline-upload input[type=file]{max-width:100%;font-size:12px}
.loading-shell{background:var(--its-background);color:var(--its-text)}
@media(max-width:1100px){.app-shell .dashboard-grid{grid-template-columns:1fr}.app-shell .page-heading{align-items:flex-start}.app-shell .page-heading h1{font-size:28px}}
@media(max-width:740px){.app-shell .sidebar{width:100%;padding:20px 16px 0}.app-shell .brand{margin-bottom:20px}.customer-workspace{display:none}.app-shell .sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.app-shell .nav-item{padding:8px 4px;font-size:12px;gap:4px;min-width:0;flex-direction:column;text-align:center}.app-shell main{width:100%;margin-left:0}.app-shell .page-wrap{padding:20px 16px}.app-shell .topbar{padding:12px 16px}.app-shell .page-heading{flex-wrap:wrap}.app-shell .page-heading h1{font-size:28px}.app-shell .page-heading>.button{width:100%}.app-shell .section-heading{flex-wrap:wrap}.app-shell .metric-grid{grid-template-columns:1fr}.app-shell .capture-panel{display:block}.app-shell .request-list{margin:20px 0}.app-shell .breadcrumb{overflow-wrap:anywhere}.app-shell .topbar-tag{display:none}}

/* All workspace pages use the shared semantic palette, including legacy helper copy. */
.app-shell .focus-strip h3,.app-shell .connection-details h3,.app-shell .connection-card h3,.app-shell .asset-info h3,.app-shell .media-picker legend{color:var(--its-text)}
.app-shell .focus-strip p,.app-shell .small-note,.app-shell .connection-details p,.app-shell .connection-card p,.app-shell .upload-drop strong,.app-shell .upload-drop>span,.app-shell .provider-panel-heading p{color:var(--its-text-muted);font-size:12px}
.app-shell .channel-symbol,.app-shell .connection-overview,.app-shell .connection-details>svg{color:var(--its-primary);background:var(--its-subtle)}
.app-shell .connection-card-foot{background:var(--its-background);color:var(--its-text-muted)}
.app-shell .status-dot,.app-shell .connection-dot,.app-shell .pilot-dot{background:var(--its-border)}
.app-shell .connection-dot.connected{background:var(--its-success)}
.app-shell .notice.success{background:var(--its-success-surface);color:var(--its-success)}
.app-shell .notice.error{background:var(--its-error-surface);color:var(--its-error)}
.app-shell .upload-drop input::file-selector-button{background:var(--its-surface);color:var(--its-primary);border:1px solid var(--its-input-border);min-height:44px}
@media(max-width:740px){.app-shell .sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.app-shell .nav-item{font-size:11px}.app-shell .page-heading>.button{font-size:14px}}
.video-asset video{max-height:440px;background:var(--its-background)}
.video-preview-button{width:100%;text-align:center;justify-content:center;display:flex;padding:10px}
.asset-image:has(.video-asset){height:auto;min-height:200px}
.asset-image .video-asset video{height:200px;object-fit:contain}
.media-dialog{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--its-border);border-radius:8px;background:var(--its-surface);color:var(--its-text);margin:auto;overflow:auto}
.media-dialog::backdrop{background:rgba(20,20,20,.75)}
.media-dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}
.media-dialog-heading h2{font-size:18px;overflow-wrap:anywhere}
.media-dialog video{width:100%;height:auto!important;max-height:65dvh;object-fit:contain;background:var(--its-background)}
.media-dialog p{font-size:12px;color:var(--its-text-muted);margin-top:16px}
@media(max-width:740px){.media-dialog{padding:16px}.media-dialog-heading{align-items:flex-start;flex-direction:column}}
.writing-assistant{border:1px solid var(--its-border);border-radius:8px;padding:20px;background:var(--its-subtle);margin:24px 0;color:var(--its-text)}
.writing-assistant h3{font-size:18px;margin:0 0 8px}.writing-assistant>p,.writing-assistant small,.writing-assistant li,.writing-assistant details{font-size:12px;color:var(--its-text-muted)}
.writing-assistant label{display:block;font-size:14px;font-weight:700;margin:16px 0 8px}.writing-assistant textarea{display:block;width:100%;padding:12px;border:1px solid var(--its-input-border);border-radius:6px;background:var(--its-surface);color:var(--its-text)}
.writing-assistant summary{min-height:44px;align-content:center;cursor:pointer}.writing-assistant>.button{margin:16px 0 8px}.writing-assistant small{display:block}.writing-assistant h4{font-size:14px}
.writing-options article,.writing-seed,.writing-questions{background:var(--its-surface);border:1px solid var(--its-border);border-radius:8px;padding:16px;margin:16px 0}.writing-options p,.writing-seed p{white-space:pre-wrap;font-size:14px;margin:12px 0;color:var(--its-text)}
.writing-actions{display:flex;flex-wrap:wrap;gap:12px}.writing-assistant .writing-error{color:var(--its-error)}.writing-questions ul{padding-left:20px}