/* Shipping components inherit the existing Abayti typography and direction. */
.ab-asyad-workspace,.ab-asyad-customer{--as-ink:#29251f;--as-muted:#71665a;--as-bronze:#87683f;--as-line:#ded3c3;--as-paper:#f6f2ea;--as-white:#fffdf9;color:var(--as-ink);line-height:1.85;overflow-wrap:anywhere;min-width:0}
.ab-asyad-workspace *,.ab-asyad-customer *{box-sizing:border-box}
.ab-asyad-workspace :is(h2,h3,p),.ab-asyad-customer :is(h2,h3,p){margin-block:0 14px}
.ab-asyad-workspace :is(h2,h3),.ab-asyad-customer :is(h2,h3){font-family:inherit;color:var(--as-ink);line-height:1.55;letter-spacing:normal}
.ab-asyad-workspace h2,.ab-asyad-customer h2{font-size:clamp(21px,2.4vw,29px)}
.ab-asyad-workspace h3{font-size:18px}
.ab-asyad-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:28px;align-items:center;padding:clamp(24px,3.4vw,40px);margin-block-end:26px;border:1px solid var(--as-line);border-radius:22px;background:linear-gradient(120deg,#fffdf9,#eee5d6);box-shadow:0 14px 38px #29251f07}
.ab-asyad-hero h2{margin-block:8px 10px;font-size:clamp(25px,3vw,36px)}
.ab-asyad-hero p{color:var(--as-muted);max-width:65ch;margin:0}
.ab-asyad-eyebrow{display:block;color:var(--as-bronze);font-size:12px;font-weight:600;letter-spacing:.035em;line-height:1.8;margin-block-end:5px}
.ab-asyad-environment{display:grid;gap:12px;justify-items:start;color:var(--as-muted);font-size:13px}
.ab-asyad-pill{display:inline-flex;align-items:center;max-width:100%;min-height:32px;padding:5px 12px;border:1px solid var(--as-line);border-radius:999px;background:#f1e9dc;color:#685132;font-size:12px;font-weight:600;line-height:1.8;text-align:start}
.ab-asyad-search{display:flex;gap:14px;align-items:end;margin-block:0 24px;max-width:650px}
.ab-asyad-search .ab-asyad-field{flex:1}
.ab-asyad-order-list{display:grid;gap:12px}
.ab-asyad-order-row{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;border:1px solid var(--as-line);border-radius:16px;background:var(--as-white)}
.ab-asyad-order-row h3{margin-block:4px;font-size:17px}
.ab-asyad-order-row p{margin:0;color:var(--as-muted);font-size:13px}
.ab-asyad-row-state{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.ab-asyad-panel,.ab-asyad-customer{border:1px solid var(--as-line);border-radius:20px;background:var(--as-white);padding:clamp(22px,3vw,34px);margin-block:24px}
.ab-asyad-panel-head,.ab-asyad-tracking-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-block-end:20px}
.ab-asyad-panel-head h2{margin:0}
.ab-asyad-context,.ab-asyad-help,.ab-asyad-footnote{color:var(--as-muted);font-size:13px;line-height:1.85}
.ab-asyad-footnote{margin-block:24px 0}
.ab-asyad-form{margin-block:14px 20px}
.ab-asyad-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block-end:20px}
.ab-asyad-field{display:grid;gap:8px;min-width:0;color:var(--as-ink);font-size:14px;font-weight:500}
.ab-asyad-field :is(input,select,textarea){display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;height:auto;padding:11px 14px;border:1px solid #cdbda7;border-radius:11px;background:#fffefb;color:var(--as-ink);font:inherit;line-height:1.7;box-shadow:none;outline-offset:3px}
.ab-asyad-field textarea{resize:vertical;min-height:100px}
.ab-asyad-field select{padding-inline-end:38px;white-space:normal;appearance:auto}
.ab-asyad-field-wide{grid-column:1/-1}
.ab-asyad-field :is(input,select,textarea):focus-visible,.ab-asyad-button:focus-visible,.ab-asyad-textlink:focus-visible,.ab-asyad-disclosure summary:focus-visible,.ab-asyad-child-list a:focus-visible{outline:3px solid #b38d58;outline-offset:3px}
.ab-asyad-workspace .ab-asyad-button,.ab-asyad-customer .ab-asyad-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;height:auto;max-width:100%;padding:11px 20px;border:1px solid var(--as-ink);border-radius:12px;background:var(--as-ink);color:#fffaf2;font:inherit;font-size:14px;font-weight:600;line-height:1.8;text-decoration:none;text-align:center;white-space:normal;cursor:pointer;box-shadow:0 3px 9px #29251f0c;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.ab-asyad-workspace .ab-asyad-button:hover,.ab-asyad-customer .ab-asyad-button:hover{background:#6e5333;border-color:#6e5333;color:#fffaf2;box-shadow:0 5px 14px #29251f12}
.ab-asyad-workspace .ab-asyad-button.is-secondary,.ab-asyad-customer .ab-asyad-button.is-secondary{background:#fffdf9;color:var(--as-ink);border-color:#cdbda7;box-shadow:none}
.ab-asyad-workspace .ab-asyad-button.is-secondary:hover,.ab-asyad-customer .ab-asyad-button.is-secondary:hover{background:#f1e9dc;border-color:var(--as-bronze)}
.ab-asyad-workspace .ab-asyad-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.ab-asyad-confirm{display:flex;gap:12px;align-items:start;max-width:80ch;font-size:13px;line-height:1.9;margin-block:18px}
.ab-asyad-confirm input{appearance:auto;flex:0 0 18px;width:18px;height:18px;margin:4px 0 0;accent-color:var(--as-bronze)}
.ab-asyad-readiness,.ab-asyad-notice{padding:20px 22px;border:1px solid #ddc89f;border-radius:14px;background:#faf4e7;margin-block:20px}
.ab-asyad-readiness h3{font-size:16px}
.ab-asyad-readiness ul{padding-inline-start:22px;margin-block:6px 0}
.ab-asyad-readiness li{padding-inline-start:3px;margin-block:6px;font-size:13px;line-height:1.9}
.ab-asyad-notice strong{display:block;font-size:15px;margin-block-end:7px}
.ab-asyad-notice p{font-size:13px;margin:0}
.ab-asyad-notice.is-success{background:#eef5ef;border-color:#bfcebf;color:#31513b}
.ab-asyad-notice.is-error{background:#fbefeb;border-color:#dfb8ab;color:#763f30}
.ab-asyad-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:start}
.ab-asyad-actions>.ab-asyad-form{margin:0 0 12px}
.ab-asyad-disclosure{flex:1 1 260px;min-width:0;border:1px solid var(--as-line);border-radius:12px;padding:14px 18px;margin-block:10px}
.ab-asyad-disclosure summary{cursor:pointer;font-weight:600;font-size:13px;line-height:1.9}
.ab-asyad-disclosure[open] summary{margin-block-end:15px}
.ab-asyad-divider{height:1px;background:var(--as-line);margin-block:26px}
.ab-asyad-tracking{padding:22px;border:1px solid var(--as-line);border-radius:15px;background:var(--as-paper);margin-block:16px 22px;min-width:0}
.ab-asyad-awb{display:block;font-family:inherit;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.7;letter-spacing:.04em;overflow-wrap:anywhere;text-align:start}
.ab-asyad-timeline{list-style:none;margin:22px 0 0;padding:0}
.ab-asyad-timeline li{position:relative;padding-inline-start:24px;padding-block:0 22px;border-inline-start:1px solid #cfbda0;font-size:13px}
.ab-asyad-timeline li:before{content:"";position:absolute;inset-inline-start:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--as-bronze);box-shadow:0 0 0 4px var(--as-paper)}
.ab-asyad-timeline li:last-child{padding-block-end:0;border-color:transparent}
.ab-asyad-timeline strong,.ab-asyad-event-time{display:block}
.ab-asyad-event-time{color:var(--as-muted);font-size:12px;margin-block:4px}
.ab-asyad-timeline p{margin-block:7px 0;color:var(--as-muted);font-size:12px}
.ab-asyad-child-list{display:grid;gap:10px;margin-block-start:20px}
.ab-asyad-child-list a{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--as-line);border-radius:12px;color:var(--as-ink);text-decoration:none;font-size:13px;line-height:1.8}
.ab-asyad-child-list a:hover{background:var(--as-paper);border-color:var(--as-bronze)}
.ab-asyad-empty{padding:clamp(30px,5vw,60px);text-align:center;background:var(--as-white);border:1px solid var(--as-line);border-radius:20px}
.ab-asyad-empty p{color:var(--as-muted);max-width:60ch;margin-inline:auto}
.ab-asyad-textlink{color:var(--as-bronze);text-decoration:underline;text-underline-offset:4px;font-size:14px}
.ab-asyad-vendor-setup .ab-asyad-panel-head{margin-block-end:12px}
.ab-asyad-vendor-select{display:flex;align-items:end;gap:16px;max-width:780px}
.ab-asyad-vendor-select .ab-asyad-field{flex:1}
.ab-asyad-origin-editor{border-block-start:1px solid var(--as-line);padding-block-start:26px;margin-block-start:26px}
.ab-asyad-origin-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-block-start:18px;font-size:12px;color:var(--as-muted)}
@media(max-width:760px){.ab-asyad-hero{grid-template-columns:1fr;gap:22px}.ab-asyad-row-state{justify-content:flex-start;flex-shrink:1}.ab-asyad-order-row{align-items:start;flex-direction:column;gap:18px}.ab-asyad-panel-head,.ab-asyad-tracking-head{flex-direction:column;gap:14px}.ab-asyad-fields{gap:16px}.ab-asyad-panel,.ab-asyad-customer{border-radius:16px}}
@media(max-width:480px){.ab-asyad-fields{grid-template-columns:1fr}.ab-asyad-search{align-items:stretch;flex-direction:column}.ab-asyad-actions{display:block}.ab-asyad-workspace .ab-asyad-button,.ab-asyad-customer .ab-asyad-button{width:100%}.ab-asyad-row-state{width:100%;align-items:stretch;flex-direction:column}.ab-asyad-tracking{padding:18px}.ab-asyad-panel,.ab-asyad-customer{padding:20px}.ab-asyad-disclosure{padding:14px}.ab-asyad-hero{border-radius:17px}}
@media(max-width:600px){.ab-asyad-vendor-select{align-items:stretch;flex-direction:column}.ab-asyad-origin-pagination{gap:12px}.ab-asyad-origin-editor{padding-block-start:20px;margin-block-start:20px}}
@media(prefers-reduced-motion:reduce){.ab-asyad-workspace .ab-asyad-button,.ab-asyad-customer .ab-asyad-button{transition:none}}