/* QuickSuite Flow / Premium Dark & Light */
:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark;--bg:#111a23;--surface:#1b2934;--surface2:#243542;--border:#344957;--text:#edf5f7;--muted:#a0b4c1;--accent:#299669;--accent-hover:#36a97a;--danger:#eb8585;--shade:#0008}html[data-qf-theme=light]{color-scheme:light;--bg:#eef3f5;--surface:#fff;--surface2:#f4f7f8;--border:#d5e1e7;--text:#203343;--muted:#617786;--accent:#187b55;--accent-hover:#116b48;--danger:#bd4250;--shade:#142e3b22}html[data-qf-theme=dark]{color-scheme:dark} @media(prefers-color-scheme:light){html:not([data-qf-theme=dark]):not([data-qf-theme=light]){color-scheme:light;--bg:#eef3f5;--surface:#fff;--surface2:#f4f7f8;--border:#d5e1e7;--text:#203343;--muted:#617786;--accent:#187b55;--accent-hover:#116b48;--danger:#bd4250;--shade:#142e3b22}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.48}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:not([type=checkbox]),select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);padding:10px 12px;min-width:0}input[type=file]{width:100%;max-width:100%;font-size:13px;padding:9px;overflow:hidden}input[type=file]::file-selector-button{font:inherit;border:1px solid var(--border);border-radius:8px;background:var(--surface2);color:var(--text);padding:9px 11px;margin-right:10px;cursor:pointer}label{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}h1,h2,p{margin-top:0}h1{font-size:clamp(23px,3vw,29px);line-height:1.25;letter-spacing:-.6px;margin-bottom:4px}h2{font-size:19px;margin:0}small{font-size:12px;color:var(--muted)}.flow-app{min-height:100dvh}.flow-header{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,46px);border-bottom:1px solid var(--border);background:var(--surface)}.flow-brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.3px}.flow-brand img{width:36px;height:36px;border-radius:9px}.flow-head-actions{display:flex;gap:7px}.icon-button{height:42px;width:42px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:23px;display:grid;place-items:center}.icon-button:hover{background:var(--surface2);color:var(--text)}.flow-main{display:flex;justify-content:center;padding:clamp(24px,5vw,54px) 18px}.flow-content{width:min(100%,600px)}.flow-intro{margin-bottom:27px}.flow-intro p{color:var(--muted);font-size:14px;margin-bottom:0}.flow-document,.flow-reference{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}.flow-label,.flow-reference label{display:flex;align-items:center;gap:10px;color:var(--text);margin-bottom:14px;font-size:15px}.flow-step{display:grid;place-items:center;background:var(--surface2);color:var(--muted);width:25px;height:25px;border-radius:8px;font-size:12px;font-weight:750}.flow-file-info{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:13px;overflow-wrap:anywhere}.status-dot{width:7px;height:7px;border-radius:50%;background:#43c994;flex-shrink:0}.flow-detected{color:var(--muted);font-size:12px;margin:8px 0}.flow-text-button{background:transparent;border:0;color:var(--accent);font-size:13px;padding:10px 0}.flow-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 22px}.flow-shortcut{text-align:left;display:flex;align-items:center;gap:12px;min-height:81px;border:1px solid var(--border);border-radius:13px;padding:15px;background:var(--surface);color:var(--text)}.flow-shortcut:hover{border-color:var(--accent)}.flow-shortcut>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.shortcut-symbol{font-size:24px;color:var(--muted);width:27px;flex-shrink:0}.shortcut-arrow{margin-left:auto;color:var(--muted);font-size:23px}.flow-primary{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:12px;background:var(--accent);color:#fff;min-height:54px;font-weight:750;font-size:15px}.flow-primary:not(:disabled):hover,.flow-done:hover{background:var(--accent-hover)}.flow-primary span{font-size:19px}.flow-status,.flow-result{font-size:13px;color:var(--muted);margin:12px 0}.flow-result{color:var(--accent)}.flow-backdrop{position:fixed;inset:0;background:var(--shade);z-index:1000;backdrop-filter:blur(4px)}.flow-dialog{position:fixed;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,calc(100vw - 24px));max-height:min(90dvh,850px);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 20px 70px #0004;overflow:hidden}.flow-dialog-head{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.flow-dialog-body{overflow-y:auto;overscroll-behavior:contain;padding:20px}.flow-dialog-foot{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.flow-done{border:0;border-radius:9px;background:var(--accent);color:#fff;min-height:43px;min-width:105px;font-weight:700}.flow-toolbar,.flow-subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.flow-toolbar p{margin:0;color:var(--muted);font-size:13px}.flow-outline,.flow-mini{border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text);min-height:38px;padding:7px 12px;white-space:nowrap}.flow-mini{font-weight:bold;width:39px;min-width:39px}.flow-danger{border:0;background:transparent;color:var(--danger);padding:8px;font-size:17px}.flow-person{padding:14px 0;border-bottom:1px solid var(--border)}.flow-person-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.flow-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flow-fields label{margin-bottom:5px}.flow-check{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--text)}.flow-check input{accent-color:var(--accent);width:18px;height:18px}.flow-muted{font-size:13px;color:var(--muted);line-height:1.6}.flow-catalog{border:1px solid var(--border);border-radius:10px;max-height:250px;overflow:auto;margin:12px 0 18px}.flow-catalog-row,.flow-selected{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border)}.flow-catalog-row:last-child,.flow-selected:last-child{border-bottom:none}.flow-catalog-row>div,.flow-selected>div{min-width:0}.flow-catalog-row strong,.flow-selected strong{font-size:13px;font-weight:650}.flow-catalog-row small,.flow-selected small{display:block;overflow-wrap:anywhere}.flow-selected{background:var(--surface2);border-radius:9px;margin-bottom:5px}.flow-subheading{margin-top:16px}.flow-setting{margin-bottom:16px}.flow-setting small{display:block;margin-bottom:7px}.flow-settings-details{border-top:1px solid var(--border);padding:15px 0}.flow-settings-details summary{cursor:pointer;font-weight:650;margin-bottom:10px}.flow-settings-details .flow-fields{margin:12px 0}.flow-help p{margin:0 0 16px}.qf-update-dialog{position:fixed;z-index:9999;bottom:16px;right:16px;max-width:min(350px,calc(100vw - 32px));padding:18px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 10px 34px var(--shade)}.qf-update-dialog button{border:0;border-radius:8px;background:var(--accent);color:#fff;min-height:42px;padding:8px 12px;margin-right:7px}.qf-update-dialog button.secondary{background:var(--surface2);color:var(--text)}@media(max-width:550px){.flow-header{height:63px;padding:0 16px}.flow-brand{font-size:18px}.flow-main{padding:22px 14px}.flow-document,.flow-reference{padding:15px}.flow-shortcuts{gap:8px}.flow-shortcut{padding:11px;gap:8px}.shortcut-symbol{font-size:19px;width:21px}.flow-shortcut strong{font-size:13px}.flow-shortcut small{font-size:11px}.flow-dialog{width:100vw;max-height:92dvh;top:auto;bottom:0;left:0;transform:none;border-radius:18px 18px 0 0}.flow-dialog-body{padding:15px}.flow-fields{grid-template-columns:1fr}.flow-toolbar p{max-width:56%}}

/* QuickSuite Flow · Guided Motion – stateful, accessible, non-blocking */
.flow-content{width:min(100%,720px)}
.flow-guidance{display:flex;align-items:center;gap:12px;padding:12px 15px;margin:-6px 0 17px;color:var(--text);border:1px solid var(--border);border-radius:13px;background:var(--surface2);font-size:15px;min-height:52px}
.guidance-marker{color:var(--accent);font-size:24px;font-weight:800;line-height:1;min-width:25px;text-align:center}
.flow-document,.flow-reference,.flow-shortcut,.flow-primary{transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease}
.flow-focus{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),0 0 28px color-mix(in srgb,var(--accent) 17%,transparent);animation:flow-entrance .42s ease-out both}
.flow-complete .flow-step{background:color-mix(in srgb,var(--accent) 19%,var(--surface2));color:var(--accent)}
.flow-primary.flow-action-ready:not(:disabled){box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 22%,transparent);animation:flow-action-highlight .55s ease-out 1}
.flow-shortcut:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0002}
.flow-shortcut:active,.flow-primary:active:not(:disabled),.flow-mini:active{transform:scale(.985)}
.flow-dialog{animation:flow-dialog-enter .22s cubic-bezier(.2,.8,.2,1) both;transform-origin:center}
.flow-backdrop{animation:flow-backdrop-enter .18s ease-out both}
.flow-selected{animation:flow-row-enter .24s ease-out both}
.flow-processing{display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 15px;background:var(--surface2);border-radius:12px;color:var(--text);font-size:14px}
.flow-spinner{width:19px;height:19px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;animation:flow-spin .9s linear infinite}
.flow-result{font-size:15px;font-weight:650;animation:flow-row-enter .32s ease-out}
@keyframes flow-entrance{from{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 0 1px var(--accent),0 0 28px color-mix(in srgb,var(--accent) 17%,transparent)}}
@keyframes flow-action-highlight{from{box-shadow:0 0 0 0 transparent}to{box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 22%,transparent)}}
@keyframes flow-dialog-enter{from{opacity:0;transform:translate(-50%,-47%) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes flow-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes flow-row-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes flow-spin{to{transform:rotate(360deg)}}
@media(max-width:550px){.flow-guidance{margin:0 0 14px}.flow-dialog{animation:flow-dialog-mobile .22s ease-out both}@keyframes flow-dialog-mobile{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(hover:none){.flow-shortcut:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* QuickSuite Premium / navy turquoise visual system */
:root{--bg:#091725;--surface:#11293b;--surface2:#1b374b;--border:#2b4b5d;--text:#f5fbff;--muted:#b7cede;--accent:#1cdbb6;--accent-hover:#42f0ca;--danger:#ff808a;--shade:#030b13cc;--halo:rgba(29,225,188,.20);--premium-bg:radial-gradient(ellipse 72% 56% at 52% -11%,#164560 0%,transparent 74%),linear-gradient(145deg,#091725,#081522 72%)}
html[data-qf-theme=light]{--bg:#eaf3f7;--surface:#ffffff;--surface2:#edf6f8;--border:#b9d2dc;--text:#132f40;--muted:#49697b;--accent:#087c72;--accent-hover:#069283;--danger:#b7354d;--shade:#0c22375c;--halo:rgba(0,161,145,.12);--premium-bg:radial-gradient(ellipse 75% 60% at 48% -20%,#cce9ee 0%,transparent 72%),linear-gradient(145deg,#f4fbfd,#e8f2f6)}
@media(prefers-color-scheme:light){html:not([data-qf-theme=dark]):not([data-qf-theme=light]){--bg:#eaf3f7;--surface:#ffffff;--surface2:#edf6f8;--border:#b9d2dc;--text:#132f40;--muted:#49697b;--accent:#087c72;--accent-hover:#069283;--danger:#b7354d;--shade:#0c22375c;--halo:rgba(0,161,145,.12);--premium-bg:radial-gradient(ellipse 75% 60% at 48% -20%,#cce9ee 0%,transparent 72%),linear-gradient(145deg,#f4fbfd,#e8f2f6)}}
body{background:var(--premium-bg);background-attachment:fixed;font-size:17px;line-height:1.5}
.flow-header{height:90px;background:color-mix(in srgb,var(--surface) 75%,var(--bg));border-bottom:1px solid var(--border);padding-inline:clamp(20px,5vw,68px);backdrop-filter:blur(16px)}
.flow-brand{gap:16px;font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:-.7px}
.flow-brand img{width:64px;height:64px;object-fit:contain;border-radius:0;filter:drop-shadow(0 7px 13px #0007);animation:qf-logo-in .65s ease both}
.flow-head-actions{gap:12px}.icon-button{height:51px;width:51px;color:var(--muted);border:1px solid transparent;border-radius:14px;transition:background .18s,border-color .18s,color .18s,transform .18s}
.icon-button svg{width:27px;height:27px}.icon-button:hover{background:var(--surface2);border-color:var(--border);transform:translateY(-2px);color:var(--accent)}
.flow-main{padding:clamp(26px,4vw,55px) 20px 80px}.flow-content{width:min(100%,820px)}
.flow-guidance{font-size:16px!important;line-height:1.5;min-height:52px;border-radius:16px!important;padding:14px 20px!important;margin-bottom:20px!important}
.flow-document,.flow-reference{border-radius:23px;padding:26px 28px;margin-bottom:16px;box-shadow:0 10px 26px #0002,inset 0 1px 0 #ffffff0b;transition:transform .22s,border-color .22s,box-shadow .22s}
.flow-label,.flow-reference label{gap:16px;font-size:20px;font-weight:750;margin-bottom:18px;line-height:1.3}
.flow-feature-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:var(--surface2);color:var(--accent)}
.flow-feature-icon svg{width:27px;height:27px}
input:not([type=checkbox]),select{min-height:56px;border-radius:13px;padding:13px 16px;font-size:17px;border-color:var(--border)}
input[type=file]{min-height:66px;padding:10px;font-size:16px}input[type=file]::file-selector-button{border-radius:12px;padding:11px 17px;font-weight:750;background:var(--accent);color:#052a30;border-color:transparent}
.flow-shortcuts{gap:16px;margin:18px 0 23px}.flow-shortcut{min-height:112px;border-radius:21px;padding:20px;gap:17px;box-shadow:0 8px 22px #0002,inset 0 1px 0 #ffffff09;transition:transform .23s,box-shadow .23s,border-color .23s,background .23s}
.flow-shortcut strong{font-size:20px;letter-spacing:-.2px}.flow-shortcut small{font-size:14px}.shortcut-symbol{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:var(--surface2);color:var(--accent);flex:0 0 58px}.shortcut-symbol svg{width:35px;height:35px}
.shortcut-arrow{font-size:30px;color:var(--accent)}
.flow-shortcut:hover{transform:translateY(-4px);box-shadow:0 16px 28px #0004,0 0 23px var(--halo);border-color:var(--accent)}
.flow-primary{min-height:76px;border-radius:18px;font-size:21px;font-weight:850;letter-spacing:.1px;color:#04312f;box-shadow:0 12px 34px var(--halo),inset 0 1px 0 #ffffff60;transition:transform .2s,box-shadow .2s,filter .2s}
.flow-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 15px 46px var(--halo);filter:brightness(1.07)}
.flow-primary:disabled{box-shadow:none;opacity:.58}.action-icon{display:inline-flex;align-items:center}.action-icon svg{width:29px;height:29px}
.flow-dialog{border-radius:26px;box-shadow:0 30px 90px #0009;max-width:760px}.flow-dialog-head{padding:24px 27px}.flow-dialog-head h2{font-size:25px}.flow-dialog-body{padding:25px 28px}.flow-dialog-foot{padding:16px 27px}
.flow-dialog .flow-toolbar button,.flow-done,.flow-outline{font-size:16px;min-height:48px;border-radius:12px}.flow-done{background:var(--accent);color:#052d2c}.flow-catalog-row,.flow-selected{min-height:57px;padding:12px 14px}.flow-catalog-row strong,.flow-selected strong{font-size:15px}.flow-catalog-row small,.flow-selected small{font-size:13px}.flow-catalog{max-height:min(35vh,340px)}
.flow-status,.flow-result{font-size:15px}.flow-result{color:var(--accent)}
@keyframes qf-logo-in{from{opacity:.15;transform:scale(.87);filter:drop-shadow(0 0 0 transparent)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 7px 13px #0007)}}
@media(min-width:1150px){.flow-content{width:min(100%,860px)}}
@media(max-width:650px){.flow-header{height:77px;padding-inline:15px}.flow-brand{font-size:21px;gap:9px}.flow-brand img{width:52px;height:52px}.icon-button{width:42px;height:42px}.icon-button svg{width:23px;height:23px}.flow-main{padding:22px 13px 65px}.flow-document,.flow-reference{padding:21px 18px}.flow-label,.flow-reference label{font-size:18px}.flow-shortcuts{gap:10px}.flow-shortcut{min-height:105px;padding:14px;flex-direction:column;align-items:flex-start;gap:9px}.shortcut-symbol{height:43px;width:43px;flex-basis:43px;border-radius:12px}.shortcut-symbol svg{width:29px;height:29px}.flow-shortcut strong{font-size:18px}.flow-shortcut small{font-size:12px}.shortcut-arrow{position:absolute;right:10px;top:10px}.flow-shortcut{position:relative}.flow-primary{min-height:67px;font-size:18px}.flow-dialog-body{padding:17px}.flow-dialog-head{padding:17px}.flow-dialog-head h2{font-size:21px}.flow-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.flow-brand img{animation:none}}


/* QuickSuite Flow · Premium dialogs, compact searchable attachments and accessible controls */
.flow-dialog{width:min(94vw,820px);max-width:820px;max-height:min(90dvh,850px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));background:var(--surface);display:flex;flex-direction:column}
.flow-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 30px;background:linear-gradient(110deg,color-mix(in srgb,var(--surface2) 75%,var(--surface)),var(--surface));border-bottom:1px solid var(--border)}
.flow-dialog-heading{display:flex;align-items:center;gap:16px;min-width:0}.flow-dialog-heading h2{margin:0;font-size:clamp(21px,2.2vw,29px);letter-spacing:-.4px;line-height:1.18}
.flow-dialog-glyph{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;background:color-mix(in srgb,var(--accent) 11%,var(--surface2));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:16px;color:var(--accent)}
.flow-dialog-glyph svg{width:32px;height:32px}.flow-dialog-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:25px 30px;scrollbar-color:var(--border) transparent}
.flow-dialog-foot{display:flex;justify-content:flex-end;flex:none;padding:17px 30px;border-top:1px solid var(--border);background:var(--surface)}
.flow-dialog .flow-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:22px}.flow-dialog .flow-toolbar p{font-size:16px;line-height:1.45;color:var(--muted);margin:0}
.flow-add-action{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:750;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent);padding:11px 17px!important}
.flow-action-plus{font-size:25px;line-height:1;font-weight:500}.flow-empty{display:grid;justify-items:center;text-align:center;gap:12px;padding:35px 15px;border:1px dashed var(--border);border-radius:18px;background:var(--surface2)}
.flow-empty .flow-muted{margin:0}.flow-empty-symbol{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}.flow-empty-symbol svg{width:39px;height:39px}
.flow-person{padding:19px 22px;border:1px solid var(--border);border-radius:19px;background:color-mix(in srgb,var(--surface2) 65%,var(--surface));margin-bottom:14px;animation:flow-row-enter .2s ease-out}.flow-person-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:18px}
.flow-person .flow-fields{gap:13px 16px}.flow-dialog .flow-fields label{font-size:14px;font-weight:650;color:var(--muted);margin-bottom:6px;display:block}
.flow-dialog input:not([type=checkbox]),.flow-dialog select{min-height:52px;font-size:16px;background:var(--surface2);color:var(--text);border:1px solid var(--border)}.flow-dialog input:focus-visible,.flow-dialog select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.flow-dialog .flow-check{font-size:16px;display:flex;align-items:center;gap:11px;min-height:44px}.flow-check input[type=checkbox]{width:21px;height:21px;accent-color:var(--accent)}
.flow-dialog .flow-danger{display:grid;place-items:center;min-width:46px;min-height:46px;border-radius:13px;background:color-mix(in srgb,var(--danger) 10%,var(--surface2));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border));cursor:pointer}.flow-dialog .flow-danger svg{width:23px;height:23px}.flow-dialog .flow-danger:hover{background:color-mix(in srgb,var(--danger) 21%,var(--surface2))}
.flow-dialog .flow-catalog{max-height:min(39dvh,395px);overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface2);margin:12px 0 24px}.flow-catalog-row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:12px 14px;min-height:72px;transition:background .16s,border-color .16s}.flow-catalog-row+ .flow-catalog-row{border-top:1px solid var(--border)}.flow-catalog-row>div{min-width:0;display:grid;gap:3px}.flow-catalog-row strong{font-size:16px}.flow-catalog-row small{font-size:14px;color:var(--muted);line-height:1.45}.flow-catalog-row.is-chosen{background:color-mix(in srgb,var(--accent) 12%,var(--surface2))}.flow-catalog-row.is-chosen strong{color:var(--accent)}
.flow-catalog-row .flow-mini{flex:0 0 47px;width:47px;height:47px;border-radius:14px;font-size:24px;font-weight:700;background:var(--surface);border:1px solid var(--border);color:var(--accent);cursor:pointer}.flow-catalog-row.is-chosen .flow-mini{background:var(--accent);color:#062d2b;border-color:var(--accent)}.flow-catalog-row .flow-mini:hover{border-color:var(--accent);transform:scale(1.035)}
.flow-dialog .flow-search{width:100%;min-height:59px;border-radius:15px;padding-inline:18px;font-size:17px}.flow-subheading{margin-top:12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-subheading strong{font-size:18px}
.flow-selected{border:1px solid var(--border);background:var(--surface2);border-radius:13px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-selected>div{min-width:0;display:grid;gap:2px}.flow-selected strong{font-size:15px}.flow-selected small{font-size:13px;color:var(--muted)}
.flow-settings-details{border:1px solid var(--border);border-radius:16px;margin:14px 0;overflow:hidden;background:color-mix(in srgb,var(--surface2) 65%,var(--surface))}.flow-settings-details summary{font-size:17px;font-weight:750;padding:20px 18px;cursor:pointer;list-style-position:inside}.flow-settings-details[open] summary{border-bottom:1px solid var(--border);color:var(--accent)}.flow-settings-details .flow-fields,.flow-settings-details .flow-setting,.flow-settings-details .flow-check,.flow-settings-details>p,.flow-settings-details>a,.flow-settings-details>button{margin:14px 18px}
.flow-setting{display:grid;gap:6px;margin-bottom:16px}.flow-setting label{font-size:16px;font-weight:700}.flow-setting small{color:var(--muted);font-size:14px}
.flow-dialog .flow-done{min-width:136px;min-height:53px;font-size:17px;font-weight:800;box-shadow:0 6px 21px var(--halo)}
@media(max-width:650px){.flow-dialog{width:100vw;max-width:none;max-height:94dvh;top:auto;left:0;bottom:0;transform:none;border-radius:24px 24px 0 0}.flow-dialog-head{padding:17px 17px}.flow-dialog-glyph{width:45px;height:45px;flex-basis:45px}.flow-dialog-glyph svg{width:27px;height:27px}.flow-dialog-body{padding:17px}.flow-dialog-foot{padding:14px 17px}.flow-dialog .flow-toolbar{align-items:stretch}.flow-dialog .flow-toolbar p{font-size:14px;max-width:56%}.flow-dialog .flow-fields{grid-template-columns:1fr}.flow-catalog-row{min-height:70px}.flow-dialog .flow-done{min-width:120px}}
@media(prefers-reduced-motion:reduce){.flow-person{animation:none}.flow-catalog-row .flow-mini:hover{transform:none}}

/* PWA help and license management */
.flow-readable-document{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:15px;line-height:1.65;background:var(--surface2);border:1px solid var(--border);padding:20px;border-radius:16px;max-height:55dvh;overflow:auto}.flow-license-status{background:var(--surface2);border:1px solid var(--border);padding:16px;border-radius:14px}.flow-license-key-label{display:block;margin:20px 0 8px;font-weight:700}.flow-license-key{width:100%;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:13px;padding:14px;resize:vertical;font-size:15px}.flow-license-actions,.flow-legal-actions{display:flex;gap:12px;flex-wrap:wrap;margin:17px 0}.flow-license-actions button,.flow-legal-actions button{min-height:48px}.flow-dialog .flow-muted{line-height:1.55}@media(max-width:600px){.flow-readable-document{padding:13px;font-size:14px}.flow-license-actions button{flex:1}}

/* CodE inspector review: prominent touch target, theme-aware, no permanent status footer. */
.flow-inspector-access{display:flex;align-items:center;gap:1rem;width:100%;min-height:64px;padding:14px 18px;border:1px solid var(--qf-border,#416477);border-radius:16px;background:var(--qf-card,rgba(46,86,108,.14));color:inherit;text-align:left;cursor:pointer;transition:border-color .17s,transform .17s,box-shadow .17s}
.flow-inspector-access:hover,.flow-inspector-access:focus-visible{border-color:#28dbb9;box-shadow:0 0 0 2px rgba(40,219,185,.15);transform:translateY(-1px)}
.flow-inspector-access>span:first-child{font-size:1.8rem;color:#28dbb9;line-height:1}
.flow-inspector-access>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}
.flow-inspector-access strong{font-size:1.02rem}
.flow-inspector-access small{opacity:.82;line-height:1.4;font-size:.84rem}
.flow-inspector-access>span:last-child{font-size:1.6rem;opacity:.8}
@media (prefers-reduced-motion:reduce){.flow-inspector-access{transition:none}.flow-inspector-access:hover{transform:none}}

/* Release: licence request and inspector save consistent with Premium Flow */
.flow-license-request{margin:1.2rem 0;padding:1rem 1.1rem;border:1px solid rgba(57,203,175,.35);border-radius:14px;background:rgba(18,71,78,.27)}
.flow-license-request strong{display:block;margin-bottom:.4rem;font-size:1.1rem}
.flow-license-request .flow-outline,.flow-inspector-actions .flow-outline{min-height:44px}
.flow-inspector-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.7rem}
@media (max-width:620px){.flow-license-request{padding:.85rem}.flow-inspector-actions .flow-outline{width:100%}}

/* V3 unified attachment browser; responsive, light/dark via existing variables */
.flow-existing-list{border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--surface2));margin:9px 0 22px;max-height:32dvh;overflow:auto}
.flow-existing-list .flow-catalog-row{min-height:70px}
.flow-dialog-attachments .flow-subheading strong{font-size:15px}
.flow-dialog-attachments select{margin:10px 0 0}
.flow-dialog-attachments .flow-catalog{max-height:45dvh}

/* Settings > Legal: same disclosure row as the three preceding settings items.
   Grid keeps the marker on the TITLE baseline, not centered across two lines. */
.flow-legal-settings-action {
  display:grid;
  grid-template-columns: 10px minmax(0, 1fr);
  column-gap:8px;
  align-items:start;
  width:100%; min-height:83px;
  margin:14px 0 18px; padding:20px 18px;
  border:1px solid var(--border); border-radius:16px;
  background:color-mix(in srgb,var(--surface2) 65%,var(--surface));
  color:var(--text); text-align:left;
}
.flow-legal-settings-action:hover {border-color:var(--accent)}
.flow-legal-settings-action > .flow-legal-settings-list-marker {
  grid-column:1; grid-row:1;
  display:block; width:10px; min-width:0;
  margin:0; padding:3px 0 0;
  font-size:15px; line-height:1.2; text-align:left;
}
.flow-legal-settings-action > .flow-legal-settings-content {
  grid-column:2; grid-row:1;
  display:flex; min-width:0; flex-direction:column;
  align-items:flex-start; gap:4px;
  margin:0; padding:0; text-align:left;
}
.flow-legal-settings-action .flow-legal-settings-content strong {
  display:block; font-size:17px; font-weight:750; line-height:1.48;
}
.flow-legal-settings-action .flow-legal-settings-content small {
  display:block; font-size:12px; line-height:1.4; color:var(--muted);
  white-space:normal; overflow-wrap:anywhere;
}