:root{--sand: #fdf8f1;--cream: #fffdf9;--ink: #2c2118;--ink-soft: #6b5b4a;--honey: #c8892a;--honey-deep: #a06d1c;--rose: #b4553f;--green: #4a7c59;--line: #e8dcc9;--shadow: 0 1px 2px rgba(44, 33, 24, .06), 0 6px 20px rgba(44, 33, 24, .07);--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font-family:Cairo,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}:root[lang=ar] body{font-size:17px}a{color:var(--honey-deep)}.shell{max-width:1100px;margin-inline:auto;padding-inline:16px;padding-block:0 48px}.topbar{display:flex;align-items:center;gap:16px;padding-block:14px;padding-inline:16px;max-width:1100px;margin-inline:auto;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px;margin:0}.brand-name{font-size:1.35rem;font-weight:700;letter-spacing:.2px}.brand-tag{font-size:.85rem;color:var(--ink-soft);font-weight:400}.topbar nav{display:flex;gap:4px;align-items:center;margin-inline-start:auto;flex-wrap:wrap}.topbar nav a{padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}.topbar nav a:hover{background:#f3e9d9}.topbar nav a.active{background:#f6ecdc;color:var(--honey-deep)}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.lang-switch button{border:0;background:var(--cream);padding:6px 14px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--ink-soft)}.lang-switch button[aria-pressed=true]{background:var(--honey);color:#fff}.basket-pill{display:inline-flex;align-items:center;gap:8px;background:var(--honey);color:#fff;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700}.basket-pill .count{background:#ffffff40;border-radius:999px;padding:0 8px;font-size:.85rem}.card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-block:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-block:20px}.product{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.product-photo{aspect-ratio:4 / 3;width:100%;object-fit:cover;background:#f1e7d6;display:block}.product-photo.placeholder{display:grid;place-items:center;color:var(--ink-soft);font-size:2rem}.product-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.product-name{font-weight:700;font-size:1.05rem}.product-desc{color:var(--ink-soft);font-size:.92rem;flex:1}.product-foot{display:flex;align-items:center;gap:10px;justify-content:space-between}.price{font-weight:700;color:var(--honey-deep);white-space:nowrap}.btn{border:0;background:var(--honey);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;padding:10px 16px;border-radius:10px;cursor:pointer;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--honey-deep)}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:#efe3cf;color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink-soft)}.btn.danger{background:var(--rose)}.btn.small{min-height:36px;padding:6px 12px;font-size:.88rem}.field{display:flex;flex-direction:column;gap:6px;margin-block:12px;flex:1 1 200px}.field label,.field-label{font-weight:600;font-size:.92rem}.field input,.field select,.field textarea{font-family:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-height:44px}.field textarea{min-height:88px;resize:vertical}.field-hint{font-size:.85rem;color:var(--ink-soft)}.row{display:flex;gap:14px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-block:12px}.error,.notice{border-radius:10px;padding:12px 14px;margin-block:12px;border-inline-start:4px solid var(--rose);background:#fdf1ee}.notice{border-inline-start-color:var(--green);background:#eef5ef}.muted{color:var(--ink-soft)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid var(--line);background:#f3e9d9;color:var(--ink-soft)}.badge.SUBMITTED{background:#fdf3e0;color:var(--honey-deep);border-color:#f0dfc0}.badge.APPROVED{background:#eaf3ec;color:var(--green);border-color:#cfe4d5}.badge.ADJUSTED{background:#fdf1ee;color:var(--rose);border-color:#f3d9d2}.badge.CANCELLED{background:#f1eeec;color:var(--ink-soft)}.lines{list-style:none;padding:0;margin:0}.lines li{display:flex;align-items:center;gap:12px;padding-block:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.lines li:last-child{border-bottom:0}.line-name{font-weight:600;flex:1 1 140px}.qty{width:84px}.total{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:700;padding-block:14px}.messages{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}.messages li{padding:10px 12px;border-radius:10px;background:#f6efe3}.messages li.CUSTOMER{background:#eef2f6;margin-inline-start:24px}.messages li .who{font-size:.8rem;font-weight:700;color:var(--ink-soft)}.empty{text-align:center;padding-block:48px;color:var(--ink-soft)}@media (max-width: 560px){.topbar{gap:10px}.brand-tag{display:none}}