@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.saving button,.saving input,.saving select{pointer-events:none;opacity:.65}.signout{display:inline-block;background:#26744f;color:#fff;text-decoration:none;border-radius:7px;padding:10px 15px;font-weight:700;font-size:16px}
:root{--green:#26744f;--dark:#183b2e;--line:#e5e8e5;--muted:#879089}*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#26332e;font:16px Manrope,Arial,sans-serif}button,input,select{font:inherit}button,a,select{cursor:pointer}button{border:1px solid var(--line);background:white;border-radius:7px;padding:10px 15px;color:inherit;font-weight:700}button:hover{border-color:#85aa96;background:#f2f7f3}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#1b5b3c}button:disabled{opacity:.4;cursor:not-allowed}aside{position:fixed;inset:0 auto 0 0;width:236px;background:white;border-right:1px solid var(--line);padding:34px 20px;display:flex;flex-direction:column}.logo{text-decoration:none;color:#263b30;font-size:16px;font-weight:800;letter-spacing:1px;white-space:nowrap}.logo b{font-size:29px;font-style:italic}.logo span{color:#ecaa46;margin:0 5px}.workspace{font-size:14px;letter-spacing:1.4px;color:#9aa19d;margin:30px 8px 20px}.workspace span{background:#f2f4f2;padding:3px;margin-left:9px}nav button{display:flex;align-items:center;text-align:left;gap:13px;width:100%;border:0;margin:5px 0;padding:14px;background:transparent;color:#748079;font-size:16px}nav button.active{background:#eaf3ee;color:var(--green)}nav .ico{font-size:20px;width:22px;font-weight:400}nav em{margin-left:auto;font-style:normal;background:white;padding:2px 6px;border-radius:4px;font-size:14px}.navlabel{margin:30px 14px 10px;color:#9ba29e;font-size:14px;letter-spacing:1.6px}.sidebottom{margin-top:auto}.live{color:#8b957e;font-size:14px;background:#f4f6ef;padding:10px;border-radius:6px}.sidebottom p{font-size:14px;color:#9aa29d;line-height:1.8;margin:12px 5px 24px}.profile{border-width:1px 0 0;border-radius:0;padding:20px 0 0;display:flex;gap:10px;width:100%;text-align:left;align-items:center;font-size:16px}.profile i{font-style:normal;background:#e9efeb;border-radius:50%;padding:10px;color:#53765f}.profile small{display:block;font-weight:400;color:#8c958f;font-size:14px;margin-top:4px}.shell{margin-left:236px}header{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:16px;color:#929b95}header b{padding:0 15px;color:#c7ccc8}header strong{color:#526158;font-weight:500}.headerRight{color:#67756c}.dot{color:#c7ccc8;margin:0 14px}main{padding:36px;min-height:calc(100vh - 125px);max-width:1700px;margin:auto}h1{font-size:34px;letter-spacing:-1px;margin:0 0 9px;font-weight:800}h2{font-size:20px;margin:0}h3{font-size:17px}p.sub{margin:0;color:#8a948e;font-size:16px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:14px;color:#94a399;letter-spacing:1.5px;margin-bottom:10px}.panel{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.searchpanel{padding:25px}.searchbar{display:flex;gap:10px}.searchbox{display:flex;align-items:center;border:1px solid #cdd7cf;border-radius:7px;flex:1;padding:0 16px;gap:13px;background:#fcfdfc}.searchbox input{border:0;outline:none;background:transparent;height:48px;width:100%;font-weight:600;font-size:18px}.searchbar button{min-width:130px}.recent{color:#9aa39d;font-size:14px;margin-top:16px}.recent button{border:0;padding:2px 7px;background:none;color:#657e6e;font-size:14px;text-decoration:underline;text-decoration-color:#ced8d1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric{border:1px solid var(--line);border-radius:9px;background:white;padding:19px 22px;display:flex;align-items:center;gap:15px}.metric .icon{background:#f0f5f1;color:#60896e;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;font-size:24px}.metric small{color:#8c978f;font-size:14px;display:block}.metric b{font-size:24px;display:block;margin-top:3px}.metric .hint{font-size:14px;color:#93a499;margin-left:auto}.sectionhead{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.sectionhead p{margin:6px 0 0;color:#919b94;font-size:14px}.badge{font-size:14px;border-radius:5px;padding:5px 9px;background:#edf5ef;color:#508565;font-weight:600}.badge.orange{background:#fff4e4;color:#b68540}.filters{display:flex;gap:10px;align-items:center;padding:17px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters select,.filters input{border:1px solid var(--line);background:white;border-radius:5px;padding:9px;color:#65786c;font-size:16px}.filters input{width:105px}.spacer{flex:1}.markup{font-size:16px;color:#86938a}.markup input{width:52px;color:var(--green);font-weight:700}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#fafbfa;color:#939c96;font-size:14px;letter-spacing:.3px;font-weight:500;padding:14px 16px}td{padding:19px 16px;border-bottom:1px solid #edf0ed;font-size:16px}td:first-child,th:first-child{padding-left:24px}td small{display:block;color:#a0a8a2;font-size:14px;margin-top:5px}td.brand{font-weight:800}td.price{font-weight:800;font-size:16px}td.sale{font-size:16px;color:var(--green);font-weight:800}.stock{color:#68957a}.supplier{display:flex;gap:8px;align-items:center;font-weight:700}.supplier i{height:26px;width:26px;display:grid;place-items:center;font-style:normal;font-size:14px;border-radius:5px;background:#f1f3f5;color:#657b95}td button.add{background:#eff5f0;color:var(--green);border-color:#deebe1;padding:7px 12px;font-size:17px}.tablewrap{overflow:auto}.best{background:#fcfefc}.notice{padding:13px 24px;font-size:14px;color:#829188;display:flex;gap:9px}.notice span{color:var(--green)}.bottomgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.mini{padding:23px}.mini p{font-size:16px;color:#8b978f;line-height:1.8}.mini .row{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.textbtn{color:var(--green);border:0;padding:4px;background:none;font-size:16px}.pill{background:#f4f6f4;padding:7px 10px;border-radius:5px;color:#77867c;font-size:14px}.empty{padding:45px;text-align:center;color:#8a978e}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{padding:24px}.card p{color:#7a8a80;line-height:1.8}.card button{margin-top:10px}.settings{padding:24px}.field{display:block;margin-bottom:18px;font-size:16px;color:#6c7c71}.field input,.field select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #dce3dd;border-radius:6px;background:#fff;color:#31473a}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}dialog{border:1px solid var(--line);border-radius:13px;padding:28px;width:480px;color:#263c2f;box-shadow:0 20px 90px #152e3030}dialog::backdrop{background:#15281e60;backdrop-filter:blur(3px)}dialog h2{margin-bottom:9px}dialog p{font-size:16px;color:#7f8c83;line-height:1.7}dialog .actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.error{color:#b75445;font-size:16px;min-height:18px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#244f38;color:white;padding:14px 24px;border-radius:8px;display:none;z-index:20;box-shadow:0 5px 20px #0002}footer{border-top:1px solid var(--line);margin:0 36px;padding:17px 0;display:flex;gap:20px;font-size:14px;color:#a3aaa5;letter-spacing:.5px}footer span:last-child{margin-left:auto}.qty{width:60px;padding:8px;border:1px solid var(--line);border-radius:5px}.statusline{font-size:16px;color:#73897b;margin-top:18px}.check{display:flex;gap:10px;margin:20px 0;font-size:16px}@media(max-width:1100px){aside{width:200px}.shell{margin-left:200px}main{padding:24px}.headerRight{display:none}.metrics{gap:10px}.metric{padding:15px}.metric .hint{display:none}.bottomgrid{grid-template-columns:1fr}}@media(max-width:750px){aside{position:relative;width:100%;padding:18px}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}.workspace,.sidebottom,.navlabel{display:none}.shell{margin:0}header{height:50px;padding:0 20px}main{padding:20px}.metrics{grid-template-columns:1fr}.metric{padding:12px}.metric b{font-size:20px}.title{gap:15px}.title button{font-size:14px}h1{font-size:28px}.searchpanel{padding:15px}.searchbar button{min-width:75px}.bottomgrid{display:block}.formgrid{grid-template-columns:1fr}footer{margin:0 20px}footer span{display:none}}

/* Readable type for everyday work with dense offers and forms. */
body{line-height:1.5}
aside{width:284px;overflow-y:auto}
.shell{margin-left:284px}
nav button{gap:10px;padding:12px;line-height:1.4}
.workspace,.navlabel,.eyebrow{letter-spacing:.7px}
.profile small,.sidebottom p,td small,.sectionhead p,.recent,.notice,p.sub,.metric small,.metric .hint{color:#627369}
th{color:#5f7166;font-weight:700}
td{line-height:1.5;padding-top:19px;padding-bottom:19px}
td.price,td.sale{font-size:18px}
.filters input{width:140px}
.filters select,.filters input{min-height:44px}
.qty{width:80px;min-height:44px}
.searchbox{min-width:0}.searchbox input{min-width:0;height:54px}
.searchbar button,button.primary{min-height:44px}
dialog{width:560px;max-width:calc(100vw - 32px);max-height:90vh;overflow-y:auto}
.title,.sectionhead,.mini .row{gap:16px;flex-wrap:wrap}
main [style*="font-size:9px"],main [style*="font-size:10px"],main [style*="font-size:11px"],main [style*="font-size:12px"],dialog [style*="font-size:9px"],dialog [style*="font-size:10px"],dialog [style*="font-size:11px"],dialog [style*="font-size:12px"]{font-size:14px!important}
@media(max-width:1200px){aside{width:260px;padding-left:16px;padding-right:16px}.shell{margin-left:260px}.metrics{grid-template-columns:1fr}.metric{min-width:0}.metric .hint{display:block}.bottomgrid{grid-template-columns:1fr}}
@media(max-width:750px){aside{width:100%;overflow:visible}.shell{margin-left:0}nav button{font-size:16px;flex-shrink:0}.title button{font-size:16px}.metric b{font-size:22px}.filters{padding:16px}.searchbox{padding:0 10px}.recent span{float:none!important;display:block;margin-top:10px}.searchbox>span:last-child{display:none}.mini .row{align-items:flex-start}.sectionhead{padding:20px}}
/* Keep the complete offer visible while retaining readable type. */
.shell,main,.panel,.tablewrap{min-width:0;max-width:100%}
main{width:100%}
table{white-space:normal;table-layout:fixed}
th,td{overflow-wrap:anywhere;vertical-align:top}
.offers-table th,.offers-table td{padding-left:12px;padding-right:12px}
.offers-table th:first-child,.offers-table td:first-child{padding-left:16px}
.offers-table th:last-child,.offers-table td:last-child{padding-left:4px;padding-right:8px}
.offers-table .supplier{flex-wrap:wrap;gap:6px}
.offers-table .supplier i{flex:none}
.offers-table td.price,.offers-table td.sale{font-variant-numeric:tabular-nums}
.offers-table td small{white-space:normal;overflow-wrap:anywhere}
.offers-table button.add{width:36px;min-height:40px;padding:6px}
.sectionhead>div{min-width:0;flex:1 1 400px}
.sectionhead h2{overflow-wrap:anywhere}
@media(max-width:1100px){
.offers-table colgroup,.offers-table thead{display:none}
.offers-table,.offers-table tbody{display:block;width:100%}
.offers-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 20px;padding:20px;border-bottom:1px solid var(--line)}
.offers-table tbody td{display:block;padding:0!important;border:0;min-width:0}
.offers-table td[data-label]::before{content:attr(data-label);display:block;font-size:14px;font-weight:500;color:#627369;margin-bottom:6px}
.offers-table td:nth-child(3),.offers-table td:nth-child(4){grid-column:1/-1}
.offers-table td:last-child{grid-column:1/-1;justify-self:end}
.offers-table td[colspan]{grid-column:1/-1}
.offers-table button.add{width:64px}
}

.field textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border,#dce3df);border-radius:6px;font:inherit;line-height:1.5;resize:vertical;min-height:100px;background:#fff;color:inherit}