/* QICS / Clarté. Short, purposeful motion; no decorative infinite loops. */
:root{--ease-out:cubic-bezier(.2,.7,.3,1);--motion-fast:140ms;--motion-enter:260ms;--space-section:28px}
main{line-height:1.6}main>h1{max-width:24ch}main>p:not(.eyebrow){max-width:76ch}main>h1+.muted,main>h1+p{margin-bottom:24px}.page-heading{align-items:center;margin-bottom:28px}.page-heading p{max-width:60ch}.panel h2{margin-top:0}.section{margin-top:var(--space-section)}.row>div{min-width:0}.row h2,.row h3,.row p{overflow-wrap:anywhere}.metric,.amount,.metric-grid strong{font-variant-numeric:tabular-nums}.small{line-height:1.65;font-size:13px}.tag{line-height:1.5}.empty{display:flex;align-items:center;gap:16px;min-height:100px;padding:24px;background:var(--bg);border-radius:14px;text-align:left;color:var(--muted);max-width:none}.empty>.q-icon{width:30px;height:30px;flex-shrink:0;color:var(--accent)}
.journey{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 156px;gap:24px;align-items:center;margin:26px 0 30px;padding:24px 28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.journey-content{min-width:0}.journey-label{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:650;margin:0 0 8px}.journey-label svg{width:17px;height:17px}.journey h2{font-size:21px;margin:0 0 16px;text-wrap:balance}.journey-art{width:100%;height:auto;color:var(--accent);opacity:.8}.journey-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0}.journey-steps li{min-width:0}.journey-steps details{border:1px solid var(--line);border-radius:12px;background:var(--bg);height:100%}.journey-steps summary{display:flex;align-items:center;gap:8px;padding:9px 10px;min-height:44px;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.journey-steps summary::-webkit-details-marker{display:none}.step-number{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;flex-shrink:0;background:var(--soft);color:var(--accent);font-variant-numeric:tabular-nums}.step-expand{margin-left:auto;color:var(--muted);transition:transform var(--motion-fast) var(--ease-out)}.journey-steps details[open] .step-expand{transform:rotate(45deg)}.journey-steps details[open]{border-color:var(--accent)}.journey-steps details p{font-size:13px;color:var(--muted);padding:0 12px 12px;margin:0;line-height:1.6}.journey-steps summary:hover{color:var(--accent)}
button,.button,summary,a,input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.button{transition:background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) ease}button:disabled{cursor:wait;opacity:.65}button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea,select{transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px var(--soft)}button.primary:hover{box-shadow:0 4px 12px rgb(33 29 39 / .12)}.row:has(.task input:checked) .task>span{text-decoration:line-through;color:var(--muted)}.task input{accent-color:var(--accent)}.task:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:6px;border-radius:8px}nav a{transition:background-color var(--motion-fast),color var(--motion-fast)}.row[hidden]{display:none}.list-filter{max-width:500px;margin-bottom:20px}.list-filter label{font-weight:600}.list-filter input{width:100%}.list-filter p:empty{display:none}
.operation-card,.content-slot{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--surface);margin-top:12px}.operation-card h3,.content-slot h3{line-height:1.45;overflow-wrap:anywhere}.operations-board{align-items:start;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.operations-board>.panel{scroll-snap-align:start;background:var(--bg);padding:16px}.operations-board>.panel>h2{font-size:16px;border-bottom:2px solid var(--line);padding-bottom:14px}.content-day{min-width:0}.content-day>h3{font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line);padding-bottom:12px}.content-slot button{width:100%;margin-top:8px}.editorial-steps{display:none}.data-table{line-height:1.5}.data-table th{font-size:12px;letter-spacing:.015em;color:var(--muted)}.data-table td{padding-top:18px;padding-bottom:18px}.data-table tbody tr:focus-within{background:var(--soft)}.data-table tbody tr:hover{background:var(--bg)}.table-scroll{border-radius:12px;overscroll-behavior-x:contain}.panel>form{max-width:760px}.panel>form label{display:block;margin-top:18px}.call-grid label{font-weight:550}.call-grid input,.call-grid textarea,.call-grid select{margin-top:7px}.form-error{border-left:3px solid #b02a43;padding:12px 16px;border-radius:8px}.form-error:empty{display:none}
dialog{overscroll-behavior:contain;scrollbar-gutter:stable}dialog::backdrop{background:rgb(17 14 22 / .42);backdrop-filter:blur(4px)}dialog form>button[type=submit]{width:100%;margin-top:26px}dialog h2{padding-right:24px}dialog label{line-height:1.5}#notice:not(:empty){max-width:min(560px,calc(100vw - 32px));border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 32px rgb(20 15 30 / .12);background:var(--surface);color:var(--ink);padding:16px 22px;animation:qics-feedback 200ms var(--ease-out)}
@keyframes qics-feedback{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hub-shortcuts a:hover .q-icon,.journey summary:hover .step-number{transform:translateY(-2px)}.hub-shortcuts .q-icon,.step-number{transition:transform var(--motion-fast) var(--ease-out)}.operation-card:focus-within,.content-slot:focus-within{border-color:var(--accent)}.journey details[open] p{animation:qics-feedback 180ms var(--ease-out)}}
body.dark{color-scheme:dark}body.dark .journey{background:var(--surface)}body.dark .primary:hover{box-shadow:none}.portal-shell{max-width:1240px;margin:auto}.portal-shell .auth{max-width:540px;margin:24px auto}.stepper{display:flex;gap:12px;list-style:none;padding:0;flex-wrap:wrap}.stepper li{padding:12px 16px;border:1px solid var(--line);border-radius:12px}.stepper li.complete{background:var(--soft);color:var(--accent)}
@media(min-width:1600px){main{padding:40px 48px}.journey{grid-template-columns:minmax(0,1fr) 180px}.content-week{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1100px){.journey{grid-template-columns:minmax(0,1fr) 100px;gap:16px;padding:22px}.journey-steps summary{font-size:12px;gap:6px}.journey h2{font-size:20px}.content-week{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.journey{grid-template-columns:minmax(0,1fr);padding:20px;margin:24px 0}.journey-art{display:none}.journey-steps{grid-template-columns:minmax(0,1fr)}.journey-steps summary{font-size:14px;padding:10px 12px}.journey h2{font-size:20px}.journey-steps details p{padding-left:44px}.empty{padding:20px;align-items:flex-start}.content-week{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.page-heading h1{font-size:30px}.table-scroll{position:relative}.stepper{display:grid}.row>.actions{display:flex;flex-wrap:wrap}.row>.actions button{flex:1 1 auto}.row .task{max-width:100%}}
@media(max-width:480px){.content-week{grid-template-columns:minmax(0,1fr)}main>h1{font-size:30px;letter-spacing:-.8px}.journey{padding:18px}.journey h2{font-size:19px}.actions{gap:10px}.actions>.primary{width:100%}.panel{border-radius:16px}.small{font-size:13px}header .demo{display:none}.portal-shell{padding:20px 16px}.portal-shell .brand{width:auto}.empty{font-size:14px}.journey-label{font-size:12px}dialog::backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active,.button:active{transform:none!important}}
@media(forced-colors:active){.journey,.journey-steps details,.panel{border:1px solid CanvasText}.journey-art{color:CanvasText}.step-number{border:1px solid CanvasText}}
/* Status information stays adjacent to the calendar without dominating it. */
.connection-note{padding:14px 18px;border-left:3px solid var(--accent);border-radius:10px}.connection-note p{margin:4px 0 0;font-size:13px;max-width:85ch}.journey-steps{align-items:start}.journey-steps details{height:auto}.journey{padding-top:20px;padding-bottom:20px}.journey-art{max-height:110px}.panel:has(> .list-filter){padding-top:20px}.content-day>h3{text-transform:none}
.pipeline-filter{margin:18px 0}.pipeline-filter [role=group]{display:flex;flex-wrap:wrap;gap:8px}.pipeline-filter button{font-size:13px;padding:8px 12px}.pipeline-filter b{display:inline-block;min-width:20px;margin-left:6px;font-variant-numeric:tabular-nums}.pipeline-filter [aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.pipeline-filter [role=status]:empty{display:none}.data-table tr[hidden]{display:none}
/* A real dialog header keeps the close control away from the save action. */
.editor-heading{position:sticky;top:-24px;z-index:3;display:flex;align-items:center;gap:16px;background:var(--surface);padding:8px 0 16px;border-bottom:1px solid var(--line);margin-bottom:22px}.editor-heading h2{margin:0;padding:0;flex:1;min-width:0}#close-editor{position:static;width:auto;margin:0;flex-shrink:0;min-height:44px}.editor-heading+div{min-width:0}
@media(max-width:480px){.editor-heading{top:-20px;gap:10px}.editor-heading h2{font-size:22px}#close-editor{padding:8px 12px;font-size:13px}}