/* Florefy: a compact operational board, not a marketing page. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#26372e;background:#f2f4f1;--forest:#173e30;--muted:#69766e;--line:#dce2db;--columns:24px minmax(160px,1.4fr) 115px 125px minmax(140px,1fr) 90px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:13px;line-height:1.45}[hidden]{display:none!important}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:6px;background:var(--forest);color:#fff;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}
button:hover{background:#245640}button:disabled{opacity:.45;cursor:default}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8ab69c;outline-offset:3px}
svg.ui-icon{display:block;width:16px;height:16px;flex:0 0 auto}
.secondary,.icon{color:#3e5146;background:#fff;border-color:#d3dbd2}.secondary:hover,.icon:hover{background:#f1f5ef;border-color:#a9bcae}

/* Navigation: restrained branding, no repeated hero heading. */
body>header{height:68px;display:flex;align-items:center;gap:42px;padding:0 32px;background:#153b2e;border-bottom:1px solid #0d3023}
.brand{display:flex;align-items:center;flex-shrink:0}
/* Keep the original wordmark; the lower subtitle is outside this shared crop. */
.brand-mark{display:block;position:relative;flex-shrink:0;width:128px;aspect-ratio:1565/290;overflow:hidden}
.brand-mark img{display:block;position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-width:none;filter:brightness(0) invert(1)}
nav{display:flex;align-items:stretch;align-self:stretch;gap:26px}
nav a,.settings-button{display:flex;align-items:center;position:relative;border:0;border-radius:0;padding:0;color:#bed0c4;background:transparent;text-decoration:none;font-size:13px;font-weight:500}
nav a:hover,.settings-button:hover{color:#fff;background:transparent}nav a[aria-current=page]{color:#fff}
nav a[aria-current=page]::after{content:"";position:absolute;height:2px;background:#c5d9a9;bottom:0;left:0;right:0}
#connection{margin-left:auto;color:#c1d5c7;font-size:11px;font-variant-numeric:tabular-nums}
.logout-button,.login-again{font-size:11px;color:#c1d5c7;background:transparent;padding:6px;border:0;margin-left:-24px}.logout-button:hover{background:#214b39;color:#fff}.login-again{text-decoration:underline}
main{max-width:1520px;margin:0 auto;padding:28px 32px 48px}
#title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px}
.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading,.actions{display:flex;align-items:center;gap:8px}
#filters{display:flex;padding:3px;gap:2px;border:1px solid #d9dfd7;border-radius:7px;background:#e9ede6}
#filters button{background:transparent;color:#5e6c61;padding:6px 14px;min-height:31px;font-size:12px;border-radius:4px}
#filters button:hover{background:#f3f6f0}#filters .selected{background:#fff;color:#1d4130;border-color:#d4ddd0;box-shadow:0 1px 2px #233c2010}
.toolbar{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}#summary{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}

/* Batches and aligned instruction rows. */
.color-group,#finishedCards>.card{background:#fff;border:1px solid #d8e0d6;border-radius:9px;overflow:hidden;margin-bottom:18px;box-shadow:0 2px 3px #203b1d04}
.group-heading{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 18px;border-bottom:1px solid #dbe3d8;background:#fff}
.group-heading>strong{font-size:17px;font-weight:650;letter-spacing:-.35px}
.group-quantity{margin-left:4px;padding-left:16px;border-left:1px solid var(--line);color:#647266;font-size:12px;font-variant-numeric:tabular-nums}
.group-tables{display:flex;align-items:baseline;gap:5px;margin-left:auto;white-space:nowrap}.group-tables b{color:#244431;font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.group-tables span{color:#718071;font-size:12px}
.dot{display:inline-block;width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid #0000001c}
.Red{background:#d65b62}.Pink{background:#eda6bb}.Rosa{background:#9975b4}.Yellow{background:#e8ca4b}.Orange{background:#e99a54}.White{background:#fff;border-color:#bbc4b7}
.card{background:#fff}.card+.card{border-top:1px solid #cbd6c7}
.cardhead{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 18px;background:#f3f6f0;border-bottom:1px solid #e3e9df}
.position{color:#84917f;font-size:10px;font-variant-numeric:tabular-nums}.customer{color:#314333;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.progress{margin-left:auto;font-size:10px;color:#6a7866;white-space:nowrap;font-variant-numeric:tabular-nums}
.plant{display:flex;align-items:center;gap:7px;font-weight:600}.plant small{color:var(--muted);font-weight:400;font-size:11px}.color-group .plant{display:none}
.grip{min-height:28px;width:24px;padding:4px;background:transparent;color:#9aa799;cursor:grab;touch-action:none;user-select:none}.grip:hover{color:#345a40;background:#e9efe5}.grip:active{cursor:grabbing}.group-grip{margin-left:-5px}
.tools{display:flex;align-items:center;gap:3px}.tools button{min-height:28px;padding:4px 7px;background:transparent;border-color:transparent;color:#72816c;font-size:11px;font-weight:500}.tools button:hover{background:#e4ecdf;color:#264531}.tools button[data-act=edit]{padding-left:10px;border-left-color:#d8e1d1;border-radius:0 4px 4px 0}
.destination{display:flex;align-items:center;gap:2px;padding-left:8px;margin-left:3px;border-left:1px solid #d9e2d3;flex-shrink:0}.destination>span{color:#72806c;font-size:10px;margin-right:5px}.destination button{min-height:27px;padding:4px 8px;background:transparent;color:#687961;font-size:10px;border-radius:4px}.destination button:hover{background:#e5edde}.destination button[aria-pressed=true]{background:#fff;border-color:#bdccb4;color:#274c31}
.run-columns,.run{display:grid;grid-template-columns:var(--columns);align-items:center;gap:14px;padding:0 18px}
.run-columns{min-height:30px;color:#657260;font-size:11px;border-bottom:1px solid #edf0e9}.run-columns span:last-child{text-align:center}
.run{min-height:66px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid #edf0e9}.run:last-child{border-bottom:0}.run .number{color:#939c8d;font-size:10px;font-variant-numeric:tabular-nums}
.run strong{font-size:15px;font-weight:600;letter-spacing:-.15px;overflow-wrap:anywhere}
.qty{color:#293f2b;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.25px}.qty small{color:#818b78;font-size:10px;font-weight:400;margin-left:5px;letter-spacing:0}
.flowers{color:#58684f;font-size:12px;overflow-wrap:anywhere}.rnote{color:#596a50;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.rnote:empty::after{content:"—";color:#a2aa9a}
.remainder{background:#faf8f0}.remainder .qty{font-size:12px;font-weight:600;letter-spacing:0}.remainder .qty small{display:block;margin-left:0}
.run-check{width:90px;min-height:32px;padding:6px 10px;gap:6px;font-size:11px;color:#52664a;background:#fff;border-color:#ced9c6;border-radius:5px;white-space:nowrap}.run-check span{color:#839a79;font-size:13px}.run-check:hover{background:#edf4e8;border-color:#a8bba0}.run-check[aria-pressed=true]{background:#28563a;color:#fff;border-color:#28563a}.run-check[aria-pressed=true] span{color:#fff}
.run-done,.run-done.remainder{background:#f0f6eb}.run-done strong{color:#5e7655}.cardnote{padding:10px 18px;font-size:12px;background:#faf6e8;color:#73633f}
.dragover{outline:2px solid #59865d;outline-offset:3px}.card.dragover{outline-offset:-2px}
#finished{margin-top:24px}#finished summary{display:list-item;width:fit-content;margin-bottom:12px;padding:6px 0;font-size:12px;font-weight:500;color:#6a7764;cursor:pointer}#finishedCards>.card{margin-top:10px}
.empty{text-align:center;background:#fff;padding:60px 20px;border:1px dashed #cad5c3;border-radius:8px}.empty h2{color:#6a7b61;font-size:15px;font-weight:500}
#error{background:#fff1ec;color:#913c25;border:1px solid #edcfc1;border-radius:6px;padding:12px 16px;margin:12px 0;font-size:13px}

/* Editors and settings use the same controls, spacing and type scale. */
dialog{width:min(790px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #d3ddd0;border-radius:12px;background:#fff;color:var(--ink,#26372e);box-shadow:0 24px 90px #10251b33}
dialog::backdrop{background:#14271f66;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}
.eyebrow{margin:0 0 5px;color:#7f8d77;font-size:9px;font-weight:600;letter-spacing:1.3px}h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0}.icon{min-width:32px;min-height:32px;padding:5px}
.fields{display:grid;gap:18px}label{display:flex;flex-direction:column;gap:7px;color:#52614b;font-size:11px;font-weight:600}
input,select,textarea{width:100%;padding:10px 11px;color:#293f2b;font-size:13px;font-weight:400;border:1px solid #d3ddce;border-radius:5px;background:#fff}textarea{resize:vertical;line-height:1.65}input::placeholder,textarea::placeholder{color:#9aa593}input:focus,select:focus,textarea:focus{outline:2px solid #82a986;outline-offset:1px;border-color:#82a986}input:disabled{background:#edf1e9;color:#85917e}
.color-picker{display:flex;gap:7px;flex-wrap:wrap}.color-picker button{min-width:82px;min-height:35px;padding:8px 12px;gap:8px;background:#fff;color:#59674e;border-color:#d5dece;font-size:12px;font-weight:500}.color-picker button:hover{background:#f6f8f3}.color-picker button[aria-pressed=true]{color:#25472c;border-color:#618465;box-shadow:inset 0 0 0 1px #618465;background:#f0f5ec}
.runheading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 12px;padding-top:19px;border-top:1px solid #e2e8dc}.runheading h3{font-size:13px;font-weight:600;margin:0}.run-actions{display:flex;margin:4px 0 12px}.run-actions button{min-height:34px;font-size:12px;padding:7px 12px}
.editrun{display:grid;grid-template-columns:1.6fr 1fr 1fr 28px;gap:14px 12px;margin-bottom:12px;padding:16px;border:1px solid #dfe6d9;border-radius:7px;background:#f8faf6}.editrun .sleevefield{grid-column:1}.editrun .amountfield{grid-column:2}.editrun .flowersfield{grid-column:3}.editrun .notefield{grid-column:1/4}.remove{grid-column:4;grid-row:1;align-self:center;min-height:38px;padding:5px;color:#84917a;background:transparent}.remove:hover{color:#a1422e;background:#faede6}
.run-color-field{grid-column:1/4;display:grid;gap:7px;font-size:11px;font-weight:600;color:#52614b}.run-color-field .color-picker{gap:6px}.run-color-field .color-picker button{min-width:0;padding:7px 10px}
.run-mode{grid-column:1/4;display:flex;gap:4px;width:fit-content;max-width:100%;padding:3px;background:#e9eee5;border:1px solid #dbe3d4;border-radius:7px}.run-mode button{min-height:38px;padding:8px 15px;background:transparent;color:#687560;font-size:12px;font-weight:600}.run-mode button:hover:not(:disabled){background:#f4f7f0;color:#274b32}.run-mode button[aria-pressed=true]{background:#fff;color:#254a32;border-color:#cbd8c2;box-shadow:0 1px 2px #1b351214}.run-mode button[data-mode=empty][aria-pressed=true]{background:#254a32;color:#fff;border-color:#254a32}.editrun.is-empty-run{background:#f3f7ef;border-color:#afc2a7}.editrun.is-empty-run .sleevefield{grid-column:1/3}
.sleeve-suggestions:empty{display:none}.sleeve-suggestions{display:flex;flex-direction:column;gap:2px;background:#fff;padding:4px;border:1px solid #cfdbc7;border-radius:5px;box-shadow:0 4px 12px #1e3d2110}.sleeve-suggestions button{justify-content:flex-start;min-height:30px;padding:6px 8px;font-size:12px;font-weight:400;background:#f4f8ef;color:#2d4e31}.sleeve-suggestions button:hover{background:#e5f0dc}
#estimate{padding:10px 0;color:#617057;font-size:12px;font-variant-numeric:tabular-nums}#formError,#settingsError{color:#a1452e;font-size:12px}
footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e1e7da;margin-top:18px;padding-top:18px}.danger{margin-right:auto;color:#99533f;background:#fff;border-color:#e2cfc5}.danger:hover{background:#fff0e8}
#settingsDialog{max-width:500px}.sleeves-label{margin-top:20px}.settings-help{font-size:11px;color:#7e8b74}
.screen main{max-width:1600px}.screen .run{min-height:72px}.screen .run strong{font-size:17px}.screen .qty{font-size:18px}.screen .remainder .qty{font-size:13px}.screen .flowers,.screen .rnote{font-size:14px}

@media(max-width:1100px){:root{--columns:20px minmax(130px,1.3fr) 90px 100px minmax(90px,1fr) 80px}.run-check{width:80px}.run,.run-columns{gap:10px}.cardhead{flex-wrap:wrap;gap:8px}.customer{flex:1;min-width:90px}.progress{margin-left:0}}
@media(max-width:760px){body>header{padding:0 18px;gap:24px;height:62px}.brand .brand-mark{width:105px}nav{gap:15px}nav a,.settings-button{font-size:12px}#connection{font-size:10px;max-width:86px}main{padding:20px 16px 32px}.workspace-bar{align-items:flex-start;flex-wrap:wrap}.heading{margin-left:auto}#filters button{padding:6px 10px;font-size:11px}.group-heading{gap:9px;padding:10px 12px;flex-wrap:wrap}.group-quantity{padding-left:10px}.group-heading>strong{font-size:16px}.group-tables b{font-size:17px}.group-tables span{font-size:11px}.cardhead{padding:8px 12px}.run-columns{display:none}.run{grid-template-columns:16px minmax(80px,1fr) 80px 80px;padding:14px 12px;gap:6px 10px}.run strong{grid-column:2;grid-row:1}.qty{grid-column:3;grid-row:1}.qty small{display:block;margin-left:0}.run-check{grid-column:4;grid-row:1/3}.flowers{grid-column:2/4;grid-row:2}.rnote{grid-column:2/5;grid-row:3}.rnote:empty{display:none}.screen .run strong{font-size:16px}.screen .flowers,.screen .rnote{font-size:12px}.destination>span{display:none}.destination{margin-left:0}}
@media(max-width:480px){body>header{padding:0 12px;gap:16px;flex-wrap:wrap;height:auto;min-height:64px}.brand .brand-mark{width:92px}nav{gap:12px;min-height:64px}#connection{display:block;max-width:none;margin:-6px 0 8px;flex-basis:100%;font-size:9px}.workspace-bar{gap:12px}.group-heading .tools{margin-left:auto}.group-tables{margin-left:auto}.group-quantity{font-size:11px;padding-left:8px;margin:0}.group-heading{gap:8px}.group-grip{width:20px}.group-heading .tools button{padding:4px}.cardhead .tools{margin-left:auto}dialog{padding:18px}.editrun{grid-template-columns:1fr 1fr 24px;padding:12px}.editrun .sleevefield,.editrun .notefield,.run-mode{grid-column:1/3}.editrun .amountfield{grid-column:1}.editrun .flowersfield{grid-column:2}.editrun.is-empty-run .flowersfield{grid-column:1/3}.run-mode button{font-size:11px;padding:8px}.remove{grid-column:3}.color-picker{display:grid;grid-template-columns:repeat(3,1fr)}.color-picker button{min-width:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:480px){.run-color-field{grid-column:1/3}}

/* Drag feedback is an overlay: the board does not jump beneath the pointer. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.is-dragging,body.is-dragging *{cursor:grabbing!important;user-select:none!important}
.drag-source{opacity:.34;transition:opacity .12s}
.drag-preview{position:fixed;top:0;left:0;width:270px;max-width:calc(100vw - 24px);padding:14px 16px;border:1px solid #afc5b3;border-radius:8px;background:#fff;box-shadow:0 12px 36px #153b2e29,0 2px 5px #153b2e14;z-index:1000;pointer-events:none;will-change:transform}
.drag-preview-title{display:flex;align-items:center;gap:9px}.drag-preview-title strong{font-size:14px}.drag-preview-title>span:last-child{margin-left:auto;font-size:12px;color:#687b67;font-variant-numeric:tabular-nums}
.drag-preview-detail{font-size:11px;color:#73816e;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drag-preview.invalid-drop{opacity:.6}
.drop-indicator{position:fixed;top:0;left:0;height:3px;background:#367552;border-radius:3px;box-shadow:0 0 0 2px #fff;z-index:999;pointer-events:none;will-change:transform}
.drop-indicator::before{content:"";position:absolute;left:-3px;top:-2px;width:7px;height:7px;border-radius:50%;background:#367552;box-shadow:0 0 0 2px #fff}

/* The shared planning stays behind a small, focused sign-in screen. */
.login-page{display:grid;place-items:center;min-height:100dvh;padding:24px;background:#eef2ec}
.login-card{width:min(100%,390px);margin:0;padding:0;overflow:hidden;border:1px solid #d5ded0;border-radius:12px;background:#fff;box-shadow:0 12px 40px #173e3010}
.login-brand{position:relative;display:flex;align-items:center;justify-content:center;min-height:98px;padding:28px;background:var(--forest)}.login-brand .brand-mark{width:150px}
.login-content{padding:28px}.login-content h1{font-size:23px;letter-spacing:-.5px;margin:0 0 6px}.login-content>p{font-size:13px;color:var(--muted);margin:0 0 24px}
#loginForm{display:grid;gap:18px}#loginForm button{width:100%;min-height:42px}#loginError{margin:0;font-size:12px;color:#a1452e}
@media(max-width:760px){.logout-button,.login-again{margin-left:0}}

/* Language is a local display preference, kept separate from planning actions. */
.language-switch{display:inline-flex;flex-shrink:0;align-items:center;gap:2px;min-height:29px;margin-left:-24px;padding:3px;border:1px solid #ffffff29;border-radius:5px;background:#ffffff08;color:#adc3b7;font-size:10px;font-weight:600;letter-spacing:.35px;line-height:1}
.language-switch:hover{background:#ffffff10;border-color:#ffffff4d}.language-switch:focus-visible{outline:2px solid #d5e4cc;outline-offset:3px}.language-switch span{padding:5px 6px;border-radius:3px;transition:background .15s,color .15s}.language-switch .is-active{background:#e1ebdb;color:#153b2e}
.login-brand .language-switch{position:absolute;top:12px;right:12px;margin:0;min-height:26px;font-size:9px}.login-brand .language-switch span{padding:4px 5px}
@media(max-width:760px){.language-switch{margin-left:0}}
@media(max-width:480px){body>header .language-switch{margin-left:auto}body>header #connection{order:3}body>header .logout-button,body>header .login-again{order:2}}