@font-face{font-family:AppArabic;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f5f4ee;color:#172622;font-family:AppArabic,'Tahoma',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:12px;padding:12px 19px;background:#172622;color:white;font-weight:650;min-height:44px}button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#eeeee6;color:#263a31;border:1px solid #d5dbd2}button.orange{background:#e97021;color:white}button.danger{background:#9c3631}a{color:#276047}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-left:1px solid #dde2d9;padding:25px 20px;display:flex;flex-direction:column;gap:12px}.logo{width:100%;height:116px;object-fit:contain}.brandline{text-align:center;font-size:11px;color:#667168;margin-bottom:24px}.nav{display:grid;gap:7px}.nav button{text-align:right;background:transparent;color:#657367;padding:14px}.nav button.active{background:#e8efe7;color:#172622}.sidebottom{margin-top:auto;border-top:1px solid #eee;padding-top:18px}.content{padding:35px clamp(20px,4vw,60px);max-width:1600px;width:100%;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:#7c8b7d;font-weight:700}h1{font-size:29px;line-height:1.5;margin:5px 0 4px}h2{font-size:22px;margin:0 0 18px}h3{margin:0 0 8px}.subtle{color:#718071;font-size:13px;line-height:1.9}.sync{font-size:12px;line-height:1.8;border:1px solid #d9dfd5;background:#fff;padding:8px 13px;border-radius:24px;max-width:320px}.sync:before{content:'●';color:#e97021;margin-left:8px}.panel{background:#fff;border:1px solid #dde3d9;border-radius:20px;padding:26px;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{background:#fff;border:1px solid #dde3d9;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:13px}.card h3{direction:ltr;text-align:right;font-size:18px}.card .secondary{margin-top:auto}.chip{font-size:11px;border-radius:7px;padding:5px 8px;background:#f3eee2;color:#796237;width:fit-content}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.field{display:grid;gap:8px;margin-bottom:17px;min-width:0}.field label{font-size:13px;font-weight:600}input,select,textarea{width:100%;border:1px solid #d0d9ce;background:#fff;border-radius:10px;padding:12px;color:#203126;min-height:46px}input[type=number]{direction:ltr;text-align:right}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#d97734;outline:2px solid #ffe7d5}label small{font-weight:400;color:#7c837c}.calculator{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(320px,1.3fr);gap:24px}.result{background:#172622;color:#fff;border-radius:20px;padding:30px;min-height:320px}.result .subtle{color:#b2c2b7}.big{font-size:52px;letter-spacing:-2px;margin:12px 0}.big small{font-size:15px;letter-spacing:0;color:#c2d0c7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.metric{border-top:1px solid #496051;padding-top:13px}.metric strong{display:block;font-size:23px;margin-bottom:7px}.metric span{font-size:12px;color:#b8cbbd}.note{background:#fff6e9;border:1px solid #f0d7b4;border-radius:10px;padding:13px;line-height:1.8;font-size:13px;margin:16px 0}.empty{padding:35px;color:#798574;text-align:center}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:right;padding:14px;border-bottom:1px solid #e5e9e2;white-space:nowrap}th{font-size:12px;color:#74836f;background:#f9faf6}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.detailgrid p{border-bottom:1px solid #e4e8df;padding-bottom:12px}.detailgrid small{display:block;color:#78846f;margin-bottom:8px}.notes{white-space:pre-wrap;overflow-wrap:anywhere}.login{max-width:430px;margin:8vh auto;padding:35px;background:#fff;border:1px solid #dfe5dc;border-radius:24px}.login .logo{height:130px}.login h1{text-align:center;font-size:23px;margin:18px 0}.login button{width:100%;margin-top:8px}dialog{border:1px solid #d9dfd4;border-radius:22px;max-width:760px;width:calc(100% - 32px);padding:28px;max-height:90vh}dialog::backdrop{background:#12241880;backdrop-filter:blur(4px)}dialog .actions{position:sticky;bottom:-28px;background:white;padding:18px 0;display:flex;gap:10px;margin-top:18px}#toast{position:fixed;bottom:25px;left:25px;max-width:420px;background:#263c2c;color:white;padding:14px 22px;border-radius:13px;display:none;z-index:20;box-shadow:0 8px 40px #0003}.error{background:#fae9e5;color:#a34135;padding:10px;border-radius:9px;margin:12px 0}.additive{border:1px solid #e2e6dc;padding:16px;border-radius:12px;margin:14px 0}.toolbar{margin:0 0 22px;display:flex;gap:12px;justify-content:space-between}.toolbar input{max-width:400px}.account{font-size:13px;line-height:1.8}.progress{width:100%;height:4px;background:#e3e9e0}.progress i{display:block;height:100%;background:#ed792b;width:35%}@media(max-width:950px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:18px 10px}.calculator{grid-template-columns:1fr}.content{padding:25px}.logo{height:95px}}@media(max-width:650px){.shell{display:block}.sidebar{height:auto;position:sticky;top:0;padding:8px 12px;z-index:5;border-bottom:1px solid #dbe2d5;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.sidebar>.logo{width:104px;height:53px}.brandline,.sidebottom{display:none}.nav{display:flex;overflow-x:auto;width:100%;gap:3px;order:2}.nav button{font-size:12px;white-space:nowrap;padding:9px 11px;min-height:40px}.content{padding:23px 16px}.topline{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:20px}h1{font-size:25px}.panel{padding:19px}.result{padding:24px}.grid{grid-template-columns:1fr}.metrics{gap:15px}.detailgrid{grid-template-columns:1fr 1fr;font-size:13px}.login{margin:4vh 16px;padding:27px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}dialog{padding:20px}.big{font-size:44px}.sync{font-size:11px}.cards{grid-template-columns:1fr}.accountmobile{position:absolute;left:15px;top:19px;font-size:12px}.toolbar button{flex:1}}

/* Product photos are part of the product definition, never a remote image URL. */
.product-photo{display:block;width:100%;height:150px;object-fit:contain;background:#f1f6f8;border-radius:14px;margin:0 0 16px}
.order-input-panel{position:relative;min-width:0}.order-input-panel>h2{padding-left:88px}.order-product-photo{position:absolute;top:20px;left:20px;width:76px;height:76px;object-fit:contain;background:#f4f7f8;border:1px solid #dbe6eb;border-radius:12px}
.product-photo-editor{padding:14px;border:1px solid #dbe6eb;border-radius:14px;margin:12px 0}.product-photo-editor .product-photo{height:160px}.product-photo-editor input[type=file]{max-width:100%}