:root{--green:#075f3e;--green-dark:#06452f;--orange:#ed7415;--coral:#d95f59;--ink:#17221d;--muted:#66736c;--line:#dce5df;--panel:#fff;--soft:#f2f6f3;--danger:#b42318}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:var(--ink);background:#edf2ef;letter-spacing:0}button,input,textarea{font:inherit}.topbar{height:82px;padding:12px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.logo{width:150px;height:56px;object-fit:contain}.brand-lockup{min-width:0;display:flex;align-items:center;gap:14px}.oxalis-brand{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:1px solid var(--line)}.oxalis-brand strong{font-size:20px;color:var(--green-dark)}.oxalis-brand span{font-size:11px;color:var(--muted);font-weight:700}.ai-info-button{height:34px;padding:0 11px;border:1px solid #e7aaa6;background:#fff7f6;color:#9f2922;font-size:12px;font-weight:800;cursor:pointer}.account{display:flex;align-items:center;gap:14px;font-size:14px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;color:var(--green);font-size:22px;cursor:pointer}.auth-shell{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:28px 18px}.auth-panel{width:min(520px,100%);background:#fff;border:1px solid var(--line);padding:34px;border-radius:8px;box-shadow:0 18px 45px rgba(18,45,32,.08)}.eyebrow{text-transform:uppercase;color:var(--green);font-size:12px;font-weight:800;margin:0 0 7px}.auth-panel h1,.chat-heading h1{font-size:clamp(27px,4vw,38px);line-height:1.1;margin:0}.muted{color:var(--muted);line-height:1.5}.auth-panel label{display:block;font-weight:700;margin:26px 0 8px}.input-action{display:grid;grid-template-columns:1fr auto}.input-action input,.otp-input{min-width:0;border:1px solid #b9c8bf;padding:15px 16px;font-size:18px}.input-action button,.full-btn{border:0;background:var(--green);color:#fff;font-weight:700;padding:0 20px;cursor:pointer}.otp-input{width:100%;text-align:center;font-size:32px;letter-spacing:8px}.full-btn{width:100%;height:52px;margin-top:14px}.register-note{font-size:14px;color:var(--muted);margin-top:20px}.register-note a{color:var(--green);font-weight:700}.hidden{display:none!important}.link-btn{border:0;background:none;color:var(--green);font-weight:700;margin-top:14px;cursor:pointer}.company-list{display:grid;gap:10px;margin-top:22px}.company-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.company-option:hover{border-color:var(--green);background:var(--soft)}.company-option span{font-size:13px;color:var(--muted)}.order-app{height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);max-width:1500px;margin:auto;background:#fff}.chat-panel{min-width:0;display:grid;grid-template-rows:auto 1fr auto auto;border-right:1px solid var(--line)}.chat-heading,.summary-heading{padding:24px clamp(18px,3vw,34px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.chat-heading h1{font-size:25px}.status-dot{font-size:12px;color:var(--green);font-weight:700}.status-dot:before{content:"";display:inline-block;width:8px;height:8px;background:#14a06f;border-radius:50%;margin-right:6px}.messages{overflow:auto;padding:28px clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:14px;background:#f8faf9}.message{max-width:min(720px,84%);padding:13px 16px;border-radius:8px;line-height:1.5}.message p{margin:0}.message.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line)}.message.user{align-self:flex-end;background:var(--green);color:#fff}.message.pending{opacity:.62}.message-origin{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase}.message-origin b{padding:2px 4px;background:#fff0ef;border:1px solid #e7aaa6;color:#9f2922;font-size:9px}.composer{margin:16px clamp(16px,4vw,48px) 0;border:1px solid #aebeb5;display:grid;grid-template-columns:1fr 48px;align-items:end;background:#fff;border-radius:8px}.composer:focus-within{outline:2px solid rgba(7,95,62,.18);border-color:var(--green)}.composer textarea{border:0;resize:none;padding:14px;min-height:64px;max-height:150px;outline:0}.composer button{width:40px;height:40px;margin:0 8px 12px 0;border:0;background:var(--green);color:#fff;font-size:24px;cursor:pointer;border-radius:4px}.composer-note{font-size:12px;color:var(--muted);margin:8px clamp(16px,4vw,48px) 16px}.summary-panel{padding-bottom:22px;display:flex;flex-direction:column;min-height:0}.summary-heading{padding:24px}.summary-heading h2{font-size:18px;margin:0}.summary-heading #itemCount{min-width:32px;height:32px;display:grid;place-items:center;background:var(--soft);font-weight:800}.draft-list{overflow:auto;padding:10px 24px}.draft-item{padding:15px 0;border-bottom:1px solid var(--line)}.draft-item strong{display:block;font-size:15px;line-height:1.35}.draft-meta{display:flex;gap:8px;align-items:center;margin-top:8px}.package-badge{color:var(--green);font-weight:800}.pack-info{font-size:12px;color:var(--muted)}.draft-note{font-size:12px;color:var(--muted);margin:7px 0 0}.empty-draft{margin:20px 24px;padding:22px;background:var(--soft);color:var(--muted);font-size:14px;line-height:1.5}.confirm-btn{margin:auto 24px 0;height:52px;border:0;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.confirm-btn:disabled{background:#c8d2cc;cursor:not-allowed}.confirm-note{text-align:center;color:var(--muted);font-size:12px;margin:9px 24px 0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#17221d;color:#fff;padding:12px 18px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;max-width:min(500px,90vw);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:var(--danger)}button:disabled{opacity:.65}.success-card{text-align:center;padding:30px}.success-card strong{font-size:24px;color:var(--green)}
@media(max-width:800px){.topbar{height:68px;padding:8px 14px}.logo{width:145px;height:48px}.account strong{display:none}.order-app{height:calc(100dvh - 68px);display:flex;flex-direction:column}.chat-panel{height:64%;min-height:410px;border:0}.chat-heading{padding:15px 16px}.chat-heading h1{font-size:20px}.messages{padding:16px}.message{max-width:90%}.composer{margin:10px 12px 0}.composer-note{margin:6px 12px 10px}.summary-panel{height:36%;border-top:1px solid var(--line)}.summary-heading{padding:13px 16px}.draft-list{padding:3px 16px;display:flex;gap:14px;overflow-x:auto}.draft-item{min-width:230px;border-bottom:0;border-right:1px solid var(--line);padding-right:14px}.empty-draft{margin:12px 16px;padding:12px}.confirm-btn{margin:auto 16px 0;min-height:48px}.confirm-note{margin-bottom:0}.auth-panel{padding:25px 20px}.input-action{grid-template-columns:1fr}.input-action button{height:50px}.status-dot{font-size:0}.status-dot:before{margin:0}}
.unmatched-badge{color:#8a5200;background:#fff4d6;border:1px solid #e8c979;padding:3px 6px;border-radius:4px}
.dictionary-badge{color:#075f3e;background:#e8f5ee;border:1px solid #9bcbb3;padding:3px 6px;border-radius:4px}
.date-step{align-self:flex-start;width:min(560px,100%);padding:22px;background:#fff;border:1px solid #a9c7b6;border-radius:8px;box-shadow:0 8px 24px rgba(18,45,32,.06)}.date-step h2{margin:0 0 8px;font-size:22px}.date-step>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}.date-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;margin-top:18px}.date-form label{grid-column:1/-1;font-size:13px;font-weight:700}.date-form input{height:48px;border:1px solid #aebeb5;border-radius:4px;padding:0 12px;background:#fff;color:var(--ink)}.date-form button{min-height:48px;border:0;border-radius:4px;padding:0 18px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:600px){.date-step{padding:18px}.date-form{grid-template-columns:1fr}.date-form button{width:100%}}
.draft-title{display:flex;align-items:flex-start;gap:8px}.draft-title strong{flex:1}.comment-icon{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);background:#fff;cursor:pointer;border-radius:4px}.comment-icon:before{content:"";position:absolute;left:8px;top:7px;width:12px;height:9px;border:2px solid var(--green);border-radius:3px}.comment-icon:after{content:"";position:absolute;left:10px;top:17px;width:5px;height:5px;border-left:2px solid var(--green);transform:skew(-28deg)}.comment-icon:hover,.comment-icon.has-comment{background:#e8f4ed;border-color:#8bc7a8}.customer-comment{font-size:12px;color:var(--ink);margin:8px 0 0;padding:8px 10px;background:#eef6f1;border-left:3px solid var(--green)}.comment-editor{margin-top:9px}.comment-editor textarea{display:block;width:100%;resize:vertical;border:1px solid #aebeb5;border-radius:4px;padding:9px;min-height:62px}.comment-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}.comment-actions button{height:32px;padding:0 11px;border-radius:4px;cursor:pointer}.comment-cancel{border:1px solid var(--line);background:#fff;color:var(--muted)}.comment-save{border:0;background:var(--green);color:#fff;font-weight:700}
.draft-quantity{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.draft-quantity input{width:72px;height:34px;border:1px solid #9eb3a7;border-radius:4px;padding:0 7px;color:var(--ink);background:#fff;font-weight:800}.draft-quantity input:focus{outline:2px solid rgba(7,95,62,.18);border-color:var(--green)}
.order-estimate{margin:12px 24px;padding:14px 15px;border:1px solid #e3a7a2;border-left:4px solid var(--danger);background:#fff6f5}.order-estimate>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.order-estimate span{font-size:13px;font-weight:700}.order-estimate strong{font-size:21px;color:var(--danger);white-space:nowrap}.order-estimate p{margin:7px 0 0;font-size:12px;color:var(--ink)}.order-estimate small{display:block;margin-top:6px;color:var(--danger);font-size:11px;line-height:1.35}
.indicative-price{margin-top:9px;padding:9px 10px;border:1px solid #efb1ad;background:#fff5f4;border-radius:4px}.indicative-price strong{display:block;color:#b42318;font-size:13px}.indicative-price span{display:block;margin-top:4px;color:#b42318;font-size:11px;line-height:1.35}
.draft-product-image{display:block;width:100%;height:118px;object-fit:contain;background:#f5f7f6;border:1px solid var(--line);border-radius:4px;margin-bottom:10px}.clarification-batch{align-self:flex-start;width:min(760px,96%);padding:12px;background:#fff;border:1px solid #aac4b4;border-radius:8px}.clarification-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:2px 2px 10px}.clarification-heading span{font-size:12px;color:var(--muted);white-space:nowrap}.clarification{padding:11px 2px;border-top:1px solid var(--line)}.clarification>strong{display:block;font-size:13px;margin-bottom:8px}.clarification-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.product-choice{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;padding:7px;border:1px solid #b9c8bf;background:#fff;color:var(--ink);border-radius:5px;cursor:pointer}.product-choice:hover{border-color:var(--green);background:#f1f7f3}.product-choice.selected{border:2px solid var(--green);background:#e8f4ed;box-shadow:0 0 0 1px var(--green)}.product-choice img{grid-row:1/3;width:42px;height:42px;object-fit:contain;background:#f5f7f6}.product-choice span{font-size:12px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.product-choice small{font-size:11px;color:var(--muted)}.package-question{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:9px;background:#fff7e8;border:1px solid #edc679;border-radius:4px;font-size:12px}.package-question span{line-height:1.35}.package-question input{flex:0 0 105px;min-width:0;height:38px;border:1px solid #b9c8bf;border-radius:4px;padding:0 8px}.clarification-send{display:block;width:100%;min-height:44px;margin-top:10px;border:0;border-radius:4px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.clarification-send:disabled{background:#c8d2cc}
@media(max-width:800px){.draft-product-image{height:86px}.clarification-batch{width:100%;padding:10px}.clarification-options{grid-template-columns:1fr}.product-choice{grid-template-columns:46px minmax(0,1fr);min-height:58px}.product-choice img{width:46px;height:46px}.package-question{align-items:stretch;flex-direction:column}.package-question input{width:100%;flex-basis:42px}.clarification-send{position:sticky;bottom:0}}
@media(max-width:800px){.draft-list{display:block;overflow-x:hidden;overflow-y:auto;padding:3px 16px}.draft-item{min-width:0;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.draft-title strong{overflow-wrap:anywhere}.draft-meta{flex-wrap:wrap}.summary-panel{height:42%}.chat-panel{height:58%}}
@media(max-width:800px){.order-estimate{margin:8px 16px;padding:10px 12px}.order-estimate strong{font-size:18px}}

/* The chat and order remain independent work areas on desktop. */
.order-app{overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(330px,410px)}
.chat-panel{min-height:0}
.summary-panel{position:sticky;top:0;height:100%;min-height:0;background:#fff;z-index:20}
.summary-heading-actions{display:flex;align-items:center;gap:8px}
.summary-close,.summary-toggle,.summary-backdrop{display:none}

@media(max-width:900px){
  body.summary-open{overflow:hidden}
  .topbar{height:68px;padding:8px 14px}
  .logo{width:145px;height:48px}
  .account strong{display:none}
  .order-app{height:calc(100dvh - 68px);display:block;position:relative;overflow:hidden}
  .chat-panel{height:100%;min-height:0;border:0}
  .summary-toggle{position:fixed;right:14px;top:76px;z-index:52;display:flex;align-items:center;gap:8px;height:44px;padding:0 15px;border:0;border-radius:22px;background:var(--green);color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(6,69,47,.26);cursor:pointer}
  .summary-toggle span{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--green);font-size:12px}
  .summary-backdrop{position:fixed;inset:0;z-index:53;display:block;background:rgba(15,31,23,.38);opacity:0;pointer-events:none;transition:opacity .2s}
  .summary-panel{position:fixed;top:68px;right:0;bottom:0;z-index:54;width:min(420px,94vw);height:auto;padding-bottom:18px;border:0;border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(17,43,30,.18);transform:translateX(105%);transition:transform .22s ease}
  .summary-open .summary-panel{transform:translateX(0)}
  .summary-open .summary-backdrop{opacity:1;pointer-events:auto}
  .summary-open .summary-toggle{display:none}
  .summary-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:25px;line-height:1;cursor:pointer}
  .summary-heading{padding:16px}
  .draft-list{display:block;overflow-x:hidden;overflow-y:auto;padding:3px 16px}
  .draft-item{min-width:0;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:12px 0}
  .confirm-btn{margin:auto 16px 0;min-height:48px}
  .toast{z-index:70}
}

.human-review{display:flex;flex-direction:column;gap:3px;margin-top:9px;padding:9px 10px;border-left:3px solid var(--coral);background:#fff4f2;color:#7c211c;font-size:12px;line-height:1.35}
.human-review strong{font-size:12px}
.remove-item{flex:0 0 30px;width:30px;height:30px;border:1px solid #efb1ad;background:#fff7f6;color:#a82d26;border-radius:4px;font-size:22px;line-height:1;cursor:pointer}
.remove-item:hover{background:#fee4e1;border-color:#d95f59}
.ai-info-dialog{width:min(560px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));padding:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);box-shadow:0 24px 80px rgba(12,39,26,.28)}
.ai-info-dialog::backdrop{background:rgba(10,28,20,.55)}
.ai-info-dialog>p,.ai-info-dialog>ul{margin-left:24px;margin-right:24px}
.ai-info-dialog>p{line-height:1.5}
.ai-info-dialog ul{padding-left:20px;color:var(--muted);line-height:1.5}
.ai-info-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}
.ai-info-heading h2{margin:0;font-size:22px}
.ai-info-close{width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:25px;line-height:1;cursor:pointer}
.ai-info-note{padding:12px 14px;background:#fff4f2;border-left:3px solid var(--coral);color:#7c211c;font-size:13px}
.ai-info-link{display:inline-flex;margin:2px 24px 24px;color:var(--green);font-weight:800}

@media(max-width:900px){
  .brand-lockup{gap:8px}
  .logo{width:118px;height:44px}
  .oxalis-brand{padding-left:8px}
  .oxalis-brand strong{font-size:17px}
  .oxalis-brand span{display:none}
  .ai-info-button{padding:0 8px;font-size:11px}
  .account{gap:7px}
}

@media(max-width:560px){
  .topbar{padding-left:10px;padding-right:10px}
  .logo{width:90px}
  .oxalis-brand strong{font-size:15px}
  .ai-info-button{max-width:68px;height:38px;line-height:1.1}
  .icon-btn{width:36px;height:38px}
  .ai-info-dialog>p,.ai-info-dialog>ul{margin-left:18px;margin-right:18px}
  .ai-info-heading{padding:16px 18px}
  .ai-info-link{margin-left:18px;margin-right:18px}
}