.company-brand-settings{color:#203842;max-width:1120px}.company-brand-settings .page-head p{color:#526973;max-width:650px;line-height:1.6}.company-brand-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:32px;display:grid}.company-brand-form{background:#fff;border:1px solid #dae4e7;border-radius:18px;min-width:0;padding:28px}.company-brand-form fieldset{border:0;min-width:0;margin:0;padding:0}.company-brand-form legend{color:#203842;margin-bottom:22px;font-size:18px;font-weight:650}.company-brand-field{color:#29434d;flex-direction:column;gap:7px;margin-top:18px;font-size:14px;font-weight:600;display:flex}.company-brand-field input{color:#203842;background:#fff;border:1px solid #b8cbd1;border-radius:9px;width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:16px;font-weight:400}.company-brand-field input:focus-visible,.company-brand-form button:focus-visible,.company-logo-upload:focus-within{outline-offset:3px;outline:3px solid #489f91}.company-color-input{gap:10px;display:flex}.company-color-input input[type=color]{flex-shrink:0;width:54px;padding:5px}.company-logo-editor{align-items:center;gap:16px;display:flex}.company-logo-tile{background:#f1f6f5;border:1px solid #d8e4e1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.company-logo-tile img{object-fit:contain;width:65px;height:65px}.company-logo-upload{color:#165d52;cursor:pointer;align-items:center;gap:8px;padding:9px 0;font-size:14px;font-weight:650;display:inline-flex;position:relative}.company-logo-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.company-logo-editor small{color:#536e76;font-size:12px;display:block}.company-logo-remove{color:#855039;background:0 0;align-items:center;gap:5px;width:auto;padding:7px 0;font-size:13px;display:flex}.company-brand-help{color:#566d76;margin-top:20px;font-size:13px;line-height:1.65}.company-brand-actions{border-top:1px solid #e3eae9;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.company-brand-actions button{color:#fff;background:#17665b;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:auto;min-height:44px;padding:11px 17px;font-size:14px;display:flex}.company-brand-actions button:disabled{opacity:.55;cursor:not-allowed}.company-brand-actions span{color:#536e76;font-size:12px}.company-brand-error{color:#853c24;background:#fff1eb;border:1px solid #e8c0ad;border-radius:9px;padding:14px;font-size:14px;line-height:1.55}.company-brand-error button{min-height:44px;margin-top:12px;font-size:13px}.company-brand-success{color:#165d47;background:#eef8f1;border:1px solid #b7d9c6;border-radius:9px;align-items:flex-start;gap:8px;padding:13px;font-size:14px;line-height:1.5;display:flex}.company-brand-preview{min-width:0;padding:16px 4px;position:sticky;top:24px}.company-preview-caption{letter-spacing:.04em;color:#597077;margin-bottom:15px;font-size:12px;display:block}.company-preview-window{background:#fff;border:1px solid #d8e4e4;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #193c3310}.company-preview-window header{border-bottom:1px solid #edf0f0;align-items:center;gap:12px;min-width:0;padding:22px;display:flex}.company-preview-window header>div:last-child{min-width:0}.company-preview-window header strong{overflow-wrap:anywhere;color:#203842;font-size:17px;font-weight:650;display:block}.company-preview-window header small{color:#587178;overflow-wrap:anywhere;margin-top:3px;font-size:12px;line-height:1.5;display:block}.company-preview-mark{background:var(--company-accent,#17665b);color:var(--company-on-accent,#fff);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:15px;font-weight:700;display:flex}.company-preview-mark:has(img){background:#fff}.company-preview-mark img{object-fit:contain;width:44px;height:44px}.company-preview-body{padding:30px 24px}.company-preview-greeting{color:#57716c;font-size:12px}.company-preview-body h2{letter-spacing:-.025em;color:#203c37;margin:9px 0 25px;font-size:25px;font-weight:650;line-height:1.3}.company-preview-body article{border-top:1px solid #e5edea;border-bottom:1px solid #e5edea;align-items:center;gap:13px;padding:16px 0;display:flex}.company-preview-body article strong{color:#2a4640;font-size:14px}.company-preview-body article p{color:#567069;margin:5px 0 0;font-size:12px}.company-preview-date{color:#355d50;background:#edf5f1;border-radius:9px;flex-direction:column;align-items:center;min-width:49px;padding:8px;display:flex}.company-preview-date small{letter-spacing:.08em;font-size:9px}.company-preview-date strong{line-height:1.5;font-size:20px!important}.company-preview-cta{background:var(--company-accent,#17665b);color:var(--company-on-accent,#fff);text-align:center;border-radius:9px;margin-top:24px;padding:12px;font-size:14px;font-weight:600}.company-preview-detail{text-align:center;color:#5c746e;margin:17px 0 0;font-size:12px;line-height:1.6}.company-preview-window footer{background:#f6f9f8;flex-direction:column;gap:10px;padding:17px 22px;display:flex}.company-preview-window footer:empty{display:none}.company-preview-window footer span{color:#45635b;overflow-wrap:anywhere;align-items:center;gap:6px;font-size:12px;display:flex}.company-preview-window footer svg{flex-shrink:0}.customer-portal .client-company-logo{object-fit:contain;background:#fff;border-radius:7px;flex-shrink:0;width:34px;height:34px;padding:3px}.customer-portal .client-nav-head strong,.customer-portal .client-wordmark strong{overflow-wrap:anywhere;min-width:0;font-family:inherit;font-size:15px}.customer-portal .client-brand-contact{border-top:1px solid #ffffff24;flex-direction:column;gap:10px;margin-top:auto;padding:18px 8px;display:flex}.customer-portal .client-brand-contact a{color:#d8e7e6;overflow-wrap:anywhere;font-size:12px;text-decoration:none}.customer-portal .client-brand-contact p{color:#d8e7e6;font-size:12px;line-height:1.5}.customer-portal .client-nav-head>span,.customer-portal .client-wordmark>span{background:var(--company-accent,#17665b);color:var(--company-on-accent,#fff);border:0;flex-shrink:0}.customer-portal .client-nav nav button.active{border-left:3px solid var(--company-accent,#17665b)}@media (max-width:850px){.company-brand-grid{grid-template-columns:1fr;gap:20px}.company-brand-preview{width:100%;max-width:440px;margin:auto;position:static}.company-brand-form{padding:22px}}@media (max-width:400px){.company-brand-form{padding:17px}.company-preview-body{padding:24px 18px}.company-preview-window header{padding:18px}.company-brand-actions button{width:100%}.company-logo-editor{gap:10px}.company-logo-tile{width:58px;height:58px}.company-logo-tile img{width:48px;height:48px}}