:root{font-family:Arial,sans-serif;color:#352b2a;background:#faf7f3;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:#881b1b;text-underline-offset:3px}button,input,textarea{font:inherit}button{border:1px solid #cdbeba;background:#fff;color:#761818;border-radius:10px;padding:11px 16px;cursor:pointer;min-height:44px}button:hover{background:#f6eeea}button:disabled{opacity:.6;cursor:wait}.primary{background:#8b1a1a;border-color:#8b1a1a;color:white;font-weight:bold}.primary:hover{background:#671111}:focus-visible{outline:3px solid #d89139;outline-offset:3px}.portal-header{padding:18px max(20px,calc((100vw - 1060px)/2));background:#fff;border-bottom:1px solid #eadfd8;display:flex;align-items:center;justify-content:space-between;gap:18px}.portal-brand{font-family:Georgia,serif;font-size:24px;font-weight:bold;text-decoration:none}.portal-header nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.order-history summary{color:#761818;cursor:pointer;font-family:Georgia,serif;font-size:25px;font-weight:bold}.order-history[open] summary{margin-bottom:16px}main{max-width:1100px;margin:auto;padding:36px 22px 20px}h1,h2,h3{font-family:Georgia,serif;color:#761818;line-height:1.25}h1{font-size:40px;margin:0 0 14px}h2{font-size:25px;margin:0 0 14px}h3{font-size:20px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}.intro{font-size:18px;max-width:650px}.panel{padding:25px;background:white;border:1px solid #eadfd8;border-radius:18px;margin:20px 0}.narrow{max-width:580px}form{display:grid;gap:12px}input,textarea{width:100%;border:1px solid #b9aaa6;border-radius:8px;padding:12px;color:#352b2a;background:#fff}textarea{resize:vertical}label{font-weight:bold}.muted{color:#726461;font-size:14px}#feedback:not(:empty){background:#f0e8dd;padding:14px;border-radius:10px;white-space:pre-wrap}#feedback[data-error=true]{background:#ffebe7;color:#832215}.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.account-toolbar p{overflow-wrap:anywhere}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.order-card{border:1px solid #e1d3cc;background:white;border-radius:16px;padding:22px;text-align:left;display:grid;gap:10px;color:#352b2a}.order-card strong{font-size:20px;color:#761818}.badge{display:inline-block;width:fit-content;border-radius:30px;padding:5px 12px;background:#f1eadc;font:600 14px Arial,sans-serif}.badge-success{background:#e4f2e9;color:#1c6038}.badge-alert{background:#fde9e4;color:#81251d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid .panel{margin:0}.item-row,.total-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee4de;padding:12px 0}.item-row span{overflow-wrap:anywhere}.item-row strong,.total-row strong{white-space:nowrap}.total-row{font-weight:bold;border:0}.timeline{padding-left:23px}.timeline li{padding:0 0 16px 8px}.timeline small{display:block;color:#726461}.conversation{display:grid;gap:12px;margin:20px 0;max-height:500px;overflow:auto}.message{max-width:90%;padding:13px 16px;border-radius:14px;background:#f4efea;overflow-wrap:anywhere}.message p{white-space:pre-wrap;margin:7px 0}.message[data-direction=customer]{margin-left:auto;background:#f8e7e2}.message small{color:#726461}.expert{margin-top:35px;padding:22px 0;border-top:1px solid #e2d5cb;max-width:700px}.expert p{margin:7px 0}.public-note{white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:25px}.empty{padding:25px;background:#fff;border-radius:14px}#order-summary{margin:25px 0}#order-summary h2{margin-bottom:12px}@media(max-width:600px){.portal-header{align-items:flex-start;flex-direction:column;gap:9px;padding:15px 20px}.portal-header nav{width:100%;justify-content:flex-start;font-size:14px;gap:10px}.portal-brand{font-size:23px}main{padding:25px 18px}h1{font-size:34px}.panel{padding:20px}.order-grid,.detail-grid{grid-template-columns:1fr}.account-toolbar{align-items:flex-start}.account-toolbar p{margin:0;font-size:14px}.message{max-width:96%}.intro{font-size:16px}.detail-grid{gap:15px}.order-history summary{font-size:22px}}
