.forflow-page{--hero-text:oklch(99% 0 0);--hero-accent:oklch(90% .045 131);--hero-eyebrow:var(--hero-accent);--hero-shade:oklch(20% .012 130);--demo-ink:var(--hero-text);--demo-muted:oklch(81% .009 145);--demo-placeholder:color-mix(in oklch, var(--demo-muted) 65%, var(--demo-paper));--demo-paper:oklch(24% .015 145);--demo-border:color-mix(in oklch, var(--hero-text) 24%, transparent);--demo-action:var(--hero-accent);--demo-wash:color-mix(in oklch, var(--hero-text) 9%, var(--demo-paper));--status-progress:oklch(82% .07 250);--emergency:oklch(52% .2 27);--emergency-foreground:oklch(99% 0 0);--phone-frame:oklch(14% .005 145);--phone-edge:oklch(49% .008 145);--phone-screen:oklch(31% .025 145);--phone-shadow:color-mix(in oklch, var(--phone-frame) 50%, transparent);letter-spacing:0;background:var(--hero-shade);font-family:Figtree,sans-serif}:where(.forflow-page) .studio-hero{height:calc(100svh - 48px);min-height:780px;color:var(--hero-text);position:relative;overflow:hidden}:where(.forflow-page) .studio-photo,:where(.forflow-page) .studio-shade{width:100%;height:100%;position:absolute;inset:0}:where(.forflow-page) .studio-photo{object-fit:cover;object-position:center 55%}:where(.forflow-page) .studio-hero:after{content:"";background:linear-gradient(0deg, var(--hero-shade), transparent);pointer-events:none;height:220px;position:absolute;inset:auto 0 0}:where(.forflow-page) .studio-shade{background:linear-gradient(90deg, color-mix(in oklch, var(--hero-shade) 74%, transparent) 0%, color-mix(in oklch, var(--hero-shade) 47%, transparent) 43%, color-mix(in oklch, var(--hero-shade) 10%, transparent) 100%), linear-gradient(0deg, color-mix(in oklch, var(--hero-shade) 30%, transparent), transparent 40%)}:where(.forflow-page) .forflow-header{padding:34px 5.6%;position:relative}:where(.forflow-page) .forflow-logo{color:var(--hero-text);letter-spacing:0;font-size:37px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-block}:where(.forflow-page) .logo-period{color:var(--hero-accent)}:where(.forflow-page) .forflow-logo:focus-visible{outline:2px solid var(--hero-accent);outline-offset:8px}:where(.forflow-page) .hero-content{position:absolute;top:50%;left:5.6%;right:5.6%;transform:translateY(-42%)}:where(.forflow-page) .hero-content h1{letter-spacing:0;max-width:880px;margin:0;font-size:72px;font-weight:500;line-height:1.13}:where(.forflow-page) .hero-content h1 span{color:var(--hero-accent)}:where(.forflow-page) .hero-eyebrow{color:var(--hero-eyebrow);letter-spacing:.19em;text-transform:uppercase;text-shadow:0 1px 12px color-mix(in oklch, var(--hero-shade) 70%, transparent);align-items:center;margin:0 0 20px;font-size:12px;font-weight:700;line-height:1;display:flex}:where(.forflow-page) .hero-eyebrow-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}:where(.forflow-page) .hero-description{letter-spacing:0;max-width:590px;margin-top:26px;font-size:17px;font-weight:400;line-height:1.5}:where(.forflow-page) .hero-description p{margin:0}:where(.forflow-page) .hero-description p+p{margin-top:0}html{scroll-behavior:smooth}:where(.forflow-page) .hero-cta{background:var(--hero-accent);color:var(--hero-shade);letter-spacing:0;border-radius:999px;margin-top:30px;padding:14px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s;display:inline-block}:where(.forflow-page) .hero-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}:where(.forflow-page) .hero-cta:focus-visible{outline:2px solid var(--hero-accent);outline-offset:4px}:where(.forflow-page) .how-section{max-width:1160px;color:var(--hero-text);margin:0 auto;padding:96px 5.6% 40px}:where(.forflow-page) .how-section h2{letter-spacing:0;max-width:720px;margin:10px 0 0;font-size:36px;font-weight:500;line-height:1.2}:where(.forflow-page) .how-text{max-width:620px;color:var(--demo-muted);margin:14px 0 0;font-size:16px;line-height:1.55}:where(.forflow-page) .hero-bottom{z-index:1;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;bottom:30px;left:5.6%}:where(.forflow-page) .bottom-line{background:var(--hero-accent);width:30px;height:1px}:where(.forflow-page) .hero-description .hero-principles{letter-spacing:0;color:var(--hero-text);margin-top:14px;font-size:17px;font-weight:500}@media (width>=1600px){:where(.forflow-page) .hero-content h1{font-size:88px}:where(.forflow-page) .hero-description{font-size:19px}}@media (width<=760px){:where(.forflow-page) .studio-hero{height:auto;min-height:calc(100svh - 48px);padding-bottom:100px}:where(.forflow-page) .forflow-header{padding:26px 7%}:where(.forflow-page) .forflow-logo{font-size:31px}:where(.forflow-page) .studio-photo{object-position:62% center}:where(.forflow-page) .studio-shade{background:linear-gradient(180deg, color-mix(in oklch, var(--hero-shade) 72%, transparent) 0%, color-mix(in oklch, var(--hero-shade) 46%, transparent) 46%, color-mix(in oklch, var(--hero-shade) 12%, transparent) 78%), linear-gradient(90deg, color-mix(in oklch, var(--hero-shade) 72%, transparent), color-mix(in oklch, var(--hero-shade) 26%, transparent))}:where(.forflow-page) .hero-content{margin:24px 7% 0;position:relative;top:0;left:0;right:0;transform:none}:where(.forflow-page) .hero-content h1{font-size:44px;line-height:1.18}:where(.forflow-page) .hero-eyebrow{letter-spacing:.17em;margin-bottom:16px;font-size:11px}:where(.forflow-page) .desktop-break{display:none}:where(.forflow-page) .hero-description{max-width:390px;margin-top:22px;font-size:15px;line-height:1.45}:where(.forflow-page) .hero-description p+p{margin-top:0}:where(.forflow-page) .hero-bottom{bottom:26px;left:7%}:where(.forflow-page) .hero-description .hero-principles{margin-top:12px;font-size:15px}:where(.forflow-page) .hero-cta{margin-top:24px;padding:13px 22px;font-size:14px}:where(.forflow-page) .how-section{padding:72px 7% 32px}:where(.forflow-page) .how-section h2{font-size:28px}}@media (width<=360px){:where(.forflow-page) .hero-content h1{font-size:37px}}:where(.forflow-page) .demo-landscape{isolation:isolate;scroll-margin-top:0;position:relative;overflow:hidden}:where(.forflow-page) .demo-landscape-photo{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}:where(.forflow-page) .demo-landscape-shade{z-index:-1;background:linear-gradient(180deg, var(--hero-shade), transparent 280px), color-mix(in oklch, var(--hero-shade) 82%, transparent);position:absolute;inset:0}:where(.forflow-page) .demo-section{color:var(--hero-text);max-width:1160px;margin:0 auto;padding:72px 5.6% 24px;position:relative}:where(.forflow-page) .demo-section:last-child{padding-bottom:80px}:where(.forflow-page) .demo-parts-intro{--divider-bg:var(--hero-accent);--divider-ink:var(--hero-shade);background:var(--divider-bg);color:var(--divider-ink);letter-spacing:.01em;box-shadow:0 1px 0 color-mix(in oklch, var(--divider-ink) 12%, transparent);margin:0 0 56px;padding:30px 5.6%;font-size:16px;font-weight:600}:where(.forflow-page) .demo-heading{display:block}:where(.forflow-page) .demo-num{background:var(--hero-accent);width:26px;height:26px;color:var(--hero-shade);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}:where(.forflow-page) .demo-kicker{color:var(--hero-accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:600;display:flex}:where(.forflow-page) .demo-section h2{letter-spacing:0;max-width:850px;margin:8px 0 0;font-size:36px;font-weight:500;line-height:1.2}:where(.forflow-page) .demo-connector{align-items:center;gap:16px;max-width:1160px;margin:0 auto;padding:26px 5.6% 0;display:flex}:where(.forflow-page) .demo-connector-line{background:color-mix(in oklch, var(--hero-text) 28%, transparent);flex:1;height:1px}:where(.forflow-page) .demo-connector-label{color:var(--demo-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700}:where(.forflow-page) .demo-intro{max-width:620px;color:var(--demo-muted);margin:12px 0 28px;font-size:16px;line-height:1.5}:where(.forflow-page) .demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:48px;display:grid}:where(.forflow-page) .demo-panel{min-width:0;color:var(--demo-ink);border:0;border-top:1px solid var(--demo-border);box-shadow:none;background:0 0;border-radius:0;padding:22px 0 0}:where(.forflow-page) .demo-panel h3{margin:4px 0 18px;font-size:20px;font-weight:500}:where(.forflow-page) .demo-label{letter-spacing:0;text-transform:uppercase;color:var(--demo-muted);margin:0;font-size:12px;font-weight:600}:where(.forflow-page) .demo-form{flex-direction:column;gap:14px;display:flex}:where(.forflow-page) .demo-form .demo-form-note{color:var(--demo-muted);margin:-14px 0 0;font-size:12px;line-height:1.45}:where(.forflow-page) .demo-emergency{background:var(--emergency);color:var(--emergency-foreground);border-radius:6px;align-self:flex-start;height:auto;padding:10px 14px;animation:1.8s ease-in-out infinite forflowEmergency}:where(.forflow-page) .demo-emergency:hover{background:var(--emergency);color:var(--emergency-foreground)}@keyframes forflowEmergency{50%{opacity:.65}}:where(.forflow-page) .demo-form label{color:var(--demo-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}:where(.forflow-page) .demo-description-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}:where(.forflow-page) .demo-description-head>label{margin-right:auto}:where(.forflow-page) .demo-mic{color:var(--demo-action);background:var(--demo-wash);border:1px solid var(--demo-border);border-radius:6px;width:36px;height:36px}:where(.forflow-page) .demo-mic:hover{background:var(--demo-wash);color:var(--demo-action)}:where(.forflow-page) .demo-mic.active{background:var(--emergency);color:var(--emergency-foreground)}:where(.forflow-page) .demo-voice-status{color:var(--demo-action);font-size:12px}:where(.forflow-page) .demo-voice-error{color:var(--demo-muted);flex-basis:100%;margin:0;font-size:12px;line-height:1.5}:where(.forflow-page) .demo-form input,:where(.forflow-page) .demo-form select,:where(.forflow-page) .demo-form textarea{width:100%;min-width:0;font:inherit;color:var(--demo-ink);background:var(--demo-paper);border:1px solid var(--demo-border);resize:vertical;border-radius:6px;outline:none;padding:11px 13px;font-size:15px}:where(.forflow-page) .demo-form input::placeholder,:where(.forflow-page) .demo-form textarea::placeholder{color:var(--demo-placeholder);opacity:1}:where(.forflow-page) .demo-form [role=group] .demo-label{margin-bottom:8px}:where(.forflow-page) .demo-form select option{background:var(--demo-paper)}:where(.forflow-page) .demo-form input:focus,:where(.forflow-page) .demo-form select:focus,:where(.forflow-page) .demo-form textarea:focus{border-color:var(--demo-action)}:where(.forflow-page) .demo-chips{flex-wrap:wrap;gap:8px;display:flex}:where(.forflow-page) .chip{font:inherit;cursor:pointer;color:var(--demo-ink);border:1px solid var(--demo-border);background:0 0;border-radius:999px;padding:8px 14px;font-size:13px}:where(.forflow-page) .chip.active{background:var(--demo-action);color:var(--demo-paper);border-color:var(--demo-action)}:where(.forflow-page) .demo-button{font:inherit;cursor:pointer;background:var(--demo-action);color:var(--demo-paper);border:0;border-radius:6px;margin-top:6px;padding:14px 20px;font-size:15px;font-weight:600;transition:opacity .2s}:where(.forflow-page) .demo-button:disabled{opacity:.55;cursor:default}:where(.forflow-page) .case-card{transition:border-color .4s;position:static}:where(.forflow-page) .case-card.done{border-color:var(--demo-action)}:where(.forflow-page) .demo-queue-mobile{min-width:0}:where(.forflow-page) .case-body{grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:22px;display:grid}:where(.forflow-page) .case-main{min-width:0}:where(.forflow-page) .case-side{justify-items:center;gap:11px;display:grid}:where(.forflow-page) .case-side-note{text-align:center;max-width:132px;color:var(--demo-muted);font-size:11px;line-height:1.45}:where(.forflow-page) .case-types{margin:0 0 20px}:where(.forflow-page) .case-types .demo-label{margin-bottom:9px}:where(.forflow-page) .case-head h3{overflow-wrap:anywhere}:where(.forflow-page) .job-phone{border:1.5px solid var(--phone-edge);background:var(--phone-frame);width:132px;height:270px;box-shadow:0 12px 28px var(--phone-shadow);border-radius:25px;flex-shrink:0;margin:0;padding:4px;position:relative}:where(.forflow-page) .job-phone:before,:where(.forflow-page) .job-phone:after{content:"";background:var(--phone-edge);border-radius:2px;width:2px;position:absolute}:where(.forflow-page) .job-phone:before{height:22px;top:52px;left:-3px}:where(.forflow-page) .job-phone:after{height:28px;top:68px;right:-3px}:where(.forflow-page) .job-phone-screen{background:var(--phone-screen);height:100%;color:var(--hero-text);background-position:50%;background-size:cover;border-radius:20px;position:relative;overflow:hidden}:where(.forflow-page) .job-phone-status{justify-content:space-between;align-items:flex-start;height:29px;padding:8px 8px 0;font-size:6.5px;font-weight:600;display:flex}:where(.forflow-page) .job-phone-status>span:last-child{gap:2px;padding-top:1px;display:flex}:where(.forflow-page) .job-phone-status svg{width:7px;height:7px}:where(.forflow-page) .job-phone-island{background:var(--phone-frame);border-radius:20px;width:36px;height:11px;position:absolute;top:5px;left:50%;transform:translate(-50%)}:where(.forflow-page) .job-phone-home{justify-items:center;padding:12px 6px 0;display:grid}:where(.forflow-page) .job-app{text-align:center;min-width:0}:where(.forflow-page) .job-app-icon{background:var(--demo-action);width:27px;height:27px;color:var(--phone-frame);border-radius:7px;place-items:center;margin:0 auto;display:grid;position:relative}:where(.forflow-page) .job-app-icon>svg{stroke-width:1.7px;width:18px;height:18px}:where(.forflow-page) .job-app-name{text-shadow:0 1px 3px var(--phone-frame);margin-top:3px;font-size:5.5px;font-weight:500;line-height:1.3;display:block}:where(.forflow-page) .job-app-badge{background:var(--emergency);min-width:12px;height:12px;color:var(--emergency-foreground);border-radius:50%;place-items:center;padding:0 3px;font-size:6.5px;font-weight:600;display:grid;position:absolute;top:-4px;right:-4px}:where(.forflow-page) .job-app.new-job .job-app-icon{animation:.65s ease-in-out 5 forflowJobAlert}@keyframes forflowJobAlert{50%{box-shadow:0 0 0 4px color-mix(in oklch, var(--demo-action) 35%, transparent);transform:scale(1.08)}}:where(.forflow-page) .job-phone-notification{background:var(--phone-notice);color:var(--phone-frame);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;padding:7px;animation:.45s forflowPhoneDrop;position:absolute;top:88px;left:6px;right:6px}:where(.forflow-page) .job-phone-notification-head{align-items:center;gap:4px;font-size:6.5px;display:flex}:where(.forflow-page) .job-phone-notification-head svg{width:8px;height:8px}:where(.forflow-page) .job-phone-notification-head>span{opacity:.65;margin-left:auto}:where(.forflow-page) .job-phone-notification p{margin:4px 0 3px;font-size:8.5px;font-weight:600;line-height:1.3}:where(.forflow-page) .job-phone-notification>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:7.5px;line-height:1.35;display:-webkit-box;overflow:hidden}:where(.forflow-page) .job-phone-homebar{background:var(--hero-text);border-radius:4px;width:42px;height:2.5px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}:where(.forflow-page) .demo-call-queue>.job-phone{margin:24px auto 0}:where(.forflow-page) .case-claim{align-items:center;gap:8px;margin-top:18px;display:flex}@keyframes forflowPhoneDrop{0%{opacity:0;transform:translateY(8px)}}:where(.forflow-page) .case-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}:where(.forflow-page) .case-status{background:var(--demo-wash);color:var(--demo-action);white-space:nowrap;border-radius:999px;margin-bottom:14px;padding:5px 10px;font-size:12px}:where(.forflow-page) .case-card dl{margin:0}:where(.forflow-page) .case-row{border-top:1px solid var(--demo-border);grid-template-columns:100px minmax(0,1fr);gap:12px;padding:15px 0;font-size:15px;transition:background .4s;display:grid}:where(.forflow-page) .case-row dt{color:var(--demo-muted)}:where(.forflow-page) .case-row dd{color:var(--demo-muted);white-space:pre-wrap;word-break:break-word;margin:0}:where(.forflow-page) .case-row.on dd{color:var(--demo-ink);animation:.4s forflowFieldIn}@keyframes forflowFieldIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}:where(.forflow-page) .case-footer{border-top:1px solid var(--demo-border);gap:8px;margin:16px 0 0;padding:16px 0 0;font-size:14px;list-style:none;display:grid}:where(.forflow-page) .case-footer li{animation:.4s both forflowFieldIn}:where(.forflow-page) .case-footer li:before{content:"✓  ";color:var(--demo-action)}:where(.forflow-page) .case-footer li:nth-child(2){animation-delay:.3s}:where(.forflow-page) .case-footer li:nth-child(3){animation-delay:.6s}:where(.forflow-page) .call-panel{flex-direction:column;display:flex}:where(.forflow-page) .call-head{align-items:center;gap:10px;display:flex}:where(.forflow-page) .call-head h3{margin-bottom:14px}:where(.forflow-page) .call-dot{background:var(--demo-muted);border-radius:50%;width:10px;height:10px;margin-bottom:14px}:where(.forflow-page) .call-dot.live{background:var(--demo-action);animation:1.2s infinite forflowPulse}@keyframes forflowPulse{50%{opacity:.3}}:where(.forflow-page) .call-log{flex-direction:column;gap:10px;height:380px;padding-right:4px;display:flex;overflow-y:auto}:where(.forflow-page) .call-empty{text-align:center;max-width:280px;color:var(--demo-muted);margin:auto;line-height:1.6}:where(.forflow-page) .bubble{border-radius:14px;max-width:85%;padding:11px 14px;font-size:15px;line-height:1.5;animation:.4s forflowFieldIn}:where(.forflow-page) .bubble span{letter-spacing:0;text-transform:uppercase;opacity:.6;margin-bottom:3px;font-size:11px;display:block}:where(.forflow-page) .bubble.ai{background:var(--demo-wash);align-self:flex-start}:where(.forflow-page) .bubble.kund{background:color-mix(in oklch, var(--demo-border) 35%, var(--demo-paper));align-self:flex-end}@media (width>=700px) and (width<=1000px){:where(.forflow-page) .demo-section{padding-left:5%;padding-right:5%}:where(.forflow-page) .demo-grid{gap:28px}:where(.forflow-page) .case-row{grid-template-columns:78px minmax(0,1fr);gap:8px}}@media (width<=699px){:where(.forflow-page) .demo-grid{grid-template-columns:1fr}:where(.forflow-page) .case-card{position:static}:where(.forflow-page) .demo-section{padding:56px 7% 20px}:where(.forflow-page) .demo-section h2{font-size:28px}:where(.forflow-page) .demo-parts-intro{margin-bottom:40px;padding:24px 7%;font-size:15px}:where(.forflow-page) .demo-heading{display:block}:where(.forflow-page) .demo-num{width:24px;height:24px;font-size:13px}:where(.forflow-page) .demo-connector{padding:22px 7% 0}:where(.forflow-page) .demo-grid{gap:28px}:where(.forflow-page) .call-log{height:320px}:where(.forflow-page) .case-body{grid-template-columns:1fr}:where(.forflow-page) .case-side{margin-top:22px}}:where(.forflow-page) .chip,:where(.forflow-page) .demo-button{height:auto;box-shadow:none;line-height:normal}:where(.forflow-page) .chip{font-weight:400}:where(.forflow-page) .chip:hover{background:0 0}:where(.forflow-page) .chip.active:hover{background:var(--demo-action)}:where(.forflow-page) .demo-button:hover{background:var(--demo-action);color:var(--demo-paper)}@media (prefers-reduced-motion:reduce){:where(.forflow-page) *,:where(.forflow-page) :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:where(.forflow-page) .demo-photos{gap:8px;display:grid}:where(.forflow-page) .demo-dropzone{border:1px dashed var(--demo-border);cursor:pointer;color:var(--demo-ink);opacity:.85;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:14px;transition:background .2s,border-color .2s;display:flex}:where(.forflow-page) .demo-dropzone svg{width:18px;height:18px}:where(.forflow-page) .demo-dropzone:hover,:where(.forflow-page) .demo-dropzone.over{background:var(--demo-wash);border-color:var(--demo-action);opacity:1}:where(.forflow-page) .demo-dropzone:focus-within{outline:2px solid var(--demo-action);outline-offset:2px}:where(.forflow-page) .demo-thumbs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}:where(.forflow-page) .demo-thumbs li{border:1px solid var(--demo-border);border-radius:10px;width:56px;height:56px;position:relative;overflow:hidden}:where(.forflow-page) .demo-thumbs img{object-fit:cover;width:100%;height:100%;display:block}:where(.forflow-page) .demo-thumbs button{background:color-mix(in oklch, var(--hero-shade) 75%, transparent);width:20px;height:20px;color:var(--hero-text);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:2px;right:2px}:where(.forflow-page) .demo-thumbs button svg{width:12px;height:12px}:where(.forflow-page) .case-thumbs{margin:10px 0 4px}:where(.forflow-page) .case-thumbs li{width:48px;height:48px}:where(.forflow-page) .queue-list{margin-top:14px}:where(.forflow-page) .queue-list>ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}:where(.forflow-page) .queue-item{border:1px solid var(--demo-border);border-radius:12px;overflow:hidden}:where(.forflow-page) .queue-item.open{background:var(--demo-wash)}:where(.forflow-page) .queue-summary{width:100%;color:var(--demo-ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}:where(.forflow-page) .queue-summary:focus-visible{outline:2px solid var(--demo-action);outline-offset:-2px}:where(.forflow-page) .queue-main{flex:1;gap:2px;min-width:0;display:grid}:where(.forflow-page) .queue-main strong{font-size:14px;font-weight:600}:where(.forflow-page) .queue-main span,:where(.forflow-page) .queue-meta{opacity:.75;font-size:12px}:where(.forflow-page) .queue-meta{justify-items:end;gap:4px;display:grid}:where(.forflow-page) .queue-chevron{flex:none;width:16px;height:16px;transition:transform .2s}:where(.forflow-page) .queue-item.open .queue-chevron{transform:rotate(180deg)}:where(.forflow-page) .queue-detail{gap:10px;padding:0 14px 14px;font-size:14px;display:grid}:where(.forflow-page) .queue-ref{margin:0;font-weight:600}:where(.forflow-page) .queue-boxes{grid-template-columns:1fr 1fr;gap:10px;display:grid}:where(.forflow-page) .queue-boxes>div,:where(.forflow-page) .queue-box{border:1px solid var(--demo-border);border-radius:10px;padding:10px 12px}:where(.forflow-page) .queue-detail p{margin:0}:where(.forflow-page) .queue-desc{align-items:flex-start;gap:10px;display:flex}:where(.forflow-page) .queue-desc-photo{object-fit:cover;border:1px solid var(--demo-border);border-radius:8px;flex:none;width:76px;height:60px}:where(.forflow-page) .queue-desc p{min-width:0}:where(.forflow-page) .queue-detail a{color:var(--demo-action);margin-top:4px;font-weight:600;text-decoration:none;display:inline-block}:where(.forflow-page) .queue-muted{opacity:.7}:where(.forflow-page) .queue-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}:where(.forflow-page) .queue-tags span{border:1px solid var(--demo-border);border-radius:999px;padding:4px 10px;font-size:12px}:where(.forflow-page) .queue-tags .queue-urgency{background:var(--demo-action);color:var(--hero-shade);border-color:#0000;font-weight:600}:where(.forflow-page) .queue-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:where(.forflow-page) .queue-status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where(.forflow-page) .queue-status-note{color:var(--demo-muted);font-size:12px}:where(.forflow-page) .queue-pill{border:1px solid color-mix(in oklch, var(--status-pill) 45%, transparent);background:color-mix(in oklch, var(--status-pill) 16%, transparent);color:var(--status-pill);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}:where(.forflow-page) .queue-pill:before{content:"";background:var(--status-pill);border-radius:50%;flex:none;width:6px;height:6px}:where(.forflow-page) .queue-pill.ny{--status-pill:var(--hero-accent)}:where(.forflow-page) .queue-pill.pagaende{--status-pill:var(--status-progress)}:where(.forflow-page) .queue-pill.avslutat{--status-pill:var(--demo-muted)}@media (width<=560px){:where(.forflow-page) .queue-boxes{grid-template-columns:1fr}}