/* The Morning Paper — Sweep theme tokens.
   Source: widgettheme SKILL.md + productivity-diary/index.html */

:root{
  --color-paper:#faf8f3;
  --color-outer:#f0ede6;
  --color-white:#ffffff;
  --color-ink:#1a1a1a;
  --color-ink-light:#4a4a4a;
  --color-muted:#6b6b6b;
  --color-accent:#8b1a1a;
  --color-accent-dark:#6b1212;
  --color-border:#d4cfc7;
  --color-border-light:#e8e4dc;
  --color-productive:#1a7f37;
  --color-distracting:#b3261e;
  --color-neutral:#b8860b;
  --font-heading:Georgia,'Times New Roman',serif;
  --font-body:Georgia,'Times New Roman',serif;
  --font-sans:'Segoe UI',Arial,sans-serif;
  --font-mono:'Courier New',Courier,monospace;
  --spacing-xs:4px;
  --spacing-sm:8px;
  --spacing-md:16px;
  --spacing-lg:24px;
  --spacing-xl:32px;
  --spacing-xxl:48px;
  --radius-card:4px;
  --shadow-card:0 2px 8px rgba(0,0,0,0.08);
}

[data-theme="night"]{
  --color-paper:#1c1a17;
  --color-outer:#141210;
  --color-white:#24221f;
  --color-ink:#f0ede6;
  --color-ink-light:#c9c4ba;
  --color-muted:#8a857c;
  --color-accent:#d64545;
  --color-accent-dark:#b3261e;
  --color-border:#3a3630;
  --color-border-light:#2a2722;
  --color-productive:#4fb36f;
  --color-distracting:#d96a5f;
  --shadow-card:0 2px 8px rgba(0,0,0,0.4);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%}
body{font-family:var(--font-body);background:var(--color-outer);color:var(--color-ink);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 240ms ease, color 240ms ease}
button{font:inherit;cursor:pointer;border:none;background:none}
input,select,textarea{font:inherit;color:inherit}
:root{scroll-behavior:smooth}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
:focus:not(:focus-visible){outline:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--color-ink);line-height:1.2}
code{font-family:var(--font-mono);font-size:0.9em;background:var(--color-border-light);padding:2px 6px;border-radius:2px}

.masthead{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-paper);border-bottom:3px solid var(--color-accent);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;transition:background-color 240ms ease, border-color 240ms ease}
.masthead-brand{display:flex;flex-direction:column;gap:2px}
.masthead-title{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--color-accent);letter-spacing:0.14em;text-transform:uppercase}
.masthead-subtitle{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.08em}
.masthead-actions{display:flex;align-items:center;gap:var(--spacing-sm)}
.workspace-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--color-border-light);border-radius:9999px;font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em}
.icon-btn{width:36px;height:36px;border-radius:var(--radius-card);background:var(--color-border);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all 120ms ease;color:var(--color-ink)}
.icon-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:white}

.nav{display:flex;gap:var(--spacing-xs);background:var(--color-paper);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-xl);position:sticky;top:0;z-index:10;overflow-x:auto;-webkit-overflow-scrolling:touch;transition:background-color 240ms ease}
.nav-item{padding:var(--spacing-sm) var(--spacing-md);font-size:13px;font-weight:600;color:var(--color-ink-light);text-decoration:none;border-bottom:2px solid transparent;transition:all 120ms ease;text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap}
.nav-item:hover{color:var(--color-ink);background:var(--color-border-light)}
.nav-item.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}

.main{max-width:1100px;margin:0 auto;padding:var(--spacing-xl);padding-bottom:80px;transition:color 240ms ease}
.section{display:none;animation:fadeIn 240ms ease}
.section.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.gate-card{max-width:440px;margin:60px auto;background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-xl);transition:background-color 240ms ease, border-color 240ms ease}
.gate-title{font-family:var(--font-heading);font-size:24px;color:var(--color-ink);margin-bottom:var(--spacing-xs);text-align:center}
.gate-tagline{font-family:var(--font-sans);font-size:13px;color:var(--color-muted);text-align:center;margin-bottom:var(--spacing-lg);font-style:italic}
.gate-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}
.gate-tab{flex:1;padding:var(--spacing-sm);text-align:center;font-size:13px;font-weight:600;color:var(--color-ink-light);background:transparent;border-bottom:2px solid transparent;transition:all 120ms ease}
.gate-tab:hover{color:var(--color-ink);background:var(--color-border-light)}
.gate-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}
.gate-form{display:flex;flex-direction:column;gap:var(--spacing-md)}
.gate-error{background:var(--color-distracting);color:white;padding:var(--spacing-sm);border-radius:var(--radius-card);font-size:13px;font-weight:600;text-align:center}
.gate-notice{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding:var(--spacing-sm);background:var(--color-border-light);border-radius:var(--radius-card);font-size:12px;color:var(--color-muted)}
.gate-notice svg{flex-shrink:0;color:var(--color-accent)}

.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-md)}
.form-group label{font-size:11px;font-weight:600;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:0.06em}
.form-group input[type="text"],.form-group input[type="password"],.form-group textarea{padding:10px 12px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:14px;transition:border-color 120ms ease, background-color 240ms ease}
.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none}
.form-hint{font-size:12px;color:var(--color-muted)}
.form-section{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:background-color 240ms ease, border-color 240ms ease}
.form-section-title{font-family:var(--font-heading);font-size:18px;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:3px double var(--color-ink)}
.form-section-desc{font-size:13px;color:var(--color-muted);margin-bottom:var(--spacing-md);font-style:italic}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}

.success-check-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}
.success-check-input{flex:1;padding:10px 12px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:14px}
.btn-icon{width:32px;height:32px;border-radius:var(--radius-card);background:var(--color-border-light);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-muted);transition:all 120ms ease}
.btn-icon:hover{background:var(--color-distracting);border-color:var(--color-distracting);color:white}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-card);font-weight:600;font-size:14px;transition:all 120ms ease}
.btn-sm{padding:8px 16px;font-size:12px}
.btn-primary{background:var(--color-accent);color:white}
.btn-primary:hover{background:var(--color-accent-dark)}
.btn-primary:active{transform:scale(0.98)}
.btn-primary:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.btn-secondary{background:var(--color-border-light);color:var(--color-ink);border:1px solid var(--color-border)}
.btn-secondary:hover{background:var(--color-border)}
.btn-text{color:var(--color-muted);padding:var(--spacing-xs)}
.btn-text:hover{color:var(--color-accent)}
.btn-ghost{background:transparent;color:var(--color-ink-light);border:1px dashed var(--color-border);padding:10px 20px;font-size:13px}
.btn-ghost:hover{background:var(--color-border-light);color:var(--color-ink);border-style:solid}
.btn-block{width:100%}
.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}
.gate-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-muted);font-size:12px}
.gate-divider:before,.gate-divider:after{content:'';flex:1;height:1px;background:var(--color-border-light)}
.gate-guest-hint{font-size:11px;color:var(--color-muted);text-align:center;margin-top:var(--spacing-xs);font-style:italic}

.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:3px double var(--color-ink);flex-wrap:wrap;gap:var(--spacing-sm)}
.section-actions{display:flex;gap:var(--spacing-sm)}
.section-title{font-family:var(--font-heading);font-size:22px}
.section-subtitle{font-family:var(--font-sans);font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}
.project-card{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-lg);cursor:pointer;transition:all 120ms ease}
.project-card:hover{border-color:var(--color-ink-light);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.project-card:active{transform:scale(0.98)}
.project-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}
.project-card-badge{padding:3px 8px;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em}
.project-card-badge.demo{background:var(--color-neutral);color:white}
.project-card-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-ink)}
.project-card-desc{font-size:13px;color:var(--color-ink-light);margin-bottom:var(--spacing-md);line-height:1.5}
.project-card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-muted)}
.project-card-status{font-weight:600}
.catalog-actions{display:flex;gap:var(--spacing-sm)}
.catalog-empty{text-align:center;padding:var(--spacing-xxl);background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--spacing-lg)}
.catalog-empty svg{color:var(--color-muted);margin-bottom:var(--spacing-md)}
.catalog-empty h3{font-family:var(--font-heading);font-size:18px;margin-bottom:var(--spacing-sm)}
.catalog-empty p{font-size:14px;color:var(--color-ink-light);margin-bottom:var(--spacing-md)}

.plan-header{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:center;transition:background-color 240ms ease, border-color 240ms ease}
.plan-badge{display:inline-block;padding:4px 12px;background:var(--color-neutral);color:white;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--spacing-sm)}
.plan-badge.verified{background:var(--color-productive)}
.plan-title{font-family:var(--font-heading);font-size:24px;margin-bottom:var(--spacing-xs)}
.plan-one-liner{font-size:14px;color:var(--color-ink-light);font-style:italic}
.plan-card{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:background-color 240ms ease, border-color 240ms ease}
.plan-card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-size:16px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}

.capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}
.capability-item{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);transition:background-color 240ms ease}
.capability-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}
.capability-name{font-weight:700;font-size:13px;color:var(--color-ink)}
.capability-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;padding:2px 6px;border-radius:4px}
.capability-status.on{background:var(--color-productive);color:white}
.capability-status.off{background:var(--color-muted);color:white}
.capability-reason{font-size:12px;color:var(--color-ink-light);line-height:1.4}

.dod-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}
.dod-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-border-light);border-radius:var(--radius-card);font-size:13px;transition:background-color 240ms ease}
.dod-checkbox{width:18px;height:18px;accent-color:var(--color-productive);flex-shrink:0;margin-top:2px}

.phases-timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}
.phase{display:flex;gap:var(--spacing-md);align-items:flex-start}
.phase-marker{width:36px;height:36px;background:var(--color-accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;flex-shrink:0}
.phase-content{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.phase-content strong{font-size:14px;color:var(--color-ink)}
.phase-content span{font-size:12px;color:var(--color-ink-light)}

.file-tree{font-family:var(--font-mono);font-size:13px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);line-height:1.8;transition:background-color 240ms ease, border-color 240ms ease}
.file-tree-item{display:flex;align-items:center;gap:var(--spacing-xs)}
.file-tree-item svg{flex-shrink:0;color:var(--color-muted)}
.file-tree-folder{font-weight:700;color:var(--color-accent)}
.file-tree-file{color:var(--color-ink)}
.file-tree-indent{margin-left:var(--spacing-lg)}

.plan-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg);flex-wrap:wrap}

.verify-header{text-align:center;margin-bottom:var(--spacing-lg)}
.verify-intro{font-size:14px;color:var(--color-ink-light);font-style:italic}
.verify-progress{margin-bottom:var(--spacing-lg)}
.progress-bar{height:8px;background:var(--color-border-light);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}
.progress-fill{height:100%;background:var(--color-productive);transition:width 240ms ease}
.progress-text{font-size:12px;color:var(--color-muted);font-family:var(--font-mono)}
.verify-gates{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}
.verify-gate{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:all 120ms ease}
.verify-gate:hover{border-color:var(--color-ink-light)}
.verify-gate-checkbox{width:20px;height:20px;accent-color:var(--color-productive);flex-shrink:0;margin-top:2px}
.verify-gate-content{flex:1}
.verify-gate-title{font-weight:700;font-size:14px;color:var(--color-ink);margin-bottom:4px}
.verify-gate-hint{font-size:12px;color:var(--color-ink-light);line-height:1.4}
.verify-gate-hint code{background:var(--color-border-light);padding:2px 4px;border-radius:2px;font-size:11px}
.verify-commands{margin-bottom:var(--spacing-lg)}
.verify-commands-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-size:16px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}
.command-block{position:relative;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}
.command-block pre{font-family:var(--font-mono);font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:var(--color-ink);line-height:1.6}
.command-block .btn-sm{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}
.verify-note{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--color-muted);font-style:italic}
.verify-note svg{flex-shrink:0}
.verify-actions{display:flex;justify-content:flex-end}

.generate-header{text-align:center;margin-bottom:var(--spacing-lg)}
.generate-intro{font-size:14px;color:var(--color-ink-light);font-style:italic}
.generate-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}
.generate-files{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);height:fit-content;transition:background-color 240ms ease}
.generate-files-title{font-size:12px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--spacing-sm)}
.file-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.file-list-item{padding:var(--spacing-sm);border-radius:var(--radius-card);font-size:13px;cursor:pointer;transition:all 120ms ease;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-list-item:hover{background:var(--color-border-light)}
.file-list-item.active{background:var(--color-accent);color:white}
.generate-viewer{flex:1;min-width:0}
.generate-viewer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm)}
.generate-filename{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--color-ink)}
.generate-viewer-actions{display:flex;gap:var(--spacing-sm)}
.generate-code-block{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);max-height:400px;overflow:auto;transition:background-color 240ms ease, border-color 240ms ease}
.generate-code-block code{font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;color:var(--color-ink)}
.generate-memory{margin-bottom:var(--spacing-lg)}
.generate-memory-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-size:16px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}
.generate-actions{display:flex;justify-content:flex-end}

.guide-content{max-width:700px;margin:0 auto;background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-xl);transition:background-color 240ms ease, border-color 240ms ease}
.guide-title{font-family:var(--font-heading);font-size:24px;text-align:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:3px solid var(--color-accent)}
.guide-intro{font-family:var(--font-sans);font-size:13px;color:var(--color-muted);text-align:center;margin-bottom:var(--spacing-xl);font-style:italic}
.guide-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}
.guide-step{display:flex;gap:var(--spacing-md)}
.guide-step-number{width:32px;height:32px;background:var(--color-accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:700;flex-shrink:0}
.guide-step-content h3{font-family:var(--font-heading);font-size:16px;margin-bottom:var(--spacing-xs)}
.guide-step-content p{font-size:13px;color:var(--color-ink-light);line-height:1.6}
.guide-principles{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-lg);transition:background-color 240ms ease}
.guide-principles h3{font-family:var(--font-heading);font-size:16px;margin-bottom:var(--spacing-md)}
.guide-principles ul{list-style:disc;padding-left:var(--spacing-lg)}
.guide-principles li{font-size:13px;color:var(--color-ink-light);margin-bottom:var(--spacing-sm);line-height:1.5}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--color-paper);border:1px solid var(--color-border);color:var(--color-ink);padding:12px 24px;border-radius:var(--radius-card);font-size:13px;font-weight:500;z-index:1100;opacity:0;visibility:hidden;transition:all 240ms ease;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,0.15);max-width:calc(100vw - 48px);text-align:center}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

@media(max-width:768px){
  .masthead{padding:var(--spacing-md)}
  .masthead-title{font-size:22px}
  .nav{padding:var(--spacing-sm);overflow-x:auto}
  .main{padding:var(--spacing-md);padding-bottom:80px}
  .form-grid{grid-template-columns:1fr}
  .catalog-grid{grid-template-columns:1fr}
  .gate-card{margin:var(--spacing-md);padding:var(--spacing-md)}
  .capability-grid{grid-template-columns:1fr}
  .section-header{flex-direction:column;align-items:flex-start}
  .section-actions{width:100%;justify-content:flex-end}
  .generate-layout{grid-template-columns:1fr}
  .generate-files{max-height:200px;overflow-y:auto}
  .plan-actions{flex-direction:column}
  .btn{width:100%}
}
@media(max-width:480px){
  .masthead-actions{flex-wrap:wrap;justify-content:flex-end}
  .guide-step{flex-direction:column}
  .verify-gate{flex-direction:column}
  .command-block .btn-sm{position:static;margin-top:var(--spacing-sm)}
  .generate-viewer-header{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* === OPERATOR MODULE STYLES === */

.operator-cockpit-header{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:background-color 240ms ease}
.operator-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}
.operator-credits{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-accent);background:var(--color-border-light);padding:6px 12px;border-radius:9999px}
.operator-mode-controls{display:flex;gap:var(--spacing-md);flex-wrap:wrap}
.operator-segmented{display:flex;align-items:center;gap:var(--spacing-xs)}
.operator-segmented-label{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em}
.operator-seg-btn{padding:6px 12px;font-size:12px;font-weight:600;color:var(--color-ink-light);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:all 120ms ease}
.operator-seg-btn:hover{background:var(--color-border)}
.operator-seg-btn.active,.operator-seg-btn[aria-pressed="true"]{background:var(--color-accent);border-color:var(--color-accent);color:white}
.operator-autopilot{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-ink-light)}
.operator-autopilot input{accent-color:var(--color-accent)}
.operator-command-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}
.operator-command-bar input{flex:1;min-width:200px;padding:10px 14px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:14px;font-family:var(--font-mono)}
.operator-command-bar input:focus{border-color:var(--color-accent);outline:none}
.operator-quick-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}
.operator-chip{padding:6px 12px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:9999px;font-size:12px;font-weight:600;color:var(--color-ink-light);cursor:pointer;transition:all 120ms ease}
.operator-chip:hover{background:var(--color-accent);border-color:var(--color-accent);color:white}

.operator-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--spacing-lg)}
.operator-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}
.operator-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}

.operator-card{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-lg);transition:background-color 240ms ease}
.operator-card-title{font-family:var(--font-heading);font-size:16px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:var(--spacing-sm)}
.operator-note{font-size:12px;color:var(--color-muted);font-style:italic;margin-bottom:var(--spacing-md)}
.operator-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-muted);font-size:13px}

.brand-kit-content{display:flex;flex-direction:column;gap:var(--spacing-md)}
.brand-logo{width:100px;height:100px;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;background:var(--color-white)}
.brand-logo svg{width:100%;height:100%}
.brand-palette{display:flex;gap:var(--spacing-xs)}
.brand-swatch{width:40px;height:40px;border-radius:4px;border:1px solid var(--color-border);cursor:pointer;transition:transform 120ms ease}
.brand-swatch:hover{transform:scale(1.1)}
.brand-fonts{font-size:13px;color:var(--color-ink-light);display:flex;flex-direction:column;gap:var(--spacing-xs)}

.operator-run-log{max-height:300px;overflow-y:auto}
.run-log-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.run-log-entry{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:var(--color-border-light);border-radius:var(--radius-card);font-size:12px}
.run-log-action{font-weight:600;color:var(--color-ink)}
.run-log-time{font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}
.run-history-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.run-history-entry{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-border-light);border-radius:var(--radius-card);font-size:12px}

.library-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}
.library-item{padding:var(--spacing-sm);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:all 120ms ease}
.library-item:hover{border-color:var(--color-ink-light)}
.library-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:12px}
.library-item-type{text-transform:uppercase;font-size:10px;font-weight:700;color:var(--color-muted);padding:2px 6px;background:var(--color-border);border-radius:4px}
.library-item-title{font-weight:600;color:var(--color-ink);flex:1}
.library-item-status{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px}
.library-item-status.pending{background:#fef3c7;color:#92400e}
.library-item-status.approved{background:#d1fae5;color:#065f46}
.library-item-status.rejected{background:#fee2e2;color:#991b1b}
.library-item-date{font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}
.library-item-actions{display:flex;gap:var(--spacing-xs)}

.operator-outbox{max-height:400px;overflow-y:auto}
.outbox-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}
.outbox-tab{padding:6px 12px;font-size:12px;font-weight:600;color:var(--color-ink-light);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer}
.outbox-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}
.outbox-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}
.outbox-item{padding:var(--spacing-sm);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card)}
.outbox-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:12px}
.outbox-type{text-transform:uppercase;font-size:10px;font-weight:700;color:var(--color-muted);padding:2px 6px;background:var(--color-border);border-radius:4px}
.outbox-title{font-weight:600;color:var(--color-ink);flex:1;margin:0 var(--spacing-sm)}
.outbox-date{font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}
.outbox-item-actions{display:flex;gap:var(--spacing-xs)}

.ledger-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:var(--spacing-md)}
.ledger-table th,.ledger-table td{padding:var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border-light)}
.ledger-table th{font-weight:700;font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em}
.ledger-table td[contenteditable="true"]:hover{background:var(--color-border-light);cursor:text}
.ledger-table td[contenteditable="true"]:focus{background:var(--color-white);outline:1px solid var(--color-accent)}
.ledger-totals{background:var(--color-border-light);font-weight:700}
.ledger-chart{display:flex;align-items:flex-end;gap:var(--spacing-xs);height:80px;padding:var(--spacing-sm);background:var(--color-border-light);border-radius:var(--radius-card)}
.ledger-bar{flex:1;background:var(--color-accent);border-radius:2px 2px 0 0;min-height:4px;transition:height 240ms ease}

.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}
.integration-tile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);transition:all 120ms ease}
.integration-tile.connected{border-color:var(--color-productive);background:rgba(26,127,55,0.05)}
.integration-icon svg{width:26px;height:26px;display:block;color:var(--color-ink)}
.integration-label{font-size:11px;font-weight:600;color:var(--color-ink);text-align:center}
.toggle-switch{position:relative;width:36px;height:20px}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--color-muted);border-radius:20px;transition:background-color 120ms ease}
.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background:white;border-radius:50%;transition:transform 120ms ease}
.toggle-switch input:checked + .toggle-slider{background:var(--color-productive)}
.toggle-switch input:checked + .toggle-slider:before{transform:translateX(16px)}

.payments-config{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}
.payments-config .form-group{margin-bottom:0}
.payments-config label{font-size:11px;font-weight:600;color:var(--color-ink-light);text-transform:uppercase;letter-spacing:0.06em;display:block;margin-bottom:4px}
.payments-config input,.payments-config select{width:100%;padding:8px 10px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:13px}
.payments-export h4{font-size:13px;font-weight:700;margin-bottom:var(--spacing-sm)}
.payments-export pre{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);overflow-x:auto;font-family:var(--font-mono);font-size:11px;line-height:1.6;margin-bottom:var(--spacing-sm)}
.operator-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}

@media(max-width:900px){
  .operator-grid{grid-template-columns:1fr}
  .operator-sidebar{order:2}
  .operator-main{order:1}
  .payments-config{grid-template-columns:1fr}
}

.operator-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}
.operator-modal{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 8px 32px rgba(0,0,0,0.3);max-width:720px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}
.operator-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);flex-shrink:0}
.operator-modal-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-ink)}
.operator-modal-actions{display:flex;gap:var(--spacing-sm)}
.operator-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1;font-size:14px;line-height:1.6;color:var(--color-ink)}
.operator-modal-body pre{font-family:var(--font-mono);font-size:12px;white-space:pre-wrap;overflow-wrap:break-word;background:var(--color-border-light);padding:var(--spacing-md);border-radius:var(--radius-card);overflow-x:auto;margin:var(--spacing-sm) 0}
.operator-modal-body svg{max-width:100%;height:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-card);margin:var(--spacing-sm) 0}
.operator-modal-body table{width:100%;border-collapse:collapse;margin:var(--spacing-sm) 0}
.operator-modal-body th,.operator-modal-body td{padding:var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border-light)}
.operator-modal-body th{font-size:12px;color:var(--color-muted);text-transform:uppercase;font-weight:700}
.operator-modal-body .slide-card{background:var(--color-border-light);padding:var(--spacing-md);border-radius:var(--radius-card);margin-bottom:var(--spacing-sm)}
.operator-modal-body .slide-card h4{margin-bottom:4px}
.operator-modal-body .slide-card p{font-size:13px;color:var(--color-ink-light)}
.operator-modal-body .slide-card .notes{font-size:12px;font-style:italic;color:var(--color-muted);margin-top:var(--spacing-xs)}
.operator-modal-body .file-block{margin-bottom:var(--spacing-md)}
.operator-modal-body .file-block h4{font-size:13px;font-family:var(--font-mono);margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:space-between}
.operator-modal-body .target-card{background:var(--color-border-light);padding:var(--spacing-sm);border-radius:var(--radius-card);margin-bottom:var(--spacing-sm)}
.operator-modal-body .target-card strong{color:var(--color-accent)}
.operator-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-card)}
.operator-modal-close:hover{background:var(--color-border-light);color:var(--color-ink)}

/* === OPERATOR V2 COCKPIT STYLES === */

.operator-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);overflow-x:auto}
.operator-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:13px;font-weight:600;color:var(--color-ink-light);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all 120ms ease;white-space:nowrap;text-transform:uppercase;letter-spacing:0.06em}
.operator-tab:hover{color:var(--color-ink);background:var(--color-border-light)}
.operator-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}

.operator-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}
.operator-stat-tile{background:var(--color-paper);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:var(--radius-card);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all 120ms ease}
.operator-stat-tile:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card)}
.operator-stat-label{display:block;font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px}
.operator-stat-value{display:block;font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--color-ink)}

.operator-chat-thread{max-height:400px;overflow-y:auto;margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}
.operator-chat-bubble{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-card);max-width:85%}
.operator-chat-bubble.user{align-self:flex-end;background:var(--color-accent);color:white;flex-direction:row-reverse}
.operator-chat-bubble.otto{align-self:flex-start;background:var(--color-border-light);color:var(--color-ink)}
.operator-chat-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.operator-chat-text{flex:1;font-size:14px;line-height:1.5}
.operator-chat-time{font-size:10px;color:var(--color-muted);font-family:var(--font-mono);margin-top:4px}
.operator-chat-bubble.user .operator-chat-time{color:rgba(255,255,255,0.7)}
.operator-chat-input-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}
.operator-chat-input-row input{flex:1;padding:10px 14px;background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:14px}
.operator-chat-input-row input:focus{border-color:var(--color-accent);outline:none}
.operator-chat-suggestions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}
.operator-chat-suggestions .operator-chip{font-size:11px;padding:4px 10px}

.operator-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md)}
.operator-calendar-day{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-sm);min-height:100px}
.operator-calendar-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}
.operator-calendar-day-name{font-size:10px;font-weight:600;color:var(--color-muted);text-transform:uppercase}
.operator-calendar-day-num{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-ink)}
.operator-calendar-day-items{display:flex;flex-direction:column;gap:4px;min-height:60px}
.operator-calendar-chip{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--color-paper);border:1px solid var(--color-border);border-radius:4px;font-size:10px;font-weight:600;cursor:pointer}
.operator-calendar-chip.twitter{background:#e8f4f8;border-color:#b3d9e8}
.operator-calendar-chip.linkedin{background:#e8f0f7;border-color:#b3d1e8}
.operator-calendar-chip.instagram{background:#fdf0f5;border-color:#f8d1e8}
.operator-calendar-chip button{background:none;border:none;font-size:14px;color:var(--color-muted);cursor:pointer;padding:0 4px}
.operator-calendar-chip button:hover{color:var(--color-distracting)}
.operator-calendar-empty{font-size:10px;color:var(--color-muted);font-style:italic}
.operator-calendar-add{width:100%;margin-top:var(--spacing-xs);font-size:10px;padding:4px}

.operator-inbox-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}
.operator-inbox-item{padding:var(--spacing-md);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);border-left:3px solid transparent}
.operator-inbox-item.unread{border-left-color:var(--color-accent);background:var(--color-white)}
.operator-inbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}
.operator-inbox-from{font-weight:700;font-size:13px;color:var(--color-ink)}
.operator-inbox-channel{font-size:10px;font-weight:600;color:var(--color-muted);text-transform:uppercase;padding:2px 6px;background:var(--color-border);border-radius:4px}
.operator-inbox-time{font-size:10px;color:var(--color-muted);font-family:var(--font-mono)}
.operator-inbox-message{font-size:13px;color:var(--color-ink-light);line-height:1.5;margin-bottom:var(--spacing-sm)}
.operator-inbox-actions{display:flex;gap:var(--spacing-xs)}

.operator-ledger-sheets{margin-top:var(--spacing-md)}
.operator-ledger-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}
.operator-ledger-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:12px;font-weight:600;color:var(--color-ink-light);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer}
.operator-ledger-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}

.operator-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}
.operator-plan-card{background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-md);text-align:center}
.operator-plan-name{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-ink);margin-bottom:var(--spacing-xs)}
.operator-plan-price{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--color-accent)}
.operator-plan-period{font-size:12px;color:var(--color-muted)}
.operator-plan-features{list-style:none;padding:0;margin:var(--spacing-md) 0 0;text-align:left}
.operator-plan-features li{font-size:12px;color:var(--color-ink-light);padding:4px 0;border-bottom:1px solid var(--color-border-light)}
.operator-plan-features li:last-child{border-bottom:none}

.operator-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm)}

.operator-outbox-summary{font-size:13px;color:var(--color-ink-light)}
.operator-outbox-summary div{margin-bottom:4px}

.operator-search-results{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}
.operator-search-result{display:grid;grid-template-columns:80px 1fr;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-border-light);border:1px solid var(--color-border);border-radius:var(--radius-card)}
.operator-search-type{font-size:10px;font-weight:700;color:var(--color-muted);text-transform:uppercase;padding:2px 6px;background:var(--color-border);border-radius:4px;height:fit-content}
.operator-search-title{font-weight:600;font-size:13px;color:var(--color-ink)}
.operator-search-preview{font-size:12px;color:var(--color-ink-light);grid-column:2}

@media(max-width:900px){
  .operator-hero-stats{grid-template-columns:repeat(2,1fr)}
  .operator-calendar-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .operator-hero-stats{grid-template-columns:repeat(2,1fr)}
  .operator-insights-grid{grid-template-columns:repeat(2,1fr)}
  .operator-calendar-grid{grid-template-columns:1fr}
  .operator-tabs{position:sticky;top:0;background:var(--color-outer);z-index:10;padding:var(--spacing-xs) 0}
  .operator-tab{font-size:11px;padding:6px 8px}
  .operator-stat-value{font-size:18px}
}

.operator-note,.run-log-time,.operator-stat-label{color:var(--color-ink-light)}
.operator-chat-thread{min-height:180px}
.operator-chat-bubble.otto{border:1px solid var(--color-border)}
.operator-chart{display:flex;align-items:flex-end;gap:var(--spacing-sm);height:120px;padding:var(--spacing-sm);background:var(--color-border-light);border-radius:var(--radius-card)}
.operator-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.operator-chart-bar{width:100%;max-width:38px;background:var(--color-accent);border-radius:2px 2px 0 0;min-height:6px;transition:height 240ms ease}
.operator-chart-x{font-family:var(--font-mono);font-size:9px;color:var(--color-ink-light);white-space:nowrap}
.operator-modal-close{color:var(--color-ink-light)}
.operator-context{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;font-size:12px;color:var(--color-ink-light);margin-bottom:var(--spacing-sm)}
.operator-context strong{color:var(--color-ink)}