:root{--paper:#f7f5ef;--panel:#fffdfa;--pine:#23312c;--sage:#5c7365;--ink:#25302b;--muted:#526459;--line:#cbd4ca;--error:#9d3232;--display:'Cormorant Garamond',Georgia,serif;--body:'DM Sans',Arial,sans-serif}
:root{--sage:#526b5a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
[hidden]{display:none!important}
::selection{background:#cfdfd2;color:var(--pine)}
:focus-visible{outline:3px solid #54775f;outline-offset:3px}
.skip-link{position:absolute;top:-80px;left:18px;z-index:100;background:#fff;padding:10px 15px}
.skip-link:focus{top:18px}
.admin-header{height:78px;display:flex;align-items:center;gap:20px;padding:0 clamp(22px,4vw,64px);border-bottom:1px solid var(--line);background:var(--paper)}
.brand{font:600 34px/.9 var(--display);letter-spacing:-.04em;white-space:nowrap}
.brand span{font-weight:500}
.header-divider{height:27px;width:1px;background:var(--line)}
.header-label{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sage)}
.view-site{margin-left:auto;font-size:13px;font-weight:700;border-bottom:1px solid var(--pine);padding:6px 0;white-space:nowrap}
.view-site span{margin-left:10px;font-size:17px;font-weight:400}
.gateway{max-width:610px;margin:min(12vh,110px) auto 80px;padding:0 24px}
.gateway h1,.sidebar h1{font:500 clamp(50px,6vw,80px)/.9 var(--display);letter-spacing:-.03em;color:var(--pine);margin:13px 0 22px}
.gateway h1 em,.sidebar h1 em{font-weight:400;color:var(--sage)}
.gateway>p:not(.eyebrow){max-width:540px;font-size:15px;line-height:1.75;color:var(--muted)}
.gateway code{font-size:.86em;background:#e6ece5;padding:2px 5px;overflow-wrap:anywhere}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--sage);margin:0;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--pine);padding:11px 18px;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.button.primary{background:var(--pine);color:#fff}
.button.primary:hover{background:#3b5445}
.button.quiet{background:transparent;color:var(--pine)}
.button.quiet:hover{background:#e8eee7}
.login-form{display:grid;gap:9px;margin-top:31px}
.login-form .button{margin-top:13px}
label{font-size:13px;font-weight:700}
input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;min-height:46px;border:1px solid #aebbad;border-radius:0;background:#fff;color:var(--pine);padding:11px 13px;outline-offset:2px}
textarea{resize:vertical;min-height:80px}
input[type=file]{width:100%;border:1px dashed #aebbad;padding:12px;background:#f5f7f2;color:var(--muted);font-size:13px}
input[type=file]::file-selector-button{border:1px solid var(--pine);background:#fff;color:var(--pine);padding:8px 12px;margin-right:10px;font-weight:700;cursor:pointer}
input::placeholder,textarea::placeholder{color:#68796d}
.form-message{min-height:22px;margin:12px 0 0;font-size:13px;font-weight:600;color:var(--sage)}
.form-message.error{color:var(--error)}
.workspace{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);min-height:calc(100dvh - 78px)}
.sidebar{position:sticky;top:0;height:calc(100dvh - 78px);display:flex;flex-direction:column;justify-content:space-between;background:#e8eee8;border-right:1px solid var(--line);padding:43px 25px 30px}
.sidebar h1{font-size:50px;max-width:210px;margin:17px 0}
.sidebar-copy{font-size:13px;line-height:1.6;color:var(--muted);max-width:190px}
.section-nav{display:grid;gap:4px;margin:35px -25px auto}
.section-tab{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;border:0;border-left:3px solid transparent;background:none;padding:12px 25px;text-align:left;font-size:14px;font-weight:700;color:var(--pine)}
.section-tab:hover{background:#dce6db}
.section-tab.active{border-left-color:var(--pine);background:#d8e3d7}
.section-tab span{font-size:12px;opacity:.75}
.sidebar-footer{display:grid;gap:11px;padding-top:18px;border-top:1px solid #bdc9bc;font-size:12px;overflow-wrap:anywhere}
.sidebar-footer button{justify-self:start;border:0;background:none;padding:7px 0;color:var(--pine);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.workspace-main{min-width:0;padding:47px clamp(22px,4vw,66px) 85px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:35px}
.section-heading h2{font:500 clamp(48px,5vw,70px)/.95 var(--display);letter-spacing:-.025em;color:var(--pine);margin:11px 0 9px}
.section-heading p:last-child{font-size:14px;color:var(--muted);margin:0;max-width:600px}
.section-heading .button{white-space:nowrap;margin-bottom:3px}
.product-editor-layout{display:grid;grid-template-columns:minmax(235px,305px) minmax(0,1fr);gap:20px;align-items:start}
.inventory-panel,.editor-panel,.banner-form{background:var(--panel);border:1px solid var(--line)}
.inventory-panel{padding:19px;max-height:calc(100dvh - 220px);overflow:auto}
.inventory-panel label{display:block;margin-bottom:8px}
.inventory-list{display:grid;gap:4px;margin-top:19px}
.inventory-item{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:65px;padding:7px;border:1px solid transparent;background:none;text-align:left;color:var(--pine)}
.inventory-item:hover{background:#edf2ea}
.inventory-item.active{border-color:#9dad9c;background:#e9efe7}
.inventory-item img{width:50px;height:50px;object-fit:contain;background:#e7ece5}
.inventory-item strong{display:block;font-size:13px;line-height:1.25}
.inventory-item small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:4px}
.inventory-empty{font-size:13px;color:var(--muted)}
.editor-panel{padding:26px clamp(18px,2.5vw,35px) 34px}
.editor-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:22px}
.editor-heading h3{font:500 34px/1 var(--display);color:var(--pine);margin:8px 0 0}
.editor-pill{border:1px solid var(--line);padding:6px 9px;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.editor-empty{padding:42px 0;color:var(--muted);font-size:14px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}
.field{display:grid;align-content:start;gap:7px;min-width:0}
.field.wide{grid-column:1/-1}
.field small{font-size:12px;line-height:1.4;color:var(--muted)}
.image-preview{display:grid;place-items:center;min-height:165px;margin:20px 0;background:#e9eee8;border:1px solid var(--line);color:var(--muted);font-size:12px;overflow:hidden}
.image-preview img{width:100%;height:190px;object-fit:contain}
.toggle-group{display:flex;flex-wrap:wrap;gap:19px;border-top:1px solid var(--line);padding-top:21px}
.toggle-group label,.single-toggle{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}
input[type=checkbox]{width:19px;height:19px;accent-color:var(--pine)}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.banner-tabs{display:flex;gap:8px;margin-bottom:20px}
.banner-tabs button{min-height:44px;border:1px solid var(--line);background:transparent;padding:10px 16px;color:var(--pine);font-size:13px;font-weight:700}
.banner-tabs button.active{background:var(--pine);color:#fff;border-color:var(--pine)}
.banner-form{max-width:820px;padding:28px clamp(18px,3vw,38px) 35px}
.banner-preview{min-height:250px}
.banner-preview img{height:290px;object-fit:cover}
.single-toggle{border-top:1px solid var(--line);padding-top:20px}
.operations-layout{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:20px;align-items:start}
.operations-card{min-width:0;background:var(--panel);border:1px solid var(--line);padding:25px}
.operations-card h3{font:500 34px/1 var(--display);margin:4px 0 20px;color:var(--pine)}
.stock-figure{font:500 37px/1 var(--display);color:var(--pine);margin:21px 0;padding:0 0 19px;border-bottom:1px solid var(--line)}
.availability-note{display:block;color:var(--sage);font-size:13px;margin-top:5px}
.stock-list,.orders-list{max-height:560px;overflow:auto}
.stock-row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.stock-row strong{white-space:nowrap;color:var(--sage)}
.stock-row strong.stock-low{color:var(--error)}
.order-row{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}
.order-row>div{display:flex;justify-content:space-between;gap:12px}
.order-row time{color:var(--muted);white-space:nowrap;font-size:12px}
.order-row p{margin:5px 0;color:var(--muted)}
.order-row b{color:var(--pine)}
.operations-empty{font-size:13px;color:var(--muted)}
.packaging-card{max-width:none;margin-top:0}
.stock-overview{margin-top:20px}
.stock-overview .stock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;max-height:330px}
.stock-figure.is-empty{font:600 15px/1.4 var(--body);color:var(--muted);padding-bottom:14px}
.section-heading.compact{margin-bottom:24px}
.section-heading.compact h3{font:500 36px/1 var(--display);margin:0 0 8px}
.section-heading.compact p{font-size:13px;color:var(--muted);margin:0}
.order-calculation{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding:16px;border:1px solid var(--line);background:#e8eee8;font-size:14px}
.order-calculation strong{color:var(--pine)}
.history-heading{border-top:1px solid var(--line);padding-top:24px;margin-top:26px!important}
.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.order-status{font-size:11px;font-weight:700;color:var(--sage)}
.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.order-actions button{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--pine);padding:10px 13px;font-size:12px;font-weight:700}
.order-actions button:hover{background:#e8eee8}
.order-actions button[data-action=delete]{color:var(--error)}
@media(max-width:1100px){.operations-layout{grid-template-columns:minmax(0,1fr)}.operations-card{max-width:none}}
@media(max-width:700px){.workspace{grid-template-columns:minmax(0,1fr)}.sidebar,.workspace-main,.admin-section,.operations-layout,.operations-card,.form-grid{min-width:0}.operations-card{padding:20px 17px}.section-nav{overflow-x:auto;min-width:0}.section-tab{white-space:nowrap;flex:none}.section-tab span{display:none}.stock-overview .stock-list{grid-template-columns:1fr}.order-row>div{display:grid;gap:2px}}
@media(min-width:370px) and (max-width:700px){.section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.section-tab{width:100%;justify-content:center;padding:13px 4px;font-size:12px}}
@media(max-width:1180px){.product-editor-layout{grid-template-columns:240px minmax(0,1fr)}.workspace-main{padding-left:28px;padding-right:28px}.sidebar{padding-left:20px;padding-right:20px}.section-nav{margin-left:-20px;margin-right:-20px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:24px 24px 0}.sidebar>div:first-child{display:none}.section-nav{display:flex;gap:4px;margin:0 -24px}.section-tab{width:auto;border-left:0;border-bottom:3px solid transparent;padding:13px 24px;gap:13px}.section-tab.active{border-bottom-color:var(--pine)}.sidebar-footer{position:absolute;right:24px;top:88px;border:0;padding:0}.sidebar-footer #account-email{display:none}.workspace-main{padding:38px 24px 70px}.product-editor-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}}
@media(max-width:700px){.admin-header{height:67px;padding:0 17px;gap:10px}.brand{font-size:29px}.header-divider,.header-label{display:none}.view-site{font-size:12px}.workspace{min-height:calc(100dvh - 67px)}.sidebar-footer{top:73px;right:17px}.section-nav{margin:0 -17px}.section-tab{padding:13px 17px}.workspace-main{padding:40px 17px 65px}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading h2{font-size:53px}.product-editor-layout{grid-template-columns:1fr}.inventory-panel{max-height:270px}.inventory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.inventory-item{grid-template-columns:42px minmax(0,1fr);gap:7px}.inventory-item img{width:42px;height:42px}.editor-panel{padding:22px 17px 30px}.form-grid{grid-template-columns:1fr;gap:17px}.field.wide{grid-column:auto}.banner-form{padding:21px 17px 29px}.banner-tabs{overflow-x:auto}.banner-tabs button{white-space:nowrap}.gateway{margin:70px auto}.gateway h1{font-size:57px}}
@media(max-width:390px){.inventory-list{grid-template-columns:1fr}.section-tab{padding:12px;font-size:12px}.view-site span{display:none}}
