/* Diyam – approved green/light visual system */
:root{--green:#009c62;--green-dark:#00784b;--ink:#142b42;--muted:#5c7284;--surface:#f3f8f7}
body{background:#f3f8f7;color:var(--ink)}
.brand-mark{background:linear-gradient(145deg,#00b67b,#008458);box-shadow:0 4px 10px #00885825;border-radius:11px}.brand{color:#14283f}.sidebar{background:linear-gradient(160deg,#fff,#f0f8f5)}.sidebar .nav-item{min-height:48px;font-size:14px}.nav-item.active{background:linear-gradient(130deg,#00a96b,#008953);color:#fff;box-shadow:0 4px 0 #00794e,0 5px 12px #009c6220}.nav-item.active .icon{color:#fff}.profile{margin-top:22px}.button{font-size:14px;min-height:48px;border-radius:11px}.button-primary{background:linear-gradient(150deg,#00af74,#008a57);box-shadow:0 4px 0 #00754a,0 6px 12px #008a5720}.button-primary:hover{background:#008a57}.button-secondary{background:#f4faff;border-color:#c4deeb;color:#26587f;box-shadow:0 3px 0 #e0edf2}.quick-actions button{font-size:14px;box-shadow:0 4px 0 #e2ece8,0 7px 15px #123b2c08}.quick-actions button:first-child{background:#e6f8ee;color:#087946}.quick-actions button:nth-child(2){background:#e8f3ff;color:#22669f}.quick-actions button:nth-child(3){background:#fff1df;color:#92601d}h1{font-size:31px;color:#122940}.page-heading p{font-size:15px}.panel h2{font-size:18px}.stat-label{font-size:14px}.stat-context{font-size:13px}.field{font-size:14px}.plan-card p{font-size:15px}.dialog-body{font-size:15px}.app-footer{font-size:12px}.topbar{background:#ffffffed}.demo-label{background:#edf6f2;color:#08774d}.bottom-nav{display:none}
.purchasing-root{max-width:1640px;margin:0 auto;padding-top:25px}.purchasing-root h1{font-size:32px;letter-spacing:-1px;font-weight:850}.purchasing-root h2{font-size:17px;color:#132e42;letter-spacing:-.3px}.purchasing-root h3{font-size:15px;margin:14px 0 7px}.buy-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.buy-heading p:not(.eyebrow){margin-top:7px;font-size:15px;color:#4f6b7d}.buy-heading .eyebrow{color:#008457;font-size:10px;letter-spacing:1.5px;margin-bottom:6px}.buy-date{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e1ece8;box-shadow:0 4px 15px #193d3010;padding:13px 16px;border-radius:12px}.buy-date>.icon{width:25px;height:25px;color:#008b5a}.buy-date b{font-size:13px}.buy-date small{display:block;font-size:11px;color:#5c7284;margin-top:5px}.buy-save-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#517a68;font-size:12px;margin:10px 0 20px}.buy-save-status .icon{width:16px;height:16px}.buy-save-status button{background:none;color:#007947;text-decoration:underline;min-height:30px;margin-left:6px;padding:2px 4px;font-size:12px}.buy-tabs{display:flex;gap:5px;margin-bottom:20px;overflow-x:auto;border-bottom:1px solid #dce9e3;padding:0 0 9px}.buy-tabs button{white-space:nowrap;background:none;padding:9px 13px;min-height:42px;font-size:13px;font-weight:650;color:#536e7d;border-radius:9px}.buy-tabs button.selected{background:#dcf3e8;color:#006b42}.buy-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.buy-metric{display:flex;align-items:center;text-align:left;gap:13px;padding:17px 14px;border-radius:13px;border:1px solid transparent;min-width:0;color:inherit;box-shadow:0 3px 0 #163c3510,0 6px 20px #163c3506;transition:transform .15s}.buy-metric:hover{transform:translateY(-2px)}.buy-metric>span:nth-child(2){min-width:0;flex:1}.buy-metric strong{display:block;font-size:30px;font-weight:850;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}.buy-metric b{display:block;font-size:12px;margin-top:5px}.buy-metric small{display:block;font-size:10px;margin-top:4px;line-height:1.4}.buy-metric>.icon{width:14px;height:14px;flex-shrink:0}.metric-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;flex-shrink:0;color:#fff;box-shadow:inset 0 2px 3px #ffffff50,0 4px 9px #1b3d3318}.metric-symbol .icon{width:25px;height:25px}.buy-metric.critical{background:linear-gradient(120deg,#ffdee4,#fff0f3);color:#ba1236}.critical .metric-symbol{background:linear-gradient(145deg,#ff3f62,#ea123d)}.buy-metric.low{background:linear-gradient(120deg,#ffebcb,#fff7e9);color:#a95700}.low .metric-symbol{background:linear-gradient(145deg,#ffc02e,#f39400)}.buy-metric.ok{background:linear-gradient(120deg,#d6f4e7,#eafaf3);color:#00784d}.ok .metric-symbol{background:linear-gradient(145deg,#00bd7b,#00905b)}.buy-metric.blue{background:linear-gradient(120deg,#d8eeff,#edf7ff);color:#005eaf}.blue .metric-symbol{background:linear-gradient(145deg,#2aabff,#0074e5)}.buy-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,1.5fr);gap:10px;margin-bottom:22px}.buy-periods>button:not(.buy-button){display:flex;align-items:center;gap:12px;padding:13px 16px;background:#fff;color:#1d3c51;border:1px solid #e4eeea;border-radius:10px;box-shadow:0 4px 0 #e6efea;text-align:left;min-height:61px}.buy-periods>button>.icon{color:#00a06a;width:24px;height:24px}.buy-periods b{display:block;font-size:14px}.buy-periods small{font-size:11px;display:block;margin-top:4px;color:#617b8b}.buy-periods>button.selected{background:linear-gradient(125deg,#00aa6b,#008e58);color:#fff;border-color:#00955e;box-shadow:0 4px 0 #00764c}.buy-periods>button.selected .icon,.buy-periods>button.selected small{color:#fff}.buy-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font:650 13px/1.35 inherit;font-size:13px;padding:11px 17px;cursor:pointer;text-decoration:none;border:1px solid transparent;white-space:normal;transition:filter .15s;flex-shrink:0}.buy-button .icon{width:19px;height:19px;flex-shrink:0}.buy-button:hover{filter:brightness(.96)}.buy-button.green{background:linear-gradient(135deg,#00b876,#00945a);box-shadow:0 4px 0 #007746,0 6px 13px #00945a1c;color:#fff}.buy-button.outline{background:#fff;border:1px solid #9bcfbc;color:#00764c;box-shadow:0 3px 0 #e2eee8}.buy-button.orange{background:linear-gradient(135deg,#ffbe49,#f6a11f);color:#543b0c;box-shadow:0 4px 0 #cb7e0b}.buy-button:disabled{opacity:.55;cursor:wait}.buy-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.buy-card{min-width:0;background:#fff;border:1px solid #e1ece6;border-radius:13px;padding:19px;box-shadow:0 5px 18px #113e2b06}.buy-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.buy-card-head p{margin-top:5px}.buy-chip{font-size:11px;border:1px solid #dbe8e4;padding:5px 8px;border-radius:6px;color:#5a7584}.buy-donut-layout{display:flex;align-items:center;gap:18px;margin-top:20px}.buy-donut{width:126px;height:126px;border-radius:50%;padding:19px;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000006}.buy-donut>div{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.buy-donut strong{font-size:28px;font-weight:850}.buy-donut small{font-size:11px;color:#607788}.donut-legend{display:grid;gap:9px;flex:1}.buy-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;line-height:1.4;padding:6px 8px;border-radius:7px;border:0;white-space:nowrap}.buy-badge .icon{width:14px;height:14px}.buy-badge.critical{background:#ffebef;color:#c3183c}.buy-badge.low{background:#fff1d6;color:#9b5700}.buy-badge.ok{background:#e1f7ed;color:#008251}.buy-badge.blue{background:#e3f1ff;color:#005fae}.buy-value{font-size:28px;letter-spacing:-1px;color:#112e42;line-height:1.5;font-variant-numeric:tabular-nums}.buy-bars{height:102px;display:flex;align-items:stretch;gap:6px;margin:12px 0 8px}.chart-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:5px;text-align:center}.chart-col small{font-size:9px;min-height:12px;color:#617b8b}.chart-height{height:78px;display:flex;align-items:flex-end}.chart-height i{display:block;width:100%;border-radius:4px 4px 0 0;min-height:0;box-shadow:inset 0 2px 2px #ffffff30}.buy-muted{font-size:12px;color:#617789;line-height:1.7}.buy-tools{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 15px}.buy-tools label{min-width:125px;flex:1}.buy-tools .buy-search{flex:2;min-width:220px;position:relative}.buy-search .icon{position:absolute;left:12px;top:13px;color:#779383;width:18px;height:18px}.buy-search input{padding-left:39px!important}.purchasing-root input,.purchasing-root select{font-family:inherit;font-size:13px;background:#fbfdfc;color:#254757;border:1px solid #d3e4dc;border-radius:8px;min-height:44px;padding:9px 11px;max-width:100%;width:100%;box-sizing:border-box}.buy-card-head select{width:auto;min-height:34px;font-size:11px;padding:5px 8px}.buy-table-labels{display:grid;grid-template-columns:2.4fr 1.2fr .9fr 1.2fr 1.3fr 30px;gap:13px;padding:11px 10px;background:#f3f8f6;color:#45687a;font-size:11px;font-weight:700;border-radius:7px}.buy-product{display:grid;grid-template-columns:2.4fr 1.2fr .9fr 1.2fr 1.3fr 30px;align-items:center;gap:13px;padding:14px 7px;border-bottom:1px solid #ecf1ee}.buy-product:last-child{border-bottom:0}.buy-product-name{display:flex;align-items:center;gap:12px;text-align:left;color:#193548;background:none;min-width:0;padding:0}.buy-product-name>span{min-width:0}.buy-product strong{font-size:14px;display:block;overflow-wrap:anywhere}.buy-product small{display:block;color:#617789;font-size:11px;margin-top:5px;line-height:1.4}.buy-product b{font-size:13px;font-weight:650}.buy-thumb{width:54px;height:54px;background:linear-gradient(150deg,#edf9f2,#e3f1e9);border:1px solid #e1ede6;border-radius:10px;display:grid;place-items:center;overflow:hidden;flex-shrink:0;color:#75ac91}.buy-thumb .icon{width:23px;height:23px}.buy-thumb img{width:100%;height:100%;object-fit:cover}.buy-barcode{font-variant-numeric:tabular-nums;font-size:10px!important;letter-spacing:.5px}.buy-progress{height:6px;background:#eff3f2;border-radius:5px;overflow:hidden;margin-top:7px}.buy-progress i{display:block;height:100%;background:#00a96a;border-radius:5px}.buy-progress.critical i{background:#f3274d}.buy-progress.low i{background:#ffa815}.buy-product .expiry{font-size:10px;color:#a86100}.buy-product .expiry.expired{color:#c3183c}.buy-icon-button{display:inline-grid;place-items:center;width:36px;height:40px;border-radius:8px;background:#f1f7f4;color:#127247;border:0;flex-shrink:0;cursor:pointer}.buy-icon-button .icon{width:17px;height:17px}.buy-empty{padding:45px 16px;text-align:center;max-width:600px;margin:auto}.buy-empty-icon{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e6f6ed;color:#00a06a;margin-bottom:15px}.buy-empty-icon .icon{width:28px;height:28px}.buy-empty h3{font-size:19px;margin:0 0 8px}.buy-empty p{font-size:14px;color:#667f8e;line-height:1.8;margin-bottom:20px}.buy-page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.buy-list-explainer{font-size:13px;color:#44685a;line-height:1.8;background:#e8f6ed;padding:16px 19px;border:1px solid #cfe8d9;border-radius:10px;margin-bottom:20px}.buy-order-group{margin-bottom:18px}.buy-list-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #e9f0eb}.buy-list-row>div:not(.buy-thumb){flex:1;min-width:0}.buy-list-row strong{font-size:14px}.buy-list-row small{display:block;font-size:12px;color:#68828f;margin-top:6px;line-height:1.6}.buy-list-row>b,.buy-list-row>span{font-size:14px;min-width:90px;text-align:right}.buy-total{border-top:1px solid #dce9e1;padding-top:17px;margin-top:10px;display:flex;justify-content:space-between;gap:14px;font-size:14px}.buy-total strong{font-size:19px;color:#008555}.buy-grand-total{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;background:#e0f6eb;color:#006e45;border-radius:12px;margin:20px 0}.buy-grand-total strong{font-size:28px}.buy-grand-total small{display:block;font-size:12px;margin-top:5px}.buy-suppliers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.buy-suppliers h2{font-size:20px}.buy-suppliers p{font-size:13px;line-height:1.8;margin-top:6px}.supplier-symbol{width:45px;height:45px;display:grid;place-items:center;background:#e6f6ed;color:#009458;border-radius:12px}.supplier-meta{display:grid;gap:11px;font-size:13px;color:#567383;margin:20px 0}.supplier-meta span{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}.supplier-meta .icon{width:16px;height:16px}.supplier-products{border-top:1px solid #e5eee8;padding-top:12px}.supplier-products button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px 0;background:none;font-size:13px;color:#1e4252;border-bottom:1px solid #eef4f0}.supplier-products button b{font-size:12px;color:#008454}.buy-detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:19px}.buy-detail-heading{display:flex;align-items:center;gap:17px;margin-bottom:25px}.buy-detail-heading .buy-thumb{width:85px;height:85px}.buy-detail-heading h2{font-size:23px}.buy-detail-heading p{margin:7px 0;font-size:13px;color:#617b89}.buy-detail-stock{font-size:43px;letter-spacing:-1px}.buy-detail-stock small{font-size:15px;font-weight:500;letter-spacing:0;color:#607c8b}.buy-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.buy-facts>div{background:#f1f7f4;border-radius:9px;padding:13px}.buy-facts small{font-size:11px;display:block;color:#61816f;margin-bottom:6px}.buy-facts b{font-size:14px;overflow-wrap:anywhere}.buy-detail-actions{display:flex;flex-wrap:wrap;gap:12px}.buy-detail-grid .buy-bars{height:150px}.buy-detail-grid .chart-height{height:125px}.buy-movement-list>div{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ebf2ed;padding:16px 0}.buy-movement-list>div>span:nth-child(2){flex:1;min-width:0}.buy-movement-list small{display:block;font-size:12px;color:#657f8e;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.buy-movement-list b{font-size:14px}.move-sign{display:grid;place-items:center;width:32px;height:32px;background:#e2f8ec;color:#009b5c;border-radius:50%;font-size:24px}.move-sign.negative{background:#ffebee;color:#e3294b}.buy-space{margin-bottom:22px;margin-top:20px}.buy-import{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fff4d9;border:1px solid #efd9a8;border-radius:11px;padding:17px 19px;margin-bottom:20px;font-size:13px;color:#7d5b1d}.buy-import p{margin-top:6px;line-height:1.7;font-size:12px}.buy-dialog{padding:0;border:1px solid #dce9e1;background:#fff;border-radius:17px;max-height:90dvh;width:min(690px,calc(100vw - 28px));max-width:690px;box-shadow:0 20px 90px #092c3c40;color:#17394a;margin:auto}.buy-dialog::backdrop{background:#12304277;backdrop-filter:blur(3px)}.buy-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #e2ece6;position:sticky;top:0;background:#fff;z-index:1}.buy-dialog h2{font-size:20px}.buy-form-body{padding:22px 24px}.buy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.buy-field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#3d5e6d;margin-bottom:15px}.buy-form-grid .buy-field{margin-bottom:0}.buy-field input,.buy-field select{font-size:15px;min-height:46px}.buy-field input:disabled{background:#edf3ef;color:#789084}.buy-field-help{font-size:12px;color:#657f8b;line-height:1.8;margin:14px 0}.buy-dialog footer{display:flex;justify-content:flex-end;gap:12px;padding:17px 24px;background:#f6faf7;border-top:1px solid #e2ece6;position:sticky;bottom:0}.buy-form-error{padding:13px 18px;background:#fff0f2;color:#ae2140;font-size:14px;line-height:1.7;margin:0 24px 20px;border-radius:9px}.buy-form-error button{display:block;background:none;color:#9f1836;text-decoration:underline;min-height:44px;font-size:14px}.buy-photo-preview{width:75px;height:75px;border-radius:10px;object-fit:cover}.buy-loading{padding:80px 20px;text-align:center;color:#008555;font-size:18px}
@media(min-width:1450px){.buy-metric{padding:21px 19px}.buy-metric strong{font-size:34px}.buy-metric b{font-size:13px}.buy-metric small{font-size:11px}.buy-donut{width:142px;height:142px}.buy-card{padding:22px}.buy-product strong{font-size:15px}}
@media(max-width:1200px){.buy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.buy-charts{grid-template-columns:1fr 1fr}.buy-charts>.buy-card:first-child{grid-column:1/-1}.buy-donut-layout{justify-content:center}.donut-legend{max-width:260px}.buy-heading{align-items:flex-start}.buy-date{max-width:240px}.buy-periods{grid-template-columns:repeat(3,minmax(0,1fr))}.buy-periods>.buy-button{grid-column:1/-1}.buy-product{grid-template-columns:2fr 1.3fr 1fr 30px}.buy-reach,.buy-price{display:none}.buy-table-labels{display:none}.buy-product-status{grid-column:3}.buy-product .buy-icon-button{grid-column:4}.buy-suppliers{grid-template-columns:1fr}}
@media(max-width:720px){main{max-width:none;padding:22px 16px 35px}h1,.purchasing-root h1{font-size:28px}.purchasing-root{padding-top:18px}.buy-heading{flex-direction:column;gap:13px;margin-bottom:11px}.buy-heading p:not(.eyebrow){font-size:13px}.buy-date{background:none;padding:0;border:0;box-shadow:none;max-width:none}.buy-date>.icon{width:18px;height:18px}.buy-date b{font-size:12px}.buy-date small{font-size:10px}.buy-save-status{font-size:11px;gap:6px;margin-bottom:14px}.buy-save-status button{font-size:11px}.buy-tabs{margin-bottom:16px;gap:1px}.buy-tabs button{font-size:12px;padding:8px 11px}.buy-metrics{gap:10px}.buy-metric{gap:8px;padding:13px 10px;align-items:flex-start;min-height:100px}.metric-symbol{width:34px;height:34px}.metric-symbol .icon{width:20px;height:20px}.buy-metric strong{font-size:24px;letter-spacing:-.7px}.buy-metric.blue strong{font-size:22px}.buy-metric b{font-size:10px;line-height:1.5}.buy-metric small{font-size:9px}.buy-metric>.icon{display:none}.buy-periods{gap:7px;margin-bottom:20px}.buy-periods>button:not(.buy-button){gap:5px;flex-direction:column;align-items:center;text-align:center;padding:12px 5px;min-height:80px}.buy-periods b{font-size:11px}.buy-periods small{font-size:9px}.buy-periods>button>.icon{width:20px;height:20px}.buy-button{font-size:13px;min-height:48px;padding:11px 13px}.buy-charts{grid-template-columns:1fr;gap:12px}.buy-charts>.buy-card:first-child{grid-column:auto}.buy-card{padding:17px}.buy-card h2{font-size:16px}.buy-donut{width:130px;height:130px}.buy-donut-layout{gap:23px}.donut-legend{max-width:none}.buy-badge{font-size:10px;padding:5px 7px}.buy-bars{height:120px}.chart-height{height:96px}.buy-card-head{align-items:flex-start;gap:10px}.buy-card-head .buy-button{font-size:11px;padding:9px 11px;min-height:42px}.buy-card-head .buy-button .icon{width:15px;height:15px}.buy-product-panel{padding:16px 12px}.buy-product-panel>.buy-card-head{padding:0 3px}.buy-product-panel .buy-card-head p{font-size:11px}.buy-tools{gap:8px;margin:15px 0}.buy-tools .buy-search{flex-basis:100%;order:-1;min-width:0}.buy-tools label{min-width:90px}.purchasing-root input,.purchasing-root select{font-size:16px;min-height:46px}.buy-tools select{font-size:11px;padding:8px 6px}.buy-card-head select{font-size:12px;min-height:34px}.buy-product{grid-template-columns:minmax(0,1fr) 90px 24px;gap:7px;padding:14px 2px}.buy-product-name{gap:8px}.buy-thumb{width:43px;height:43px;border-radius:8px}.buy-product strong{font-size:12px}.buy-product-name small{font-size:9px;margin-top:3px}.buy-product small.buy-barcode{font-size:9px!important;overflow-wrap:anywhere}.buy-stock{grid-column:2;grid-row:auto;font-size:11px;text-align:right}.buy-stock b{font-size:12px}.buy-stock small{font-size:9px}.buy-product-status{grid-column:1/3;margin-left:51px;margin-top:-4px}.buy-product-status .buy-badge{font-size:10px}.buy-product .buy-icon-button{grid-column:3;grid-row:span 2;width:24px;min-height:40px;background:none}.buy-reach,.buy-price{display:none}.buy-progress{height:5px}.buy-list-row{flex-wrap:wrap;gap:10px}.buy-list-row>div:not(.buy-thumb){min-width:150px}.buy-list-row>b,.buy-list-row>span{min-width:80px;flex:1;text-align:left;font-size:13px}.buy-list-row strong{font-size:13px}.buy-list-row small{font-size:11px}.buy-total{font-size:13px;line-height:1.6}.buy-grand-total{padding:18px;gap:12px}.buy-grand-total strong{font-size:24px}.buy-grand-total>span{font-size:13px}.buy-page-actions{gap:10px}.buy-page-actions>.buy-button{flex:1}.buy-detail-grid{grid-template-columns:1fr}.buy-detail-heading .buy-thumb{width:75px;height:75px}.buy-detail-heading h2{font-size:21px}.buy-detail-heading p{font-size:12px}.buy-detail-stock{font-size:39px}.buy-detail-actions>.buy-button{flex:1}.buy-detail-actions>.buy-button:last-child{flex-basis:100%}.buy-facts b{font-size:13px}.buy-movement-list>div{gap:9px;align-items:flex-start}.buy-movement-list b{font-size:12px}.buy-movement-list small{font-size:10px}.buy-movement-list>div>span:last-child{max-width:100px;text-align:right}.buy-import{flex-direction:column;align-items:stretch;gap:12px;padding:15px}.buy-form-grid{grid-template-columns:1fr;gap:0}.buy-form-grid .buy-field{margin-bottom:16px}.buy-dialog header{padding:15px 18px}.buy-dialog h2{font-size:18px}.buy-form-body{padding:18px}.buy-dialog footer{padding:15px 18px}.buy-dialog footer>.buy-button{flex:1}.buy-form-error{margin:0 18px 15px}.bottom-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #d5e9dd;box-shadow:0 -4px 22px #0e563b0a;padding:7px 4px max(7px,env(safe-area-inset-bottom));min-height:64px}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 8px;background:none;font-size:10px;color:#56758a;min-width:50px;border-radius:9px;flex:1;max-width:100px}.bottom-nav button .icon{width:21px;height:21px}.bottom-nav button.active{color:#008b52;background:#eefaf3;font-weight:700}.app-shell{padding-bottom:72px}.toast{bottom:85px}.preview-banner{padding:8px 16px}.preview-banner .banner-detail{display:none}.preview-banner .view-switch{width:auto;margin-left:auto}.view-switch button{min-height:32px;font-size:10px;padding:6px 8px}.preview-banner{font-size:10px}.brand-tagline{font-size:10px}.topbar{height:55px}.topbar .demo-label{font-size:10px;padding:4px 7px}}
@media print{.buy-tabs,.buy-heading .buy-date,.buy-save-status,.buy-import,.buy-periods,.buy-tools,.buy-page-actions,.buy-button,.buy-icon-button,.bottom-nav,.buy-product-panel,.buy-list-explainer,.buy-metrics,.buy-charts{display:none!important}.app-shell{padding:0}.buy-card{box-shadow:none;break-inside:avoid;border:1px solid #ddd}.buy-list-row{break-inside:avoid}.app-shell:before{content:'Diyam · Einkaufsliste · Netto zuzüglich Pfand'!important}.purchasing-root h1{font-size:24px}body{background:#fff}}
/* Additive PDF export and email sharing actions. */
.buy-button.pdf-red{background:linear-gradient(135deg,#ff4261,#e31c3e);color:#fff;box-shadow:0 4px 0 #b7102d,0 6px 13px #e31c3e1c}.buy-button.email-blue{background:linear-gradient(135deg,#20a6ff,#087ad9);color:#fff;box-shadow:0 4px 0 #04599e,0 6px 13px #087ad91c}.buy-export-select{display:flex;align-items:center;gap:8px;color:#536e7d;font-size:12px;min-width:170px;max-width:300px}.buy-export-select span{white-space:nowrap}.buy-export-select select{font-size:12px;min-width:100px;min-height:46px}.buy-share-file{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#f1f8f4;border:1px solid #d9e9df;border-radius:9px;color:#276746;font-size:13px;overflow-wrap:anywhere}.buy-share-file>.icon{color:#df2444;flex-shrink:0;width:25px;height:25px}.buy-share-file>span{min-width:0}.buy-share-status{font-size:13px;line-height:1.7;color:#396d55;margin:15px 0}.buy-share-actions{display:flex;flex-wrap:wrap;gap:12px}.buy-share-native{margin:18px 0;padding:16px;background:#edf6ff;border-radius:10px}.buy-share-native[hidden]{display:none}.buy-share-fallback{padding:16px;border:1px solid #dce8e0;border-radius:10px}.buy-share-fallback .buy-field-help{margin-top:0}.buy-dialog [hidden]{display:none!important}
@media(max-width:720px){.buy-export-select{flex-basis:100%;width:100%;max-width:none}.buy-export-select select{font-size:14px;flex:1}.buy-share-actions{flex-direction:column}.buy-share-actions>.buy-button{width:100%}.buy-share-file{font-size:12px}.buy-share-fallback{padding:13px}.buy-share-native>.buy-button{width:100%}}
@media print{.buy-export-select{display:none!important}}
.buy-button.is-disabled{opacity:.55;cursor:wait;pointer-events:none}
/* Confirmed purchase capture, sharing the existing manager palette. */
#capture-root{margin-top:24px}.capture-shell{max-width:1100px;margin:auto}.capture-intro h2{font-size:clamp(23px,3vw,31px);margin:18px 0 10px}.capture-intro>p,.capture-source>p{color:#536b64;line-height:1.6}.capture-methods{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.capture-method{border:0;border-radius:22px;display:flex;align-items:center;gap:18px;text-align:left;padding:28px 23px;cursor:pointer;box-shadow:0 6px 0 #0a56301a,0 12px 22px #183d3612;min-height:145px;transition:transform .16s}.capture-method:hover{transform:translateY(-3px)}.capture-method:active{transform:translateY(2px)}.capture-method strong{display:block;font-size:23px;line-height:1.2}.capture-method small{display:block;margin-top:10px;font-size:15px;line-height:1.4}.capture-method>.icon{margin-left:auto;flex-shrink:0}.capture-method-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;flex-shrink:0;background:#ffffff8a}.capture-method-icon>.icon{width:34px;height:34px}.capture-method.green{background:linear-gradient(145deg,#0cc974,#009e55);color:white}.capture-method.purple{background:linear-gradient(145deg,#9861ff,#7132dc);color:white}.capture-method.blue{background:linear-gradient(145deg,#20afff,#0879ea);color:white}.capture-method.orange{background:linear-gradient(145deg,#ffb44b,#f68a19);color:#392100}.buy-button.purple{background:#7636dc;color:white}.buy-button.blue{background:#087ce8;color:white}.capture-hint{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:#eaf7f2;color:#265f4c;line-height:1.5;margin:20px 0}.capture-hint>.icon{flex-shrink:0;width:26px;height:26px}.capture-history{width:100%;display:flex;align-items:center;text-align:left;gap:16px;border:0;border-bottom:1px solid #e7eeeb;background:white;padding:18px 0;color:inherit;cursor:pointer}.capture-history>span:nth-child(2){flex:1}.capture-history small{display:block;color:#61736e;margin-top:5px;line-height:1.5}.capture-steps{display:flex;gap:10px;margin-bottom:20px}.capture-steps span{flex:1;border-radius:12px;padding:13px;text-align:center;background:#e9efed;color:#667b73;font-weight:700}.capture-steps .active{background:#d9f6e7;color:#05733f}.capture-source{max-width:780px;margin:auto}.capture-source h2{font-size:28px;margin:24px 0 12px}.capture-upload{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:16px;border:2px dashed #b5ddcc;padding:30px;border-radius:20px;background:#f4fcf8;margin:24px 0}.capture-upload>.icon{width:48px;height:48px;color:#00a667}.capture-upload strong,.capture-upload small{width:100%;text-align:center}.capture-source textarea{resize:vertical;min-height:140px;border:1px solid #cbded4;border-radius:12px;padding:16px;font:inherit;width:100%;line-height:1.6}.capture-source .buy-button{margin:5px}.capture-mic{width:118px;height:118px;border-radius:50%;border:8px solid #eee5ff;background:linear-gradient(145deg,#9b69ff,#7034d6);color:white;box-shadow:0 8px 20px #7535d533;display:grid;place-items:center;margin:26px auto;cursor:pointer}.capture-mic .icon{width:48px;height:48px}#capture-video{display:block;width:100%;max-height:350px;background:#162b23;border-radius:18px;object-fit:cover;margin:20px 0}.capture-error,.capture-warning{padding:15px 18px;border-radius:12px;background:#fff2da;border:1px solid #ffda94;color:#814811;line-height:1.6}.capture-error{background:#fff0f1;border-color:#ffb9be;color:#a61e31}.capture-error[hidden]{display:none}.capture-lines{display:grid;gap:20px;margin:24px 0}.capture-line{min-width:0;border:1px solid #d6e6dd;background:white;border-radius:20px;padding:20px}.capture-line legend{padding:0 10px;font-size:20px;font-weight:750;color:#183f32}.capture-line-top{display:flex;gap:14px;align-items:center;margin-bottom:18px}.capture-line-top>span{height:58px;width:58px;display:grid;place-items:center;background:#f0f7f3;border-radius:12px;flex-shrink:0}.capture-line-top img{height:58px;width:58px;object-fit:contain;border-radius:12px}.capture-line-top p{flex:1;overflow-wrap:anywhere;line-height:1.5}.capture-line-top small{display:block;color:#a9670f}.capture-check{display:flex;align-items:flex-start;gap:12px;margin:18px 0;line-height:1.6;font-weight:600}.capture-check input{width:23px;height:23px;flex-shrink:0;accent-color:#00a567;margin-top:2px}.capture-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.capture-totals{background:#f1f8f5;border-radius:16px;padding:20px;margin:20px 0}.capture-totals>span,.capture-totals>strong{display:flex;justify-content:space-between;gap:18px;margin:12px 0}.capture-totals>strong{border-top:1px solid #d8e5df;padding-top:15px;font-size:23px;color:#087647}.capture-confirm-items>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #e4eee8}.capture-confirm-items small{display:block;color:#61736e;margin-top:8px}.capture-success-icon{display:grid;place-items:center;border-radius:50%;width:90px;height:90px;background:#00ae59;color:white;margin:10px auto 22px}.capture-success-icon .icon{width:50px;height:50px}.capture-success>h2,.capture-success>p{text-align:center}.capture-new-supplier{margin:18px 0;padding:16px;background:#f5f9f7;border-radius:12px}.capture-new-supplier summary{cursor:pointer;font-weight:650;color:#08794b;margin-bottom:12px}.capture-shell :is(input,select,textarea,button):focus-visible{outline:3px solid #2696ff;outline-offset:3px}.capture-line-sum{font-size:16px;color:#466357}.capture-source .buy-field{margin-top:20px}
@media(max-width:700px){.capture-methods{grid-template-columns:1fr;gap:15px}.capture-method{min-height:112px;padding:20px 18px;border-radius:18px;gap:14px}.capture-method strong{font-size:21px}.capture-method small{font-size:14px;margin-top:7px}.capture-method-icon{width:52px;height:52px}.capture-method-icon>.icon{width:30px;height:30px}.capture-line{padding:16px}.capture-line legend{font-size:18px}.capture-actions>.buy-button,.capture-actions>a{width:100%;justify-content:center;min-height:52px}.capture-history{gap:10px;flex-wrap:wrap}.capture-history .capture-method-icon{width:42px;height:42px}.capture-history>strong{font-size:17px}.capture-steps{gap:5px}.capture-steps span{padding:11px 4px;font-size:12px}.capture-source h2{font-size:24px}.capture-totals{padding:16px}.capture-totals>strong{font-size:21px}}
@media print{.capture-methods,.capture-actions,.capture-mic,.capture-upload,.capture-steps{display:none}}
.capture-mic.recording{background:linear-gradient(145deg,#ea4768,#c82149);border-color:#ffe0e8;box-shadow:0 0 0 6px #fce8ef,0 8px 20px #c8214933}.capture-mic.recording:after{content:'Aufnahme läuft';position:absolute;margin-top:165px;color:#a21637;font-size:14px;font-weight:700}.capture-mic{position:relative}.capture-source video{aspect-ratio:4/3}.capture-source input[type=file]:focus-visible{outline:3px solid #2696ff}
.purchasing-root .buy-list-row .buy-list-edit-actions{display:flex;flex:0 0 auto;gap:8px;min-width:0;flex-wrap:wrap;justify-content:flex-end}.buy-list-edit-actions .buy-button{padding:10px 13px;font-size:13px;min-height:42px}
@media(max-width:760px){.purchasing-root .buy-list-row .buy-list-edit-actions{flex:1 0 100%;justify-content:flex-start}.buy-list-edit-actions .buy-button{flex:1}}
@media print{.buy-list-edit-actions{display:none!important}}