.build-page{max-width:1500px;margin:auto;padding:22px 28px 34px;font-family:Nunito,ui-rounded,system-ui,sans-serif}.build-breadcrumb{display:flex;gap:12px;align-items:center;color:#8491a7;font-size:12px;font-weight:800;margin-bottom:14px}.build-breadcrumb a{color:#64799b}.build-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(105deg,#e5efff,#efeaff 55%,#f8ecf8);border:1px solid #d8dff5;border-radius:24px;padding:22px 31px;box-shadow:0 7px 24px #6264a50a}.build-kicker{font-size:11px;color:#6556bc;font-weight:900;letter-spacing:1.5px}.build-welcome h1{color:#172459;font-size:clamp(25px,2.8vw,36px);line-height:1.16;letter-spacing:-1.4px;margin:7px 0;font-weight:900}.build-welcome p{font-size:15px;color:#53637d;line-height:1.55;margin:0}.build-welcome>img{width:96px;height:96px;object-fit:contain;background:#ffffff9a;border-radius:24px;padding:8px;transform:rotate(4deg);box-shadow:0 8px 18px #6c5ab020}.build-columns{display:grid;grid-template-columns:minmax(0,1.57fr) minmax(330px,.83fr);gap:18px;margin-top:18px;align-items:start}.build-chat,.build-side>section{background:white;border:1px solid #dfe5f1;border-radius:22px;box-shadow:0 7px 24px #3e549010}.build-chat{overflow:hidden;min-width:0}.build-chat-head{display:flex;align-items:center;gap:12px;padding:17px 24px;border-bottom:1px solid #e8e9f2}.build-chat-head img{width:43px;height:43px;background:#e4f4ff;border-radius:14px}.build-chat-head strong{display:block;color:#203366;font-size:17px;font-weight:900}.build-chat-head small{display:block;color:#8794ab;font-size:11px;font-weight:700}.build-chat-head>span{margin-left:auto;background:#e9f8ed;color:#2d8b4b;border-radius:20px;padding:6px 11px;font-weight:900;font-size:11px}.build-chat .guest-messages{max-height:520px;min-height:230px;padding:22px 25px;overflow:auto}.build-chat .guest-greeting{background:#f3f1fa;padding:15px 18px;border-radius:4px 18px 18px 18px}.build-chat .guest-greeting h2{font-size:17px;margin:0 0 5px;color:#354365}.build-chat .guest-greeting p{font-size:14px;line-height:1.55}.build-chat .guest-user,.build-chat .guest-assistant{margin:17px 0}.build-chat .guest-user{margin-left:14%}.build-chat .guest-assistant{margin-right:9%}.build-chat .guest-message-text{padding:13px 17px;font-size:14px;line-height:1.6}.build-compose{border-top:1px solid #e9ecf5;padding:15px 21px 18px}.build-compose #guest-form{padding:0}.build-compose #guest-form label{font-size:12px;margin-bottom:8px}.build-compose #guest-message{min-height:68px;max-height:140px;font-size:14px;background:#f8faff}.build-compose .guest-send{margin-top:9px}.build-compose .guest-send button{font-size:14px;padding:9px 17px}.build-compose .guest-note{padding:10px 0 0;text-align:left;line-height:1.5}.build-side{display:flex;flex-direction:column;gap:15px}.build-side>section{padding:20px 21px}.build-side-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.build-side-head h2{margin:0;font-size:18px;letter-spacing:-.4px;color:#233566;font-weight:900}.build-side-head span{font-size:10px;background:#eef4ff;color:#4770aa;padding:5px 9px;border-radius:30px;font-weight:900;white-space:nowrap}.build-side p{margin:0;color:#79869f;font-size:12px;line-height:1.5}.build-steps{list-style:none;padding:0;margin:14px 0 0}.build-steps li{display:flex;gap:12px;align-items:flex-start;min-height:48px;position:relative}.build-steps li:not(:last-child):before{content:"";position:absolute;left:11px;top:22px;height:27px;width:2px;background:#dfe6f2}.build-steps li.done:not(:last-child):before{background:#71cf8d}.build-steps li>span{height:23px;width:23px;flex:none;display:grid;place-items:center;border:2px solid #ccd5e6;border-radius:50%;background:white;color:#9aa7bd;font-size:11px;font-weight:900;z-index:1}.build-steps li.done>span{background:#32ae62;border-color:#32ae62;color:white}.build-steps li.current>span{border-color:#5083f0;background:#5083f0;color:white;box-shadow:0 0 0 4px #dce9ff}.build-steps strong{display:block;font-size:13px;color:#364769;font-weight:900;line-height:1.25}.build-steps small{display:block;font-size:10px;color:#8e9ab0;margin-top:2px}.build-steps .current strong{color:#2367d7}.build-glance p{background:#f6f8fd;padding:12px 13px;border-radius:12px;color:#576786!important}.build-glance button{color:#2c6edf;font-size:12px;font-weight:900;padding:11px 0}.build-glance button:disabled{opacity:.5}.build-glance small{display:block;color:#8996aa;font-size:10px;line-height:1.4}.guest-build .guest-case-action{border-radius:0;box-shadow:none;border-left:0;border-right:0}.guest-build .guest-case-reminder{border-radius:0}.guest-build :is(button,textarea,a):focus-visible{outline:3px solid #9584df;outline-offset:2px}
@media(max-width:980px){.build-columns{grid-template-columns:1fr}.build-side{display:grid;grid-template-columns:1fr 1fr}.build-chat .guest-messages{max-height:440px}}@media(max-width:620px){.build-page{padding:16px 12px}.build-welcome{padding:18px;align-items:flex-start}.build-welcome h1{font-size:25px}.build-welcome p{font-size:13px}.build-welcome>img{width:60px;height:60px;padding:3px}.build-columns{gap:12px;margin-top:12px}.build-side{display:flex}.build-side>section{padding:17px}.build-chat .guest-messages{padding:16px;max-height:380px}.build-chat .guest-user{margin-left:6%}.build-chat .guest-assistant{margin-right:3%}.build-chat-head{padding:15px}.build-chat-head>span{display:none}.build-compose{padding:15px}.build-steps li{min-height:43px}}

/* Saved cases use the same welcome and two-column layout. */
.build-account-welcome{max-width:1440px;margin:18px auto 0}.build-account.reference-workspace{max-width:1480px;height:calc(100dvh - 235px);min-height:650px;grid-template-columns:minmax(0,1.57fr) minmax(330px,.83fr);gap:18px}.build-account .complaint-rail{display:none}.build-account .workspace-content{border-radius:22px}.build-account .case-summary{border-radius:22px;overflow:auto}.build-account .build-progress{padding:17px 16px;border:1px solid #e1e7f2;border-radius:15px}.build-account .build-side-head h2{font-size:17px}.build-account .build-steps li{min-height:45px}.build-next{display:block;margin-top:8px;padding:9px 0;color:#2c6edf;font-size:12px;font-weight:900}.build-account .case-progress{display:none}@media(max-width:980px){.build-account.reference-workspace{display:flex;flex-direction:column;height:auto;min-height:0}.build-account .workspace-content{width:100%;height:min(700px,75dvh);min-height:540px}.build-account .case-summary{width:100%;overflow:visible}.build-account-welcome{margin:12px}}@media(max-width:620px){.build-account-welcome{margin:10px 12px}.build-account .workspace-content{height:calc(100dvh - 220px);min-height:470px}}

.build-steps li:last-child::before{content:none!important}
/* Case workflow uses the existing NotHappy colours, typography and components. */
.contact-section{margin-top:28px;padding-top:22px;border-top:1px solid #e1e7f2}.contact-section h2,.workflow-intro h2{font-weight:900}.copy-choice{display:flex!important;align-items:center;gap:10px;font-size:14px!important}.copy-choice input{width:18px!important;height:18px!important;flex-shrink:0;accent-color:#2867e8}.approval-box{padding:18px;background:#f1f5ff;border:1px solid #d6e2fa;border-radius:16px;margin-top:14px}.approval-box p{font-size:13px;line-height:1.6}.approval-box button{margin:10px 8px 0 0}.payment-note{background:#f4f1ff;padding:12px;border-radius:12px;font-size:12px!important}.rights-result{padding:12px;background:#edf8f1;border-radius:12px;margin-top:10px}.rights-result summary{cursor:pointer;font-weight:800}.rights-result p{font-size:13px}.workflow-intro{padding:17px;border-radius:16px;background:linear-gradient(110deg,#eaf1ff,#f4eeff);margin-bottom:20px}.contact-section .note{border:1px solid #d8e5f8;padding:15px;border-radius:14px}.account-form textarea{width:100%;min-height:95px;padding:12px;border:1px solid #d7e0ef;border-radius:12px;font:inherit}.button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.approval-box button{width:100%}.contact-section{margin-top:20px}.case-tools{flex-wrap:wrap}}
/* The public Build your case entry uses the same workspace shell as saved cases. */
.entry-case-manager{max-width:1500px}.entry-case-manager .build-account-welcome{margin:0}.entry-case-top{padding:20px 24px;background:#fbfbff;border-bottom:1px solid #e4e9f4;display:flex;align-items:center;justify-content:space-between;gap:12px}.entry-case-top h1{font-size:19px;font-weight:900;margin:5px 0;color:#233566}.entry-case-top small{font-size:10px;letter-spacing:1px;color:#8290a7}.entry-case-tabs{padding:12px 18px;gap:8px;display:flex;flex-wrap:wrap;border-bottom:1px solid #e4e9f4}.entry-case-tabs button{border-radius:11px;font-size:13px;padding:10px 14px;color:#536681}.entry-case-tabs button.active{background:#eaf0ff;color:#2864dc;font-weight:800}.entry-case-manager .entry-tool{min-height:390px;padding:25px}.entry-tool h2{font-size:23px}.entry-tool p{line-height:1.6}.entry-tool-note{padding:18px 0;color:#536681}.entry-tool .quiet{font-size:12px;margin-top:18px}.entry-rights small{display:block;color:#8996aa;font-size:11px;line-height:1.5;margin-top:10px}.entry-case-manager [hidden]{display:none!important}@media(max-width:620px){.entry-case-top{padding:17px}.entry-case-top h1{font-size:17px}.entry-case-tabs{gap:4px;padding:10px}.entry-case-tabs button{font-size:12px;padding:9px}.entry-case-manager .entry-tool{padding:18px;min-height:330px}}
/* Friendly, consistent service tabs for guest and saved-case workspaces. */
:is(.build-account,.entry-case-manager) .case-tools button:is([data-panel],[data-guest-panel]){font-family:Nunito,ui-rounded,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:.1px;line-height:1.25;min-height:44px;padding:11px 17px;border:1px solid var(--tab-border);border-radius:14px;background:var(--tab-fill);color:var(--tab-ink);transition:box-shadow .15s ease,background-color .15s ease}
.case-tools :is([data-panel="chat"],[data-guest-panel="chat"]){--tab-fill:#edf3ff;--tab-border:#d4e1fb;--tab-ink:#365b92}
.case-tools :is([data-panel="letters"],[data-guest-panel="letters"]){--tab-fill:#f3edfc;--tab-border:#e2d5f4;--tab-ink:#715494}
.case-tools :is([data-panel="evidence"],[data-guest-panel="evidence"]){--tab-fill:#eaf7f0;--tab-border:#cce8da;--tab-ink:#386d57}
.case-tools :is([data-panel="details"],[data-guest-panel="details"]){--tab-fill:#fff2e9;--tab-border:#f3ddcc;--tab-ink:#8a5b3e}
:is(.build-account,.entry-case-manager) .case-tools button:is([data-panel],[data-guest-panel]).active{box-shadow:inset 0 -3px 0 var(--tab-ink),0 3px 9px #30476d0b;border-color:var(--tab-ink);background:var(--tab-fill);color:var(--tab-ink)}
:is(.build-account,.entry-case-manager) .case-tools button:is([data-panel],[data-guest-panel]):hover{box-shadow:0 3px 12px #30476d18;border-color:var(--tab-ink)}
:is(.build-account,.entry-case-manager) .case-tools button:is([data-panel],[data-guest-panel]):focus-visible{outline:3px solid #7596d8;outline-offset:3px}
:is(.build-account,.entry-case-manager) .case-tools{gap:9px;flex-wrap:wrap;padding:13px 18px}
@media(max-width:620px){:is(.build-account,.entry-case-manager) .case-tools{padding:12px;gap:8px}:is(.build-account,.entry-case-manager) .case-tools button:is([data-panel],[data-guest-panel]){flex:1 1 calc(50% - 8px);font-size:14px;padding:11px 9px}}
@media(prefers-reduced-motion:reduce){:is(.build-account,.entry-case-manager) .case-tools button{transition:none}}
/* Four ordered steps stay visible; each step has a clear action. */
.case-step-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;background:#f6f8fe;border-bottom:1px solid #e3e9f4;flex-shrink:0;font-family:Nunito,ui-rounded,system-ui,sans-serif}
.case-step-guide strong{font-size:14px;color:#344e79;font-weight:900}.case-step-guide p{font-size:12px;line-height:1.5;margin:4px 0 0;color:#667996}.case-step-guide .button{font-size:12px;padding:10px 13px;white-space:nowrap;flex-shrink:0}
.step-number{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff9;font-size:12px;margin-right:3px}
.case-step-actions{padding:20px 0 5px;margin-top:20px;border-top:1px solid #e0e8f3}.case-step-actions p{font-size:13px;color:#667996;margin:0 0 12px;line-height:1.5}
.evidence-file-control{display:block;max-width:100%;margin:12px 0 18px;padding:15px;background:#edf8f2;border:1px dashed #8bbba3;border-radius:13px;color:#386d57;font:inherit;font-size:13px}.evidence-file-control::file-selector-button{border:0;border-radius:8px;padding:10px 13px;margin-right:10px;background:#d2eddf;color:#2c654b;font:inherit;font-weight:800;cursor:pointer}
.build-account .workspace-panel{min-height:0}.build-account .case-tools,.build-account .workspace-top,.build-account .case-switch{flex-shrink:0}
@media(max-width:620px){.case-step-guide{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:10px}.case-step-guide .button{width:100%;justify-content:center}.build-account .workspace-content{min-height:640px}.case-step-actions .button{width:100%;justify-content:center}}
.evidence-upload-title{display:block;font-size:14px;font-weight:800;color:#386d57;margin-top:6px}