/* Account-specific Silicon-inspired composition; controls use shared widgets. */
.agency-page .ac-page{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;--ombox-text-primary:var(--ag-text);--ombox-text-secondary:var(--ag-muted);--ombox-bg-primary:var(--ag-surface);--ombox-bg-secondary:var(--ag-soft);--ombox-border-color:var(--ag-border)}
.ac-page .ac-sidebar{border-right:1px solid var(--ag-border);padding:44px 24px 60px 0}
.ac-page .ac-identity{text-align:center;margin-bottom:32px}.ac-page .ac-avatar{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--ag-soft);color:var(--ag-accent);font-size:44px;margin:0 auto 18px}.ac-page .ac-identity h2{font-size:21px;margin-bottom:8px}.ac-page .ac-identity p{color:var(--ag-muted);overflow-wrap:anywhere}
.ac-page .ac-navigation{display:grid;gap:5px}.ac-page .ac-navigation a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;color:var(--ag-text);text-decoration:none;font-weight:600}.ac-page .ac-navigation i{width:20px;color:var(--ag-muted)}.ac-page .ac-navigation a:hover{background:var(--ag-soft)}.ac-page .ac-navigation a[aria-current]{background:var(--ag-accent);color:#fff;box-shadow:0 7px 14px #0087f72b}.ac-page .ac-navigation a[aria-current] i{color:#d9edff}
.ac-page .ac-navigation a[hidden]{display:none!important}
.ac-page .ac-main{min-width:0;padding:44px 0 70px}.ac-page h1{font-size:34px;letter-spacing:-1px;margin:8px 0 34px;font-weight:750}.ac-page .ac-preview{font-size:13px;color:var(--ag-muted);margin:0 0 24px;line-height:1.8}.ac-page a{color:var(--ag-accent)}.ac-page .ac-preview a{white-space:nowrap}.ac-page .ac-section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--ag-border)}.ac-page .ac-section h2{font-size:21px;color:var(--ag-accent);margin:0 0 26px;font-weight:700}.ac-page .ac-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ac-page .ac-full{grid-column:1/-1}.ac-page .ac-field-link{font-size:12px;display:inline-block;margin-top:5px}.ac-page .ac-bio{margin-top:24px}.ac-page small,.ac-page .ac-muted{color:var(--ag-muted);line-height:1.7}.ac-page .ac-muted{margin:20px 0}.ac-page .ac-actions{display:flex;gap:14px;margin-top:28px}.ac-page fieldset{min-width:0}.ac-page .form-control{background:var(--ag-surface);color:var(--ag-text);border-color:var(--ag-border)}.ac-page .form-label{color:var(--ag-text)}.ac-page .ac-security{border:0}.ac-page .ac-security p{color:var(--ag-muted)}.ac-page .ag-button{color:#fff}.ac-page .ac-error{padding:14px;border:1px solid #FF0000;border-radius:8px;color:var(--ag-text);background:var(--ag-soft)}
.ac-page .ac-messenger{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid var(--ag-border);border-radius:9px;overflow:hidden;box-shadow:0 4px 14px #15182208;height:700px}.ac-page .ac-inbox{min-width:0;display:flex;flex-direction:column;background:var(--ag-soft);border-right:1px solid var(--ag-border)}.ac-page .ac-inbox>header{padding:24px}.ac-page .ac-inbox h2{font-size:28px;margin:0 0 20px;font-weight:750}.ac-page .ac-inbox .form-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ac-page .ac-contacts{overflow:auto;min-height:0;flex:1}.ac-page .ac-contact{width:100%;border:0;border-bottom:1px solid var(--ag-border);border-left:2px solid transparent;background:transparent;display:flex;align-items:center;text-align:left;gap:12px;padding:3px 16px;color:var(--ag-text);border-radius:0;white-space:normal}.ac-page .ac-contact[aria-pressed=true]{background:var(--ag-surface);border-left-color:var(--ag-accent)}.ac-page .ac-contact:hover{background:var(--ag-surface)}.ac-page .ac-small-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;background:#e0f1ff;color:#006dca;font-weight:700}.ac-page .ac-contact:nth-child(3n) .ac-small-avatar{background:#e3eee8;color:#39715c}.ac-page .ac-contact:nth-child(3n + 1) .ac-small-avatar{background:#f4e7df;color:#99705c}.ac-page .ac-contact-copy{min-width:0;flex:1}.ac-page .ac-contact strong,.ac-page .ac-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ac-page .ac-contact strong{font-size:15px}.ac-page .ac-contact small{font-weight:400;margin-top:6px;font-size:12px}.ac-page .ac-dot{width:7px;height:7px;border-radius:50%;background:var(--ag-accent);flex:none}.ac-page .ac-conversation{min-width:0;display:flex;flex-direction:column;background:var(--ag-surface)}.ac-page .ac-chat-header{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--ag-border)}.ac-page .ac-chat-header>div{display:flex;align-items:center;gap:12px;min-width:0}.ac-page .ac-chat-header strong{overflow-wrap:anywhere}.ac-page .ac-thread{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:20px}.ac-page .ac-thread-date{text-align:center;color:var(--ag-muted);font-size:12px}.ac-page .ac-bubble{max-width:88%;align-self:flex-start;background:var(--ag-soft);padding:16px;border-radius:0 9px 9px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ag-text);margin:0}.ac-page .ac-bubble.is-mine{align-self:flex-end;background:var(--ag-accent);color:#fff;border-radius:9px 0 9px 9px}.ac-page .ac-composer{padding:16px 22px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:center}.ac-page .ac-composer .form-label{display:none}.ac-page .ac-composer small{grid-column:1/-1;font-size:11px}.ac-page .ac-send-icon{display:grid;place-items:center;background:var(--ag-accent);color:white;height:44px;border-radius:7px}.ac-page .ac-empty{padding:22px;color:var(--ag-muted)}
@media(min-width:1200px){.ac-page[data-account-page=details] .ac-main{padding-left:65px}}
@media(max-width:1199px){.agency-page .ac-page{grid-template-columns:220px minmax(0,1fr);gap:24px}.ac-page .ac-messenger{grid-template-columns:220px minmax(0,1fr)}.ac-page .ac-chat-header{padding:16px}}
@media(max-width:991px){.agency-page .ac-page{display:block}.ac-page .ac-sidebar{border:0;padding:26px 0 0}.ac-page .ac-identity{display:flex;align-items:center;gap:14px;text-align:left;margin:0 0 20px}.ac-page .ac-avatar{width:54px;height:54px;font-size:24px;margin:0}.ac-page .ac-identity h2{margin:0;font-size:19px}.ac-page .ac-identity p{margin:0;font-size:13px}.ac-page .ac-navigation{display:flex;overflow:auto;padding:0 0 12px}.ac-page .ac-navigation a{flex:none;font-size:14px;padding:12px}.ac-page .ac-main{padding-top:20px}.ac-page .ac-messenger{grid-template-columns:250px minmax(0,1fr);height:680px}}
@media(max-width:575px){.ac-page .ac-identity{flex-wrap:wrap}.ac-page .ac-identity p{margin-left:auto}.ac-page h1{font-size:29px}.ac-page .ac-form-grid{grid-template-columns:1fr;gap:20px}.ac-page .ac-messenger{display:flex;flex-direction:column;height:auto}.ac-page .ac-inbox{border-right:0;border-bottom:1px solid var(--ag-border)}.ac-page .ac-inbox>header{padding:18px}.ac-page .ac-inbox h2{font-size:24px;margin-bottom:12px}.ac-page .ac-contacts{max-height:230px;flex:auto}.ac-page .ac-conversation{height:550px}.ac-page .ac-chat-header{padding:14px}.ac-page .ac-thread{padding:16px}.ac-page .ac-composer{padding:14px}.ac-page .ac-bubble{max-width:92%}.ac-page .ac-preview a{white-space:normal}}
/* Bridge shared control tokens to the public site's light/dark palette. */
.agency-page .ac-page{--color-white:var(--ag-surface);--color-surface:var(--ag-surface);--color-surface-muted:var(--ag-soft);--color-text:var(--ag-text);--color-text-primary:var(--ag-text);--color-text-muted:var(--ag-muted);--color-border:var(--ag-border);--color-primary:var(--ag-accent);--color-primary-light:var(--ag-soft)}
.ac-page .ac-contact{--bs-btn-hover-bg:var(--ag-surface);--bs-btn-active-bg:var(--ag-surface);--bs-btn-hover-color:var(--ag-text);--bs-btn-active-color:var(--ag-text);--bs-btn-color:var(--ag-text)}
.ac-page .ac-inbox .ombox-field-input-label,.ac-page .ac-composer .ombox-field-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Legacy shared readonly controls use fixed beige colors in eye-protection mode. */
body.agency-page.eye-protection .ac-page .ombox-field-input:is(.is-readonly,.is-disabled) :is(input:not([type=hidden]),textarea){background:var(--ag-soft)!important;color:var(--ag-muted)!important;border-color:var(--ag-border)!important}

/* Message record buttons retain two lines within the standard 40px control height. */
.ac-page .ac-contact .ac-small-avatar{width:24px;height:24px;font-size:12px}
.ac-page .ac-contact strong{font-size:14px;line-height:1.2}
.ac-page .ac-contact small{font-size:11px;line-height:1.2;margin-top:2px}
.ac-page .ac-avatar { position: relative; overflow: hidden; }
.ac-page .ac-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ac-page .ac-avatar-form .ombox-upload { max-width: 420px; margin-inline: auto; }
.ac-page .ac-avatar-form .ombox-upload-preview img { max-width: 112px; max-height: 112px; object-fit: cover; border-radius: 8px; }

.ac-page[data-account-page=details] .ac-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 32px; align-items: start; }
.ac-page .ac-profile-form, .ac-page .ac-avatar-form { min-width: 0; }
.ac-page .ac-avatar-form { padding: 24px; border: 1px solid var(--ag-border); border-radius: 8px; text-align: center; background: var(--ag-surface); }
.ac-page .ac-profile-picture { position: relative; display: grid; place-items: center; width: 160px; height: 160px; margin: 0 auto 24px; overflow: hidden; border-radius: 50%; background: var(--ag-soft); color: var(--ag-accent); font-size: 56px; }
.ac-page .ac-profile-picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ac-page .ac-avatar-form .ac-muted { font-size: 13px; }
.ac-page .ac-section-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 26px; }
.ac-page .ac-section-header h2 { margin: 0; }
.ac-page .ac-section-header .ac-actions { margin: 0 0 0 auto; flex-wrap: wrap; }
.ac-page .ac-avatar-form .ombox-upload-trigger { justify-self: center; }
/* Avatar controls are secondary actions, explicitly compact on this page. */
.ac-page .ac-avatar-form .btn.ombox-widget-button.ac-avatar-action { min-height: 30px; padding: 4px 10px; gap: 4px; font-size: 13px; }
@media(max-width:1199px) { .ac-page .ac-profile-layout .ac-form-grid { grid-template-columns: minmax(0, 1fr); } }
@media(max-width:767.98px) { .ac-page[data-account-page=details] .ac-profile-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } }

/* Message lists share the account shell; phones use labeled message cards. */
.ac-page .ac-message-tools .ombox-field-input { width: min(100%, 360px); }
.ac-page .ac-message-table .ac-message-cell { text-align: left; overflow-wrap: anywhere; }
.ac-page .ac-message-table th:nth-child(1) { width: 70px; }
.ac-page .ac-message-table th:nth-child(2) { width: 22%; }
.ac-page .ac-message-table th:nth-child(4) { width: 180px; }
.ac-page .ac-message-table th:nth-child(5) { width: 190px; }
.ac-page .ac-message-cards { display: none; }
.ac-page .ac-message-card { margin-bottom: 16px; overflow-wrap: anywhere; }
.ac-page .ac-message-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.ac-page [data-message-title] { overflow-wrap: anywhere; }
@media (max-width: 767.98px) {
    .ac-page .ac-message-table { display: none; }
    .ac-page .ac-message-cards { display: block; }
}