:root{--background:#f4f7f8;--surface:#fff;--surface-raised:#fdfefe;--foreground:#18202a;--muted:#5f6b7a;--subtle:#eef3f4;--line:#d7e0e3;--line-strong:#b8c8cd;--teal:#087f7a;--blue:#315d9f;--amber:#b96b12;--green:#2f7a4f;--red:#b6444d;--violet:#6d5598;--shadow:0 18px 50px #1d2b3917}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--foreground);background:linear-gradient(180deg, #315d9f14, transparent 220px), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--blue);font-weight:720;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #315d9f42}.operator-shell{min-height:100vh;padding:20px}.topbar{border:1px solid var(--line);width:min(100%,1440px);min-height:104px;box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin:0 auto 16px;padding:18px;display:flex}.brand-cluster{align-items:center;gap:14px;min-width:260px;display:flex}.brand-mark{width:44px;height:44px;color:var(--teal);background:#e7f4f2;border:1px solid #087f7a4d;border-radius:8px;flex:0 0 44px;place-items:center;font-size:1.05rem;font-weight:820;display:grid}.workspace-label,.panel-heading p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:760}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0;font-size:clamp(1.45rem,2vw,2.05rem);font-weight:790;line-height:1.12}h2{letter-spacing:0;margin:0;font-size:1rem;font-weight:760;line-height:1.25}.scope-strip{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(108px,1fr));gap:1px;width:min(100%,700px);margin:0;display:grid;overflow:hidden}.scope-strip div{background:var(--surface-raised);min-width:0;padding:10px 12px}.scope-strip dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:720}.scope-strip dd{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:.9rem;font-weight:760;overflow:hidden}.command-trigger{background:var(--blue);border-color:#315d9f6b;min-width:112px}.command-trigger:hover{background:#254a83}.workbench{grid-template-columns:minmax(260px,.85fr) minmax(440px,1.35fr) minmax(310px,1fr);grid-template-areas:"motion motion motion""project tasks workflow""conflict tasks audit""deploy deploy audit";gap:16px;width:min(100%,1440px);margin:0 auto;display:grid}.panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.project-panel{grid-area:project;padding:18px}.motion-panel{background:linear-gradient(135deg, #087f7a1a, #315d9f14), var(--surface);grid-area:motion;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:18px;min-height:96px;padding:18px;display:grid}.motion-copy p{color:var(--teal);text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:780}.motion-copy h2{max-width:760px}.motion-proof{border-radius:var(--dd-radius-md);background:var(--blue);color:#fff;border:1px solid #315d9f47;place-items:center;width:56px;height:56px;font-weight:820;display:grid}.task-panel{grid-area:tasks;padding:18px}.conflict-panel{grid-area:conflict;padding:18px}.workflow-panel{grid-area:workflow;padding:18px}.audit-panel{grid-area:audit;padding:18px}.deploy-panel{grid-area:deploy;padding:18px}.panel-heading{margin-bottom:16px}.row-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.project-grid div,.sync-meter div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.project-grid div:nth-child(2n){border-right:0}.project-grid div:nth-last-child(-n+2){border-bottom:0}.project-grid span,.sync-meter span,.diff-grid span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:730;display:block}.project-grid strong,.sync-meter strong,.diff-grid strong{margin-top:5px;font-size:.96rem;line-height:1.25;display:block}.sync-meter{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid;overflow:hidden}.sync-meter div{border-bottom:0}.sync-meter div:last-child{border-right:0}.state-chip{border:1px solid var(--line-strong);min-height:30px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.78rem;font-weight:760;display:inline-flex}.state-chip.in-sync,.state-chip.resolved{color:var(--green);background:#2f7a4f1a;border-color:#2f7a4f47}.state-chip.local-queued,.state-chip.offline-queue{color:var(--amber);background:#b96b121f;border-color:#b96b1247}.state-chip.conflict{color:var(--red);background:#b6444d1a;border-color:#b6444d47}.task-form{margin-bottom:12px}.task-form label,.input-control span{color:var(--muted);margin-bottom:7px;font-size:.78rem;font-weight:760;display:block}.input-control{min-width:0;display:grid}.field-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}input{border:1px solid var(--line-strong);min-width:0;height:42px;color:var(--foreground);background:#fbfdfd;border-radius:8px;padding:0 12px}button{background:var(--teal);color:#fff;border:1px solid #087f7a6b;border-radius:8px;min-height:38px;padding:8px 12px;font-size:.88rem;font-weight:760;transition:background .16s,border-color .16s,transform .16s}button:hover{background:#066863}button:active{transform:translateY(1px)}.secondary-button{border-color:var(--line-strong);background:var(--surface-raised);color:var(--foreground)}.secondary-button:hover{background:var(--subtle);border-color:#8da4ad}.button-row{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.task-list{gap:8px;display:grid}.task-row{border-color:var(--line);width:100%;min-height:76px;color:var(--foreground);text-align:left;background:#fbfdfd;grid-template-columns:12px minmax(0,1fr) minmax(92px,auto);align-items:center;gap:12px;display:grid}.task-row:hover{border-color:var(--line-strong);background:#f6fafb}.task-row.is-selected{background:#f0f5fb;border-color:#315d9f6b}.status-dot{background:var(--muted);border-radius:50%;width:10px;height:10px}.status-dot.active{background:var(--blue)}.status-dot.good{background:var(--green)}.status-dot.danger{background:var(--red)}.status-dot.neutral{background:var(--amber)}.task-main,.task-meta{min-width:0}.task-main strong{font-size:.95rem;line-height:1.28;display:block}.task-main small,.task-meta span,.evidence-row small,.deployment-row small,.diff-grid small,.empty-copy{color:var(--muted);font-size:.78rem;line-height:1.35}.task-meta{justify-items:end;gap:3px;display:grid}.task-meta span{white-space:nowrap}.diff-grid{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.diff-grid div{background:#fbfdfd;min-width:0;padding:12px}.empty-copy{border:1px solid var(--line);background:#fbfdfd;border-radius:8px;min-height:72px;margin:0;padding:14px}.state-rail{gap:8px;margin:0;padding:0;list-style:none;display:grid}.state-rail li{border:1px solid var(--line);background:#fbfdfd;border-radius:8px;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:grid}.state-rail li span{background:var(--line-strong);border-radius:50%;width:10px;height:10px}.state-rail li strong{overflow-wrap:anywhere;font-size:.86rem}.state-rail li.is-current{background:#6d559814;border-color:#6d559857}.state-rail li.is-current span{background:var(--violet)}.evidence-list{gap:8px;display:grid}.evidence-row,.deployment-row{border:1px solid var(--line);background:#fbfdfd;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:10px;min-height:62px;padding:10px;display:grid}.evidence-row strong,.deployment-row strong{margin-bottom:3px;font-size:.88rem;line-height:1.3;display:block}.evidence-state{text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 7px;font-size:.68rem;font-weight:820;display:inline-flex}.evidence-state.pass{color:var(--green);background:#2f7a4f1f}.evidence-state.queued{color:var(--amber);background:#b96b121f}.evidence-state.review{color:var(--red);background:#b6444d1a}.deployment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.deployment-row{grid-template-columns:58px minmax(0,1fr)}.command-backdrop{z-index:20;background:#18202a57;place-items:start center;padding:86px 20px 20px;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;gap:10px;width:min(100%,580px);padding:14px;display:grid;box-shadow:0 24px 70px #101a2438}.command-palette label{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:760}.command-list,.command-group{gap:8px;display:grid}.command-group+.command-group{border-top:1px solid var(--line);padding-top:10px}.command-group-title{color:var(--muted);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:820}.command-list button{border-color:var(--line);min-height:58px;color:var(--foreground);text-align:left;background:#fbfdfd;justify-items:start;gap:3px;display:grid}.command-list button:hover{border-color:var(--line-strong);background:#f6fafb}.command-list span{color:var(--muted);font-size:.78rem;line-height:1.35}.command-empty{color:var(--muted);margin:0;font-size:.88rem}@media (max-width:1120px){.topbar{flex-direction:column;align-items:stretch}.scope-strip{width:100%}.workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"motion motion""project workflow""tasks tasks""conflict audit""deploy deploy"}}@media (max-width:760px){.operator-shell{padding:12px}.topbar{min-height:0;padding:14px}.scope-strip,.workbench,.project-grid,.sync-meter,.diff-grid,.deployment-grid{grid-template-columns:1fr}.workbench{grid-template-areas:"motion""project""tasks""conflict""workflow""audit""deploy";gap:12px}.motion-panel{grid-template-columns:1fr}.scope-strip dd,.task-meta span{white-space:normal}.field-row{grid-template-columns:1fr}.task-row{grid-template-columns:12px minmax(0,1fr)}.task-meta{grid-column:2;justify-items:start}.route-screen__stats{grid-template-columns:1fr}.row-heading{flex-direction:column;align-items:stretch}.button-row button,.field-row button{width:100%}}.auth-shell,.protected-shell{align-content:center;gap:20px;min-height:100vh;padding:24px;display:grid}.auth-shell{justify-items:center}.auth-card,.protected-hero,.auth-context-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow);border-radius:8px}.auth-card,.protected-hero{padding:24px}.auth-card p,.protected-hero p,.auth-context-panel p{color:var(--muted);line-height:1.6}.route-screen{overflow-wrap:anywhere}.route-screen--dashboard{border:1px solid var(--line);background:var(--surface);width:min(100%,1440px);box-shadow:var(--shadow);border-radius:8px;margin:0 auto 16px;padding:16px}.conflicts-shell{align-content:start;gap:16px;width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:20px;display:grid}.conflicts-nav,.conflicts-hero,.conflicts-workspace{min-width:0}.conflicts-nav{justify-content:flex-end;align-items:center;gap:10px;display:flex}.conflicts-nav a{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--foreground);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.84rem;font-weight:760;display:inline-flex}.conflicts-nav a[aria-current=page]{color:var(--blue);background:#eef5fb;border-color:#315d9f57}.conflicts-nav span{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:24px;min-height:24px;font-size:.72rem;font-weight:820;display:inline-grid}.conflicts-hero{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.conflicts-hero p{margin:6px 0 0}.conflicts-status{color:var(--green);background:#2f7a4f1a;border:1px solid #2f7a4f38;border-radius:8px;margin:0;padding:10px 12px;font-weight:720}.conflicts-workspace{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:16px;display:grid}.conflicts-list-card,.conflict-diff-card{min-width:0}.conflicts-list{gap:8px;display:grid}.conflict-list-row{border-color:var(--line);width:100%;color:var(--foreground);text-align:left;background:#fbfdfd;justify-items:start;gap:4px;display:grid}.conflict-list-row.is-selected{background:#eef5fb;border-color:#315d9f6b}.conflict-list-row span,.conflict-list-row small{color:var(--muted);font-size:.74rem;font-weight:730}.conflict-diff-grid{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.conflict-diff-heading,.conflict-diff-row{grid-template-columns:minmax(92px,.6fr) minmax(0,1fr) minmax(0,1fr) minmax(152px,.7fr);display:grid}.conflict-diff-heading{background:var(--subtle);color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:820}.conflict-diff-heading span,.conflict-diff-row>span,.conflict-diff-row code,.conflict-diff-row fieldset{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:10px}.conflict-diff-heading span:last-child,.conflict-diff-row fieldset{border-right:0}.conflict-diff-row:last-child>span,.conflict-diff-row:last-child code,.conflict-diff-row:last-child fieldset{border-bottom:0}.conflict-diff-row code{color:var(--foreground);white-space:pre-wrap;background:#fbfdfd}.conflict-diff-row fieldset{border-top:0;border-left:0;flex-wrap:wrap;gap:8px;min-width:0;margin:0;display:flex}.conflict-diff-row label{color:var(--muted);align-items:center;gap:5px;font-size:.8rem;font-weight:720;display:inline-flex}.conflict-diff-row input{width:16px;min-width:16px;height:16px;padding:0}@media (max-width:860px){.conflicts-shell{padding:12px}.conflicts-hero,.conflicts-workspace{grid-template-columns:1fr}.conflicts-hero{flex-direction:column;align-items:stretch}.conflict-diff-heading{display:none}.conflict-diff-row{grid-template-columns:1fr}.conflict-diff-row>span,.conflict-diff-row code,.conflict-diff-row fieldset{border-right:0}}.route-screen__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:760}.route-screen h2{margin:0;font-size:1.15rem}.route-screen p{max-width:72ch}.route-screen__stats{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:16px 0 0;display:grid;overflow:hidden}.route-screen__stats div{background:var(--surface-raised);min-width:0;padding:10px 12px}.route-screen__stats dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:720}.route-screen__stats dd{overflow-wrap:anywhere;margin:6px 0 0;font-weight:760}.route-screen__body{margin-top:16px}.protected-shell{justify-items:stretch;width:min(100%,900px);margin:0 auto}.auth-context-panel{padding:20px}.auth-context-panel dl{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.auth-context-panel div{background:var(--surface-raised);min-width:0;padding:12px}.auth-context-panel dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:720}.auth-context-panel dd{overflow-wrap:anywhere;margin:6px 0 0;font-weight:760}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--dd-color-background:196 24% 96%;--dd-color-surface:0 0% 100%;--dd-color-surface-raised:180 33% 99%;--dd-color-foreground:214 27% 13%;--dd-color-muted:214 12% 43%;--dd-color-subtle:190 24% 95%;--dd-color-line:193 20% 87%;--dd-color-line-strong:194 21% 76%;--dd-color-accent:177 88% 26%;--dd-color-primary:216 53% 41%;--dd-color-warning:33 82% 40%;--dd-color-success:145 44% 33%;--dd-color-danger:355 45% 49%;--dd-color-violet:258 28% 46%;--background:hsl(var(--dd-color-background));--surface:hsl(var(--dd-color-surface));--surface-raised:hsl(var(--dd-color-surface-raised));--foreground:hsl(var(--dd-color-foreground));--muted:hsl(var(--dd-color-muted));--subtle:hsl(var(--dd-color-subtle));--line:hsl(var(--dd-color-line));--line-strong:hsl(var(--dd-color-line-strong));--teal:hsl(var(--dd-color-accent));--blue:hsl(var(--dd-color-primary));--amber:hsl(var(--dd-color-warning));--green:hsl(var(--dd-color-success));--red:hsl(var(--dd-color-danger));--violet:hsl(var(--dd-color-violet));--dd-spacing-0:0px;--dd-spacing-1:4px;--dd-spacing-2:8px;--dd-spacing-3:12px;--dd-spacing-4:16px;--dd-spacing-5:20px;--dd-spacing-6:24px;--dd-spacing-8:32px;--dd-spacing-10:40px;--dd-spacing-12:48px;--dd-spacing-16:64px;--dd-radius-none:0px;--dd-radius-sm:4px;--dd-radius-md:8px;--dd-radius-lg:12px;--dd-radius-xl:16px;--dd-radius-full:999px;--dd-font-size-xs:12px;--dd-font-size-sm:14px;--dd-font-size-md:16px;--dd-font-size-lg:18px;--dd-font-size-xl:22px;--dd-font-size-2xl:26px;--dd-font-weight-regular:400;--dd-font-weight-medium:600;--dd-font-weight-semibold:720;--dd-font-weight-bold:800;--dd-line-height-tight:1.15;--dd-line-height-base:1.45;--dd-line-height-relaxed:1.65;--dd-motion-duration-instant:0s;--dd-motion-duration-fast:.12s;--dd-motion-duration-base:.18s;--dd-motion-duration-slow:.26s;--dd-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--dd-motion-easing-entrance:cubic-bezier(0, 0, .2, 1);--dd-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--dd-motion-spring-gentle-damping:24;--dd-motion-spring-gentle-mass:1;--dd-motion-spring-gentle-stiffness:220;--dd-motion-spring-snappy-damping:18;--dd-motion-spring-snappy-mass:.8;--dd-motion-spring-snappy-stiffness:320;--shadow:0 18px 50px #1d2b3a17}.dark{--dd-color-background:222 47% 11%;--dd-color-surface:219 36% 15%;--dd-color-surface-raised:218 32% 19%;--dd-color-foreground:210 40% 96%;--dd-color-muted:215 20% 68%;--dd-color-subtle:218 28% 20%;--dd-color-line:218 24% 28%;--dd-color-line-strong:216 20% 38%;--dd-color-accent:178 70% 44%;--dd-color-primary:215 84% 66%;--dd-color-warning:36 91% 58%;--dd-color-success:148 54% 48%;--dd-color-danger:354 72% 64%;--dd-color-violet:259 45% 65%;--shadow:0 18px 50px #070a136b}