.operations-demo-stage{position:relative;isolation:isolate;overflow:hidden;padding:clamp(16px,2vw,20px);border-radius:var(--studio-radius);container-type:inline-size}.operations-demo-stage .ai-demo-frame{position:relative;-webkit-backdrop-filter:none;backdrop-filter:none}.operations-demo{font-size:var(--studio-detail, 12px);line-height:1.5}.operations-demo [data-slot=button]{border-radius:var(--studio-control-radius);min-height:36px;height:auto;padding:9px 13px;font-size:var(--studio-detail, 12px);line-height:1.5}.operations-demo [data-slot=badge],.operations-fragment [data-slot=badge]{font-size:11px;line-height:1.5;align-self:center;border-radius:var(--studio-control-radius)}.operations-demo__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--ai-stroke)}.operations-demo__toolbar>span{display:flex;align-items:center;gap:8px}.operations-demo__body{padding:20px}.operations-demo__eyebrow{display:block;color:var(--ai-muted);margin-bottom:8px}.operations-demo__body h3{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:0 0 14px}.operations-demo__body p{color:var(--ai-muted);line-height:1.6;margin:14px 0 20px}.operations-demo__facts{display:flex;flex-wrap:wrap;gap:14px}.operations-demo__facts>span{display:flex;align-items:center;gap:6px}.operations-demo__person{display:flex;align-items:center;gap:10px;min-width:0}.operations-demo__person i{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;font-style:normal;border-radius:50%;background:color-mix(in srgb,var(--fresh-line-blue) 18%,transparent)}.operations-demo__person>span{min-width:0}.operations-demo__person strong{display:block;font-weight:500}.operations-demo__person small{display:block;white-space:normal;color:var(--ai-muted, hsl(var(--muted-foreground)));font-size:12px;line-height:1.5}.operations-demo__action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.operations-demo__action>span{color:var(--ai-muted);max-width:28ch}.operations-demo__checks{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none;margin:20px 0}.operations-demo__checks li{display:flex;align-items:center;gap:7px}.operations-demo__checks svg{color:var(--ai-success)}.operations-demo__receipt{display:flex;align-items:start;gap:12px;padding:16px;background:var(--ai-raised);border:1px solid var(--ai-stroke);border-radius:var(--studio-control-radius);margin:20px 0}.operations-demo__receipt>svg{flex-shrink:0;color:var(--ai-muted)}.operations-demo__receipt strong{font-weight:500}.operations-demo__receipt p{margin:5px 0 0}.operations-planner__board{padding:12px 20px;background:var(--ai-raised);border-bottom:1px solid var(--ai-stroke)}.operations-planner__ruler{display:grid;grid-template-columns:110px repeat(3,1fr);color:var(--ai-muted);padding-bottom:10px;font-size:11px}.operations-planner__lane{display:grid;grid-template-columns:110px 1fr;align-items:center;min-height:56px}.operations-planner__track{position:relative;padding:4px 0;background:repeating-linear-gradient(90deg,var(--ai-stroke) 0,var(--ai-stroke) 1px,transparent 1px,transparent 33.33%)}.operations-planner__shift{position:relative;margin-right:12%;padding:8px 12px;border:1px dashed var(--ai-stroke);border-radius:var(--studio-control-radius);background:var(--ai-panel)}.operations-planner__shift[data-assigned=true]{border-style:solid;border-color:var(--ai-focus)}.operations-planner__shift strong,.operations-planner__shift small{display:block}.operations-planner__shift small{margin-top:4px;color:var(--ai-muted);font-size:11px}.operations-planner__shift svg{position:absolute;top:14px;right:12px;color:var(--ai-success)}.operations-planner__leave{display:flex;gap:8px;align-items:center;margin-right:12%;padding:12px;border:1px solid var(--ai-stroke);border-radius:var(--studio-control-radius);color:var(--ai-muted);background:repeating-linear-gradient(135deg,transparent,transparent 7px,var(--ai-stroke) 7px,var(--ai-stroke) 8px)}.operations-planner__detail{min-height:320px}.operations-demo .fragment-transition{display:grid}.operations-demo .fragment-transition-layer{grid-area:1/1;min-width:0}.operations-planner__candidates{display:grid;gap:4px}.operations-demo .operations-planner__candidate{width:100%;justify-content:space-between;text-align:left;font-weight:400;border:1px solid transparent;gap:8px;padding:7px 10px}.operations-demo .operations-planner__candidate[aria-pressed=true]{border-color:var(--ai-stroke);background:var(--ai-raised)}.operations-control__view{min-height:480px}.operations-control__activities{display:grid;gap:12px}.operations-demo .operations-control__activity{display:flex;width:100%;min-height:76px;text-align:left;justify-content:flex-start;gap:12px;padding:14px;border:1px solid var(--ai-stroke);border-radius:var(--studio-control-radius);white-space:normal;background:var(--ai-raised);font-weight:400}.operations-control__activity>span:nth-child(2){flex:1}.operations-control__activity strong,.operations-control__activity small{display:block}.operations-control__activity small{color:var(--ai-muted);margin-top:5px;font-size:12px}.operations-control__activity-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--ai-stroke);border-radius:var(--studio-control-radius)}.operations-control__activity-icon svg{width:16px}.operations-control__comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ai-stroke);border-radius:var(--studio-control-radius);overflow:hidden}.operations-control__comparison>div{padding:22px;background:var(--ai-raised)}.operations-control__comparison>div+div{border-left:1px solid var(--ai-stroke)}.operations-control__comparison strong{display:block;font-size:34px;font-weight:500;margin:12px 0;letter-spacing:-.04em}.operations-control__comparison small,.operations-control__comparison span{display:block;color:var(--ai-muted)}.operations-control__log{padding:0;list-style:none}.operations-control__log li{position:relative;display:flex;gap:16px;padding:0 0 14px}.operations-control__log li:not(:last-child):before{content:"";position:absolute;top:9px;bottom:0;left:4px;width:1px;background:var(--ai-stroke)}.operations-control__log i{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:4px;background:var(--ai-focus)}.operations-control__log p{margin:4px 0 0;line-height:1.45}.operations-fragment{overflow:hidden;width:100%}.operations-fragment__heading{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid hsl(var(--border))}.operations-fragment__heading [data-slot=badge]{margin-left:auto}.operations-fragment__content{padding:18px}.operations-fragment__content p{font-size:12px;line-height:1.6;color:hsl(var(--muted-foreground))}.operations-fragment__hours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;align-items:center}.operations-fragment__hours small{color:hsl(var(--muted-foreground))}.operations-fragment__hours strong{font-weight:500;text-align:right}.operations-fragment__notice{display:flex;gap:8px;align-items:start;color:hsl(var(--muted-foreground));font-size:12px;line-height:1.6;min-height:42px}.operations-fragment__notice svg{flex-shrink:0;margin-top:2px}.operations-fragment__footer{border-top:1px solid hsl(var(--border));padding:12px}.operations-fragment__footer button{border-radius:var(--studio-control-radius);width:100%;min-height:36px}.operations-downtime__slot{display:grid;justify-items:center;text-align:center;gap:10px;padding:24px 12px;border:1px solid hsl(var(--border));border-radius:var(--studio-control-radius);background:hsl(var(--muted)/.45)}.operations-downtime__slot>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:hsl(var(--foreground)/.06)}.operations-downtime__slot small{font-size:12px;color:hsl(var(--muted-foreground))}.operations-demand__chart{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.operations-demand__chart button{height:auto;padding:7px 4px;display:flex;flex-direction:column;gap:12px;border:1px solid transparent}.operations-demand__chart button[aria-pressed=true]{border-color:hsl(var(--border));background:hsl(var(--muted)/.6)}.operations-demand__chart button>span{height:120px;width:18px;display:block;position:relative}.operations-demand__chart i{display:block;position:absolute;inset:0;border-radius:3px;background:hsl(var(--foreground)/.25);transform-origin:bottom;transition:transform .9s var(--studio-ease)}.operations-demand__chart [aria-pressed=true] i{background:var(--fresh-line-red)}.operations-demand__result{margin-top:24px;min-height:83px}.operations-demand__result>strong{display:inline-block;font-weight:500;margin-right:8px}.operations-timesheet__total small{color:hsl(var(--muted-foreground))}.operations-timesheet__total>strong{display:block;font-size:38px;font-weight:500;letter-spacing:-.045em;margin:10px 0 20px}.operations-timesheet__total>strong span{font-size:16px;letter-spacing:0;color:hsl(var(--muted-foreground))}.operations-timesheet__rows>div{display:grid;grid-template-columns:34px 1fr 35px;gap:8px;padding:12px 0;border-top:1px solid hsl(var(--border));font-size:12px}.operations-timesheet__rows>div>span{color:hsl(var(--muted-foreground))}.operations-timesheet__rows strong{font-weight:500}@container (max-width:480px){.operations-demo__body{padding:18px}.operations-demo__toolbar{padding:14px;flex-wrap:wrap}.operations-planner__board{padding:14px}.operations-planner__ruler{grid-template-columns:82px repeat(3,1fr)}.operations-planner__lane{grid-template-columns:82px 1fr}.operations-planner__lane .operations-demo__person{gap:5px;font-size:11px}.operations-planner__lane .operations-demo__person i{display:none}.operations-planner__shift{padding:10px;margin-right:0}.operations-planner__shift small{max-width:20ch}.operations-planner__leave{margin-right:0}.operations-demo .operations-planner__candidate{padding:10px 4px}.operations-planner__candidate .operations-demo__person{gap:6px}.operations-planner__candidate .operations-demo__person small{max-width:17ch}.operations-control__activity-icon{display:none}.operations-demo .operations-control__activity{gap:8px;padding:12px}.operations-control__comparison>div{padding:16px}.operations-control__comparison strong{font-size:30px}}@media(prefers-reduced-motion:reduce){.operations-demand__chart i{transition:none}}
