/* Shared UI layer. Logical spacing supports the later Arabic/RTL phase. */
:root{--paper:#fffefb;--sand:#f5f4ef;--sand-3:#dfE3da;--ink-3:#58645f}
body{line-height:1.6}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b77739;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.sheet{max-width:1220px;margin-inline:auto}.bar{gap:20px}.lede{max-width:60ch}.card{border-radius:18px;box-shadow:0 3px 12px #16362a03}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.65;cursor:not-allowed}.role-pill{display:inline-flex;align-self:start;width:fit-content;border:1px solid #ceddd2;background:#edf4ee;color:#254e3c;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.workspace-switch{margin:0 20px 18px;color:#b9ccc5;font-size:10px;font-weight:800;letter-spacing:.12em}.workspace-note{padding:22px 26px;border:1px solid var(--sand-3);border-radius:18px;background:#edf2eb;margin-block:24px}.workspace-note p{margin-top:5px;color:var(--ink-2)}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:24px}.admin-tile{position:relative;display:flex;flex-direction:column;gap:14px;text-decoration:none;background:var(--paper);border:1px solid var(--sand-3);border-radius:20px;padding:28px;min-height:225px;transition:border-color .15s,transform .15s}.admin-tile:hover{border-color:var(--cyprus);transform:translateY(-2px)}.admin-tile h2{font-size:22px}.admin-tile p{font-size:14px;color:var(--ink-2);max-width:29ch}.tile-arrow{margin-top:auto;align-self:end;font-size:24px}.permission-list{padding-inline-start:20px;font-size:14px}.table-wrap{overflow:auto}th{text-align:start}td{vertical-align:middle}.search-bar{display:flex;align-items:end;gap:12px;margin-block:24px}.search-bar label{flex:1;max-width:500px}.empty-message{padding:28px;text-align:center;color:var(--ink-2)}.onboarding{padding:24px;background:#fffefb;border:1px solid var(--sand-3);border-radius:20px;margin-block:24px}.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.journey-step{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid var(--sand-3);border-radius:14px;color:var(--ink);text-decoration:none;font-size:13px}.journey-step>span:not(.step-number){color:var(--ink-2)}.journey-step small{margin-top:auto;color:var(--cyprus);font-weight:700}.step-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edece4;font-weight:800}.complete .step-number{background:#dbeadd;color:#1f523f}.buyer-area .plain{max-width:none;padding:30px 24px}.buyer-area .plain>div{width:100%;max-width:1000px}.buyer-area .sheet{padding:32px 0}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.checkout-product{padding:34px;background:#e9eee5;border-radius:24px}.product-icon{width:64px;height:74px;background:white;border:1px solid #cdd8ca;border-radius:12px;display:grid;place-items:center;font-size:28px;margin-bottom:26px}.checkout-product h1{font-size:32px;margin-block:12px}.checkout-price{font-size:32px;font-weight:800;margin-block:24px}.checkout-steps{display:flex;gap:14px;list-style:none;padding:0;margin-block:0 30px;color:var(--ink-2);font-size:12px}.checkout-steps .current{color:var(--cyprus);font-weight:800}.checkout-form h2{font-size:24px;margin-bottom:10px}.checkout-form .card{padding:24px}.checkout-form .grid{gap:18px}.checkout-form input{min-height:48px}.checkout-trust{font-size:12px;color:var(--ink-2);margin-top:18px}.payment-choice{display:flex;align-items:center;gap:12px;border:1px solid var(--sand-3);padding:13px;border-radius:12px;background:white}.payment-choice:has(input:checked){border-color:var(--cyprus);background:#edf4ef}.payment-choice input{accent-color:var(--cyprus);width:18px;height:18px;min-height:0}.payment-methods{border:0;padding:0;margin:0;display:grid;gap:9px}.payment-methods legend{font-weight:700;margin-bottom:10px}.checkout-help{margin-top:22px;font-size:13px}.success-mark{display:grid;place-items:center;background:#dfeddf;color:var(--cyprus);border-radius:50%;width:52px;height:52px;font-size:28px}.admin-area .rail{background:#102e29}.admin-area .sheet{padding-top:40px}
@media(max-width:1000px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.admin-grid,.checkout-layout{grid-template-columns:1fr}.admin-tile{min-height:185px;padding:22px}.checkout-layout{gap:24px}.checkout-product{padding:24px}.checkout-product h1{font-size:27px}.product-icon{display:none}.checkout-price{margin-block:14px}.buyer-area .plain{padding:20px 16px}.checkout-steps{gap:8px;font-size:11px}.onboarding{padding:18px}.journey-grid{grid-template-columns:1fr}.search-bar{align-items:stretch;flex-direction:column}.admin-area .sheet{padding-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.admin-tile:hover{transform:none}}

.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--cyprus)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#railtoggle.visually-hidden{display:block}#railtoggle:focus-visible~.work .burger{outline:3px solid #d9eb9e;outline-offset:3px}@media(max-width:900px){.rail{visibility:hidden}#railtoggle:checked~.rail{visibility:visible}}

.builder-nav{display:flex;flex-wrap:wrap;gap:8px;margin-block:22px}.builder-nav a{background:#fffefb;border:1px solid var(--sand-3);border-radius:30px;padding:8px 14px;text-decoration:none;font-size:13px;font-weight:700}.step[id]{scroll-margin-top:75px}.post-catalogue{max-height:400px;overflow:auto;padding:6px;overscroll-behavior:contain}.post-catalogue:focus-visible{outline:2px solid var(--cyprus)}

/* Checkout owns its width; the compact authentication shell must not constrain it. */
.buyer-area .plain{display:block;min-height:calc(100vh - 90px);padding:48px 32px}.buyer-area .plain>div{max-width:1040px;margin-inline:auto}.buyer-area .plain .sheet{max-width:1040px;padding:32px 0 48px}.buyer-area .plain .mark{margin-bottom:32px}.checkout-layout{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:48px}.checkout-product h1{font-size:clamp(26px,3vw,36px);line-height:1.18;overflow-wrap:anywhere}.checkout-product .fine,.checkout-product p{overflow-wrap:anywhere}.checkout-form{min-width:0}.checkout-form .card{padding:28px}.checkout-form input{min-width:0;font-size:16px}.checkout-form .btn{width:100%;white-space:normal}.checkout-product{padding:32px}.checkout-steps{margin-bottom:26px}.checkout-form h2{font-size:28px;line-height:1.25}.buyer-area footer{max-width:1040px;margin-inline:auto;padding:24px 32px}
@media(max-width:760px){.buyer-area .plain{padding:24px 20px}.buyer-area .plain .sheet{padding-top:16px}.checkout-layout{grid-template-columns:1fr;gap:28px}.checkout-product{padding:24px}.checkout-product h1{font-size:28px}.checkout-price{margin-block:16px}.product-icon{display:none}.checkout-form .card{padding:24px}.buyer-area .plain .mark{margin-bottom:20px}}
/* Consistent forms and content throughout the authenticated workspace. */
.merchant-area .sheet,.admin-area .sheet{gap:24px}.card input,.card select,.card textarea{max-width:100%}.card,.note,.stat{min-width:0}.grid>*{min-width:0}.note{overflow-wrap:anywhere}.table-wrap{max-width:100%;border-radius:14px}table th{font-size:11px;letter-spacing:.07em;text-transform:uppercase}table td{padding-block:16px}.empty{padding:40px 24px}.bar h1{line-height:1.2}.btn.ghost{background:transparent}.plain .sheet{gap:22px}.plain .card{padding:28px}.plain h1{line-height:1.2}
@media(max-width:650px){.sheet{padding-inline:18px}.bar{align-items:flex-start;flex-wrap:wrap}.bar .btn{max-width:100%}.card{padding:20px}.grid.two,.grid.three,.grid.four{grid-template-columns:minmax(0,1fr)}.table-wrap table{min-width:560px}.plain .card{padding:24px}}

.legal-area .plain{display:block;padding:40px 24px}.legal-area .plain>div{max-width:820px;margin-inline:auto}.legal-area .plain .sheet{max-width:820px}.legal-area .card{padding:28px}.legal-area p{line-height:1.75}