:root{
  --bg:#f5f4ef;--surface:#ffffff;--surface-2:#faf9f5;--text:#1e2a23;--muted:#6d756f;
  --line:#e5e4dd;--green:#204d3b;--green-2:#2f6b51;--sage:#dce8df;--cream:#f2e7c8;
  --amber:#b77a1f;--red:#b44f49;--shadow:0 12px 34px rgba(31,48,39,.08);--radius:20px;
}
body.dark{
  --bg:#101713;--surface:#17201b;--surface-2:#1c2721;--text:#edf3ef;--muted:#a8b4ad;
  --line:#2a372f;--green:#8bc2a1;--green-2:#4f9470;--sage:#21372a;--cream:#3c3424;
  --shadow:0 12px 34px rgba(0,0,0,.25);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit} button{cursor:pointer}.app-shell{display:flex;min-height:100vh}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--surface);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;z-index:50}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--green);display:grid;place-items:center}.brand-mark svg{width:30px;fill:#f6ecd0}.brand-mark .bean-line{fill:none;stroke:var(--green);stroke-width:4}.brand strong{display:block;font-size:18px}.brand span{display:block;font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;text-align:left}.nav-item span{width:22px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:var(--sage);color:var(--green);font-weight:700}.sidebar-card{margin-top:auto;background:linear-gradient(145deg,var(--green),#2c684e);color:#fff;padding:16px;border-radius:16px;display:grid;gap:5px}.sidebar-card small{opacity:.75}.sidebar-card span{font-size:12px;opacity:.85}
.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:88px;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid var(--line)}.topbar h1{margin:2px 0 0;font-size:22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green-2);margin:0;text-transform:uppercase}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search{width:min(330px,35vw);display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px}.menu-btn{display:none}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;font-weight:800;font-size:13px}
.content{padding:28px}.view{display:none}.view.active{display:block}.hero{min-height:290px;border-radius:26px;padding:34px;background:linear-gradient(125deg,#1d4938 0%,#2f7254 65%,#84a36d 100%);color:white;display:grid;grid-template-columns:1.3fr .9fr;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero h2{font-size:clamp(28px,4vw,48px);line-height:1.02;max-width:720px;margin:15px 0}.hero p{max-width:720px;opacity:.84;font-size:16px;line-height:1.6}.pill{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:999px;font-size:12px}.hero-actions{display:flex;gap:10px;margin-top:24px}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800}.btn.primary{background:var(--green);color:white}.hero .btn.primary{background:#f0e5c1;color:#234534}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.hero .btn.secondary{background:transparent;color:white;border-color:rgba(255,255,255,.35)}.btn.small{padding:8px 11px;font-size:12px}.btn.full{width:100%}.hero-visual{position:relative;display:grid;place-items:center}.bean-big{width:185px;height:185px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;z-index:2}.bean-big svg{width:145px;fill:#f2e6c1}.bean-big .bean-line{fill:none;stroke:#4b755e;stroke-width:6}.coffee-orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%}.orbit-1{width:260px;height:260px}.orbit-2{width:330px;height:330px}.mini-chip{position:absolute;background:white;color:#244a38;padding:8px 12px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;z-index:3}.chip-a{left:8%;top:18%}.chip-b{right:2%;top:38%}.chip-c{left:18%;bottom:13%}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:18px;display:flex;gap:14px;align-items:center}.stat-icon{width:43px;height:43px;border-radius:13px;background:var(--sage);display:grid;place-items:center;color:var(--green);font-size:20px}.stat-card small,.stat-card em{display:block;color:var(--muted);font-style:normal}.stat-card strong{display:block;font-size:25px;margin:2px 0}.stat-card em{font-size:11px;color:var(--green-2)}
.dashboard-grid,.form-grid,.sat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 4px 16px rgba(31,48,39,.025)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel h3{margin:2px 0 0;font-size:17px}.panel-head p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:13px}.status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.status.success{background:var(--sage);color:var(--green)}.status.neutral{background:var(--cream);color:var(--amber)}.flow{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:auto;padding:8px 0}.flow-step{min-width:120px;text-align:center}.flow-step span{margin:auto;width:34px;height:34px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-weight:800}.flow-step.done span{background:var(--green);color:white;border-color:var(--green)}.flow-step.active span{background:var(--cream);color:var(--amber);border-color:var(--amber)}.flow-step b,.flow-step small{display:block}.flow-step b{font-size:12px;margin-top:8px}.flow-step small{font-size:10px;color:var(--muted);margin-top:2px}.flow i{color:var(--muted)}
.donut-wrap{display:flex;align-items:center;gap:24px}.donut{--p:70;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:78px;height:78px;background:var(--surface);border-radius:50%}.donut span{z-index:1;font-size:24px;font-weight:900}.legend{display:grid;gap:9px;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.green{background:#4b956a}.amber{background:#d3993a}.red{background:#c85d58}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.link-btn{border:0;background:transparent;color:var(--green-2);font-weight:800}.reference-list{display:grid;gap:13px}.reference-list div{padding-bottom:12px;border-bottom:1px solid var(--line)}.reference-list span,.reference-list b{display:block}.reference-list span{font-size:11px;color:var(--muted)}.reference-list b{font-size:13px;margin-top:3px}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-intro h2{font-size:30px;margin:5px 0 6px}.section-intro p:not(.eyebrow){margin:0;color:var(--muted);max-width:720px;line-height:1.55}.form-section h3{margin-bottom:17px}.fields{display:grid;gap:14px}.fields.cols-3{grid-template-columns:repeat(3,1fr)}label{font-size:12px;font-weight:700;color:var(--muted);display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--green-2) 15%,transparent)}textarea{resize:vertical}.check-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.check-grid label,.check-list label{display:flex;align-items:center;gap:8px;background:var(--surface-2);padding:10px;border:1px solid var(--line);border-radius:10px}.check-grid input,.check-list input{width:auto}.check-list{display:grid;gap:9px}.meter{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:18px}.meter span{display:block;height:100%;background:var(--green-2);border-radius:inherit}.help{color:var(--muted);display:block;margin-top:8px}
.quality-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.slider-list{display:grid;gap:14px}.slider-row{display:grid;grid-template-columns:160px 1fr 45px;align-items:center;gap:10px}.slider-row span{font-size:12px;font-weight:700}.slider-row output{text-align:right;font-weight:900;color:var(--green-2)}input[type=range]{accent-color:var(--green-2);padding:0}.quality-score{text-align:center}.score-ring{width:170px;height:170px;border:12px solid var(--sage);border-top-color:var(--green-2);border-radius:50%;display:grid;place-items:center;margin:16px auto;align-content:center}.score-ring strong{font-size:43px}.score-ring span{font-size:12px;color:var(--muted)}.quality-score .fields{text-align:left;margin-top:18px}
.qr-box{width:190px;height:190px;margin:8px auto 14px;padding:12px;background:white;border:1px solid var(--line);display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr);gap:1px}.qr-cell.on{background:#111}.token{text-align:center;background:var(--surface-2);border:1px dashed var(--line);padding:10px;border-radius:10px;font-family:ui-monospace,monospace;font-size:12px;margin-bottom:12px}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:120px 14px 1fr;gap:12px;align-items:start}.timeline-item time{font-size:11px;color:var(--muted)}.timeline-dot{width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 4px var(--sage)}.timeline-item b{display:block;font-size:13px}.timeline-item small{display:block;color:var(--muted);margin-top:3px}
.sat-grid{grid-template-columns:repeat(3,1fr)}.map-mock{height:380px;border-radius:16px;background:linear-gradient(135deg,#dde8d4,#b9d2b6);position:relative;overflow:hidden;color:#355b44}.map-mock svg{width:100%;height:100%}.river{stroke:#9ec5d1;opacity:.8}.road{stroke:#d3b58c;opacity:.9}.farm-poly{fill:rgba(55,126,74,.28);stroke:#2d724b;stroke-width:4;stroke-dasharray:7 5}.farm-pin{fill:#1f5b3b;stroke:white;stroke-width:5}.map-label{position:absolute;left:50%;top:50%;transform:translate(20px,-50%);background:white;color:#233b2d;padding:9px 11px;border-radius:9px;box-shadow:var(--shadow);font-size:11px}.metric-stack{display:grid;gap:12px}.metric-stack div{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:15px}.metric-stack span,.metric-stack small{display:block;color:var(--muted);font-size:11px}.metric-stack b{font-size:24px;display:block;margin:3px 0}.chart{height:250px;display:flex;align-items:end;gap:12px;padding:18px 10px 28px;border-bottom:1px solid var(--line);position:relative}.bar-wrap{flex:1;height:100%;display:flex;align-items:end;justify-content:center;position:relative}.bar{width:60%;min-width:18px;background:linear-gradient(var(--green-2),var(--green));border-radius:8px 8px 2px 2px;position:relative}.bar span{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}.bar-wrap small{position:absolute;bottom:-22px;font-size:10px;color:var(--muted)}.eudr-light{display:flex;gap:12px;justify-content:center;padding:20px}.light{width:45px;height:45px;border-radius:50%;opacity:.18}.light.on{opacity:1;box-shadow:0 0 0 8px color-mix(in srgb,currentColor 10%,transparent)}.center-text{text-align:center;display:block}.dds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dds-grid div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px}.dds-grid small,.dds-grid b{display:block}.dds-grid small{color:var(--muted);font-size:10px}.dds-grid b{margin-top:5px;font-size:13px}
.filters{display:grid;grid-template-columns:1fr 220px 220px;gap:10px;margin-bottom:16px}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lot-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.lot-cover{height:160px;background:linear-gradient(140deg,#d8e5d6,#92ad83);position:relative;display:grid;place-items:center}.lot-cover svg{width:90px;fill:rgba(255,255,255,.72)}.lot-badge{position:absolute;left:14px;top:14px;background:white;color:#244a38;font-size:10px;font-weight:900;padding:6px 8px;border-radius:999px}.lot-body{padding:17px}.lot-body h3{margin:0 0 4px}.lot-body p{margin:0;color:var(--muted);font-size:12px}.lot-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.lot-metrics div{background:var(--surface-2);border-radius:10px;padding:9px}.lot-metrics small,.lot-metrics b{display:block}.lot-metrics small{color:var(--muted);font-size:9px}.lot-metrics b{font-size:12px;margin-top:3px}.lot-actions{display:flex;gap:8px}.lot-actions .btn{flex:1;padding:9px}.alliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.alliance-card{display:block}.alliance-icon{display:grid;place-items:center;width:50px;height:50px;background:var(--sage);color:var(--green);border-radius:14px;font-size:10px;font-weight:900}.alliance-card h3{margin:14px 0 7px}.alliance-card p{color:var(--muted);font-size:12px;line-height:1.5;min-height:54px}.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.doc-item{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:12px;padding:12px;text-align:left;display:flex;gap:10px;align-items:center}.doc-item>span{width:38px;height:38px;display:grid;place-items:center;background:var(--sage);color:var(--green);border-radius:10px;font-size:9px;font-weight:900}.doc-item b,.doc-item small{display:block}.doc-item b{font-size:12px}.doc-item small{color:var(--muted);margin-top:3px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(640px,95vw);max-height:85vh;overflow:auto;background:var(--surface);border-radius:22px;padding:24px;position:relative}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:var(--muted);font-size:28px}.toast{position:fixed;right:24px;bottom:24px;background:var(--text);color:var(--surface);padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:120;font-size:13px}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1100px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-btn{display:inline-grid;place-items:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{display:none}.fields.cols-3{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.content{padding:18px}.topbar{padding:0 16px}.top-actions .search{display:none}.dashboard-grid,.form-grid,.sat-grid,.quality-layout{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.stats-grid{grid-template-columns:1fr}.fields.cols-3{grid-template-columns:1fr}.check-grid{grid-template-columns:repeat(2,1fr)}.section-intro{align-items:flex-start;flex-direction:column}.hero{padding:25px}.flow{justify-content:flex-start}.donut-wrap{flex-direction:column;align-items:flex-start}.market-grid,.alliance-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.docs-grid{grid-template-columns:1fr}.dds-grid{grid-template-columns:1fr}.slider-row{grid-template-columns:115px 1fr 38px}}


.availability-head-actions{display:flex;align-items:center;gap:10px}.availability-count{font-size:12px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:9px 12px;border-radius:999px}
#cartCount{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 5px;background:rgba(255,255,255,.18);border-radius:999px;font-size:10px}
.availability-filters{display:grid;grid-template-columns:1fr 220px 220px;gap:10px;margin-bottom:16px}
.availability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.coffee-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(31,48,39,.045);transition:.22s}
.coffee-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.coffee-image{height:245px;position:relative;overflow:hidden;display:grid;place-items:center}
.coffee-image svg{width:100%;height:100%}.coffee-image.bourbon,.modal-coffee-image.bourbon{color:#6f382d;background:linear-gradient(145deg,#f2dfd7,#d5a58e)}
.coffee-image.catuai,.modal-coffee-image.catuai{color:#7c5529;background:linear-gradient(145deg,#f1e2c2,#d6bd7d)}
.coffee-image.caturra,.modal-coffee-image.caturra{color:#526d33;background:linear-gradient(145deg,#e2ead0,#b5c98c)}
.coffee-image.pacas,.modal-coffee-image.pacas{color:#8a3f35;background:linear-gradient(145deg,#efd6cf,#cf988d)}
.coffee-image-badges{position:absolute;top:14px;left:14px;display:flex;gap:7px}.coffee-badge{font-size:10px;font-weight:900;padding:6px 9px;border-radius:999px;background:white;color:#244a38;box-shadow:0 4px 12px rgba(0,0,0,.08)}.coffee-badge.featured{background:#234f3c;color:white}
.stock-badge{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.9);color:#244a38;font-size:10px;font-weight:800;padding:7px 9px;border-radius:9px;backdrop-filter:blur(8px)}
.coffee-card-body{padding:18px}.coffee-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coffee-title-row h3{font-size:24px;margin:3px 0}.sca-mini{min-width:65px;background:var(--sage);color:var(--green);border-radius:12px;padding:8px;text-align:center}.sca-mini span,.sca-mini b{display:block}.sca-mini span{font-size:9px;font-weight:800}.sca-mini b{font-size:16px;margin-top:2px}
.coffee-flavor{font-size:14px;color:var(--text);line-height:1.55;margin:10px 0 12px}.coffee-flavor.large{font-size:17px}
.coffee-tags{display:flex;gap:7px;flex-wrap:wrap}.coffee-tags span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:10px;color:var(--muted)}
.coffee-price-row{display:flex;align-items:end;justify-content:space-between;margin:16px 0}.coffee-price-row small{display:block;color:var(--muted);font-size:10px}.coffee-price-row strong{font-size:21px}.coffee-price-row span{font-size:11px;color:var(--muted);margin-left:3px}
.coffee-actions{display:flex;gap:9px}.coffee-actions .btn{flex:1}
.availability-note{margin-top:18px}.availability-note p:not(.eyebrow){color:var(--muted);line-height:1.55;max-width:900px}
.availability-modal .modal-coffee-image{height:220px;border-radius:16px;margin-bottom:18px;overflow:hidden}.modal-coffee-image svg{width:100%;height:100%}.modal-coffee-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-coffee-title h2{margin:5px 0}
.buy-box{margin-top:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:15px;padding:15px;display:grid;grid-template-columns:1fr 140px auto;gap:12px;align-items:end}.buy-box small,.buy-box strong{display:block}.buy-box small{color:var(--muted);font-size:10px}.buy-box strong{font-size:18px;margin-top:4px}
.cart-list{display:grid;gap:8px;margin-top:16px}.cart-item{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px}.cart-item b,.cart-item small,.cart-item span{display:block}.cart-item small{color:var(--muted);margin-top:3px}.cart-item>div:last-child{text-align:right}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 4px}.cart-total strong{font-size:24px;color:var(--green-2)}
@media(max-width:900px){.availability-grid{grid-template-columns:1fr}.availability-filters{grid-template-columns:1fr}.buy-box{grid-template-columns:1fr}.availability-head-actions{width:100%;justify-content:space-between}}

.detail-title{margin:24px 0 10px;padding-top:10px;border-top:1px solid var(--line)}
.detail-text{color:var(--muted);line-height:1.7}
.detail-grid{grid-template-columns:repeat(3,1fr)}
.descriptor-box{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:15px}
.descriptor-box small{display:block;color:var(--green-2);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.descriptor-box p{margin:6px 0 14px;line-height:1.55}
.process-list{margin:0;padding-left:22px;display:grid;gap:8px;color:var(--muted)}
.cupping-table{min-width:0}
.source-box{margin-top:20px;padding:14px;border:1px dashed var(--line);background:var(--surface-2);border-radius:14px}
.source-box small{color:var(--muted)}.source-box p{margin:5px 0 12px}.source-link{display:inline-flex;text-decoration:none}
.btn:disabled{opacity:.45;cursor:not-allowed}
.modal-card{width:min(860px,95vw)}
@media(max-width:760px){.detail-grid{grid-template-columns:1fr}.availability-head-actions{flex-wrap:wrap}}

.nav-counter{margin-left:auto;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--green-2);color:white;font-size:9px}
.orders-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.mini-stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px}.mini-stat span{display:block;color:var(--muted);font-size:11px}.mini-stat strong{display:block;font-size:26px;margin-top:4px;color:var(--green-2)}
.orders-toolbar{display:grid;grid-template-columns:1fr 220px;gap:10px;margin-bottom:14px}.orders-table small{display:block;color:var(--muted);margin-top:3px}.order-coffees{display:block;max-width:290px;line-height:1.4}.btn.tiny{padding:7px 9px;font-size:10px}.empty-orders{text-align:center;padding:38px 15px;color:var(--muted)}.empty-orders strong{display:block;color:var(--text);font-size:16px}.empty-orders p{margin:6px auto 0;max-width:520px}
.status.warning{background:#fff2cc;color:#7a5b00}.status.info{background:#dceef8;color:#245b76}.status.danger{background:#f8dddd;color:#8a3030}
@media(max-width:800px){.orders-summary{grid-template-columns:repeat(2,1fr)}.orders-toolbar{grid-template-columns:1fr}}

/* CoffeeData logo */
.brand-mark img, .logo img, .coffeedata-brand img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.brand-mark{
  width:150px;
  height:auto;
  background:transparent !important;
  box-shadow:none !important;
}
.coffeedata-brand{
  padding:18px 18px 8px;
  display:flex;
  justify-content:center;
}
.coffeedata-brand img{
  max-width:190px;
}
.sidebar {
  /* ... tus estilos existentes de la sidebar ... */
  height: 100vh;          /* Asegura que la barra ocupe la altura de la ventana */
  overflow-y: auto;       /* Habilita el scroll vertical cuando el contenido sobrepasa la pantalla */
}

/* Opcional: Estilo elegante para la barra de desplazamiento */
.sidebar::-webkit-scrollbar {
  width: 6px;
}

.sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.4);
}