.flow-app{--ink:#000000CC;--muted:#000000CC;--line:#e8e8ec;--paper:#fff;--bg:#fafafa;--accent:#18181b;box-sizing:border-box;color:var(--ink);font-family:"General Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;background:var(--bg);min-height:750px}.flow-app *{box-sizing:border-box}.flow-app button,.flow-app input,.flow-app select,.flow-app textarea{font:inherit}.flow-app button{cursor:pointer}.flow-app h1,.flow-app h2,.flow-app h3,.flow-app p{margin-top:0}.flow-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:750px}.flow-side{border-right:1px solid var(--line);background:#ffffff;color:#000000CC;padding:32px 16px;display:flex;flex-direction:column;gap:5px}.flow-logo{font-size:27px;font-weight:700;letter-spacing:-1.3px;margin:0 12px 45px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.flow-logo span{color:#000000CC;margin-left:2px}.flow-side-label,.flow-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#000000CC}.flow-side-label{margin:0 13px 8px}.flow-side button{border:0;background:transparent;text-align:left;color:#000000CC;padding:13px 15px;border-radius:12px}.flow-side button:hover,.flow-side button.current{background:#f0f0f3;color:#000000CC}.flow-side-bottom{margin-top:auto;padding:18px 14px;border-top:1px solid #e8e8ec}.flow-side-bottom small{display:block;color:#000000CC}.flow-main{min-width:0}.flow-header{padding:36px 42px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.flow-header h1{font-size:31px;letter-spacing:-1.2px;margin:5px 0}.flow-header p{color:var(--muted);margin:0}.flow-app .flow-primary{border:1px solid #e4e7ec;background:#fff;color:#000000CC;padding:10px 15px;border-radius:9px;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #00000003}.flow-app .flow-primary:hover{background:#f6f7f8;border-color:#d4d8df}.flow-app .flow-primary:disabled{opacity:.5}.flow-clientbar{background:white;display:flex;align-items:center;justify-content:space-between;padding:12px 42px;border-bottom:1px solid var(--line);color:var(--muted)}.flow-clientbar select{margin-left:12px;min-width:220px}.flow-content{padding:34px 42px;overflow:auto}.flow-summary{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:14px}.flow-summary>div,.flow-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.flow-summary span,.flow-summary small{display:block;color:var(--muted)}.flow-summary strong{display:block;font-size:31px;letter-spacing:-1px;margin:6px 0}.flow-summary small{font-size:12px}.flow-section-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0 20px;color:var(--muted)}.flow-section-head h2{color:var(--ink);font-size:24px;letter-spacing:-.6px;margin:4px 0 0}.flow-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:20px}.flow-tab{border:1px solid var(--line);border-radius:9px;background:#fff;color:#000000CC;padding:8px 12px;white-space:nowrap}.flow-tab.selected{border-color:#e1e5eb;color:#000000CC;background:#f6f7f8}.flow-tab b{font-size:11px;margin-left:5px}.flow-board{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px;overflow-x:auto;padding-bottom:12px}.flow-column{background:#f5f5f7;border:1px solid #ededf0;padding:10px;border-radius:15px;min-height:240px}.flow-column-title{font-weight:700;padding:8px 4px 15px;display:flex;align-items:center;gap:8px}.flow-column-title em{font-style:normal;font-size:11px;color:#000000CC;background:#e7e7ec;border-radius:7px;padding:1px 7px}.flow-dot{width:8px;height:8px;background:#a1a1aa;border-radius:50%}.flow-dot.active{background:#ed8a23}.flow-dot.done{background:#279455}.flow-card{display:block;width:100%;text-align:left;background:white;border:1px solid var(--line);box-shadow:0 2px 5px #18181b05;padding:15px;border-radius:12px;margin-bottom:9px;color:var(--ink)}.flow-card:hover{border-color:#c4c4ce;box-shadow:0 5px 18px #18181b0b}.flow-card-kind{display:inline-block;background:#efeffa;color:#000000CC;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;margin-bottom:14px}.flow-card strong{display:block;font-size:14px;line-height:1.4}.flow-card-client{display:block;color:var(--muted);font-size:12px;margin-top:7px}.flow-card-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:11px;color:var(--muted);font-size:11px}.flow-empty-col,.flow-empty,.flow-muted,.flow-hint{color:var(--muted);font-size:13px}.flow-empty-col{text-align:center;padding:32px 4px}.flow-narrow{max-width:680px}.flow-app label{display:block;font-weight:650;font-size:13px;color:#000000CC;margin:0 0 17px}.flow-app input:not([type=file]):not([type=checkbox]),.flow-app select,.flow-app textarea{display:block;width:100%;border:1px solid #dddde3;background:#fff;border-radius:9px;margin-top:7px;padding:10px 12px;color:#000000CC;outline:none}.flow-app textarea{resize:vertical;min-height:80px}.flow-app input:focus,.flow-app select:focus,.flow-app textarea:focus{border-color:#90909e;box-shadow:0 0 0 3px #babac333}.flow-app input[type=file]{display:block;margin-top:8px;font-size:12px;font-weight:400;max-width:100%}.flow-files{display:grid;gap:6px;margin:10px 0 20px}.flow-file{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:9px;border-radius:8px;text-decoration:none;color:#000000CC;overflow-wrap:anywhere}.flow-file span{flex:1}.flow-file small{white-space:nowrap;color:var(--muted)}.flow-file b{background:#eeeef3;border-radius:5px;padding:2px 5px}.flow-client-list{display:grid;gap:10px}.flow-client-row{background:white;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;align-items:center;gap:14px}.flow-client-row>div:nth-child(2){flex:1}.flow-client-row small{display:block;color:var(--muted)}.flow-client-row>span{color:var(--muted)}.flow-avatar{width:37px;height:37px;border-radius:10px;background:#eeeef3;display:grid;place-items:center;color:#000000CC;font-weight:800}.flow-ghost{border:1px solid #dddde3;background:white;color:#000000CC;border-radius:9px;padding:9px 12px}.flow-ghost:hover{background:#f4f4f6}.flow-modal-open{overflow:hidden}.flow-overlay{position:fixed;z-index:99999;inset:0;background:#15151c70;display:flex;align-items:center;justify-content:center;padding:20px}.flow-modal{background:#fff;width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:18px;box-shadow:0 25px 90px #18181b22;color:#000000CC}.flow-modal-header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:27px 32px 23px}.flow-modal-header h2{font-size:27px;letter-spacing:-.7px;margin:4px 0}.flow-modal-header p{color:var(--muted);margin:0}.flow-close{border:1px solid var(--line);border-radius:9px;background:#fff;width:34px;height:34px;font-size:24px;line-height:1}.flow-form{padding:28px 32px}.flow-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.flow-detail{display:grid;grid-template-columns:minmax(0,1fr) 215px}.flow-detail-main{padding:28px 32px;min-width:0}.flow-detail-main h3,.flow-detail-aside h3{font-size:15px;margin:0 0 13px}.flow-preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.flow-divider{height:1px;background:var(--line);margin:30px 0}.flow-detail-aside{border-left:1px solid var(--line);padding:28px 20px;background:#fafafa}.flow-detail-aside small{color:var(--muted)}.flow-app .flow-detail-aside .flow-primary{width:100%;white-space:normal}.flow-status{display:inline-block;border-radius:30px;padding:4px 10px;background:#eeeef3;color:#000000CC;font-size:12px;font-weight:700}.flow-comments{display:grid;gap:13px;margin-bottom:24px}.flow-comment{border:1px solid var(--line);background:#fafafa;padding:14px;border-radius:11px}.flow-comment.internal{background:#fff6e9;border-color:#f5e6cc}.flow-comment strong{font-size:13px}.flow-comment small{color:var(--muted)}.flow-comment p{margin:7px 0}.flow-comment .flow-muted{display:none}.flow-inline-form{display:grid;gap:10px;margin-top:20px}.flow-inline-form label{margin-bottom:0}.flow-app .flow-inline-form .flow-primary{justify-self:start}.flow-check{display:flex!important;align-items:center;gap:8px}.flow-count{color:var(--muted);font-weight:400}.flow-notice{position:fixed;z-index:100001;bottom:25px;right:25px;padding:12px 18px;background:#24242a;color:white;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s}.flow-notice.show{opacity:1}.flow-notice.error{background:#a43636}.flow-loading,.flow-login{padding:45px;color:#000000CC}@media(max-width:1100px){.flow-board{grid-template-columns:repeat(3,minmax(200px,1fr))}.flow-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.flow-shell{display:block}.flow-side{min-height:0;padding:12px;flex-direction:row;align-items:center;overflow:auto}.flow-logo{font-size:20px;margin:0 12px 0 0}.flow-side-label,.flow-side-bottom{display:none}.flow-side button{white-space:nowrap;padding:9px}.flow-header{padding:25px 18px;align-items:flex-start;flex-direction:column}.flow-header h1{font-size:25px}.flow-content{padding:20px 15px}.flow-clientbar{padding:12px 15px}.flow-clientbar select{min-width:0}.flow-summary{gap:8px}.flow-summary>div{padding:15px}.flow-detail{display:flex;flex-direction:column}.flow-detail-aside{border-left:0;border-top:1px solid var(--line)}.flow-detail-main,.flow-form,.flow-modal-header{padding:22px}.flow-client-row{flex-wrap:wrap}.flow-overlay{padding:8px}}

.flow-logo .flow-version{font-size:10px;font-weight:500;letter-spacing:.3px;color:#000000CC;margin:0;border:1px solid #e8e8ed;border-radius:5px;padding:2px 5px}.flow-account-links{display:flex;flex-direction:column;gap:7px;margin-top:18px}.flow-account-links a{font-size:11px;color:#000000CC;text-decoration:none}.flow-account-links a:hover{color:#000000CC}.flow-app .flow-clientbar label{margin-bottom:0}.flow-app .flow-clientbar select{display:inline-block;width:auto}.flow-card{transition:box-shadow .16s,border-color .16s}.flow-header h1{font-weight:600}.flow-app button{letter-spacing:0}.flow-login-screen{max-width:440px;margin:12vh auto;padding:36px;background:#fff;border:1px solid #e8e8ec;border-radius:18px;font:15px "General Sans",Arial,sans-serif}.flow-login-screen h1{font-size:30px;letter-spacing:-1px}.flow-login-screen p{color:#000000CC;line-height:1.6}.flow-login-screen input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #dddde3;border-radius:9px;margin:10px 0 16px}.flow-login-screen button{width:100%;background:#fff;color:#000000CC;border:1px solid #e4e7ec;border-radius:9px;padding:13px;cursor:pointer}.flow-login-screen a{color:#000000CC}.flow-billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.flow-billing-grid h3{font-size:20px}.flow-app .flow-billing-grid .flow-primary{margin-top:10px}
.flow-app h1,.flow-app h2,.flow-app h3,.flow-app p,.flow-app a,.flow-app label,.flow-app small{font-family:inherit}.flow-app a:focus-visible,.flow-app button:focus-visible{outline:2px solid #8585a6;outline-offset:3px}.flow-app .flow-logo .flow-version{color:#000000CC}

.flow-app h1,.flow-app h2,.flow-app h3,.flow-app .flow-logo,.flow-login-screen h1{font-family:"Satoshi","General Sans",Arial,sans-serif;color:#000000CC}
.flow-app button,.flow-app input,.flow-app textarea,.flow-app select{font-family:"General Sans",Arial,sans-serif}
.flow-app .flow-header p,.flow-app .flow-card-client,.flow-app .flow-card-footer,.flow-app .flow-hint,.flow-app .flow-muted,.flow-app .flow-eyebrow,.flow-app .flow-side-label,.flow-app .flow-side-bottom small,.flow-app .flow-logo .flow-version{color:#000000CC}
.flow-app .flow-eyebrow,.flow-app .flow-side-label{font-size:11px;font-weight:500;letter-spacing:1px}
.flow-app .flow-card-footer{font-size:12px}.flow-app .flow-account-links a{font-size:12px}
.flow-column.queued{background:#f7f7f8;border-color:#e7e8eb}.flow-column.active{background:#fffbf6;border-color:#f6e7d5}.flow-column.done{background:#f7fcf8;border-color:#dceee2}
.flow-status.queued{background:#f0f1f3;color:#52565c}.flow-status.active{background:#fff0dc;color:#994700}.flow-status.done{background:#e7f5eb;color:#1d683b}
.flow-column.active .flow-column-title em{background:#ffedda;color:#994700}.flow-column.done .flow-column-title em{background:#e3f1e7;color:#1d683b}
.flow-app input::placeholder,.flow-app textarea::placeholder{color:#00000099;opacity:1}
.flow-login-screen input,.flow-login-screen button{font-family:"General Sans",Arial,sans-serif;font-size:15px}
.flow-login-screen button:hover{background:#f6f7f8}.flow-app .flow-ghost{border-color:#e4e7ec;font-weight:500}
@media(max-width:700px){.flow-board{grid-template-columns:repeat(3,260px)}}
/* Breeew 0.4 — icons, brand workspace and full-page requests. */
.flow-icon{width:17px;height:17px;flex:none;vertical-align:middle;display:inline-block}
.flow-app button,.flow-ghost,.flow-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.flow-app .flow-side button{justify-content:flex-start}.flow-card{display:block!important}.flow-card-footer span{display:inline-flex;align-items:center;gap:5px}.flow-card-footer .flow-icon{width:14px;height:14px}
.flow-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.flow-brand-block{background:#fff;border:1px solid #e4e6eb;border-radius:15px;padding:25px;min-width:0;display:flex;flex-direction:column;gap:14px;margin:0}
.flow-brand-block p,.flow-brand-block label,.flow-brand-block .flow-files{margin:0}.flow-brand-block p{font-size:14px;line-height:1.7}.flow-brand-block>.flow-ghost{align-self:flex-start;margin-top:auto}
.flow-brand-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.flow-brand-title h3{display:flex;align-items:center;gap:10px;font-size:16px;margin:0}
.flow-brand-badge{font-size:11px;white-space:nowrap;border:1px solid #e6e8eb;background:#fafafa;color:#000000CC;padding:3px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.flow-brand-badge.ready{background:#f1f8f3;border-color:#d9eadd}.flow-brand-badge .flow-icon{width:12px;height:12px}
.flow-colors-preview{display:flex;gap:8px;flex-wrap:wrap}.flow-colors-preview:empty{display:none}.flow-colors-preview>span{width:34px;height:34px;border:1px solid #00000015;border-radius:9px}
.flow-font-preview{border:1px solid #edf0f2;border-radius:9px;background:#fafafa;padding:16px;font-size:20px}.flow-font-preview small{display:block;font-size:14px;margin-top:8px}
.flow-upload{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin:8px 0 14px;min-width:0}.flow-app .flow-upload-pick{position:relative;display:inline-flex;align-items:center;margin:0;font-weight:500;cursor:pointer;max-width:100%}
.flow-upload-pick>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e4e7ec;border-radius:9px;padding:10px 14px;background:#fff;color:#000000CC;min-height:40px}
.flow-upload-pick:hover>span{background:#f7f8fa}.flow-upload-pick:focus-within>span{outline:2px solid #9696b0;outline-offset:2px}
.flow-app .flow-upload-pick input[type=file]{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;opacity:0;overflow:hidden}
.flow-upload-names{font-size:12px;word-break:break-word;color:#000000CC}.flow-upload small{font-size:11px;color:#000000CC}.flow-brand-block .flow-upload-pick,.flow-brand-block .flow-upload-pick>span{width:100%}.flow-brand-block .flow-upload{margin:4px 0 10px}
.flow-request-page{background:#fff;min-height:100vh}.flow-request-topbar{height:66px;padding:0 30px;border-bottom:1px solid #f0f1f3;display:flex;align-items:center;justify-content:space-between;gap:20px}
.flow-request-brand{text-decoration:none;color:#000000CC;font-family:"Satoshi",sans-serif!important;font-weight:700;font-size:18px}.flow-request-brand span{font-size:10px;font-weight:400;margin-left:6px}
.flow-request-document{max-width:850px;margin:0 auto;padding:65px 32px 90px}.flow-request-heading h1{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:10px 0 28px;font-weight:600;overflow-wrap:anywhere}
.flow-properties{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px 22px;align-items:center;margin-bottom:32px}.flow-properties>span{font-size:14px;display:inline-flex;align-items:center;gap:8px}.flow-properties>.flow-status,.flow-properties>.flow-card-kind{justify-self:start;margin:0}
.flow-status-edit{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:13px;margin:0 0 42px;padding:18px;border:1px solid #e8ebef;border-radius:12px}.flow-status-edit label{margin:0}.flow-status-edit button{min-height:42px}
.flow-request-section{margin-top:40px;padding-top:30px;border-top:1px solid #edeff2}.flow-request-section h2{font-size:18px;display:flex;align-items:center;gap:9px;margin:0 0 20px}.flow-request-section h3{font-size:15px;margin:25px 0 12px}.flow-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.flow-section-title h2{margin:0}
.flow-request-section .flow-inline-form{gap:12px}.flow-comment-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.flow-comment-heading .flow-avatar{width:30px;height:30px;font-size:12px;border-radius:50%}.flow-request-section .flow-comment{background:#fff;border:0;border-bottom:1px solid #eff0f3;border-radius:0;padding:15px 0}.flow-request-section .flow-comment.internal{padding:15px;border:1px solid #f5e6cc;border-radius:10px;background:#fff9f0}.flow-request-section .flow-comment p{margin:14px 0}
.flow-request-section .flow-comments{margin:0 0 28px}.flow-request-section #flow-comment{background:#fafbfc;border:1px solid #e7eaef;padding:20px;border-radius:12px}.flow-request-section #flow-comment label{font-weight:500}
@media(max-width:900px){.flow-brand-grid{grid-template-columns:1fr}.flow-request-document{max-width:760px;padding:38px 24px 60px}}@media(max-width:600px){.flow-brand-block{padding:20px}.flow-request-topbar{padding:0 16px}.flow-request-heading h1{font-size:27px}.flow-request-document{padding:30px 18px 60px}.flow-properties{grid-template-columns:125px 1fr;gap:14px}.flow-status-edit{grid-template-columns:1fr}.flow-status-edit button{justify-self:start}.flow-comment-heading small{font-size:11px}.flow-request-brand span{display:none}}

/* Breeew 0.5 — visual polish, four-card brand hub, robust full-page request view. */
.flow-app{--ink:#171714;--muted:#7c7b74;--line:#e7e3dd;--paper:#fff;--bg:#f6f3ee;--accent:#171714;background:var(--bg);color:var(--ink)}
.flow-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh}
.flow-side{background:#171513;color:#f6f2eb;border-right:0;padding:22px 15px 18px;gap:6px}
.flow-logo{margin:4px 14px 34px;gap:5px;color:#fff}.flow-wordmark{font-family:"Satoshi","General Sans",sans-serif;font-size:30px;font-weight:700;letter-spacing:-1.5px;color:#fff!important}.flow-logo .flow-version{border-color:#ffffff20;color:#a9a49c!important;background:#ffffff08}
.flow-side-label{color:#746f69!important;margin:0 14px 8px;font-size:10px;letter-spacing:1.3px}
.flow-side button{color:#c9c4bc;border-radius:11px;padding:12px 14px;gap:11px;font-weight:500}.flow-side button .flow-icon{color:#9d9790}.flow-side button:hover{background:#ffffff09;color:#fff}.flow-side button.current{background:#fff;color:#171513;box-shadow:0 1px 0 #fff}.flow-side button.current .flow-icon{color:#171513}
.flow-side-bottom{border-top:1px solid #ffffff13;padding:16px 8px 0}.flow-user-chip{display:flex;align-items:center;gap:10px;padding:10px 7px}.flow-user-avatar{width:34px;height:34px;border-radius:10px;background:#fff;color:#171513;display:grid;place-items:center;font-weight:700}.flow-user-chip strong{display:block;color:#fff;font-size:13px}.flow-side-bottom small{color:#8f8982!important;font-size:11px}.flow-account-links{margin-top:8px;gap:2px}.flow-account-links a{display:flex;align-items:center;gap:8px;color:#9f9991!important;padding:7px;border-radius:8px}.flow-account-links a:hover{background:#ffffff08;color:#fff!important}.flow-account-links .flow-icon{width:14px;height:14px}
.flow-main{background:linear-gradient(#f8f5f1,#f7f4ef);min-width:0}.flow-header{padding:30px 38px 25px;background:#fbf9f5;border-color:#e8e3db}.flow-header h1{font-size:34px;letter-spacing:-1.5px;margin:5px 0 2px}.flow-header p{color:var(--muted);max-width:660px}.flow-eyebrow{color:#8f8981!important;font-weight:600;letter-spacing:1.1px}
.flow-app .flow-primary{background:#191715;color:#fff;border-color:#191715;border-radius:10px;padding:11px 16px;box-shadow:0 5px 14px #18151212}.flow-app .flow-primary:hover{background:#2c2926;border-color:#2c2926}.flow-app .flow-primary .flow-icon{color:#fff}
.flow-clientbar{padding:11px 38px;background:#fbf9f5;border-color:#e8e3db;color:var(--muted)}.flow-clientbar label{display:flex!important;align-items:center;gap:8px}.flow-clientbar label>.flow-icon{width:15px;height:15px}.flow-content{padding:30px 38px 46px}
.flow-summary{gap:12px}.flow-summary>div{position:relative;border-color:#e7e2db;border-radius:15px;padding:19px;background:#fff;box-shadow:0 1px 0 #fff,0 5px 20px #2d241908}.flow-summary strong{font-size:29px;margin:9px 0 2px;color:#171714}.flow-summary span:not(.flow-stat-icon),.flow-summary small{color:#827d76}.flow-stat-icon{position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:9px;background:#f2eee8;display:grid!important;place-items:center;color:#5f5952}.flow-stat-icon .flow-icon{width:15px;height:15px}
.flow-section-head{margin:35px 0 17px}.flow-section-head h2{display:flex;align-items:center;gap:9px;font-size:22px;color:#171714}.flow-section-head h2 .flow-icon{width:18px;height:18px}.flow-tabs{gap:8px}.flow-tab{background:#fff;border-color:#e7e2db;color:#6c675f;border-radius:999px;padding:7px 12px}.flow-tab:hover,.flow-tab.selected{background:#191715;color:#fff;border-color:#191715}.flow-tab.selected b{color:#fff}.flow-tab b{color:#8c867f}
.flow-board{gap:14px}.flow-column{background:#efebe5;border-color:#e6e0d8;border-radius:16px;padding:11px}.flow-column.active{background:#f5efe7;border-color:#eadfce}.flow-column.done{background:#eef3ed;border-color:#dae5d8}.flow-column-title{color:#4e4943;padding:7px 4px 14px}.flow-card{border-color:#e7e2db;border-radius:13px;padding:14px;background:#fff;box-shadow:0 4px 14px #211b1406}.flow-card:hover{transform:translateY(-1px);border-color:#d0c9bf;box-shadow:0 10px 26px #211b1410}.flow-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.flow-card-symbol{width:30px;height:30px;border-radius:9px;background:#f1eee8;display:grid;place-items:center;color:#5f5952}.flow-card-symbol .flow-icon{width:15px;height:15px}.flow-card-kind{margin:0;background:#f4f1ec;color:#655f57;font-weight:600}.flow-card strong{font-size:14px;color:#1c1a18}.flow-card-client{display:flex;align-items:center;gap:5px;color:#878179;margin-top:8px}.flow-card-client .flow-icon{width:13px;height:13px}.flow-card-footer{border-color:#eeeae4;color:#8b857d}.flow-card-footer .flow-icon{color:#9b958d}
.flow-ghost{border-color:#ded8d0;color:#2b2824;border-radius:10px;background:#fff}.flow-ghost:hover{background:#f5f1eb}
.flow-modal{border-radius:20px;box-shadow:0 35px 110px #17151330}.flow-overlay{background:#17151380;backdrop-filter:blur(3px)}

.flow-brand-hero{padding:8px 0 23px;max-width:760px}.flow-brand-hero h2{font-size:30px;letter-spacing:-1.2px;margin:7px 0 7px}.flow-brand-hero p{color:#817b73;margin:0;line-height:1.65}.flow-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.flow-brand-block{border-color:#e4ded6;border-radius:17px;padding:23px;min-height:310px;background:#fff;box-shadow:0 6px 24px #2b241b08;gap:13px}.flow-brand-block p{color:#8a847c;font-size:13px;line-height:1.65;max-width:95%}.flow-brand-title{align-items:flex-start;margin-bottom:3px}.flow-brand-title h3{font-size:16px;gap:9px;color:#1f1c19}.flow-brand-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f2eee8;color:#5d574f}.flow-brand-icon .flow-icon{width:16px;height:16px}.flow-brand-badge{background:#f7f4ef;border-color:#e5dfd7;color:#817b74;padding:4px 9px}.flow-brand-badge.ready{background:#edf6ee;border-color:#d8e8d9;color:#3c6b43}.flow-brand-spacer{flex:1}.flow-field-label{font-size:12px!important;color:#716b64!important}.flow-brand-block input:not([type=file]),.flow-brand-block textarea{background:#faf8f5;border-color:#e1dbd3}.flow-colors-preview{min-height:35px}.flow-colors-preview>span{width:36px;height:36px;border-radius:10px;box-shadow:inset 0 0 0 1px #00000012}.flow-font-preview{background:#faf8f5;border-color:#e7e1da;border-radius:11px;color:#24211e}.flow-brand-action{align-self:flex-start!important;margin-top:auto!important}.flow-brand-block .flow-upload{margin-top:auto}.flow-brand-block .flow-upload-pick>span{background:#fff;border-style:solid;border-color:#ded8d0;font-weight:550}.flow-brand-block .flow-upload-pick:hover>span{background:#f6f2ed}.flow-brand-block .flow-upload-names{color:#79736b}.flow-legacy-files{margin-top:20px}.flow-legacy-files h3{display:flex;align-items:center;gap:8px}

.flow-request-page{background:#fbfaf8;min-height:100vh;color:#1c1a18}.flow-request-topbar{height:64px;padding:0 25px;border-color:#ebe6df;background:#fff;position:sticky;top:0;z-index:30}.flow-request-back{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#68625b;padding:9px 10px;border-radius:9px;cursor:pointer}.flow-request-back:hover{background:#f4f1ec;color:#1c1a18}.flow-request-brand{color:#191715!important}.flow-request-document{max-width:900px;padding:56px 36px 92px}.flow-request-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.flow-request-symbol{width:40px;height:40px;border-radius:11px;background:#f0ece6;display:grid;place-items:center;color:#5d574f;flex:none;margin-top:2px}.flow-request-symbol .flow-icon{width:19px;height:19px}.flow-request-heading h1{font-size:34px;margin:5px 0 0;letter-spacing:-1.3px}.flow-properties{grid-template-columns:165px minmax(0,1fr);gap:14px 22px;padding:19px 0 27px;border-bottom:1px solid #ebe6df;margin:0 0 27px}.flow-properties>span:nth-child(odd){color:#817b73}.flow-status-edit{background:#fff;border-color:#e6e0d8;margin-bottom:36px}.flow-request-section{border-color:#ebe6df;margin-top:34px;padding-top:28px}.flow-request-section h2{color:#201d1a}.flow-request-copy{font-size:15px;line-height:1.75;color:#3c3833}.flow-request-section .flow-comment{border-color:#eee9e2}.flow-comment-form{background:#fff!important;border-color:#e4ded6!important;box-shadow:0 5px 18px #211b1408}.flow-comment-form textarea{background:#fbfaf8}.flow-conversation .flow-section-title{align-items:flex-end}.flow-conversation .flow-section-title>.flow-hint{margin-left:auto}.flow-files .flow-file{background:#fff;border-color:#e6e0d8}.flow-file:hover{background:#faf7f3}

.flow-notice{background:#191715;border-radius:11px;box-shadow:0 12px 35px #17151325}.flow-notice.error{background:#9e3d34}

@media(max-width:1100px){.flow-shell{grid-template-columns:220px minmax(0,1fr)}.flow-header,.flow-content,.flow-clientbar{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.flow-brand-grid{grid-template-columns:1fr}.flow-brand-block{min-height:0}.flow-request-document{padding:40px 25px 70px}}
@media(max-width:700px){.flow-side{background:#171513;gap:4px}.flow-side button{color:#bdb7af}.flow-side button.current{background:#fff;color:#171513}.flow-logo{margin-right:12px}.flow-wordmark{font-size:21px}.flow-header{background:#fbf9f5}.flow-header h1{font-size:28px}.flow-content{padding:20px 14px 35px}.flow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-summary>div{padding:15px}.flow-stat-icon{right:12px;top:12px}.flow-request-topbar{padding:0 12px}.flow-request-document{padding:29px 17px 60px}.flow-request-heading h1{font-size:27px}.flow-request-symbol{width:36px;height:36px}.flow-properties{grid-template-columns:120px 1fr}.flow-conversation .flow-section-title{align-items:flex-start;flex-direction:column}.flow-conversation .flow-section-title>.flow-hint{margin-left:0}}

/* Breeew 0.6 — product polish */
.flow-app{--breeew-purple:#6c5ce7;--breeew-blue:#3d7eff;--breeew-green:#12b76a;--breeew-red:#ff4d6d;--breeew-yellow:#ffcc4d;font-family:"General Sans",Arial,sans-serif}
.flow-app h1,.flow-app h2,.flow-app h3,.flow-wordmark,.flow-request-brand{font-family:"Satoshi","General Sans",Arial,sans-serif}
.flow-wave{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:.92em;vertical-align:.02em}
.flow-icon{width:17px;height:17px;flex:none}
.flow-app .flow-primary{background:#171513!important;border-color:#171513!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.flow-app .flow-primary:hover{background:#2a2724!important;border-color:#2a2724!important}
.flow-side button.current{box-shadow:0 8px 24px #00000018}
.flow-avatar{overflow:hidden;flex:none}.flow-avatar img{width:100%;height:100%;object-fit:cover;display:block}.flow-avatar-small{width:27px!important;height:27px!important;border-radius:50%!important;font-size:10px!important}.flow-avatar-large{width:76px!important;height:76px!important;border-radius:22px!important;font-size:24px!important}.flow-user-avatar{overflow:hidden}.flow-user-avatar img{width:100%;height:100%;object-fit:cover}
.flow-card-client{gap:8px!important;margin-top:11px!important}.flow-card-client>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flow-card-top{align-items:flex-start!important}.flow-card-kind{background:#efeaff!important;color:#4f3bcf!important;border:1px solid #ded6ff!important;border-radius:999px!important;padding:4px 9px!important;font-weight:650!important;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flow-priority{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;line-height:1.2;border:1px solid transparent;white-space:nowrap}.flow-priority .flow-icon{width:12px;height:12px}.flow-priority-normal{background:#eef4ff;color:#315ec9;border-color:#d6e4ff}.flow-priority-important{background:#f0eaff;color:#7047d7;border-color:#ded2ff}.flow-priority-urgent{background:#fff0f3;color:#d92954;border-color:#ffcbd6}
.flow-priority-picker{border:0;padding:0;margin:0 0 20px}.flow-priority-picker legend{font-weight:650;font-size:13px;margin-bottom:9px}.flow-priority-picker>div{display:flex;flex-wrap:wrap;gap:9px}.flow-priority-option{margin:0!important;cursor:pointer}.flow-priority-option input{position:absolute;opacity:0;pointer-events:none}.flow-priority-option .flow-priority{padding:8px 12px;transition:.16s ease}.flow-priority-option input:checked+.flow-priority{box-shadow:0 0 0 2px #171513,0 0 0 4px #fff}.flow-priority-picker small{display:block;margin-top:10px;color:#857f77;font-weight:400}
.flow-dot.queued{background:#8b84ff!important}.flow-dot.active{background:#3d7eff!important}.flow-dot.done{background:#12b76a!important}.flow-column.queued{background:#f4f1ff!important;border-color:#e6e0ff!important}.flow-column.active{background:#edf4ff!important;border-color:#d8e7ff!important}.flow-column.done{background:#ecfbf4!important;border-color:#d2f3e3!important}.flow-column.queued .flow-column-title em{background:#e9e4ff!important;color:#5546d8!important}.flow-column.active .flow-column-title em{background:#dfeaff!important;color:#2f65d4!important}.flow-column.done .flow-column-title em{background:#d7f6e7!important;color:#158154!important}
.flow-status.queued{background:#ece8ff!important;color:#5949d3!important}.flow-status.active{background:#e2edff!important;color:#2f65d4!important}.flow-status.done{background:#dff7ea!important;color:#147e50!important}
.flow-summary>div{overflow:hidden}.flow-summary>div:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}.flow-stat-active:before{background:#3d7eff}.flow-stat-queued:before{background:#8b84ff}.flow-stat-done:before{background:#12b76a}.flow-stat-plan:before{background:#ff4d6d}.flow-stat-active .flow-stat-icon{background:#eaf2ff;color:#3d7eff}.flow-stat-queued .flow-stat-icon{background:#f0edff;color:#6c5ce7}.flow-stat-done .flow-stat-icon{background:#e4faef;color:#12a864}.flow-stat-plan .flow-stat-icon{background:#fff0f3;color:#ff4d6d}
.flow-brand-icon-logo{background:#edeaff!important;color:#654fe0!important}.flow-brand-icon-colors{background:#fff1dc!important;color:#dc7b00!important}.flow-brand-icon-font{background:#e8f2ff!important;color:#3777e4!important}.flow-brand-icon-guide{background:#e8f9f0!important;color:#14915b!important}.flow-brand-badge{border-radius:999px!important}.flow-brand-badge.ready{background:#e5f9ef!important;color:#147e50!important;border-color:#c7efd9!important}.flow-colors-preview{display:flex!important;gap:10px;flex-wrap:wrap;min-height:44px!important}.flow-colors-preview>span{width:52px!important;height:52px!important;border-radius:14px!important;position:relative}.flow-colors-preview>span i{position:absolute;left:50%;transform:translateX(-50%);bottom:-19px;font-style:normal;font-size:9px;color:#7c756d}.flow-colors-preview:not(:empty){margin-bottom:18px}
.flow-font-preview{font-size:23px!important;line-height:1.25;padding:18px!important}.flow-font-preview small{font-family:"General Sans",Arial,sans-serif!important;font-size:11px!important;margin-top:8px!important}
.flow-status-edit{grid-template-columns:minmax(220px,360px) auto!important;justify-content:start!important;align-items:end!important}.flow-status-edit .flow-primary{min-height:42px}
.flow-comment-heading{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}.flow-comment-heading>div{min-width:0}.flow-comment-heading strong{display:block!important}.flow-comment-heading small{display:block!important;margin-top:2px}.flow-comment.internal{border-left:3px solid #8b5cf6!important;background:#faf7ff!important}.flow-comment-form{border-radius:15px!important;padding:18px!important}
.flow-settings-head{max-width:700px;margin-bottom:24px}.flow-settings-head h2{font-size:30px;letter-spacing:-1px;margin:6px 0}.flow-settings-head p{color:#817b73}.flow-settings-form,.flow-profile-form{max-width:760px}.flow-settings-form textarea{min-height:250px}.flow-profile-preview{display:flex;align-items:center;gap:16px;margin-bottom:25px;padding-bottom:22px;border-bottom:1px solid #eee8e1}.flow-profile-preview strong{display:block;font-family:"Satoshi","General Sans",sans-serif;font-size:18px}.flow-profile-preview small{display:block;color:#8a847c;margin-top:3px}.flow-profile-form .flow-upload{margin:10px 0}
.flow-select-client{background:#fff;border:1px dashed #d8d0c7;border-radius:16px;padding:35px;text-align:center}.flow-file b{background:#ece8ff!important;color:#5847d2!important}.flow-upload-pick>span{border-radius:11px!important}.flow-upload-pick:hover>span{border-color:#b9afea!important;background:#f9f7ff!important}.flow-notice{background:#171513!important}.flow-notice.error{background:#c8324d!important}
.flow-request-symbol{background:#ece8ff!important;color:#5a48d1!important}.flow-request-page .flow-card-kind{margin:0!important}.flow-properties .flow-priority{justify-self:start}
@media(max-width:700px){.flow-priority-picker>div{gap:7px}.flow-priority-option .flow-priority{padding:7px 9px}.flow-status-edit{grid-template-columns:1fr!important}.flow-settings-head h2{font-size:26px}.flow-colors-preview>span{width:44px!important;height:44px!important}}

/* Breeew 0.7 — workflow, palette editor and stronger status language. */
.flow-wave{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-variant-emoji:emoji}
.flow-priority-normal{background:#e8f7ee!important;color:#177245!important;border-color:#c8ead6!important}
.flow-priority-important{background:#fff7d6!important;color:#946b00!important;border-color:#f0df91!important}
.flow-priority-urgent{background:#ffe8ec!important;color:#c92f48!important;border-color:#f5bdc7!important}
.flow-dot.active{background:#f28a2e!important}.flow-column.active{background:#fff6eb!important;border-color:#f2d8b8!important}.flow-column.active .flow-column-title em{background:#ffe6c8!important;color:#9a4f0a!important}.flow-status.active{background:#ffe7cb!important;color:#9b4d00!important}.flow-stat-active:before{background:#f28a2e!important}.flow-stat-active .flow-stat-icon{background:#fff0de!important;color:#d96e12!important}
.flow-brand-badge.todo{background:#fff1df!important;border-color:#f2d1a6!important;color:#a85b0a!important}.flow-brand-badge.ready{background:#e6f8ed!important;border-color:#c5e9d2!important;color:#167447!important}
.flow-color-editor{display:grid;gap:9px}.flow-color-row{display:grid;grid-template-columns:46px 105px minmax(0,1fr) 34px;gap:8px;align-items:center}.flow-color-row input{margin:0!important}.flow-color-row input[type=color]{width:46px!important;height:42px!important;padding:3px!important;border-radius:10px!important;cursor:pointer}.flow-color-remove{width:34px;height:34px;border:1px solid #e4ddd5;background:#fff;border-radius:9px;color:#8e5b55;display:grid!important;place-items:center!important;padding:0!important}.flow-color-remove .flow-icon{width:14px;height:14px}.flow-color-add{align-self:flex-start;border:1px dashed #cfc6bb;background:#fbf8f4;border-radius:10px;padding:8px 11px;color:#625b53;font-weight:600;display:inline-flex;gap:7px;align-items:center}.flow-color-add:hover{background:#f5f0ea}.flow-color-add .flow-icon{width:14px;height:14px}
.flow-font-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 4px}.flow-font-suggestions button{border:1px solid #e2ddd7;background:#fff;border-radius:999px;padding:6px 9px;font-size:11px;color:#645e57}.flow-font-suggestions button:hover{background:#f5f1eb;border-color:#cfc7be}
.flow-transfer-hint{color:#8b6f51!important;line-height:1.45}.flow-admin-request-actions{display:flex;gap:9px;flex-wrap:wrap;margin:-21px 0 34px}.flow-danger{border:1px solid #efc9ce;background:#fff5f6;color:#b42c40;border-radius:9px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:600}.flow-danger:hover{background:#ffecee}.flow-danger .flow-icon{width:14px;height:14px}.flow-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:13px}.flow-card.is-archived{opacity:.82}.flow-archive-badge{display:inline-flex;align-items:center;border-radius:999px;background:#f0ece7;color:#6e665e;border:1px solid #ddd6cf;padding:4px 9px;font-size:11px;font-weight:700}
@media(max-width:700px){.flow-color-row{grid-template-columns:44px 96px minmax(110px,1fr) 34px}.flow-archive-grid{grid-template-columns:1fr}.flow-admin-request-actions{margin-top:-14px}}

/* Breeew 0.8 — cleaner cards, consistent rectangular badges and quieter conversations. */
.flow-card{border-radius:14px!important;padding:16px!important;box-shadow:0 1px 2px rgba(23,21,19,.035)!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.flow-card:hover{border-color:#d3ccc4!important;box-shadow:0 8px 24px rgba(23,21,19,.07)!important;transform:translateY(-1px)}
.flow-card-top{display:flex;align-items:center!important;justify-content:space-between;gap:8px;margin-bottom:14px}.flow-card-top .flow-card-kind,.flow-card-top .flow-priority,.flow-card-top .flow-archive-badge{margin:0!important}
.flow-card-kind,.flow-priority,.flow-status,.flow-archive-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:26px!important;border-radius:7px!important;padding:4px 9px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.flow-card .flow-card-kind,.flow-card .flow-priority,.flow-card .flow-archive-badge{min-height:24px!important;padding:4px 8px!important;border-radius:6px!important}
.flow-properties>span:nth-child(even):not(:last-child){display:flex;align-items:center}.flow-properties .flow-status,.flow-properties .flow-priority,.flow-properties .flow-card-kind{min-width:94px!important;max-width:max-content!important;min-height:28px!important;border-radius:7px!important;padding:5px 10px!important;margin:0!important}
.flow-status.queued{background:#f0edff!important;color:#5847cc!important;border:1px solid #ddd6ff!important}.flow-status.active{background:#ffe7cb!important;color:#9b4d00!important;border:1px solid #f4c995!important}.flow-status.done{background:#e5f7ed!important;color:#167447!important;border:1px solid #c7e8d4!important}
.flow-priority-normal{background:#e8f7ee!important;color:#177245!important;border-color:#c8ead6!important}.flow-priority-important{background:#fff3c4!important;color:#8b6500!important;border-color:#ead783!important}.flow-priority-urgent{background:#ffe4e8!important;color:#c52b43!important;border-color:#f1bac4!important}
.flow-card-kind{background:#eee9ff!important;color:#5943d6!important;border:1px solid #dcd3ff!important}
.flow-comments{gap:10px!important}.flow-comment{background:#fff!important;border:1px solid #ebe5dd!important;border-radius:16px!important;padding:16px!important;box-shadow:0 1px 1px rgba(23,21,19,.02)}.flow-comment p{margin:10px 0 0!important}.flow-comment.internal{background:#faf7ff!important;border-color:#e7def9!important;border-left:1px solid #e7def9!important}.flow-conversation{background:transparent}.flow-comment-form{border-radius:16px!important;background:#fff!important;border:1px solid #e8e1d9!important;box-shadow:none!important}
.flow-external-link{margin:12px 0 0!important;padding-top:12px;border-top:1px solid #eee8e1}.flow-external-link>span{display:block;font-size:11px;color:#7d766e;font-weight:600}.flow-external-link input{margin-top:7px!important}.flow-file-link .flow-icon{color:#5d4bd1}
@media(max-width:700px){.flow-properties .flow-status,.flow-properties .flow-priority,.flow-properties .flow-card-kind{min-width:86px!important}}