/* Harness message hierarchy; visible fictional order records with clear next actions. */
.agent-access{border-top:1px solid var(--line);background:var(--paper)}
.agent-access .aa-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:center}
.agent-access .aa-overview h2{max-width:17ch}
.agent-access .aa-overview>p{font-size:20px;color:var(--muted);max-width:35ch;margin-top:24px}
.agent-access .aa-providers,.agent-access .aa-orders,.agent-access .aa-sources{list-style:none;padding:0;margin:0}
.agent-access .aa-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.agent-access .aa-providers li{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:12px 0}
.agent-access .aa-providers strong{font-size:16px;font-weight:500;line-height:1.4;max-width:10ch}
.agent-access .aa-provider-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--line);border-radius:16px;background:#fffdf8}
.agent-access .aa-provider-mark img{width:36px;height:36px;object-fit:contain}
.agent-access .aa-provider-wordmark img{width:48px;height:20px}
.agent-access .aa-icon{display:block;width:24px;height:24px;flex:none}
.agent-access .aa-provider-mark .aa-icon{width:33px;height:33px}
.agent-access .aa-workspace{min-width:0;font-family:Inter,Arial,sans-serif;container-type:inline-size}
.agent-access .aa-conversation{overflow:hidden;border:1px solid #dedfd5;border-radius:20px;background:#f0f0e9;box-shadow:0 16px 40px -28px #283e3066,0 2px 5px #283e3005}
.agent-access .aa-workspace-heading{display:flex;align-items:center;gap:11px;padding:18px 26px;border-bottom:1px solid #dfe2d7;background:#f7f8f2}
.agent-access .aa-workspace-heading strong{font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.35}
.agent-access .aa-workspace-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d3dccb;border-radius:9px;background:#e8efdf;color:#5b7250}
.agent-access .aa-workspace-mark>.aa-icon{width:21px;height:21px}
.agent-access .aa-message-thread{padding:25px}
.agent-access .message{margin:0;min-width:0}
.agent-access .message-user{display:flex;justify-content:flex-end;margin-bottom:24px}
.agent-access .user-bubble{max-width:89%}
.agent-access .user-text{padding:15px 19px;border:1px solid #dce1d3;border-radius:16px 16px 4px 16px;background:#e5ebdb;color:#28342b;font-size:18px;line-height:1.5;overflow-wrap:break-word;text-wrap:pretty}
.agent-access .aa-orders{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
.agent-access .aa-order{min-width:0;padding:20px 22px;border:1px solid #e0e3d9;border-radius:12px;background:#fff;box-shadow:0 2px 3px #23352b04}
.agent-access .aa-order-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.agent-access .aa-order-identity{display:flex;align-items:center;gap:11px;min-width:0}
.agent-access .aa-customer-mark{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #e6d8d2;border-radius:10px;background:#f4e9e3;color:#805f50;font-size:19px;font-weight:500}
.agent-access .aa-order-stock .aa-customer-mark{border-color:#d7dfe6;background:#edf1f4;color:#597082}
.agent-access .aa-order h3{margin:0;color:#23332b;font-family:Inter,Arial,sans-serif;font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.035em;text-wrap:balance}
.agent-access .aa-order-number{display:block;margin-top:4px;color:#747a70;font-size:14px;line-height:1.35;font-weight:400;letter-spacing:.015em;font-variant-numeric:tabular-nums}
.agent-access .aa-order-status{display:flex;align-items:center;gap:6px;flex:none;margin:2px 0 0;padding:6px 8px;border-radius:6px;background:#fcf0e9;color:#9b4b2f;font-size:14px;font-weight:600;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums}
.agent-access .aa-order-status>.aa-icon{width:17px;height:17px}
.agent-access .aa-order-stock .aa-order-status{background:#edf2ee;color:#526c58}
.agent-access .aa-order-summary{margin:14px 0 0 49px;color:#58645b;font-size:16px;font-weight:400;line-height:1.5}
.agent-access .aa-next-action{display:flex;align-items:flex-start;gap:9px;margin:14px 0 0 49px;padding-top:12px;border-top:1px solid #edf0e9;color:#354a3d;font-size:16px;font-weight:600;line-height:1.45;text-wrap:pretty}
.agent-access .aa-next-action>.aa-icon{width:18px;height:18px;margin-top:2px;color:#6a8365}
.agent-access .aa-draft{display:flex;align-items:center;gap:11px;margin-top:18px;padding:3px 2px;color:#52634d;font-size:16px;line-height:1.5}
.agent-access .aa-draft>.aa-icon{width:22px;height:22px;color:#708365}
.agent-access .aa-sources{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:32px}
.agent-access .aa-sources:before{content:"";position:absolute;left:50%;top:0;height:18px;border-left:1px solid #b4bca9}
.agent-access .aa-sources:after{content:"";position:absolute;left:16.666%;right:16.666%;top:18px;height:14px;border:1px solid #b4bca9;border-bottom:0;border-radius:7px 7px 0 0}
.agent-access .aa-sources li{position:relative;display:flex;justify-content:center;align-items:center;gap:9px;min-width:0;padding:13px 8px;background:#fafbf5;border:1px solid #dce2d3;border-radius:10px;font-size:15px;line-height:1.4;color:#586a50}
.agent-access .aa-sources li:nth-child(2):before{content:"";position:absolute;left:50%;top:-15px;height:14px;border-left:1px solid #b4bca9}
.agent-access .aa-sources li>.aa-icon{width:22px;height:22px}
@container(max-width:600px){.agent-access .aa-workspace-heading{padding:16px 20px}.agent-access .aa-message-thread{padding:20px}.agent-access .aa-order{padding:19px}.agent-access .aa-order-heading{gap:12px}.agent-access .aa-order h3{font-size:20px}.agent-access .aa-customer-mark{width:34px;height:36px}.agent-access .aa-order-identity{gap:9px}.agent-access .aa-order-summary,.agent-access .aa-next-action{margin-left:43px}.agent-access .aa-order-status{font-size:14px;padding:6px}.agent-access .aa-order-status>.aa-icon{width:16px;height:16px}}
@container(max-width:460px){.agent-access .aa-message-thread{padding:17px}.agent-access .aa-workspace-heading{padding:16px 18px}.agent-access .aa-order{padding:17px}.agent-access .aa-order-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.agent-access .aa-order-status{justify-self:start;margin:0}.agent-access .aa-order-summary,.agent-access .aa-next-action{margin-left:0}.agent-access .aa-order-summary{margin-top:13px}.agent-access .aa-next-action{margin-top:12px;padding-top:11px}.agent-access .user-bubble{max-width:94%}.agent-access .user-text{font-size:17px;padding:13px 16px}.agent-access .message-user{margin-bottom:19px}.agent-access .aa-draft{font-size:15px}.agent-access .aa-sources{gap:10px}.agent-access .aa-sources li{flex-direction:column;gap:7px;font-size:14px}}
@container(max-width:320px){.agent-access .aa-message-thread{padding:13px}.agent-access .aa-workspace-heading{padding:14px 16px}.agent-access .aa-order{padding:15px}.agent-access .aa-order h3{font-size:20px}.agent-access .user-bubble{max-width:100%}.agent-access .user-text{padding:12px 14px}.agent-access .aa-next-action{font-size:15px}.agent-access .aa-order-summary{font-size:15px}.agent-access .aa-sources{gap:8px}}
@media(max-width:1100px){.agent-access .aa-layout{gap:40px;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)}.agent-access .aa-overview h2{font-size:44px}.agent-access .aa-providers{gap:12px}.agent-access .aa-providers strong{font-size:15px}.agent-access .aa-provider-mark{width:54px;height:54px}}
@media(max-width:900px){.agent-access .aa-layout{grid-template-columns:1fr;gap:34px}.agent-access .aa-overview{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;align-items:start}.agent-access .aa-overview h2{font-size:44px;grid-row:span 2}.agent-access .aa-overview>p{font-size:18px;margin-top:0}.agent-access .aa-providers{margin-top:18px}.agent-access .aa-providers li{padding:8px 0;gap:10px}.agent-access .aa-workspace{max-width:760px;width:100%;margin:auto}}
@media(max-width:600px){.agent-access .aa-overview{display:block}.agent-access .aa-overview h2{font-size:40px;max-width:17ch}.agent-access .aa-overview>p{font-size:18px;margin-top:22px}.agent-access .aa-providers{margin-top:24px;gap:18px}.agent-access .aa-providers li{align-items:center;text-align:center;gap:12px}.agent-access .aa-providers strong{font-size:14px;max-width:11ch}.agent-access .aa-provider-mark{width:56px;height:56px}}
@media(max-width:360px){.agent-access .aa-overview h2{font-size:34px}.agent-access .aa-providers{gap:10px}}