/* Modern replacements for the legacy WinDev multiple/partial checkout windows. */
.fl-order-action-dialog{width:min(1020px,calc(100% - 28px));height:min(690px,calc(100% - 28px));padding:0;overflow:hidden;border:1px solid #e3cdb0;border-radius:14px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.3);color:#30373b}.fl-order-action-dialog::backdrop{background:rgba(48,43,37,.44);backdrop-filter:blur(3px)}.fl-order-action-dialog>form{height:100%;padding:20px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:13px}.fl-order-action-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:18px}.fl-order-action-heading h2{margin:0;font-size:1.24rem}.fl-order-action-heading p{margin:5px 0 0;color:#70787c;font-size:.88rem}.fl-order-action-close{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#f3eadb;color:#554d44;font-size:1.55rem;line-height:1;cursor:pointer}.fl-order-action-order{min-width:180px;padding:7px 12px;display:grid;grid-template-columns:auto 1fr;gap:1px 9px;border-left:1px solid #eadfce}.fl-order-action-order span{grid-row:1/3;color:#7a7065;font-size:.75rem;align-self:center}.fl-order-action-order strong{font-size:.94rem}.fl-order-action-order small{color:#665e55}.fl-order-action-table{min-height:0;display:grid;grid-template-rows:43px minmax(0,1fr);overflow:hidden;border:1px solid #eadcc5;border-radius:8px;background:#fff}.fl-order-action-table-head,.fl-order-action-row{min-width:760px;display:grid;align-items:center;gap:10px}.fl-order-action-table-head{padding:0 13px;color:#fff;background:linear-gradient(180deg,#f9a094,#f58e81);font-size:.79rem;font-weight:700}.fl-order-action-table-body{min-height:0;overflow:auto}.fl-order-action-row{width:100%;min-height:46px;padding:7px 13px;border:0;border-bottom:1px solid #eee5d7;background:#fffdf8;color:#30373b;text-align:left}.fl-order-action-row:nth-child(even){background:#f9f4ea}.fl-order-action-row:hover{background:#fff0eb}.fl-order-action-row:has(input:checked){background:#fee4de}.fl-order-action-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-order-action-row input[type=checkbox]{width:19px;height:19px;margin:0;accent-color:#f58e81}.fl-order-action-row input[type=number]{width:86px;height:32px;padding:4px 7px;border:1px solid #d8ccbb;border-radius:5px;background:#fff;font:inherit}.fl-order-action-row input[type=number]:focus{border-color:#f58e81;outline:3px solid rgba(245,142,129,.16)}.fl-multiple-orders-table .fl-order-action-table-head,.fl-multiple-orders-table .fl-order-action-row{grid-template-columns:58px 105px minmax(230px,1.5fr) 140px 125px}.fl-partial-order-table .fl-order-action-table-head,.fl-partial-order-table .fl-order-action-row{grid-template-columns:115px minmax(260px,1.55fr) 80px 105px 110px minmax(150px,.8fr)}.fl-order-action-error{margin:0;padding:8px 11px;border:1px solid #efb8ae;border-radius:6px;color:#9d3e35;background:#fff0ed;font-size:.82rem}.fl-order-action-error[hidden]{display:none}.fl-order-action-empty{grid-column:1/-1;margin:0;padding:44px;color:#777;text-align:center}.fl-order-action-footer{min-height:66px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #eadfce}.fl-order-action-footer>div:last-child{display:flex;gap:9px}.fl-order-action-footer button{min-height:42px;padding:8px 18px;border:1px solid #d9cdb9;border-radius:7px;background:#fff;color:#30373b;font:600 .86rem inherit;cursor:pointer}.fl-order-action-footer .fl-order-action-confirm{min-width:190px;border-color:#f58e81;background:#f58e81;color:#fff}.fl-order-action-total{display:grid;grid-template-columns:auto auto auto auto;align-items:baseline;gap:3px 9px;color:#756a5d;font-size:.78rem}.fl-order-action-total strong{margin-right:13px;color:#20282c;font-size:1rem}.fl-partial-order-totals{display:grid;grid-template-columns:repeat(4,minmax(115px,1fr));gap:16px}.fl-partial-order-totals>span{display:grid;gap:3px}.fl-partial-order-totals small{color:#756a5d;font-size:.7rem}.fl-partial-order-totals strong{font-size:.92rem}.fl-partial-order-totals .fl-partial-order-selected{padding-left:14px;border-left:2px solid #f58e81}.fl-partial-order-totals .fl-partial-order-selected strong{color:#cf5b4e;font-size:1.05rem}.fl-order-action-dialog[open]{animation:fl-dialog-in .16s ease-out}
@media(max-width:820px){.fl-order-action-dialog{width:calc(100% - 16px);height:calc(100% - 16px)}.fl-order-action-dialog>form{padding:12px}.fl-order-action-heading{grid-template-columns:minmax(0,1fr) auto}.fl-order-action-order{display:none}.fl-order-action-footer{align-items:stretch;flex-direction:column}.fl-order-action-footer>div:last-child{display:grid;grid-template-columns:1fr 1fr}.fl-order-action-footer .fl-order-action-confirm{min-width:0}.fl-partial-order-totals{width:100%;grid-template-columns:1fr 1fr;gap:8px}.fl-order-action-total{width:100%}}

:root {
  --canvas:#f4f1e9; --surface:#fffdf8; --sand:#f2e7d2; --coral:#f79b8d; --coral-dark:#df7567;
  --ink:#30373b; --muted:#70787c; --line:#e2ddd3; --green:#68a37b; --red:#c8615c; --amber:#c28a32;
  --fl-screen-inset-x:18px; --fl-screen-inset-top:14px; --fl-screen-inset-bottom:7px;
  --fl-screen-gap:8px; --fl-command-height:76px; --fl-command-width:150px; --fl-command-button-height:45px;
}
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { color:var(--ink); background:var(--canvas); font-family:"Segoe UI",system-ui,-apple-system,sans-serif; }
a { color:inherit; text-decoration:none; }
.appbar { position:fixed; inset:0 0 auto 0; z-index:15; height:52px; display:flex; align-items:center; padding:5px 12px; background:#f1e5cf; border-bottom:1px solid #e5d7c0; }
.brand { display:flex; align-items:center; gap:10px; }
.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--coral); font:700 1.25rem Georgia,serif; }
.brand b,.brand small { display:block; }.brand b { font-family:Georgia,serif; font-size:1.15rem; }.brand small { color:var(--muted); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.page { max-width:1500px; min-height:100vh; margin:auto; padding:60px 3px 3px; display:grid; align-content:start; gap:10px; }
.panel,.glass { background:var(--surface); border:1px solid var(--line); border-radius:8px; box-shadow:0 2px 10px rgba(57,48,37,.035); }
.screen-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:4px 2px; }
.screen-heading.compact { align-items:center; }.screen-heading h1 { margin:3px 0; font-family:Georgia,serif; font-size:clamp(1.6rem,3vw,2.25rem); font-weight:600; }.screen-heading p { margin:0; color:var(--muted); }
.eyebrow { color:var(--coral-dark); font-weight:700; font-size:.72rem; letter-spacing:.16em; }
.order-count { min-width:120px; padding:13px 18px; display:grid; text-align:center; background:var(--sand); border-radius:8px; }.order-count strong { font:600 1.6rem Georgia,serif; }.order-count span { color:var(--muted); font-size:.8rem; }
.burger { position:static; z-index:30; width:42px; height:42px; display:grid; place-content:center; gap:5px; border:0; border-radius:7px; background:var(--coral); cursor:pointer; }
.burger span { width:20px; height:2px; display:block; background:white; transition:.2s; }.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.scrim { position:fixed; inset:0; z-index:19; pointer-events:none; opacity:0; background:rgba(37,35,31,.35); transition:.2s; }.scrim.open{opacity:1;pointer-events:auto}
.drawer { position:fixed; inset:0 auto 0 0; z-index:20; width:285px; padding:64px 18px 22px; display:flex; flex-direction:column; gap:9px; background:var(--sand); border-right:1px solid var(--line); transform:translateX(-102%); transition:.25s; }.drawer.open{transform:none}
.drawer>a { padding:15px; border:1px solid rgba(255,255,255,.75); border-radius:6px; background:rgba(255,255,255,.35); text-align:center; letter-spacing:.08em; }.drawer>a:hover,.drawer>a.active{color:white;background:var(--coral);border-color:var(--coral)}
.fl-drawer-parameters{margin-top:10px;padding-top:14px;border-top:1px solid #deceb4}.fl-drawer-parameters h2{margin:0 0 9px;color:#4b443c;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.fl-drawer-parameter-group{padding:12px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:rgba(255,255,255,.38)}.fl-drawer-parameter-group>strong{display:block;margin-bottom:9px;font-size:.9rem}.fl-drawer-parameter-row{display:flex;align-items:center;gap:10px}.fl-drawer-parameter-row>span{min-width:0;display:grid;gap:3px}.fl-drawer-parameter-row b{font-size:.8rem;line-height:1.25}.fl-drawer-parameter-row small{color:#746b61;font-size:.68rem;line-height:1.3}.fl-setting-switch{width:44px;height:26px;flex:0 0 44px;padding:3px;display:flex;align-items:center;border:1px solid #d4c5ae;border-radius:15px;background:#fff;cursor:pointer;transition:.15s}.fl-setting-switch i{width:18px;height:18px;display:block;border-radius:50%;background:#aaa39a;box-shadow:0 1px 3px rgba(50,40,30,.2);transition:.15s}.fl-setting-switch[aria-checked="true"]{justify-content:flex-end;border-color:#e68174;background:#fee5df}.fl-setting-switch[aria-checked="true"] i{background:#f0796b}.fl-setting-switch:focus-visible{outline:2px solid #df7567;outline-offset:2px}
.langs { margin-top:auto; display:flex; gap:7px; }.langs a { flex:1; padding:9px; border:1px solid var(--line); border-radius:5px; text-align:center; }.langs a.active{background:white}
input,select,textarea { width:100%; padding:11px 12px; border:1px solid #d8d3ca; border-radius:5px; outline:0; background:white; color:var(--ink); font:inherit; } input:focus,select:focus,textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(247,155,141,.18)}
label { display:grid; gap:7px; color:var(--muted); font-size:.84rem; } label>span { color:var(--ink); font-weight:600; }
.btn { min-height:42px; padding:10px 20px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--coral); border-radius:5px; color:white; background:var(--coral); font:600 .94rem inherit; cursor:pointer; }.btn:hover{background:var(--coral-dark);border-color:var(--coral-dark)}.btn.ghost{color:var(--ink);background:white;border-color:var(--line)}.btn.danger{background:var(--red)}
.order-filters { padding:17px; display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(230px,1.7fr) auto; align-items:end; gap:12px; background:var(--sand); }.filter-search{min-width:0}
.order-list { overflow:hidden; }.order-table-head,.order-row { display:grid; grid-template-columns:minmax(95px,.7fr) minmax(170px,1.35fr) minmax(180px,1.2fr) minmax(155px,1.1fr) minmax(125px,.8fr) minmax(105px,.7fr) 24px; align-items:center; gap:14px; }
.order-table-head { padding:12px 18px; color:white; background:var(--coral); font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
.order-row { min-height:76px; padding:12px 18px 12px 15px; border-bottom:1px solid var(--line); border-left:4px solid transparent; background:var(--surface); transition:.15s; }.order-row:last-child{border-bottom:0}.order-row:hover{background:#fff8f4;transform:translateX(2px)}.order-row b,.order-row small{display:block}.order-row b{font-size:.9rem}.order-row small{margin-top:4px;color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-number{font:600 1.05rem Georgia,serif}.order-total{text-align:right}.row-arrow{color:var(--coral-dark);font-size:1.8rem;text-align:right}
.st-border-processing{border-left-color:#78a88a}.st-border-completed{border-left-color:#7d8990}.st-border-pending,.st-border-on-hold{border-left-color:#dbad54}.st-border-cancelled,.st-border-failed,.st-border-refunded{border-left-color:#cc6964}
.badge { display:inline-block; padding:5px 10px; border-radius:99px; background:#edf0ef; font-size:.75rem; font-weight:700; white-space:nowrap; }.st-processing,.st-completed,.instock{color:#3b7552;background:#e4f1e8}.st-pending,.st-on-hold,.onbackorder{color:#946617;background:#fff2d8}.st-cancelled,.st-failed,.st-refunded,.outofstock{color:#a64843;background:#fbe5e3}
.order-summary { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; }.order-summary>div { position:relative; min-height:96px; padding:20px 18px 16px 66px; display:grid; align-content:center; gap:5px; border-right:1px solid var(--line); }.order-summary>div:last-child{border-right:0}.order-summary small{color:var(--muted)}.summary-icon{position:absolute;left:20px;top:31px;font-size:1.75rem;color:var(--coral-dark)}
.detail-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.info-card,.note-card,.line-items{padding:19px}.info-card h2,.note-card h2,.line-items h2{margin:0 0 15px;font:600 1.08rem Georgia,serif}.info-card p{margin:0;line-height:1.65}.info-card dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:9px 12px}.info-card dt{color:var(--muted)}.info-card dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.table-scroll{overflow:auto}.line-items table{width:100%;border-collapse:collapse}.line-items th,.line-items td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line)}.line-items th{color:white;background:var(--coral);font-size:.78rem}.line-items td small{display:block;margin-top:4px;color:var(--muted)}
.totals { width:min(360px,100%); margin:18px 0 0 auto; display:grid;grid-template-columns:1fr auto;gap:8px 25px}.totals b{text-align:right}.big{font-size:1.3rem}
.fl-order-detail-form { display:grid; gap:10px; }
.fl-edit-card { display:grid; align-content:start; gap:11px; }
.fl-edit-card h2 { margin-bottom:2px; }
.fl-edit-card textarea { resize:vertical; min-height:88px; }
.fl-detail-actions { position:sticky; bottom:3px; z-index:5; padding:12px 14px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid #e5d7c0; border-radius:6px; background:#f1e5cf; }
.fl-detail-actions .btn { min-width:170px; }
.fl-detail-actions .btn:disabled { opacity:.55; cursor:not-allowed; }
.fl-save-status { margin-left:auto; color:var(--muted); font-size:.84rem; }
.fl-save-status.error { color:var(--red); }
.toolbar { display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:15px}.toolbar input[type=search]{flex:1 1 220px;width:auto}.list{display:grid;gap:9px}.rowcard{padding:14px 18px;display:flex;align-items:center;gap:14px}.grow{flex:1}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price s{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card{overflow:hidden}.thumb{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:var(--sand)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.sm{width:56px;height:56px;aspect-ratio:auto}.thumb.lg{border-radius:6px}.ph{font-size:2rem}.card-body{padding:14px;display:grid;gap:6px}
.editor{padding:22px;display:grid;grid-template-columns:300px 1fr;gap:22px}.editor.one{grid-template-columns:1fr}.preview,.fields{display:grid;gap:13px;align-content:start}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.detail{padding:22px;display:grid;gap:12px}.detail h3{margin:8px 0 3px;color:var(--coral-dark)}
.pager{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:var(--muted)}.notice{padding:13px 16px;border:1px solid var(--line);border-radius:6px;background:white}.notice.warn{background:#fff7df;border-color:#e6bd66}.notice.error{background:#fff0ee;border-color:#d98680}.notice.ok{background:#ecf6ef;border-color:#81ae90}.toast{position:fixed;top:18px;right:18px;z-index:40}.hint{color:var(--muted)}pre{padding:15px;overflow:auto;background:#f3f1ed;border-radius:5px}
.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;background:rgba(255,253,248,.72);backdrop-filter:blur(7px) saturate(.92);transition:opacity .18s ease,visibility 0s linear .18s}.loader.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.loader-card{min-width:0;padding:14px 22px;display:grid;place-items:center;gap:14px;border:0;background:transparent;box-shadow:none;color:var(--ink);font-size:.95rem;text-align:center}.loader-card strong{font-size:1rem;font-weight:650;letter-spacing:.01em}.loader-animation{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 20deg,rgba(247,155,141,0) 0 14%,#f7b0a5 34%,#f28d80 58%,#d96558 76%,rgba(217,101,88,0) 94%);filter:drop-shadow(0 5px 10px rgba(151,86,73,.18));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 0);animation:flowerline-loader-spin .82s linear infinite}@keyframes flowerline-loader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader-animation{animation-duration:1.8s}}
.fl-dialog{width:min(560px,calc(100% - 36px));padding:0;overflow:hidden;border:1px solid #e3cdb0;border-radius:12px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.28);color:#30373b}.fl-dialog::backdrop{background:rgba(48,43,37,.42);backdrop-filter:blur(2px)}.fl-dialog form{padding:24px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}.fl-dialog-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#f79b8d;font-size:1.45rem;font-weight:700}.fl-dialog-copy{min-width:0}.fl-dialog-copy h2{margin:1px 0 8px;font-size:1.12rem}.fl-dialog-copy pre{max-height:min(44vh,340px);margin:0;padding:10px 12px;overflow:auto;border:1px solid #eadcc5;border-radius:6px;background:#fff;color:#30373b;font:inherit;font-size:.9rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;cursor:text}.fl-dialog-copy pre:focus{outline:2px solid rgba(247,155,141,.6);outline-offset:1px}.fl-dialog-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px}.fl-dialog-copy-status{margin-right:auto;color:#9b4d45;font-size:.78rem}.fl-dialog-actions button{min-width:105px;padding:10px 18px;border-radius:6px;font:600 .9rem inherit;cursor:pointer}.fl-dialog-copy-button{border:1px solid #d8c7ae;background:#fff;color:#30373b}.fl-dialog-copy-button:hover{border-color:#f79b8d;background:#fff2ed}.fl-dialog-copy-button[hidden]{display:none}.fl-dialog-cancel{border:1px solid #d9dfe3;background:#fff;color:#30373b}.fl-dialog-confirm{border:1px solid #f79b8d;background:#f79b8d;color:#fff}.fl-dialog-confirm:hover{background:#df7567}.fl-dialog[open]{animation:fl-dialog-in .16s ease-out}@keyframes fl-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.fl-advance-dialog{width:min(470px,calc(100% - 36px));padding:0;overflow:hidden;border:1px solid #e3cdb0;border-radius:14px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.3);color:#30373b}.fl-advance-dialog::backdrop{background:rgba(48,43,37,.44);backdrop-filter:blur(2px)}.fl-advance-dialog form{padding:24px;display:grid;gap:18px}.fl-advance-dialog header{display:flex;align-items:flex-start;gap:14px}.fl-advance-dialog header h2{margin:1px 0 5px;font-size:1.2rem}.fl-advance-dialog header p{margin:0;color:#70787c;line-height:1.4}.fl-advance-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:50%;background:#f79b8d;color:#fff;font-size:1.35rem;font-weight:800}.fl-advance-order{padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;border:1px solid #eadcc5;border-radius:8px;background:#f8f1e5}.fl-advance-order span{color:#756b60;font-size:.78rem}.fl-advance-order strong{justify-self:end}.fl-advance-order small{grid-column:1/-1;overflow:hidden;color:#4d5356;text-overflow:ellipsis;white-space:nowrap}.fl-advance-field{display:grid;gap:7px;font-weight:700}.fl-advance-field>div{display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid #d7cbb8;border-radius:8px;background:#fff;overflow:hidden}.fl-advance-field>div:focus-within{border-color:#f58e81;box-shadow:0 0 0 3px rgba(245,142,129,.16)}.fl-advance-field>div>span{height:100%;display:grid;place-items:center;background:#f5ead9;color:#62574c;font-weight:800}.fl-advance-field input{width:100%;min-height:48px;padding:9px 13px;border:0;outline:0;background:#fff;color:#30373b;font:700 1.08rem inherit;box-sizing:border-box}.fl-advance-error{margin:-7px 0 0;color:#b94b43;font-size:.86rem}.fl-advance-dialog footer{display:flex;justify-content:flex-end;gap:10px}.fl-advance-dialog footer button{min-width:130px;padding:10px 16px;border-radius:7px;font:600 .9rem inherit;cursor:pointer}.fl-advance-dialog[open]{animation:fl-dialog-in .16s ease-out}
.fl-keyboard-launcher{position:fixed;right:18px;bottom:18px;z-index:79;width:48px;height:48px;padding:9px;border:1px solid #e3cdb0;border-radius:50%;color:#30373b;background:#fffdf8;box-shadow:0 8px 26px rgba(48,40,32,.22);cursor:pointer}.fl-keyboard-launcher[hidden]{display:none}.fl-keyboard-launcher svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fl-keyboard{box-sizing:border-box;position:fixed;inset:auto auto 8px 50%;z-index:90;width:min(1040px,calc(100vw - 16px));max-width:none;margin:0;padding:8px;border:1px solid #d8c7ae;border-radius:12px;background:#f6ead5;box-shadow:0 22px 65px rgba(48,40,32,.35);transform:translateX(-50%)}.fl-keyboard::backdrop{background:rgba(48,43,37,.055);backdrop-filter:none}.fl-keyboard[hidden]{display:none}.fl-keyboard.open{animation:fl-keyboard-in .15s ease-out}@keyframes fl-keyboard-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}.fl-keyboard-header{min-height:42px;padding:0 4px 7px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.4fr) 34px;align-items:center;gap:12px}.fl-keyboard-heading{min-width:0;display:flex;align-items:baseline;gap:14px}.fl-keyboard-header strong{font-size:.95rem}.fl-keyboard-header span{overflow:hidden;color:#756a5d;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.fl-keyboard-header span b{color:#30373b}.fl-keyboard-preview{height:34px;min-width:0;padding:7px 13px;overflow:hidden;border:1px solid #d9cbb8;border-radius:17px;color:#30373b;background:#fffdf8;font-size:.82rem;font-weight:600;line-height:18px;text-overflow:ellipsis;white-space:pre}.fl-keyboard-preview.empty{color:#998f82;font-weight:400}.fl-keyboard-header>button{width:34px;height:34px;border:0;border-radius:50%;color:#554d44;background:#fffdf8;font-size:1.35rem;cursor:pointer}.fl-keyboard-target-active{outline:3px solid #f0796b!important;outline-offset:2px!important;box-shadow:0 0 0 5px rgba(247,155,141,.24)!important}.fl-keyboard-keys{display:grid;gap:5px}.fl-keyboard-row{display:flex;justify-content:center;gap:5px}.fl-keyboard-row button{height:41px;min-width:42px;flex:1 1 0;padding:3px 5px;border:1px solid #d9cbb8;border-radius:5px;color:#263238;background:#fffdf8;box-shadow:0 1px 0 rgba(60,50,40,.16);font:inherit;font-size:.94rem;font-weight:600;cursor:pointer;touch-action:manipulation}.fl-keyboard-row button:hover,.fl-keyboard-row button:focus-visible,.fl-keyboard-row button.active{border-color:#df7567;background:#fee9e3}.fl-keyboard-row .fl-key-wide{flex:1.5 1 0}.fl-keyboard-row .fl-key-text{flex:1.8 1 0;font-size:.75rem}.fl-keyboard-row .fl-key-space{flex:4.7 1 0;font-size:.75rem}.fl-keyboard-row .fl-key-enter{flex:1.8 1 0;border-color:#f79b8d;color:#fff;background:#f79b8d;font-size:.75rem}.fl-keyboard-row .fl-key-enter:hover,.fl-keyboard-row .fl-key-enter:focus-visible{background:#df7567}@media(max-height:700px){.fl-keyboard{padding:6px}.fl-keyboard-header{min-height:34px;padding-bottom:5px}.fl-keyboard-preview{height:30px;padding-top:5px;padding-bottom:5px}.fl-keyboard-row button{height:34px}.fl-keyboard-keys{gap:3px}.fl-keyboard-row{gap:3px}}@media(max-width:720px){.fl-keyboard-header{grid-template-columns:minmax(155px,.8fr) minmax(120px,1.2fr) 34px;gap:5px}.fl-keyboard-heading{display:grid;gap:1px}.fl-keyboard-row button{min-width:0;height:38px;padding-left:2px;padding-right:2px;font-size:.8rem}.fl-keyboard-row .fl-key-text,.fl-keyboard-row .fl-key-enter,.fl-keyboard-row .fl-key-space{font-size:.64rem}}
.fl-status-dialog{width:min(410px,calc(100% - 36px));padding:0;border:1px solid #e3cdb0;border-radius:12px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.28);color:#30373b}.fl-status-dialog::backdrop{background:rgba(48,43,37,.42);backdrop-filter:blur(2px)}.fl-status-dialog form{padding:24px;display:grid;gap:12px}.fl-status-dialog h2{margin:0;font-size:1.18rem}.fl-status-dialog p{margin:0 0 4px;color:#70787c}.fl-status-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fl-status-choices button,.fl-status-cancel{min-height:43px;padding:8px 12px;display:flex;align-items:center;gap:9px;border:1px solid #e6d9c5;border-radius:6px;background:#fff;color:#30373b;font:600 .9rem inherit;cursor:pointer}.fl-status-choices button:hover{border-color:#f79b8d;background:#fff2ed}.fl-status-dot{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:#a7a7a7}.status-default{background:#a7a7a7}.status-busy{background:#dfb04e}.status-ready{background:#66a978}.status-packed{background:#6d8fc9}.status-delivered{background:#2f8278}.status-not-home{background:#cf655f}.status-picked-up{background:#b57a45}.status-printed{background:#9b76b8}.fl-status-cancel{justify-content:center;margin-top:3px}.fl-status-dialog[open]{animation:fl-dialog-in .16s ease-out}
.fl-driver-dialog{width:min(510px,calc(100% - 36px));padding:0;border:1px solid #e3cdb0;border-radius:12px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.28);color:#30373b}.fl-driver-dialog::backdrop{background:rgba(48,43,37,.42);backdrop-filter:blur(2px)}.fl-driver-dialog form{padding:24px;display:grid;gap:12px}.fl-driver-dialog h2{margin:0;font-size:1.18rem}.fl-driver-dialog p{margin:0 0 4px;color:#70787c}.fl-driver-choices{display:grid;gap:9px}.fl-driver-choices button,.fl-driver-cancel{min-height:48px;padding:10px 13px;border:1px solid #e6d9c5;border-radius:7px;background:#fff;color:#30373b;font:600 .9rem inherit;cursor:pointer}.fl-driver-choices button{position:relative;padding-left:47px;display:grid;gap:2px;text-align:left}.fl-driver-choices button::before{content:"";position:absolute;left:15px;top:50%;width:20px;height:15px;border:2px solid #f18b7e;border-radius:2px;transform:translateY(-50%)}.fl-driver-choices button::after{content:"";position:absolute;left:20px;top:50%;width:12px;height:2px;background:#f18b7e;box-shadow:0 -4px 0 #f18b7e,0 4px 0 #f18b7e;transform:translateY(-50%)}.fl-driver-choices button:hover,.fl-driver-choices button:focus-visible{border-color:#f79b8d;background:#fff2ed}.fl-driver-choices small{color:#756c63;font-size:.76rem;font-weight:400}.fl-driver-cancel{margin-top:3px}.fl-driver-dialog[open]{animation:fl-dialog-in .16s ease-out}
.fl-seller-dialog{width:min(520px,calc(100% - 36px));padding:0;border:1px solid #e3cdb0;border-radius:12px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.28);color:#30373b}.fl-seller-dialog::backdrop{background:rgba(48,43,37,.42);backdrop-filter:blur(2px)}.fl-seller-dialog form{padding:24px;display:grid;gap:12px}.fl-seller-dialog h2{margin:0;font-size:1.18rem}.fl-seller-dialog p{margin:0 0 4px;color:#70787c}.fl-seller-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fl-seller-choices button,.fl-seller-cancel{min-height:45px;padding:9px 13px;border:1px solid #e6d9c5;border-radius:6px;background:#fff;color:#30373b;font:600 .9rem inherit;cursor:pointer}.fl-seller-choices button{position:relative;padding-left:39px;text-align:left}.fl-seller-choices button::before{content:"";position:absolute;left:14px;top:50%;width:12px;height:12px;border:2px solid #f79b8d;border-radius:50%;transform:translateY(-50%)}.fl-seller-choices button:hover,.fl-seller-choices button:focus-visible{border-color:#f79b8d;background:#fff2ed}.fl-seller-cancel{margin-top:3px}.fl-seller-empty{padding:12px;border:1px solid #e7d8c1;border-radius:6px;background:#f8f1e5;color:#6f6255!important}.fl-seller-dialog[open]{animation:fl-dialog-in .16s ease-out}
.fl-previous-orders-dialog{width:min(940px,calc(100% - 28px));height:min(650px,calc(100% - 28px));padding:0;overflow:hidden;border:1px solid #e3cdb0;border-radius:12px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.3);color:#30373b}.fl-previous-orders-dialog::backdrop{background:rgba(48,43,37,.42);backdrop-filter:blur(2px)}.fl-previous-orders-dialog>section{height:100%;padding:18px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:12px}.fl-previous-orders-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fl-previous-orders-heading h2{margin:0;font-size:1.2rem}.fl-previous-orders-heading p{margin:4px 0 0;color:#70787c}.fl-previous-orders-heading button{width:36px;height:36px;border:0;border-radius:50%;background:#f3eadb;color:#554d44;font-size:1.5rem;line-height:1;cursor:pointer}.fl-previous-orders-address{padding:10px 13px;display:flex;align-items:center;gap:12px;border:1px solid #eadcc5;border-radius:6px;background:#f8f1e5}.fl-previous-orders-address strong{white-space:nowrap}.fl-previous-orders-address span{overflow:hidden;color:#70675e;text-overflow:ellipsis;white-space:nowrap}.fl-previous-orders-search{grid-template-columns:85px minmax(0,1fr);align-items:center}.fl-previous-orders-search input{padding:8px 10px}.fl-previous-orders-table{position:relative;min-height:0;overflow:auto;border:1px solid #eadcc5;border-radius:7px;background:#fff}.fl-previous-orders-head,.fl-previous-order-row{min-width:760px;display:grid;grid-template-columns:105px 105px 120px minmax(220px,1fr) 70px 90px;align-items:center;gap:8px}.fl-previous-orders-head{position:sticky;top:0;z-index:2;min-height:42px;padding:7px 11px;color:#fff;background:#f58e81;font-size:.78rem;font-weight:700}.fl-previous-order-row{width:100%;min-height:38px;padding:6px 11px;border:0;border-bottom:1px solid #eee5d7;background:#fffdf8;color:#30373b;text-align:left;cursor:pointer}.fl-previous-order-row:nth-child(even){background:#f9f4ea}.fl-previous-order-row:hover{background:#fff0eb}.fl-previous-order-row.fl-selected{outline:2px solid #30373b;outline-offset:-2px;background:#fee4de;font-weight:600}.fl-previous-order-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-previous-orders-empty,.fl-previous-orders-loading{margin:0;padding:38px;display:grid;place-items:center;color:#7b7f81;text-align:center}.fl-previous-orders-empty[hidden],.fl-previous-orders-loading[hidden]{display:none}.fl-previous-orders-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#70675e}.fl-previous-orders-close{min-width:135px;padding:10px 18px;border:1px solid #d9cdb9;border-radius:6px;background:#fff;color:#30373b;cursor:pointer}.fl-previous-orders-dialog[open]{animation:fl-dialog-in .16s ease-out}
@media(max-width:1050px){.order-filters{grid-template-columns:repeat(2,1fr)}.order-table-head{display:none}.order-row{grid-template-columns:100px 1.4fr 1fr 130px}.order-row>span:nth-of-type(3),.order-row>.order-total{display:none}.detail-columns{grid-template-columns:1fr 1fr}.detail-columns>*:last-child{grid-column:1/-1}}
@media(max-width:720px){.page{padding:84px 13px 32px}.brand small{display:none}.screen-heading{align-items:center}.order-count{display:none}.order-filters{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.order-filters .btn{grid-column:1/-1}.order-row{grid-template-columns:80px 1fr auto;padding:13px}.order-row>span:nth-of-type(2),.order-row>span:nth-of-type(3),.order-row>.order-total{display:none}.order-summary{grid-template-columns:1fr 1fr}.order-summary>div:nth-child(2){border-right:0}.order-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.detail-columns{grid-template-columns:1fr}.detail-columns>*:last-child{grid-column:auto}.editor,.two{grid-template-columns:1fr}.screen-heading.compact{align-items:flex-start;flex-direction:column-reverse}}
@media(max-width:430px){.order-filters{grid-template-columns:1fr}.filter-search,.order-filters .btn{grid-column:auto}.order-summary{grid-template-columns:1fr}.order-summary>div{border-right:0;border-bottom:1px solid var(--line)!important}.order-row{grid-template-columns:70px 1fr auto}.order-row>span:nth-of-type(4){display:none}}

/* Flowerline order overview: mirrors the desktop order module in WinDev. */
.order-overview-page { width:100%; height:100dvh; overflow:hidden; }
.order-overview-page .page { max-width:none; width:100%; height:100dvh; min-height:0; margin:0; padding:3px; display:block; overflow:hidden; }
.flowerline-order-screen { max-width:none; width:100%; height:calc(100dvh - 6px); min-height:0; margin:0 auto; padding:7px 8px; display:grid; grid-template-rows:auto minmax(180px,310px) auto minmax(80px,1fr) auto; gap:7px; overflow:hidden; background:#fffdf8; border:1px solid #eed8b6; border-radius:3px; }
.fl-overview-filters { height:75px; min-height:75px; padding:8px 12px; display:grid; grid-template-columns:1.12fr 1.05fr 1.05fr 1.15fr 44px; align-items:center; gap:14px; background:#f1e5cf; border-radius:6px; }
.fl-overview-filters label { position:relative; min-width:0; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; align-items:center; column-gap:10px; color:#30363a; font-size:.9rem; }
.fl-overview-filters label>span:not(.fl-filter-icon) { grid-column:2; font-size:.95rem; }
.fl-overview-filters input { grid-column:2; width:100%; padding:5px 4px; border:0; border-bottom:2px solid #e5ce57; border-radius:0; background:transparent; font-weight:700; }
.fl-date-filter { min-height:58px; padding:3px 5px; border-radius:5px; cursor:pointer; }
.fl-date-filter:hover,.fl-date-filter:focus-within { background:rgba(255,255,255,.3); }
.fl-date-filter input { cursor:pointer; }
.fl-date-filter input::-webkit-calendar-picker-indicator { width:0; height:0; margin:0; padding:0; opacity:0; pointer-events:none; }
.fl-filter-icon { grid-row:1/3; grid-column:1; width:27px; height:27px; fill:none; stroke:#30373b; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fl-shop-menu { min-width:0; display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:5px; }.fl-burger { width:24px; height:28px; padding:0; gap:4px; border:1px solid transparent; border-radius:4px; background:transparent; }.fl-burger:hover,.fl-burger:focus-visible { border-color:#d9c8ad; background:rgba(255,255,255,.42); }.fl-burger span { width:17px; height:2px; background:#30373b; }.fl-shop-filter { display:block!important; }.fl-shop-filter span { display:block; margin-bottom:9px; }.fl-shop-filter strong { min-height:27px; display:block; padding:4px 0; border-bottom:2px solid #e5ce57; }
.fl-count { display:grid; grid-template-columns:35px minmax(74px,auto) 36px; align-items:center; justify-content:center; column-gap:12px; }.fl-count>span { display:grid; align-content:center; gap:2px; }.fl-count b { font-size:.95rem; }.fl-count strong { font-size:1.2rem; }.fl-cube { width:35px; height:35px; display:block; fill:none; stroke:#30373b; stroke-width:1.6; stroke-linejoin:round; }
.fl-sync-orders { width:36px; height:36px; align-self:center; justify-self:center; padding:7px; display:grid; place-items:center; border:1px solid #d9cdb9; border-radius:50%; background:#fffdf8; color:#30373b; line-height:0; cursor:pointer; transition:background .15s ease,border-color .15s ease,color .15s ease; }.fl-sync-orders:hover { border-color:#f28d80; background:#fff4ee; color:#d96558; }.fl-sync-orders:focus-visible { outline:2px solid #d96558; outline-offset:2px; }.fl-sync-orders:disabled { cursor:wait; opacity:.72; }.fl-sync-icon { width:20px; height:20px; display:block; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform-origin:50% 50%; }.fl-sync-orders.is-syncing .fl-sync-icon { animation:fl-sync-spin .85s linear infinite; }@keyframes fl-sync-spin{to{transform:rotate(360deg)}}
.fl-refresh { width:45px; height:28px; padding:3px; display:flex; justify-content:flex-end; align-items:center; border:1px solid #d7dce0; border-radius:18px; background:#fff; cursor:pointer; }.fl-refresh span{width:22px;height:22px;display:block;border-radius:50%;background:#f79b8d}.fl-refresh.is-syncing span{animation:fl-refresh-pulse .8s ease-in-out infinite alternate}.fl-refresh:disabled{cursor:wait}@keyframes fl-refresh-pulse{to{transform:translateX(-15px);background:#e5ce57}}
.fl-order-frame { position:relative; min-height:0; display:block; overflow:hidden; border:1px solid #eadcc5; border-radius:7px; background:#fffdf8; box-shadow:0 2px 8px rgba(67,54,39,.06); }
.fl-table-wrap { width:100%; height:100%; min-width:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#d69a8e #f5ede1; scrollbar-gutter:stable; }.fl-table-wrap::-webkit-scrollbar { width:10px; height:10px; }.fl-table-wrap::-webkit-scrollbar-track { border-radius:8px; background:#f5ede1; }.fl-table-wrap::-webkit-scrollbar-thumb { min-height:42px; border:2px solid #f5ede1; border-radius:8px; background:#d69a8e; }.fl-table-wrap::-webkit-scrollbar-thumb:hover { background:#c97c6e; }.fl-table-wrap::-webkit-scrollbar-corner { background:#f5ede1; }.fl-order-head,.fl-order-line { min-width:860px; display:grid; grid-template-columns:30px minmax(210px,1.55fr) minmax(105px,.78fr) minmax(90px,.68fr) 44px minmax(155px,1.15fr) minmax(90px,.72fr) minmax(82px,.62fr); align-items:center; column-gap:7px; }
.fl-order-head { position:sticky; top:0; z-index:2; min-height:42px; padding:6px 8px; color:white; background:linear-gradient(180deg,#f9a094 0%,#f58e81 100%); box-shadow:0 2px 5px rgba(113,67,56,.16); font-size:.8rem; font-weight:700; text-align:left; }
.fl-order-body { min-height:100%; }.fl-order-line { min-height:27px; padding:2px 8px; border:0; border-left:5px solid transparent; color:#fb7168; font-size:.75rem; line-height:1.2; cursor:pointer; }.fl-order-line:hover { background:#fff0eb; }.fl-order-line.fl-selected { color:#111; background:#fee4de; box-shadow:inset 0 0 0 1px #f3a092; }.fl-order-line span,.fl-order-line strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fl-order-line strong { font-weight:400; }
.fl-order-line.fl-source-hfsql { color:#111; background:#fffdf8; }
.fl-order-line.fl-source-hfsql:nth-child(even) { background:#f7f2e8; }
.fl-order-line.fl-source-hfsql:hover,.fl-order-line.fl-source-hfsql.fl-selected { background:#eee3cf; }
.fl-status-completed { border-left-color:#65a77a; color:#111; }.fl-status-pending,.fl-status-failed,.fl-status-cancelled { border-left-color:#cf655f; }.fl-status-on-hold { border-left-color:#6d8fc9; }.fl-status-processing { border-left-color:#a7a7a7; color:#111; }.fl-status-refunded { border-left-color:#9b76b8; }
.flowerline-order-screen .fl-order-line.fl-status-created { border-left-color:#a7a7a7; color:#111; background:#fffdf8; }
.flowerline-order-screen .fl-order-line.fl-status-created:nth-child(even) { background:#f7f2e8; }
.flowerline-order-screen .fl-order-line.fl-status-busy { border-left-color:#dfb04e; color:#9a6900; background:#fff7df; }
.flowerline-order-screen .fl-order-line.fl-status-ready { border-left-color:#66a978; color:#337047; background:#edf7ef; }
.flowerline-order-screen .fl-order-line.fl-status-packed { border-left-color:#6d8fc9; color:#42679d; background:#eef3fb; }
.flowerline-order-screen .fl-order-line.fl-status-delivered,.flowerline-order-screen .fl-order-line.fl-status-picked-up { border-left-color:#3d8d59; color:#23623a; background:#e3f3e8; }
.flowerline-order-screen .fl-order-line.fl-status-delivered { border-left-color:#2f8278; color:#205f58; background:#e3f3f0; }
.flowerline-order-screen .fl-order-line.fl-status-picked-up { border-left-color:#b57a45; color:#81552e; background:#f7ecdf; }
.flowerline-order-screen .fl-order-line.fl-status-not-home { border-left-color:#cf655f; color:#a4443f; background:#fbe7e4; }
.flowerline-order-screen .fl-order-line.fl-status-printed,.flowerline-order-screen .fl-order-line.fl-status-tickets-printed { border-left-color:#8e64ad; color:#70468f; background:#f1e8f7; }
.fl-order-line.fl-status-busy:hover,.fl-order-line.fl-status-busy.fl-selected{background:#ffedbd}.fl-order-line.fl-status-ready:hover,.fl-order-line.fl-status-ready.fl-selected{background:#d9efdf}.fl-order-line.fl-status-packed:hover,.fl-order-line.fl-status-packed.fl-selected{background:#dce7f7}.fl-order-line.fl-status-delivered:hover,.fl-order-line.fl-status-delivered.fl-selected,.fl-order-line.fl-status-picked-up:hover,.fl-order-line.fl-status-picked-up.fl-selected{background:#cde9d6}.fl-order-line.fl-status-not-home:hover,.fl-order-line.fl-status-not-home.fl-selected{background:#f5d2ce}.fl-order-line.fl-status-printed:hover,.fl-order-line.fl-status-printed.fl-selected,.fl-order-line.fl-status-tickets-printed:hover,.fl-order-line.fl-status-tickets-printed.fl-selected{background:#e4d3ef}
.fl-order-line.fl-status-delivered:hover,.fl-order-line.fl-status-delivered.fl-selected{background:#cae8e3}.fl-order-line.fl-status-picked-up:hover,.fl-order-line.fl-status-picked-up.fl-selected{background:#ecd5bd}
.flowerline-order-screen .fl-order-line.fl-webshop-untreated { border-left-color:#e9824f; color:#8a421f; background:#fff0e5; }
.flowerline-order-screen .fl-order-line.fl-webshop-untreated:hover,.flowerline-order-screen .fl-order-line.fl-webshop-untreated.fl-selected { background:#ffdfc8; }
.flowerline-order-screen .fl-order-line.fl-selected { position:relative; z-index:1; outline:2px solid #30373b; outline-offset:-2px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.72); font-weight:600; }
.flowerline-order-screen .fl-order-line.fl-selected>span:first-child { color:#30373b; font-size:.7rem; font-weight:800; text-align:center; }
.flowerline-order-screen .fl-order-line.fl-search-hidden { display:none; }
.fl-empty { min-height:100%; display:grid; place-items:center; color:#7b7f81; }
.fl-report-help { position:relative; z-index:10; }.fl-report-help summary { width:38px; height:38px; display:grid; place-items:center; list-style:none; cursor:pointer; font-size:1.55rem; }.fl-report-help summary::-webkit-details-marker{display:none}.fl-report-help[open] summary{color:#df7567}.fl-view-menu { position:absolute; left:-475px; bottom:86px; width:790px; padding:0; display:grid; grid-template-columns:repeat(5,150px); gap:9px 10px; background:#fffdf8; }.fl-view-menu button { min-height:51px; padding:6px; border:1px solid #222; border-radius:4px; color:#111; background:#fffdf8; font-size:.72rem; letter-spacing:.14em; line-height:1.25; cursor:pointer; }
.fl-search-row { position:relative; min-height:52px; padding:2px 0; display:grid; grid-template-columns:minmax(410px,1.25fr) minmax(215px,.75fr) minmax(190px,.55fr); align-items:center; gap:14px; }.fl-search-form { min-width:0; display:grid; grid-template-columns:minmax(260px,480px); align-items:center; }.fl-search-control { min-width:0; height:34px; display:grid; grid-template-columns:minmax(0,1fr) 38px; align-items:center; overflow:hidden; border:1px solid #ded7cb; border-radius:18px; background:#fffdf8; transition:border-color .15s ease,box-shadow .15s ease; }.fl-search-control:focus-within { border-color:#f79b8d; box-shadow:0 0 0 3px rgba(247,155,141,.16); }.fl-search-form .fl-search-control input { height:32px; min-width:0; padding:4px 4px 4px 13px; border:0; border-radius:18px 0 0 18px; background:transparent; box-shadow:none; font-size:.8rem; }.fl-search-form .fl-search-control button { width:38px; height:32px; padding:4px 7px 4px 5px; display:grid; place-items:center; border:0; color:#554d44; background:#f2e7d2; cursor:pointer; }.fl-search-form .fl-search-control button:hover,.fl-search-form .fl-search-control button:focus-visible { color:#d96558; background:#fee9e3; outline:0; }.fl-selected-order,.fl-selected-status { min-width:0; display:grid; gap:3px; }.fl-selected-order { padding-left:14px; border-left:1px solid #eadcc5; }.fl-selected-order span,.fl-selected-status>span { color:#7b7062; font-size:.68rem; font-weight:600; }.fl-selected-order strong { overflow:hidden; color:#30373b; font-size:.82rem; text-overflow:ellipsis; white-space:nowrap; }.fl-selected-status { justify-self:end; }.fl-status-controls { display:flex; align-items:center; gap:7px; }.fl-current-status { min-height:30px; padding:5px 12px 5px 9px; display:flex; align-items:center; gap:7px; border:1px solid #ded7cb; border-radius:16px; color:#30373b; background:#f4f1eb; font-size:.78rem; white-space:nowrap; }.fl-current-status::before { content:""; width:10px; height:10px; flex:0 0 10px; border-radius:50%; background:#a7a7a7; }.fl-current-status[data-current-status="busy"] { color:#8a6109; background:#fff4d4; border-color:#e2bd68; }.fl-current-status[data-current-status="busy"]::before { background:#dfb04e; }.fl-current-status[data-current-status="ready"],.fl-current-status[data-current-status="delivered"],.fl-current-status[data-current-status="picked-up"] { color:#286440; background:#e7f4eb; border-color:#9ac5a8; }.fl-current-status[data-current-status="ready"]::before,.fl-current-status[data-current-status="delivered"]::before,.fl-current-status[data-current-status="picked-up"]::before { background:#66a978; }.fl-current-status[data-current-status="packed"] { color:#42679d; background:#edf3fc; border-color:#a6bbdb; }.fl-current-status[data-current-status="packed"]::before { background:#6d8fc9; }.fl-current-status[data-current-status="not-home"] { color:#9c403b; background:#fbe8e5; border-color:#dfa09b; }.fl-current-status[data-current-status="not-home"]::before { background:#cf655f; }.fl-current-status[data-current-status="printed"],.fl-current-status[data-current-status="tickets-printed"] { color:#70468f; background:#f1e8f7; border-color:#bea5d0; }.fl-current-status[data-current-status="printed"]::before,.fl-current-status[data-current-status="tickets-printed"]::before { background:#9b76b8; }.fl-current-status[data-webshop-untreated] { color:#8a421f; background:#fff0e5; border-color:#e9a077; }.fl-current-status[data-webshop-untreated]::before { background:#e9824f; }.fl-ui-icon{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fl-current-status[data-current-status="delivered"] { color:#205f58; background:#e3f3f0; border-color:#8ebfb8; }.fl-current-status[data-current-status="delivered"]::before { background:#2f8278; }.fl-current-status[data-current-status="picked-up"] { color:#81552e; background:#f7ecdf; border-color:#d3ad87; }.fl-current-status[data-current-status="picked-up"]::before { background:#b57a45; }
@media(max-width:900px){.fl-search-row{grid-template-columns:minmax(330px,1fr) minmax(180px,.7fr) auto;gap:8px}.fl-selected-order{padding-left:8px}.fl-selected-order span,.fl-selected-status>span{font-size:.62rem}.fl-current-status{padding-right:8px;font-size:.72rem}}
.fl-lower-grid { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:8px; }.fl-work-area { min-height:80px; min-width:0; }.fl-order-preview { height:100%; min-height:92px; padding:10px 13px; display:grid; grid-template-columns:175px minmax(0,1fr); align-items:stretch; gap:13px; overflow:hidden; border:1px solid #eadcc5; border-radius:6px; background:#fbf5e9; }.fl-order-preview[hidden] { display:none; }.fl-order-preview-heading { min-width:0; padding-right:12px; display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto auto auto; align-content:center; column-gap:8px; border-right:1px solid #eadcc5; }.fl-order-preview-heading svg { grid-row:1/5; width:27px; height:27px; align-self:center; fill:none; stroke:#df7567; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.fl-order-preview-heading>span { overflow:hidden; color:#796f62; font-size:.65rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.fl-order-preview-heading>strong { overflow:hidden; color:#30373b; font-size:1rem; text-overflow:ellipsis; white-space:nowrap; }.fl-order-preview-heading>small { overflow:hidden; color:#30373b; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }.fl-order-preview-meta { display:flex; gap:7px; overflow:hidden; color:#796f62; font-size:.62rem; white-space:nowrap; }.fl-order-preview-meta span+span::before { content:"•"; margin-right:7px; }.fl-order-preview-content { min-width:0; display:grid; grid-template-columns:minmax(260px,1.25fr) minmax(180px,.75fr); align-content:stretch; gap:13px; }.fl-order-preview-lines,.fl-order-preview-remarks { min-width:0; padding:4px 10px; overflow:hidden; border:1px solid #eadcc5; border-radius:5px; background:#fffdf8; }.fl-order-preview-lines h3,.fl-order-preview-remarks h3 { min-height:19px; margin:0 0 3px; color:#6e6458; font-size:.67rem; }.fl-order-preview-lines h3 { display:flex; justify-content:space-between; gap:8px; }.fl-order-preview-lines h3 small { font:inherit; }.fl-order-preview-line { min-height:18px; display:grid; grid-template-columns:minmax(0,1fr) 35px; gap:8px; border-top:1px solid #f0e7da; font-size:.7rem; line-height:18px; }.fl-order-preview-line span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fl-order-preview-line b { text-align:right; }.fl-order-preview-more { display:block; color:#796f62; font-size:.62rem; text-align:right; }.fl-order-preview-none,.fl-order-preview-remarks p { margin:0; color:#8a8176; font-size:.7rem; }.fl-order-preview-remarks p { display:-webkit-box; overflow:hidden; line-height:1.35; white-space:pre-line; -webkit-box-orient:vertical; -webkit-line-clamp:4; }.fl-order-preview-empty { margin:0; display:flex; align-items:center; color:#8a8176; font-size:.78rem; }.fl-order-preview.is-empty { background:#fcf8f0; }.fl-action-column { min-height:0; align-self:end; display:flex; flex-direction:column; justify-content:flex-end; gap:6px; }.fl-action-column button,.fl-checkout { width:100%; min-height:47px; border:0; border-radius:6px; color:#fff; background:#f79b8d; font-size:.93rem; cursor:pointer; }.fl-action-column button { min-height:42px; padding:6px 8px; font-size:.82rem; line-height:1.15; }.fl-action-column button:disabled,.fl-checkout:disabled,.fl-tools button:disabled { opacity:1; cursor:not-allowed; }
.fl-command-bar { position:relative; min-height:89px; padding:12px 8px; display:grid; grid-template-columns:155px 1fr 175px; align-items:center; gap:18px; border-radius:6px; background:#f1e5cf; }.fl-back,.fl-checkout { min-height:46px; display:grid; place-items:center; }.fl-back { border:1px solid #e1e7ee; border-radius:5px; color:#30373b; background:#fff; font:inherit; cursor:pointer; }.fl-tools { justify-self:center; padding:10px 20px; display:flex; align-items:center; gap:10px; border-radius:40px; background:#fffdf8; }.fl-tools button { width:38px; height:38px; padding:0; border:0; color:#333; background:transparent; font-size:1.55rem; cursor:pointer; }.fl-divider { width:1px; height:40px; background:#333; }
.fl-tool-icon { width:31px; height:31px; display:block; margin:auto; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fl-tools button:hover .fl-tool-icon,.fl-tools button:focus-visible .fl-tool-icon { color:#df7567; }
.fl-tools .fl-view-menu button { width:auto; height:auto; min-height:51px; padding:6px; border:1px solid #222; background:#fffdf8; font-size:.72rem; }
.flowerline-order-screen+.pager { margin-top:2px; }
.flowerline-order-screen.fl-auto-scale { margin:0; transform:none; }

/* Flowerline order detail: fixed desktop width with a viewport-filling height. */
.flowerline-order-detail-screen { width:100%; height:calc(100dvh - 6px); min-height:0; margin:0; padding:var(--fl-screen-inset-top) var(--fl-screen-inset-x) var(--fl-screen-inset-bottom); display:grid; grid-template-rows:76px 334px minmax(162px,1fr) var(--fl-command-height); gap:var(--fl-screen-gap); overflow:hidden; color:#30373b; background:#fffdf8; border:0; border-radius:0; }
.flowerline-order-detail-screen.fl-auto-scale { margin:0; transform:none; }
.flowerline-order-checkout-screen { width:100%; height:calc(100dvh - 6px); min-height:0; margin:0; padding:var(--fl-screen-inset-top) var(--fl-screen-inset-x) var(--fl-screen-inset-bottom); display:grid; grid-template-rows:76px 306px minmax(124px,1fr) 64px var(--fl-command-height); gap:var(--fl-screen-gap); overflow:hidden; color:#30373b; background:#fffdf8; border:0; border-radius:0; }
.flowerline-order-checkout-screen.fl-auto-scale { margin:0; transform:none; }
.fl-detail-summary.fl-checkout-summary { grid-row:1; padding:8px 12px; grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:0; }
.fl-detail-summary.fl-checkout-summary-menu { grid-template-columns:40px repeat(4,minmax(0,1fr)); column-gap:0; }
.fl-checkout-summary-menu>.fl-burger { width:34px; height:34px; align-self:center; justify-self:start; border-radius:5px; color:#30373b; background:transparent; }
.fl-checkout-summary-menu>.fl-burger span { width:18px; background:currentColor; }
.fl-detail-summary.fl-checkout-summary>div { height:58px; padding:0 13px; grid-template-columns:36px minmax(0,1fr); column-gap:9px; align-content:center; }
.fl-detail-summary.fl-checkout-summary>div+div { border-left:1px solid #eee4d5; }
.fl-detail-summary.fl-checkout-summary .fl-detail-summary-icon { width:30px; height:30px; }
.fl-detail-summary.fl-checkout-summary span:not(.fl-detail-summary-icon) { color:#665b4d; font-size:.78rem; font-weight:600; }
.fl-detail-summary.fl-checkout-summary strong { color:#20282c; font-size:.94rem; line-height:1.2; }
.fl-checkout-error { position:absolute; z-index:4; top:96px; left:30%; right:30%; }
.fl-checkout-information { --fl-checkout-label-width:106px; min-width:0; min-height:0; display:grid; grid-template-columns:minmax(270px,.9fr) minmax(330px,1.12fr) minmax(310px,1.03fr); gap:8px; overflow:hidden; }
.fl-checkout-information .fl-detail-card { padding:10px 12px 72px; gap:4px; border-color:#eadfce; }
.fl-checkout-information .fl-detail-card h2 { margin:0 0 5px; padding-bottom:6px; border-bottom:1px solid #f0e6d8; font-size:1rem; }
.fl-checkout-customer-required { min-height:165px; padding:15px 12px; display:grid; grid-template-columns:42px 1fr; align-content:center; align-items:center; gap:10px 12px; border:1px solid #efcbbf; border-radius:6px; background:#fff4ef; }
.fl-checkout-customer-icon { width:38px; height:38px; fill:none; stroke:#df7567; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.fl-checkout-customer-required>div { display:grid; gap:4px; }
.fl-checkout-customer-required strong { font-size:.92rem; }
.fl-checkout-customer-required span { color:#756a5d; font-size:.7rem; line-height:1.35; }
.fl-customer-select-button { grid-column:1/-1; min-height:34px; border:1px solid #f79b8d; border-radius:5px; color:#fff; background:#f79b8d; font-weight:700; cursor:pointer; }
.fl-checkout-customer-details { display:grid; gap:3px; }
.fl-checkout-customer .fl-detail-readrow { min-height:27px; grid-template-columns:var(--fl-checkout-label-width) minmax(0,1fr); gap:8px; }
.fl-checkout-customer .fl-detail-readrow span { color:#756a5d; }
.fl-checkout-customer .fl-detail-readrow b { color:#20282c; }
.flowerline-order-checkout-screen:not(.fl-has-customer) [data-fl-customer-details],.flowerline-order-checkout-screen:not(.fl-has-customer) [data-fl-customer-actions] { display:none; }
.flowerline-order-checkout-screen.fl-has-customer [data-fl-customer-required] { display:none; }
.fl-checkout-address>label { min-height:28px; grid-template-columns:var(--fl-checkout-label-width) minmax(0,1fr); gap:8px; color:#756a5d; font-size:.76rem; }
.fl-checkout-address>label>span { color:#756a5d; font-weight:500; }
.fl-checkout-address input,.fl-checkout-address textarea { height:28px; padding:4px 7px; font-size:.78rem; }
.fl-checkout-address textarea { height:35px; line-height:1.25; }
.fl-checkout-address .fl-address-note { align-items:start; }
.fl-checkout-address .fl-address-note>span { padding-top:6px; }
.fl-checkout-card-actions { position:absolute; left:12px; right:12px; bottom:8px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.fl-checkout-card-actions button { min-height:29px; padding:4px 7px; border:1px solid #e5d7c0; border-radius:4px; color:#30373b; background:#f2e7d2; font-size:.7rem; cursor:pointer; }
.fl-checkout-card-actions button:hover,.fl-checkout-card-actions button:focus-visible { border-color:#dfbda9; background:#f9edd8; outline:0; }
.fl-checkout-card-actions button:last-child:nth-child(3) { grid-column:1/-1; }
.fl-checkout-card-actions-two { grid-template-columns:1fr 1fr; }
.fl-checkout-card-actions-two button:last-child { grid-column:1/-1; }
.fl-checkout-choice-row { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.fl-checkout-choice-row button,.fl-checkout-channel button { min-height:29px; padding:3px 5px; border:1px solid #e3d6c4; border-radius:4px; background:#fff; color:#30373b; font-size:.68rem; cursor:pointer; }
.fl-checkout-choice-row button.active,.fl-checkout-channel button.active { border-color:#f79b8d; background:#fee9e3; }
.fl-checkout-delivery { padding:10px 12px!important; gap:4px; }
.fl-checkout-delivery-section { min-height:31px; display:grid; grid-template-columns:var(--fl-checkout-label-width) minmax(0,1fr); align-items:center; gap:8px; }
.fl-checkout-section-title { color:#665b4d; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.035em; }
.fl-checkout-delivery-fields { display:grid; grid-template-columns:1fr; gap:3px; }
.fl-detail-card .fl-checkout-delivery-fields label { min-height:28px; display:grid; grid-template-columns:var(--fl-checkout-label-width) minmax(0,1fr); gap:8px; align-items:center; }
.fl-checkout-delivery-fields label>span { color:#756a5d; font-size:.69rem; font-weight:500; }
.fl-checkout-delivery-fields input { width:100%; height:28px; padding:4px 7px; font-size:.78rem; }
.fl-checkout-field-wide { grid-column:auto; }
.fl-checkout-channel { min-height:31px; display:grid; grid-template-columns:var(--fl-checkout-label-width) repeat(4,minmax(0,1fr)); align-items:center; gap:4px; }
.fl-checkout-channel>span { color:#665b4d; font-size:.69rem; font-weight:700; }
.fl-checkout-channel button { padding-left:2px; padding-right:2px; }
@media(max-width:960px){
  .fl-checkout-information { --fl-checkout-label-width:94px; grid-template-columns:minmax(0,29fr) minmax(0,36fr) minmax(0,35fr); gap:6px; }
  .fl-checkout-information .fl-detail-card { padding-left:9px; padding-right:9px; }
  .fl-checkout-card-actions { left:9px; right:9px; }
  .fl-detail-summary.fl-checkout-summary>div { padding-left:8px; padding-right:8px; grid-template-columns:31px minmax(0,1fr); column-gap:6px; }
  .fl-detail-summary.fl-checkout-summary .fl-detail-summary-icon { width:27px; height:27px; }
  .fl-detail-summary.fl-checkout-summary span:not(.fl-detail-summary-icon) { font-size:.72rem; }
  .fl-detail-summary.fl-checkout-summary strong { font-size:.86rem; }
  .fl-checkout-channel { gap:3px; }
  .fl-checkout-channel button { font-size:.62rem; }
}
.flowerline-order-checkout-screen:not(.fl-has-customer) [data-requires-customer] { opacity:.38; cursor:not-allowed; }
.fl-checkout-lines { min-width:0; min-height:0; display:grid; grid-template-rows:37px minmax(0,1fr); overflow:hidden; border:1px solid #f1eadf; background:#fffdf8; }
.fl-checkout-line-head,.fl-checkout-line { min-width:900px; display:grid; grid-template-columns:minmax(260px,1.5fr) 75px 85px 90px minmax(250px,1.35fr) 85px; align-items:center; gap:7px; }
.fl-checkout-line-head { padding:5px 10px; color:#fff; background:#f79b8d; font-size:.79rem; font-weight:700; }
.fl-checkout-line-body { min-height:0; overflow:auto; }
.fl-checkout-line { min-height:30px; padding:4px 10px; border-bottom:1px solid #f2ede5; font-size:.76rem; cursor:pointer; }
.fl-checkout-line:hover,.fl-checkout-line.fl-selected { background:#fee4de; }
.fl-checkout-line span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fl-checkout-settlement { min-width:0; padding:7px 10px; display:grid; grid-template-columns:minmax(360px,1.5fr) minmax(145px,.65fr) minmax(195px,.85fr) 230px; align-items:center; gap:12px; border:1px solid #eee4d5; background:#fffaf3; }
.fl-checkout-totals { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:12px; }
.fl-checkout-totals span,.fl-checkout-totals label { min-width:0; display:grid; gap:2px; color:#756a5d; font-size:.7rem; }
.fl-checkout-totals strong { color:#111; font-size:.86rem; }
.fl-checkout-totals input { height:29px; padding:3px 6px; font-size:.78rem; }
.fl-checkout-option { display:flex; grid-template-columns:none; align-items:center; gap:6px; color:#514a42; font-size:.7rem; }
.fl-checkout-option input { width:16px; height:16px; margin:0; accent-color:#f79b8d; }
.fl-checkout-payment-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.fl-checkout-payment-actions button { min-height:38px; border:1px solid #f79b8d; border-radius:5px; color:#fff; background:#f79b8d; font-size:.8rem; cursor:pointer; }
.fl-checkout-tools { gap:6px; padding-left:13px; padding-right:13px; }
.fl-checkout-tools button { width:31px; height:31px; font-size:1.24rem; }
.fl-checkout-tools .fl-tool-icon { width:25px; height:25px; }
.fl-checkout-tools .fl-divider { width:1px; height:28px; margin:0 2px; background:#30373b; }
.fl-checkout-command-bar .fl-detail-save { font-size:.86rem; }
.fl-detail-summary { padding:8px 14px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; border:1px dashed #d7cdbd; background:#fffdf8; }
.fl-detail-summary.fl-checkout-summary-menu { grid-template-columns:32px repeat(4,minmax(0,1fr)); }
.fl-detail-summary>div { min-width:0; display:grid; grid-template-columns:42px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:8px; }
.fl-detail-summary-icon { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; color:#30373b; }
.fl-summary-svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fl-detail-summary span:not(.fl-detail-summary-icon) { font-size:.94rem; font-weight:600; }
.fl-detail-summary strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.93rem; }
.fl-detail-information { min-width:0; min-height:0; display:grid; grid-template-columns:minmax(0,31fr) minmax(0,36fr) minmax(0,33fr); gap:6px; overflow:hidden; }
.fl-detail-card { position:relative; min-width:0; padding:10px 10px 54px; display:grid; align-content:start; gap:5px; overflow:hidden; border:1px solid #f1eadf; background:#fffdf8; }
.fl-detail-card h2 { margin:0 0 5px; font-size:1.05rem; }
.fl-detail-card label { min-width:0; display:grid; grid-template-columns:115px minmax(0,1fr); align-items:center; gap:5px; color:#82735f; font-size:.82rem; }
.fl-detail-card input,.fl-detail-card select,.fl-detail-card textarea { min-width:0; height:29px; padding:3px 6px; border:1px solid #dbe1e6; border-radius:1px; font-size:.82rem; }
.fl-detail-card textarea { height:43px; resize:none; }
.fl-detail-card-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.fl-delivery-choice { width:100%; margin:0 0 3px; padding:3px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:3px; border:1px solid #eadfce; border-radius:9px; color:#30373b; background:#f7efe2; font-size:.72rem; }
.fl-delivery-choice label { position:relative; min-height:38px; padding:4px 8px; display:grid; grid-template-columns:1fr; place-items:center; align-content:center; gap:1px; border:1px solid transparent; border-radius:7px; color:#665d52; background:transparent; font-size:.72rem; font-weight:600; cursor:pointer; transition:color .15s ease,background .15s ease,box-shadow .15s ease; }
.fl-delivery-choice label:hover { color:#30373b; background:rgba(255,253,248,.7); }
.fl-delivery-choice label.is-selected,.fl-delivery-choice label:has(input:checked) { border-color:#f5a194; color:#8e4037; background:#fff8f5; box-shadow:0 1px 4px rgba(93,67,49,.12); }
.fl-delivery-choice input { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.fl-delivery-choice label:focus-within { outline:2px solid #df7567; outline-offset:1px; }
.fl-delivery-choice small { display:block; color:#8f8375; font-size:.58rem; font-weight:600; line-height:1.05; }
.fl-delivery-choice small.is-active { color:#4e8662; }
.fl-detail-readrow { min-height:24px; display:grid; grid-template-columns:115px minmax(0,1fr); align-items:center; gap:5px; color:#82735f; font-size:.82rem; }
.fl-detail-readrow b { overflow:hidden; color:#111; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.fl-money-row b { justify-self:end; font-weight:700; }
.fl-detail-card-actions { position:absolute; left:10px; right:10px; bottom:10px; display:flex; align-items:center; gap:7px; }
.fl-coral-button { min-height:36px; padding:5px 9px; border:0; border-radius:5px; color:#fff; background:#f79b8d; font-size:.8rem; cursor:pointer; }
.fl-square-button { width:36px; height:36px; padding:6px; display:grid; place-items:center; border:0; border-radius:4px; color:#30373b; background:#f2e7d2; cursor:pointer; }
.fl-previous-orders-button { min-width:0; height:36px; padding:5px 8px; display:flex; flex:1 1 auto; align-items:center; justify-content:center; overflow:hidden; border:1px solid #e2d4bd; border-radius:5px; color:#403a34; background:#f7efe2; font:600 .72rem inherit; cursor:pointer; white-space:nowrap; }
.fl-previous-orders-button:hover,.fl-previous-orders-button:focus-visible { border-color:#f5a194; background:#fff3ee; }
.fl-inline-search-icon { width:23px; height:23px; display:block; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.fl-address-card { gap:3px; }
.fl-address-card input { height:27px; }
.fl-address-card textarea { height:36px; }
.fl-delivery-card { padding-bottom:10px; gap:5px; }
.fl-delivery-read-grid { min-width:0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.fl-delivery-read-grid .fl-detail-readrow { min-width:0; grid-template-columns:auto minmax(0,1fr); gap:6px; }
.fl-po-number-row { margin-top:1px; }
.fl-detail-lines { min-height:0; display:grid; grid-template-rows:37px minmax(0,1fr); overflow:hidden; border:1px solid #f1eadf; background:#fffdf8; }
.fl-detail-line-head,.fl-detail-line { min-width:900px; display:grid; grid-template-columns:minmax(260px,1.55fr) 70px 65px 78px minmax(210px,1.25fr) 90px 70px; align-items:center; gap:7px; }
.fl-detail-line-head { padding:5px 10px; color:#fff; background:#f79b8d; font-size:.79rem; font-weight:700; text-align:left; }
.fl-detail-line-body { min-height:0; overflow:auto; }
.fl-detail-line { min-height:30px; padding:4px 10px; border-bottom:1px solid #f2ede5; font-size:.76rem; cursor:pointer; }
.fl-detail-line:last-child { border-bottom:0; }
.fl-detail-line:hover,.fl-detail-line.fl-selected { background:#fee4de; }
.fl-detail-line span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fl-detail-command-bar { position:relative; min-height:var(--fl-command-height); padding:8px 10px; display:grid; grid-template-columns:var(--fl-command-width) minmax(0,1fr) var(--fl-command-width); align-items:center; gap:14px; border-radius:5px; background:#f1e5cf; }
.fl-detail-cancel,.fl-detail-save { width:100%; min-height:var(--fl-command-button-height); display:grid; place-items:center; border:1px solid #e0e6ed; border-radius:5px; background:#fff; font-size:.92rem; cursor:pointer; }
.fl-detail-cancel { grid-column:1; }
.fl-detail-save { border-color:#f79b8d; color:#fff; background:#f79b8d; }
.fl-detail-save { grid-column:3; }
.fl-detail-save:disabled { opacity:.55; cursor:not-allowed; }
.fl-detail-tools { grid-column:2; justify-self:center; padding:8px 18px; display:flex; align-items:center; gap:9px; border-radius:36px; background:#fffdf8; }
.fl-detail-tools button { width:34px; height:34px; padding:0; border:0; color:#30373b; background:transparent; font-size:1.45rem; cursor:pointer; }
.fl-detail-tools button:hover .fl-tool-icon,.fl-detail-tools button:focus-visible .fl-tool-icon { color:#df7567; }
.fl-detail-tools button:disabled { opacity:.38; cursor:not-allowed; }
.fl-detail-tools .fl-tool-icon { width:27px; height:27px; }
.fl-detail-tools .fl-divider { height:29px; margin:0 2px; }
.fl-save-status { position:absolute; right:174px; bottom:4px; max-width:165px; overflow:hidden; color:#777; font-size:.7rem; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.fl-save-status.error { color:#c8615c; }
.fl-line-editor { box-sizing:border-box; width:calc(100vw - 6px); height:calc(100dvh - 6px); max-width:none; max-height:none; margin:0; padding:0; overflow:hidden; border:0; border-radius:0; color:#30373b; background:#fffdf8; box-shadow:none; }
.fl-line-editor::backdrop { background:rgba(48,43,37,.42); backdrop-filter:blur(2px); }
.fl-line-editor form { box-sizing:border-box; width:100%; height:100%; min-height:0; padding:var(--fl-screen-inset-top) var(--fl-screen-inset-x) var(--fl-screen-inset-bottom); overflow:hidden; display:grid; grid-template-rows:68px minmax(0,1fr) var(--fl-command-height); gap:9px; background:#fffdf8; }
.fl-line-editor-header { min-height:68px; padding:8px 15px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #eadcc8; border-radius:8px; background:linear-gradient(135deg,#f8edda 0%,#fffaf2 72%); }
.fl-line-editor-header h2 { margin:0 0 2px; font-size:1.08rem; }
.fl-line-editor-header p { margin:0; color:#7b7062; font-size:.75rem; }
.fl-line-editor-close { width:32px; height:32px; border:1px solid transparent; border-radius:50%; color:#554d44; background:#fffdf8; font-size:1.35rem; line-height:1; cursor:pointer; }
.fl-line-editor-close:hover,.fl-line-editor-close:focus-visible { border-color:#e2cdb0; background:#fff8ef; }
.fl-line-editor-grid { min-height:0; padding:0; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(220px,.72fr) minmax(0,1.02fr); grid-template-rows:202px minmax(0,1fr); grid-template-areas:"article article article" "order price line"; align-content:stretch; gap:9px; overflow:hidden; }
.fl-line-editor-card { min-width:0; min-height:0; padding:10px 12px; display:grid; align-content:start; grid-template-columns:1fr 1fr; gap:6px 8px; overflow:hidden; border:1px solid #e8dccb; border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(79,62,43,.05); }
.fl-line-editor-article { grid-area:article; grid-template-columns:minmax(165px,.38fr) minmax(300px,1fr); }
.fl-line-editor-order { grid-area:order; grid-template-columns:1fr; }
.fl-line-editor-price { grid-area:price; grid-template-columns:1fr; }
.fl-line-editor-line { grid-area:line; grid-template-columns:1fr; }
.fl-line-editor-card h3 { grid-column:1/-1; margin:0 0 2px; padding-left:8px; border-left:3px solid #f58e81; font-size:.86rem; line-height:1.2; text-transform:uppercase; }
.fl-line-editor-card label { min-width:0; gap:2px; color:#756a5d; font-size:.69rem; }
.fl-line-editor-card label>span { color:#756a5d; font-weight:500; }
.fl-line-editor-card input,.fl-line-editor-card textarea { min-width:0; padding:4px 8px; border:1px solid #d9dfe3; border-radius:5px; background:#fff; font-size:.76rem; }
.fl-line-editor-card input:focus,.fl-line-editor-card textarea:focus { border-color:#f58e81; outline:0; box-shadow:0 0 0 3px rgba(245,142,129,.13); }
.fl-line-editor-card input { height:29px; }
.fl-line-editor-card textarea { resize:none; min-height:54px; }
.fl-line-editor-card .fl-line-editor-wide,.fl-line-editor-order>label,.fl-line-editor-price>label,.fl-line-editor-line>label { grid-column:1/-1; }
.fl-line-editor-order>label,.fl-line-editor-price>label,.fl-line-editor-line>label { min-height:29px; display:grid; grid-template-columns:118px minmax(0,1fr); align-items:center; gap:7px; }
.fl-line-editor-price>label { grid-template-columns:91px minmax(0,1fr); }
.fl-line-editor-line>label { grid-template-columns:122px minmax(0,1fr); }
.fl-line-editor-order>label:has(textarea),.fl-line-editor-line>label:has(textarea) { align-items:start; }
.fl-line-article-search { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:6px; }
.fl-line-article-search input { height:36px; font-size:.82rem; }
.fl-line-article-search button,.fl-line-supplier button { border:0; border-radius:4px; background:#f2e7d2; font-size:1.25rem; cursor:pointer; }
.fl-line-quick-articles { min-height:62px; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:29px; gap:4px; }
.fl-line-quick-articles button { min-height:29px; padding:4px 7px; overflow:hidden; border:1px solid #e2c7b4; border-radius:5px; background:#fffaf3; font-size:.63rem; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.fl-line-quick-articles button:hover { border-color:#f79b8d; background:#fee9e3; }
.fl-line-quick-articles:empty::after { content:"Geen snelartikelen geladen"; grid-column:1/-1; place-self:center; color:#8c8378; font-size:.72rem; }
.fl-line-supplier>span:last-child { display:grid; grid-template-columns:minmax(0,1fr) 36px; gap:5px; }
.fl-line-options { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:4px 8px; }
.fl-line-options label { display:flex; align-items:center; gap:6px; color:#514a42; }
.fl-line-options input { width:16px; height:16px; margin:0; accent-color:#f79b8d; }
.fl-line-price-mode { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.fl-line-price-mode button,.fl-line-vat-buttons button { min-height:27px; padding:3px; border:1px solid #e3d6c4; border-radius:3px; background:#fff; font-size:.68rem; cursor:pointer; }
.fl-line-price-mode button.active,.fl-line-vat-buttons button.active { border-color:#9ac5a8; color:#245f3b; background:#ebf6ef; }
.fl-line-vat-buttons { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.fl-line-editor-actions { min-height:var(--fl-command-height); padding:8px 10px; display:grid; grid-template-columns:var(--fl-command-width) minmax(0,1fr) var(--fl-command-width); align-items:center; gap:14px; border:0; border-radius:5px; background:#f1e5cf; }
.fl-line-editor-actions button { width:100%; min-height:var(--fl-command-button-height); border-radius:5px; font:inherit; cursor:pointer; }
.fl-line-editor-cancel { border:1px solid #dce2e7; background:#fff; }
.fl-line-editor-save { border:1px solid #f79b8d; color:#fff; background:#f79b8d; }
.fl-line-editor-save:disabled { opacity:.6; cursor:wait; }
.fl-line-editor-middle { min-width:0; display:flex; align-items:center; justify-content:center; gap:10px; }
.fl-line-editor-actions span { overflow:hidden; color:#777; font-size:.76rem; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.fl-line-editor-actions span.error { color:#c8615c; }
.fl-line-editor-actions .fl-line-editor-keyboard { width:38px; min-width:38px; height:38px; min-height:38px; padding:6px; border:0; color:#30373b; background:#fffdf8; }
.fl-line-editor-keyboard .fl-tool-icon { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.fl-line-editor[open] { animation:fl-dialog-in .16s ease-out; }
@media(max-height:700px){.fl-line-editor-header p{display:none}.fl-line-editor-card{padding:7px 8px;gap:5px}}
.fl-supplier-picker-dialog .fl-supplier-picker-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.fl-supplier-picker-dialog .fl-supplier-picker-new{border-color:#f2c6be;background:#fff4f0;color:#9c443b}.fl-supplier-picker-dialog .fl-supplier-picker-open{border-color:#dccbae;background:#f8f1e5;color:#4e4942}.fl-supplier-picker-dialog .fl-supplier-picker-new:hover,.fl-supplier-picker-dialog .fl-supplier-picker-open:hover:not(:disabled){border-color:#f58e81;background:#fee4de}.fl-supplier-picker-dialog .fl-address-picker-use{min-width:155px}@media(max-width:700px){.fl-supplier-picker-dialog footer{align-items:flex-start;flex-direction:column}.fl-supplier-picker-dialog .fl-supplier-picker-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.fl-supplier-picker-dialog footer button{min-width:0}.fl-supplier-picker-dialog .fl-address-picker-use{min-width:0}}
.fl-address-picker-dialog{width:min(920px,calc(100% - 28px));height:min(620px,calc(100% - 28px));padding:0;overflow:hidden;border:1px solid #e3cdb0;border-radius:14px;background:#fffdf8;box-shadow:0 22px 65px rgba(48,40,32,.3);color:#30373b}.fl-address-picker-dialog::backdrop{background:rgba(48,43,37,.42);backdrop-filter:blur(2px)}.fl-address-picker-dialog>section{height:100%;padding:19px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:13px}.fl-address-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.fl-address-picker-heading h2{margin:0;font-size:1.22rem}.fl-address-picker-heading p{margin:4px 0 0;color:#70787c}.fl-address-picker-heading>button{width:36px;height:36px;border:0;border-radius:50%;background:#f3eadb;color:#554d44;font-size:1.5rem;line-height:1;cursor:pointer}.fl-address-picker-search{min-height:42px;padding:0 12px;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center;gap:8px!important;border:1px solid #dfd2bf;border-radius:8px;background:#fff}.fl-address-picker-search:focus-within{border-color:#f58e81;box-shadow:0 0 0 3px rgba(245,142,129,.15)}.fl-address-picker-search svg{width:20px;height:20px;fill:none;stroke:#665e55;stroke-width:1.8;stroke-linecap:round}.fl-address-picker-search input{width:100%;height:40px;padding:6px 2px;border:0;outline:0;background:transparent;color:#30373b;font:inherit}.fl-address-picker-table{position:relative;min-height:0;overflow:auto;border:1px solid #eadcc5;border-radius:8px;background:#fff}.fl-address-picker-head,.fl-address-picker-row{min-width:700px;display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(220px,1.45fr) minmax(180px,1.2fr) minmax(120px,.8fr);align-items:center;gap:9px}.fl-address-picker-head{position:sticky;top:0;z-index:2;min-height:43px;padding:0 12px;background:linear-gradient(180deg,#f9a094,#f58e81)}.fl-address-picker-head button{height:43px;padding:0;border:0;background:transparent;color:#fff;font:700 .8rem inherit;text-align:left;cursor:pointer}.fl-address-picker-head button::after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;vertical-align:middle}.fl-address-picker-head button.is-ascending::after{border-bottom-color:#fff;transform:translateY(-2px)}.fl-address-picker-head button.is-descending::after{border-top-color:#fff;transform:translateY(2px)}.fl-address-picker-row{width:100%;min-height:44px;padding:7px 12px;border:0;border-bottom:1px solid #eee5d7;background:#fffdf8;color:#30373b;text-align:left;cursor:pointer}.fl-address-picker-row:nth-child(even){background:#f9f4ea}.fl-address-picker-row:hover{background:#fff0eb}.fl-address-picker-row.fl-selected{outline:2px solid #30373b;outline-offset:-2px;background:#fee4de;font-weight:600}.fl-address-picker-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fl-address-picker-state{margin:0;padding:42px;display:grid;place-items:center;color:#7b7f81;text-align:center}.fl-address-picker-state[hidden]{display:none}.fl-address-picker-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#70675e}.fl-address-picker-dialog footer>div{display:flex;gap:9px}.fl-address-picker-dialog footer button{min-width:125px;padding:10px 15px;border:1px solid #d9cdb9;border-radius:7px;background:#fff;color:#30373b;font:600 .86rem inherit;cursor:pointer}.fl-address-picker-dialog footer button:disabled{cursor:not-allowed;opacity:.46}.fl-address-picker-dialog .fl-address-picker-delete{border-color:#ecc4bd;color:#ae453c}.fl-address-picker-dialog .fl-address-picker-use{border-color:#f58e81;background:#f58e81;color:#fff}.fl-address-picker-dialog[open]{animation:fl-dialog-in .16s ease-out}