:root{--navy:#0b253c;--deep:#071f35;--teal:#0b8b91;--mint:#cef4ef;--line:#d6e5ea;--muted:#617a8a;--mist:#f3f8fa;--shadow:0 24px 70px rgb(24 66 88/.12)}body{color:var(--navy);background:#f6fafb}.portal-wide{width:min(1280px,calc(100% - 40px));margin:auto}.portal-topline{color:#c6f6ef;background:var(--deep);font-size:11px;font-weight:800;letter-spacing:.14em}.portal-topline .portal-wide{display:flex;min-height:34px;align-items:center;justify-content:space-between}.portal-topline button{color:#c6f6ef;border:0;background:transparent;cursor:pointer}.portal-header{border-bottom:1px solid var(--line);background:#fff}.portal-header .portal-wide{display:flex;min-height:82px;align-items:center;justify-content:space-between}.portal-home{display:flex;align-items:center;gap:8px;color:var(--teal);font-size:13px;font-weight:800}.portal-eyebrow{margin:0 0 16px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.login-shell{display:grid;grid-template-columns:.9fr 1.1fr;width:min(1160px,calc(100% - 40px));min-height:calc(100vh - 116px);margin:auto;padding:70px 0;align-items:stretch}.login-story{position:relative;overflow:hidden;padding:70px 58px;color:#fff;border-radius:32px 0 0 32px;background:linear-gradient(145deg,#0b344b,#173f46)}.login-story::after{position:absolute;right:-120px;bottom:-150px;width:430px;height:430px;content:"";border:1px solid rgb(190 244 236/.16);border-radius:50%;box-shadow:0 0 0 70px rgb(190 244 236/.05),0 0 0 140px rgb(190 244 236/.025)}.login-story .portal-eyebrow{color:#bdf4ec}.login-story h1{margin:0;font-size:clamp(48px,5vw,72px);letter-spacing:-.06em}.login-story>p:not(.portal-eyebrow){max-width:470px;color:#bfd0d5;line-height:1.9}.login-story-card{position:absolute;right:58px;bottom:62px;left:58px;z-index:2;display:flex;gap:13px;align-items:center;padding:18px;border:1px solid rgb(255 255 255/.13);border-radius:17px;background:rgb(255 255 255/.07)}.login-story-card>span{display:grid;width:38px;height:38px;place-items:center;color:#083a3f;border-radius:12px;background:#bdf4ec}.login-story-card div{display:grid;gap:4px}.login-story-card small{color:#bfd0d5}.login-panel{padding:70px 64px;border:1px solid var(--line);border-left:0;border-radius:0 32px 32px 0;background:#fff;box-shadow:var(--shadow)}.login-panel h2{margin:0;font-size:42px;letter-spacing:-.045em}.login-panel>p:not(.portal-eyebrow){color:var(--muted);line-height:1.7}.login-panel form{display:grid;gap:16px;margin-top:34px}.login-panel label,.profile-form label{display:grid;gap:7px}.login-panel label>span,.profile-form label>span{font-size:11px;font-weight:800}.login-panel input,.profile-form input{width:100%;min-height:52px;padding:0 15px;color:var(--navy);border:1px solid #c9dbe1;border-radius:13px;outline:0;background:#fbfdfe}.login-panel input:focus,.profile-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgb(11 139 145/.1)}.password-field{position:relative}.password-field input{padding-right:50px}.password-field button{position:absolute;top:7px;right:7px;width:38px;height:38px;color:#708591;border:0;border-radius:10px;background:#edf6f7;cursor:pointer}.challenge-row{display:grid;grid-template-columns:110px 1fr 44px;gap:8px}.challenge-row strong{display:grid;place-items:center;border-radius:12px;background:#edf8f6;letter-spacing:.08em}.challenge-row button{border:1px solid #c9dbe1;border-radius:12px;background:#fff;cursor:pointer}.portal-primary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:0 22px;color:#fff;border:0;border-radius:999px;background:var(--teal);font-weight:850;cursor:pointer}.portal-primary.compact{min-height:44px;align-self:flex-start}.portal-status{min-height:18px;margin:0;color:var(--teal);font-size:12px}.login-links{display:flex;justify-content:space-between;gap:20px;margin-top:24px;color:var(--teal);font-size:12px;font-weight:750}
.dashboard-header{position:sticky;top:0;z-index:40;display:flex;min-height:78px;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid var(--line);background:rgb(255 255 255/.96);backdrop-filter:blur(18px)}.dashboard-menu{display:none;width:42px;height:42px;border:1px solid #c9dbe1;border-radius:12px;background:#fff}.dashboard-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.dashboard-header-actions button,.dashboard-header-actions a{min-height:40px;padding:0 14px;color:var(--navy);border:1px solid #c9dbe1;border-radius:999px;background:#fff;font-size:12px;font-weight:800;cursor:pointer}.dashboard-header-actions button{display:inline-flex;align-items:center}.dashboard-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 78px)}.dashboard-sidebar{position:sticky;top:78px;display:flex;height:calc(100vh - 78px);overflow-y:auto;flex-direction:column;padding:26px 18px;color:#eaf4f5;background:#123a36}.customer-chip{display:flex;align-items:center;gap:12px;padding:12px}.customer-chip>span{display:grid;width:42px;height:42px;place-items:center;color:#123a36;border-radius:13px;background:#bdf4ec;font-weight:900}.customer-chip div{display:grid;min-width:0;gap:3px}.customer-chip strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.customer-chip small{color:#a7c4bf;font-size:9px}.dashboard-sidebar nav{display:grid;gap:5px;margin-top:24px}.dashboard-sidebar nav button{display:grid;grid-template-columns:30px 1fr auto;min-height:46px;align-items:center;padding:0 13px;color:#bcd0cc;border:0;border-radius:13px;background:transparent;text-align:left;cursor:pointer}.dashboard-sidebar nav button:hover,.dashboard-sidebar nav button.active{color:#123a36;background:#fff}.dashboard-sidebar nav b{font-size:12px}.dashboard-sidebar nav i{display:grid;width:22px;height:22px;place-items:center;color:#123a36;border-radius:50%;background:#bdf4ec;font-size:9px;font-style:normal}.sidebar-note{margin-top:auto;padding:18px;border:1px solid rgb(255 255 255/.12);border-radius:17px;background:rgb(255 255 255/.06)}.sidebar-note p{color:#a7c4bf;font-size:11px;line-height:1.6}.sidebar-note button{padding:0;color:#bdf4ec;border:0;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.dashboard-main{min-width:0;padding:52px clamp(24px,4vw,66px);background:#f4f8f7}.dashboard-panel{display:none}.dashboard-panel.active{display:block;animation:panel-in .25s ease}.dashboard-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.dashboard-title h1{margin:0;font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.055em}.dashboard-title>div>p:last-child{max-width:700px;color:var(--muted);line-height:1.7}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-grid article{display:grid;min-height:155px;gap:8px;padding:23px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.metric-grid span{color:var(--muted);font-size:11px}.metric-grid strong{color:var(--teal);font-size:34px}.metric-grid small{color:#80919b;font-size:10px}.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px}.workspace-card{padding:27px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.card-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.card-head span{color:var(--muted);font-size:10px}.card-head h2{margin:7px 0 0;font-size:23px}.status-pill{display:inline-flex;width:max-content;padding:8px 11px;color:#087069;border-radius:999px;background:#cff5ef;font-size:10px;font-weight:850}.status-pill.muted{color:#667986;background:#edf2f4}.journey-progress{margin-top:35px}.journey-progress>i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#e6edef}.journey-progress>i span{display:block;width:58%;height:100%;background:linear-gradient(90deg,var(--teal),#6cd5ca)}.journey-progress>div{display:flex;justify-content:space-between;margin-top:11px;color:#718593;font-size:9px}.workspace-card>button,.mini-product-grid button,.empty-state button{margin-top:25px;padding:0;color:var(--teal);border:0;background:transparent;font-weight:800;cursor:pointer}.activity-card ol{display:grid;gap:18px;margin:24px 0 0;padding:0;list-style:none}.activity-card li{display:grid;grid-template-columns:36px 1fr;gap:12px}.activity-card li>span{display:grid;width:36px;height:36px;place-items:center;color:#087069;border-radius:11px;background:#cff5ef}.activity-card li div{display:grid;gap:4px}.activity-card small{color:#718593}.workspace-table{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.table-row{display:grid;grid-template-columns:120px 1.4fr 1fr 110px;gap:18px;align-items:center;min-height:70px;padding:0 24px;border-bottom:1px solid #e4ecef;font-size:12px}.table-row:last-child{border-bottom:0}.table-head{min-height:50px;color:#718593;background:#f7fafb;font-size:10px;font-weight:850;text-transform:uppercase}.portal-chat{display:grid;grid-template-rows:auto 1fr auto;min-height:570px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.portal-chat>header{display:flex;align-items:center;gap:12px;padding:18px;color:#fff;background:#0b344b}.portal-chat>header>div{display:grid;gap:4px}.portal-chat>header small{color:#b9cdd3}.chat-avatar{display:grid;width:42px;height:42px;place-items:center;color:#075963;border-radius:13px;background:#bdf4ec;font-size:12px;font-weight:900}.portal-chat-messages{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:24px;background:#f7fafb}.portal-chat-messages p{max-width:75%;margin:0;padding:13px 15px;border-radius:15px;font-size:13px;line-height:1.6}.portal-chat-messages .agent{background:#fff;box-shadow:0 8px 24px rgb(30 70 91/.08)}.portal-chat-messages .user{align-self:flex-end;color:#fff;background:var(--teal)}.portal-chat form{display:grid;grid-template-columns:1fr 170px;gap:12px;padding:16px;border-top:1px solid var(--line)}.portal-chat textarea{padding:13px;border:1px solid #c9dbe1;border-radius:13px;resize:none}.mini-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-product-grid article{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.mini-product-grid img{width:100%;height:230px;object-fit:cover}.mini-product-grid img.long-image{object-position:78% 50%}.mini-product-grid article>span,.mini-product-grid article>h2,.mini-product-grid article>button{margin-right:22px;margin-left:22px}.mini-product-grid article>span{display:block;margin-top:20px;color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.14em}.mini-product-grid h2{min-height:56px;font-size:18px}.mini-product-grid button{margin-top:0;margin-bottom:22px}.detail-card{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.detail-card>div{display:grid;gap:6px}.detail-card small{color:#718593}.detail-card .wide{grid-column:1/-1}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plan-grid article{min-height:270px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.plan-grid span{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.14em}.plan-grid h2{margin:50px 0 14px;font-size:25px}.plan-grid p{color:var(--muted);line-height:1.8}.quote-card{overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.quote-card>div{display:flex;align-items:center;justify-content:space-between;padding:25px;color:#fff;background:#0b344b}.quote-card>div span{font-size:10px;letter-spacing:.12em}.quote-card>div strong{font-size:30px}.quote-card ul{margin:0;padding:0;list-style:none}.quote-card li{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:67px;padding:0 25px;border-bottom:1px solid #e4ecef;font-size:13px}.quote-card footer{display:flex;align-items:center;justify-content:space-between;padding:19px 25px}.quote-card footer button{color:var(--teal);border:0;background:transparent;font-weight:800;cursor:pointer}.empty-state{display:grid;min-height:390px;place-items:center;align-content:center;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;text-align:center}.empty-state>span{display:grid;width:58px;height:58px;place-items:center;color:#087069;border-radius:18px;background:#cff5ef;font-size:22px}.empty-state h2{margin:22px 0 8px;font-size:28px}.empty-state p{max-width:500px;margin:0;color:var(--muted);line-height:1.7}.profile-form{display:grid;max-width:680px;gap:15px;padding:28px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.email-verified{display:flex;align-items:center;gap:13px;margin-bottom:8px;padding:16px;border-radius:15px;background:#edf8f6}.email-verified>span{display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:50%;background:var(--teal)}.email-verified>div{display:grid;gap:3px}.email-verified small{color:#718593}.portal-toast{position:fixed;right:24px;bottom:24px;z-index:80;padding:13px 17px;color:#fff;border-radius:13px;background:#0b344b;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.portal-toast.show{opacity:1;transform:none}@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1080px){.metric-grid{grid-template-columns:1fr 1fr}.overview-grid,.mini-product-grid{grid-template-columns:1fr}.mini-product-grid img{height:310px}.e-form-row{grid-template-columns:1fr}}
@media(max-width:860px){.login-shell{grid-template-columns:1fr;padding:35px 0}.login-story{min-height:500px;border-radius:28px 28px 0 0}.login-panel{border:1px solid var(--line);border-top:0;border-radius:0 0 28px 28px}.dashboard-menu{display:block}.dashboard-header{padding:0 14px}.dashboard-header .brand-name{display:none}.dashboard-header-actions a{display:none}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;top:78px;bottom:0;left:0;z-index:35;width:280px;height:auto;transform:translateX(-105%);transition:transform .25s ease}.dashboard-sidebar.open{transform:none}.dashboard-main{padding:38px 20px}.overview-grid,.plan-grid{grid-template-columns:1fr}.dashboard-title{align-items:flex-start;flex-direction:column}.table-row{grid-template-columns:100px 1fr 90px}.table-row>*:nth-child(3){display:none}.portal-chat form{grid-template-columns:1fr}.portal-chat form button{min-height:48px}.detail-card{grid-template-columns:1fr}.detail-card .wide{grid-column:auto}}
@media(max-width:580px){.portal-wide{width:min(100% - 28px,1280px)}.portal-header .brand-name{font-size:17px}.portal-home span:last-child{display:none}.login-shell{width:min(100% - 20px,1160px)}.login-story{min-height:440px;padding:42px 28px}.login-story-card{right:28px;bottom:28px;left:28px}.login-panel{padding:42px 25px}.login-panel h2{font-size:36px}.login-links{align-items:flex-start;flex-direction:column}.dashboard-header-actions button:first-child{padding:0 9px}.dashboard-header-actions button:last-child{display:none}.metric-grid{grid-template-columns:1fr}.table-row{grid-template-columns:88px 1fr;gap:10px;padding:0 14px}.table-row>*:nth-child(3),.table-row>*:nth-child(4){display:none}.mini-product-grid img{height:230px}.quote-card>div{align-items:flex-start;flex-direction:column;gap:10px}.quote-card footer{align-items:flex-start;flex-direction:column;gap:14px}}

.order-summary{display:grid;grid-template-columns:.8fr 1.6fr .8fr;gap:1px;overflow:hidden;margin-bottom:16px;border:1px solid var(--line);border-radius:22px;background:var(--line);box-shadow:0 12px 34px rgb(30 70 91/.06)}.order-summary>div{display:grid;gap:8px;padding:22px;background:#fff}.order-summary span{color:#718593;font-size:10px}.order-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.order-layout .plan-grid{grid-template-columns:1fr 1fr}.payment-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:16px;padding:22px 25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgb(30 70 91/.06)}.payment-strip>div{display:flex;align-items:center;gap:14px}.payment-strip>div>span{display:grid;width:44px;height:44px;place-items:center;color:#087069;border-radius:14px;background:#cff5ef;font-size:18px}.payment-strip>div>div{display:grid;gap:4px}.payment-strip small{color:#718593}.payment-strip button{padding:10px 16px;color:#fff;border:0;border-radius:999px;background:var(--teal);font-weight:800;cursor:pointer}
@media(max-width:1080px){.order-layout{grid-template-columns:1fr}}
@media(max-width:860px){.order-summary,.order-layout .plan-grid{grid-template-columns:1fr}.payment-strip{align-items:flex-start;flex-direction:column}}
.mini-product-grid img.long-image{object-position:100% 50%;transform:scale(1.22)}

/* Phase 29: scalable customer order list + detail */
.customer-order-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 18px}.customer-order-toolbar button{min-height:38px;padding:0 17px;color:#5f7682;border:1px solid #cddde1;border-radius:999px;background:#fff;font-size:11px;font-weight:850;cursor:pointer}.customer-order-toolbar button:hover,.customer-order-toolbar button.active{color:#fff;border-color:var(--teal);background:var(--teal)}
.customer-order-workspace{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.42fr);gap:18px;align-items:start}.customer-order-list-card,.customer-order-detail{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 16px 45px rgb(30 70 91/.07)}.customer-order-list-card>header{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:22px 22px 17px;border-bottom:1px solid var(--line)}.customer-order-list-card>header>div{display:grid;gap:5px}.customer-order-list-card>header span,.customer-order-list-card>header small{color:#718593;font-size:9px}.customer-order-list-card>header strong{font-size:18px}.customer-order-list-card>header strong i{font-style:normal}.customer-order-list{display:grid}.customer-order-row{position:relative;display:grid;width:100%;gap:13px;padding:20px 21px;color:var(--ink);border:0;border-bottom:1px solid #e6edef;background:#fff;text-align:left;cursor:pointer;transition:.2s}.customer-order-row:last-child{border-bottom:0}.customer-order-row::before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--teal);content:"";opacity:0;transform:scaleY(.55);transition:.2s}.customer-order-row:hover{background:#f7fbfb}.customer-order-row.active{background:#eef9f8}.customer-order-row.active::before{opacity:1;transform:none}.customer-order-row-top,.customer-order-row-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-order-row-top strong{font-size:13px}.customer-order-row-top time{color:#78909b;font-size:9px}.customer-order-row-product{display:grid;gap:4px}.customer-order-row-product b{font-size:14px}.customer-order-row-product small{color:#718593}.customer-order-row-status{justify-content:flex-start}.customer-order-row-amount{margin-left:auto;font-size:12px}.customer-order-empty{margin:0;padding:40px 22px;color:#718593;text-align:center}
.order-badge{display:inline-flex;width:max-content;min-height:27px;align-items:center;padding:0 10px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.order-badge.order-planning{color:#076f6e;background:#cdf4ef}.order-badge.order-confirmed{color:#7a5716;background:#fae9bd}.order-badge.order-service{color:#334a8c;background:#e1e7ff}.order-badge.order-completed{color:#49606a;background:#e8eef0}.order-badge.payment-unavailable{color:#71818a;background:#edf2f4}.order-badge.payment-due{color:#9b5d11;background:#ffebc7}.order-badge.payment-processing{color:#385b9b;background:#e4ecff}.order-badge.payment-paid{color:#08734f;background:#d6f3e5}.order-badge.payment-refunded{color:#775d92;background:#efe6fa}
.customer-order-detail{min-height:670px}.customer-order-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 27px;color:#fff;background:linear-gradient(130deg,var(--navy),#135b69)}.customer-order-detail>header>div{display:grid;gap:7px}.customer-order-detail>header span{color:#b9d9df;font-size:9px;font-weight:850;letter-spacing:.12em}.customer-order-detail>header h2{margin:0;font-size:26px}.customer-order-detail>header small{color:#c7dbe0}.customer-order-detail .detail-badges{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.customer-order-detail-body{display:grid;gap:20px;padding:25px 27px}.customer-order-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}.customer-order-meta>div{display:grid;gap:6px;padding:15px;background:#f8fbfb}.customer-order-meta span{color:#718593;font-size:9px}.customer-order-meta strong{font-size:12px}.customer-order-progress{display:grid;gap:13px}.customer-order-progress>div:first-child{display:flex;justify-content:space-between;gap:15px}.customer-order-progress h3,.customer-order-quote h3,.customer-order-timeline h3{margin:0;font-size:16px}.customer-order-progress>div:first-child small{color:#718593}.customer-progress-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.customer-progress-track::before{position:absolute;top:13px;right:12%;left:12%;height:2px;background:#dbe7e9;content:""}.customer-progress-step{position:relative;z-index:1;display:grid;justify-items:center;gap:7px;color:#8a9aa2;text-align:center}.customer-progress-step i{display:grid;width:28px;height:28px;place-items:center;border:2px solid #d7e4e6;border-radius:50%;background:#fff;font-size:9px;font-style:normal}.customer-progress-step.done,.customer-progress-step.current{color:var(--ink);font-weight:800}.customer-progress-step.done i{color:#fff;border-color:var(--teal);background:var(--teal)}.customer-progress-step.current i{color:var(--teal);border-color:var(--teal);box-shadow:0 0 0 5px rgb(11 139 145/.1)}.customer-progress-step span{font-size:9px}.customer-order-lower{display:grid;grid-template-columns:1fr .85fr;gap:15px}.customer-order-quote,.customer-order-timeline{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fbfdfd}.customer-order-quote>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.customer-order-quote>header strong{font-size:21px}.customer-order-quote ul,.customer-order-timeline ol{display:grid;gap:10px;margin:15px 0 0;padding:0;list-style:none}.customer-order-quote li{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e7edef;font-size:11px}.customer-order-timeline li{position:relative;padding-left:17px;color:#627984;font-size:10px;line-height:1.55}.customer-order-timeline li::before{position:absolute;top:5px;left:0;width:7px;height:7px;border-radius:50%;background:var(--teal);content:""}.customer-order-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.customer-order-actions>div{display:flex;flex-wrap:wrap;gap:8px}.customer-order-actions button,.customer-order-actions a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;font-size:10px;font-weight:850;cursor:pointer}.customer-order-actions button{color:var(--teal);border:1px solid #bfd5d8;background:#fff}.customer-order-actions .pay-now{color:#fff;border-color:var(--teal);background:var(--teal)}.customer-order-actions .pay-now[disabled]{color:#81949c;border-color:#dce5e7;background:#edf2f4;cursor:default}.customer-order-actions small{max-width:250px;color:#718593;text-align:right;line-height:1.5}
@media(max-width:1180px){.customer-order-workspace{grid-template-columns:1fr}.customer-order-list{grid-template-columns:repeat(2,1fr)}.customer-order-row:nth-child(odd){border-right:1px solid #e6edef}.customer-order-detail{min-height:0}}
@media(max-width:720px){.customer-order-list{grid-template-columns:1fr}.customer-order-row:nth-child(odd){border-right:0}.customer-order-detail>header,.customer-order-actions{align-items:flex-start;flex-direction:column}.customer-order-detail .detail-badges{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.customer-order-meta{grid-template-columns:1fr 1fr}.customer-order-lower{grid-template-columns:1fr}.customer-order-actions small{text-align:left}}
@media(max-width:480px){.customer-order-list-card>header{align-items:flex-start;flex-direction:column}.customer-order-meta{grid-template-columns:1fr}.customer-order-detail-body{padding:21px 18px}.customer-order-detail>header{padding:22px 18px}.customer-progress-step span{font-size:8px}}

/* Phase 30: polished customer chat + customer order pagination */
.portal-chat{min-height:540px}.portal-chat-header{min-height:82px;padding:16px 20px!important;background:linear-gradient(125deg,#0b344b,#115464)!important}.portal-chat-header .chat-avatar{width:46px;height:46px;border-radius:15px;box-shadow:0 8px 22px rgb(0 0 0/.12)}.chat-header-copy{display:grid;gap:5px}.chat-presence{display:flex;align-items:center;gap:7px}.chat-presence i{width:7px;height:7px;border:2px solid rgb(255 255 255/.35);border-radius:50%;background:#71e0c8;box-shadow:0 0 0 3px rgb(113 224 200/.12)}.chat-context{display:grid;max-width:230px;gap:3px;margin-left:auto;padding:10px 13px;border:1px solid rgb(255 255 255/.12);border-radius:13px;background:rgb(255 255 255/.08)}.chat-context small{color:#a9ced4!important;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.chat-context b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.portal-chat-messages{min-height:340px;overflow-y:auto;align-items:stretch;gap:18px;padding:28px clamp(20px,3vw,38px);background:radial-gradient(circle at 85% 12%,rgb(189 244 236/.36),transparent 28%),linear-gradient(#f8fbfc,#f3f8f9)}.chat-day{align-self:center;padding:6px 10px;color:#7a8e98;border:1px solid #dce7e9;border-radius:999px;background:rgb(255 255 255/.82);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chat-message{display:flex;max-width:78%;align-items:flex-end;gap:10px}.chat-message>div{display:grid;gap:6px}.chat-message p{max-width:none!important;margin:0;padding:13px 16px;border-radius:6px 17px 17px 17px;font-size:13px;line-height:1.65}.chat-message time{padding:0 3px;color:#84959d;font-size:8px}.chat-message.agent p{background:#fff;box-shadow:0 10px 28px rgb(30 70 91/.09)}.message-avatar{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;color:#087069;border:1px solid #bde3dd;border-radius:10px;background:#d9f7f2;font-size:8px;font-weight:900}.chat-message.user{align-self:flex-end;justify-content:flex-end}.chat-message.user p{color:#fff;border-radius:17px 6px 17px 17px;background:linear-gradient(135deg,var(--teal),#08727d);box-shadow:0 10px 24px rgb(11 139 145/.18)}.chat-message.user time{text-align:right}.portal-chat .chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 15px;border-top:1px solid var(--line);background:#fff}.chat-input-shell{display:block;min-width:0}.portal-chat .chat-input-shell textarea{display:block;width:100%;height:50px;min-height:50px;padding:14px 16px;overflow-y:auto;color:var(--navy);border:1px solid #cbdde2;border-radius:16px;outline:0;background:#f9fcfc;line-height:20px;resize:none;transition:.2s}.portal-chat .chat-input-shell textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px rgb(11 139 145/.09)}.portal-chat .chat-send-button{width:auto;min-width:118px;min-height:48px;height:48px;align-self:center;padding:0 9px 0 18px;white-space:nowrap;box-shadow:0 10px 22px rgb(11 139 145/.18)}.chat-send-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgb(255 255 255/.16);font-size:13px}.customer-order-pagination{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;border-top:1px solid var(--line);background:#fbfdfd}.customer-order-pagination>span{color:#718593;font-size:9px;font-weight:750}.customer-order-pagination nav{display:flex;align-items:center;gap:7px}.customer-order-pagination button{display:grid;width:34px;height:34px;place-items:center;color:var(--teal);border:1px solid #c8dcdf;border-radius:11px;background:#fff;font-weight:900;cursor:pointer}.customer-order-pagination button:hover:not(:disabled){color:#fff;border-color:var(--teal);background:var(--teal)}.customer-order-pagination button:disabled{opacity:.35;cursor:default}.customer-order-pagination b{min-width:52px;color:var(--navy);font-size:9px;text-align:center}
@media(max-width:580px){.portal-chat{min-height:500px}.portal-chat-header{align-items:flex-start!important;flex-wrap:wrap}.chat-context{width:100%;max-width:none;margin-left:58px}.portal-chat-messages{min-height:300px;padding:22px 16px}.chat-message{max-width:92%}.portal-chat .chat-composer{grid-template-columns:minmax(0,1fr) auto;padding:11px}.portal-chat .chat-send-button{min-width:102px;height:48px;min-height:48px;padding-left:14px}.chat-send-icon{width:30px;height:30px}.customer-order-pagination{padding:10px 13px}}
.chat-message.agent{background:transparent;box-shadow:none}.chat-input-shell>.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}

/* Phase 34: registration, product ordering, and customer-visible custom content */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px;padding:5px;border:1px solid #d4e1e4;border-radius:13px;background:#f3f8f8}.auth-tabs button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#627983;font-weight:800}.auth-tabs button.active{background:#fff;color:#0b2a40;box-shadow:0 1px 0 #c9dadc}.auth-pane{display:none}.auth-pane.active{display:block}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.email-code-row{display:grid;grid-template-columns:1fr auto;gap:9px}.email-code-row button{border:1px solid #9fc8ca;border-radius:10px;padding:0 14px;background:#eef9f8;color:#087d83;font-weight:800;white-space:nowrap}.preview-code{margin:12px 0;padding:12px 14px;border:1px dashed #75bfc1;border-radius:10px;background:#eefafa;color:#0c6970;font-weight:800}.mini-product-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:auto}.mini-product-actions button{min-height:42px;border:1px solid #bfd3d7;border-radius:10px;padding:0 10px;background:#fff;color:#0b4553;font-weight:800}.mini-product-actions .product-order-button{border-color:#0b9298;background:#0b9298;color:#fff}.customer-order-description{grid-column:1/-1;padding:18px;border:1px solid #cfe0e3;border-radius:15px;background:#f7fbfb}.customer-order-description h3{margin:0 0 10px;font-size:18px}.customer-order-description .customer-rich-content{color:#4c6873;line-height:1.75}.customer-order-description .customer-rich-content ul{padding-left:20px}.payment-link-name{display:block;margin-top:5px;color:#748891;font-size:11px}.customer-order-actions .pay-now:not(:disabled){background:#0b9399;color:#fff}.customer-order-actions .pay-now:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:680px){.register-grid{grid-template-columns:1fr}.email-code-row{grid-template-columns:1fr}.email-code-row button{min-height:42px}.mini-product-actions{grid-template-columns:1fr}}

/* Customer password settings */
.profile-form+.profile-form{margin-top:18px}.password-change-form>div p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}

.customer-order-dialog{width:min(690px,calc(100% - 28px));padding:0;color:var(--navy);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 30px 90px rgb(7 31 53/.28)}.customer-order-dialog::backdrop{background:rgb(7 31 53/.38);backdrop-filter:blur(3px)}.customer-order-dialog form{display:grid;gap:18px;padding:26px}.customer-order-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.customer-order-dialog h2{margin:0;font-size:30px}.customer-order-dialog header>button{display:grid;width:38px;height:38px;place-items:center;color:#617a8a;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.customer-order-dialog label{display:grid;gap:7px}.customer-order-dialog label>span{font-size:11px;font-weight:800}.customer-order-dialog input,.customer-order-dialog textarea{width:100%;padding:12px 14px;color:var(--navy);border:1px solid #c9dbe1;border-radius:12px;outline:0;background:#fbfdfe;resize:vertical}.customer-order-dialog input{min-height:48px}.customer-order-dialog input:focus,.customer-order-dialog textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgb(11 139 145/.1)}.order-request-grid{display:grid;grid-template-columns:120px 1fr;gap:12px}.customer-order-dialog footer{display:flex;justify-content:flex-end;gap:10px}.customer-order-dialog footer>button:first-child{min-height:44px;padding:0 18px;color:#617a8a;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800;cursor:pointer}@media(max-width:680px){.order-request-grid{grid-template-columns:1fr}.customer-order-dialog form{padding:22px}.customer-order-dialog footer{align-items:stretch;flex-direction:column-reverse}.customer-order-dialog footer button{width:100%}}

/* Customer password settings */
.profile-form+.profile-form{margin-top:18px}.password-change-form>div p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6}

/* Account copy follows the selected language without clipping the fixed shell. */
@media(max-width:860px){
  .login-shell{padding:18px 0}
  .login-shell .login-story{min-height:0;padding:20px 25px;gap:8px}
  .login-story .portal-eyebrow,.login-story-card{display:none}
  .login-shell .login-story h1{margin:0;font-size:28px}
  .login-story>p:not(.portal-eyebrow){margin:0;font-size:13px;line-height:1.5}
  .login-panel{padding:24px}
  .login-panel form{margin-top:20px}
  .login-panel h2{font-size:30px}
}
.login-shell>*,.login-story-card>div,.dashboard-header-actions>*{min-width:0}
.login-story{display:flex;flex-direction:column;gap:16px}
.login-story-card{position:relative;inset:auto;margin-top:auto}
.login-story-card>span{flex-shrink:0}
.portal-primary{max-width:100%;padding-block:12px;line-height:1.5;text-align:center}
.dashboard-header-actions{min-width:0;flex-wrap:wrap;padding-block:10px}
.dashboard-header-actions :is(a,button){line-height:1.45;padding-block:10px;text-align:center}
.dashboard-main :is(div,article,section,form){min-width:0}
@media(max-width:580px){.dashboard-header-actions{gap:6px}.dashboard-header-actions .language-select{width:115px;min-width:0;padding-inline:8px}.login-story h1{font-size:clamp(36px,10vw,48px)}}

.email-code-row button:disabled{cursor:default;opacity:.72;background:#edf4f4;color:#536d79}.email-code-row button{min-width:132px;font-variant-numeric:tabular-nums}