/* Vchat Core 0.36.36-alpha — UI readability + PWA polish
   Final visual layer. Intentionally loaded after pwa.css. */

.vchat-frontend-app{
  --vc-fs-2xs:10px;
  --vc-fs-xs:11px;
  --vc-fs-sm:12px;
  --vc-fs-md:13px;
  --vc-fs-base:14px;
  --vc-fs-lg:16px;
  --vc-radius-sm:10px;
  --vc-radius-md:14px;
  --vc-radius-lg:18px;
  --vc-shadow-soft:0 10px 30px rgba(32,27,65,.06);
  font-size:15px!important;
  line-height:1.5!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
.vchat-frontend-app *{box-sizing:border-box}
.vchat-frontend-app button,.vchat-frontend-app a,.vchat-frontend-app input,.vchat-frontend-app select,.vchat-frontend-app textarea{-webkit-tap-highlight-color:transparent}
.vchat-frontend-app button:focus-visible,.vchat-frontend-app a:focus-visible,.vchat-frontend-app input:focus-visible,.vchat-frontend-app select:focus-visible,.vchat-frontend-app textarea:focus-visible{outline:3px solid rgba(101,84,184,.18)!important;outline-offset:2px!important}

/* Sidebar: readable, calm, aligned */
.vchat-brand-lockup{gap:12px!important;padding-bottom:22px!important}.vchat-brand-lockup strong{font-size:19px!important}.vchat-brand-lockup small{font-size:8px!important;letter-spacing:1.5px!important}
.vchat-nav-group-label,.vchat-nav-subgroup-label{font-size:9.5px!important;letter-spacing:.09em!important;padding-bottom:6px!important;color:rgba(255,255,255,.42)!important}
.vchat-primary-nav{gap:6px!important}.vchat-primary-nav button,.vchat-nav-admin-toggle,.vchat-nav-admin-items button{min-height:44px!important;font-size:13px!important;line-height:1.2!important;gap:11px!important;border-radius:13px!important}.vchat-primary-nav button i,.vchat-nav-admin-items button i{font-size:14px!important}
.vchat-upgrade-card strong{font-size:12px!important}.vchat-upgrade-card small{font-size:10px!important;line-height:1.45!important}.vchat-workspace-mini strong{font-size:11.5px!important}.vchat-workspace-mini small{font-size:9.5px!important}
.vchat-sidebar-logout{min-height:46px!important;font-size:12.5px!important;border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.96)!important;color:#544b70!important}

/* Header */
.vchat-header-left small{font-size:11px!important}.vchat-header-left strong{font-size:14px!important}.vchat-header-user strong{font-size:11px!important}.vchat-header-user a{font-size:9.5px!important}

/* General sections */
.vchat-app-section:not(.vchat-inbox-section){padding:30px 32px 56px!important}.vchat-page-heading{margin-bottom:24px!important}.vchat-page-heading h1{font-size:40px!important;line-height:1.05!important;letter-spacing:-1.7px!important}.vchat-page-heading p{font-size:14px!important;line-height:1.55!important;max-width:780px}.vchat-eyebrow{font-size:10.5px!important;padding:7px 11px!important}
.vchat-kpi-grid{gap:14px!important}.vchat-kpi-grid article{padding:20px!important;border-radius:18px!important}.vchat-kpi-grid small{font-size:11px!important}.vchat-kpi-grid strong{font-size:26px!important}.vchat-kpi-grid span{font-size:10.5px!important}
.vchat-app-card{border-radius:20px!important;box-shadow:var(--vc-shadow-soft)!important}

/* Inbox list */
.vchat-inbox-list-head{padding:20px 18px 13px!important}.vchat-inbox-list-head h1{font-size:30px!important}.vchat-search{height:46px!important;border-radius:14px!important}.vchat-search input{font-size:13px!important}.vchat-inbox-filters{gap:7px!important;padding-bottom:13px!important}.vchat-inbox-filters button{font-size:11px!important;padding:8px 11px!important}
.vchat-conversation-item{grid-template-columns:44px minmax(0,1fr) auto!important;gap:11px!important;padding:13px 11px!important;border-radius:16px!important}.vchat-avatar{width:44px!important;height:44px!important;font-size:11px!important}.vchat-conversation-copy strong{font-size:13px!important}.vchat-conversation-copy time{font-size:10px!important}.vchat-conversation-copy small,.vchat-conversation-preview{font-size:11px!important;line-height:1.35!important}.vchat-conversation-copy em{font-size:9px!important;padding:4px 7px!important}.vchat-conversation-item>b{font-size:10px!important}
.vchat-channel-badge{font-size:9px!important;padding:4px 7px!important}.vchat-channel-badge i{font-size:7px!important;min-width:20px!important}
.vchat-inbox-export-button{height:42px!important;font-size:10.5px!important}

/* Active conversation */
.vchat-chat-person strong{font-size:14.5px!important}.vchat-chat-person-meta,.vchat-chat-person-meta>#vchat-active-presence{font-size:10.5px!important}.vchat-channel-pill b{font-size:9px!important}.vchat-channel-pill i{font-size:7px!important}
.vchat-chat-actions button,.vchat-chat-actions #vchat-claim{font-size:10.5px!important}.vchat-mobile-contact-button b,.vchat-open-conversations b{font-size:10px!important}
.vchat-chat-toolbar{min-height:50px!important;padding:7px 12px!important}.vchat-reply-mode button{height:32px!important;font-size:10.5px!important}.vchat-chat-quick-actions button{height:36px!important;font-size:10.5px!important;padding:0 10px!important}
.vchat-sla-item{min-height:48px!important;flex-basis:145px!important}.vchat-sla-item small{font-size:9px!important}.vchat-sla-item strong{font-size:10.5px!important;line-height:1.2!important}.vchat-sla-item>span{font-size:11px!important}
.vchat-message{font-size:13.5px!important;line-height:1.48!important}.vchat-message time,.vchat-message-meta{font-size:10px!important}.vchat-composer textarea,.vchat-composer input{font-size:14px!important;line-height:1.5!important}.vchat-composer-tools button,.vchat-composer-actions button{font-size:11px!important}

/* Contact side panel */
.vchat-contact-tabs button{font-size:10.5px!important}.vchat-contact-profile strong{font-size:19px!important}.vchat-contact-profile small{font-size:11px!important}.vchat-contact-profile>div button{font-size:10px!important}.vchat-contact-card{padding:18px!important;border-radius:18px!important}.vchat-contact-card-head strong{font-size:12px!important}.vchat-contact-card-head>button{font-size:9.5px!important}.vchat-contact-card dt{font-size:10px!important}.vchat-contact-card dd{font-size:10.5px!important;line-height:1.4!important}.vchat-contact-notes{font-size:11.5px!important}

/* Contacts workspace */
.vchat-contact-overview small{font-size:11px!important}.vchat-contact-overview strong{font-size:27px!important}.vchat-contact-overview span{font-size:10px!important}.vchat-contact-toolbar-actions select{font-size:11.5px!important;height:42px!important}.vchat-contact-segments button,.vchat-contact-category-strip button{font-size:10.5px!important;min-height:34px!important}.vchat-contact-list-head span{font-size:13px!important}.vchat-contact-list-head small{font-size:10px!important}.vchat-contact-list-primary strong{font-size:12.5px!important}.vchat-contact-list-primary small{font-size:10.5px!important}.vchat-contact-pagination{font-size:11px!important}.vchat-contact-pagination button{font-size:11px!important}

/* Data, forms, automation and operational pages */
.vchat-frontend-app label,.vchat-frontend-app legend{line-height:1.35}.vchat-frontend-app input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),.vchat-frontend-app select,.vchat-frontend-app textarea{font-size:13px!important}.vchat-field>span,.vchat-form-field>span,.vchat-field-full>small{font-size:11px!important}.vchat-check-row span{font-size:12px!important}.vchat-library-list>article strong{font-size:12px!important}.vchat-library-list>article small{font-size:10px!important}.vchat-library-list>article>div:first-child>span{font-size:10px!important}.vchat-library-list button{font-size:10px!important}
.vchat-automation-list article,.vchat-automation-card{border-radius:18px!important;box-shadow:var(--vc-shadow-soft)!important}.vchat-automation-list strong,.vchat-automation-card strong{font-size:13px!important}.vchat-automation-list small,.vchat-automation-card small{font-size:10.5px!important;line-height:1.45!important}.vchat-automation-list button,.vchat-automation-card button{font-size:10.5px!important}

/* Modals */
.vchat-modal-dialog{border-radius:24px!important;box-shadow:0 28px 90px rgba(30,25,60,.2)!important}.vchat-modal-head strong,.vchat-modal-head h2,.vchat-modal-head h3{font-size:20px!important}.vchat-modal-body{font-size:13px!important;line-height:1.5!important}.vchat-modal-body small{font-size:11px!important}.vchat-modal-actions button{min-height:42px!important;font-size:11.5px!important}

/* Auth/login — breathing room + stronger readability */
.vchat-auth-page{font-size:15px!important}.vchat-auth-story{padding:clamp(42px,5vw,76px)!important}.vchat-auth-story h1{font-size:clamp(52px,5.2vw,78px)!important;line-height:.98!important;letter-spacing:-.045em!important;max-width:720px!important}.vchat-auth-story p{font-size:16px!important;line-height:1.65!important;max-width:620px!important}.vchat-auth-story small{font-size:11px!important}.vchat-auth-panel{padding:clamp(42px,5vw,78px)!important}.vchat-auth-card{width:min(100%,540px)!important;padding:42px 44px!important;border-radius:28px!important}.vchat-auth-card h2{font-size:44px!important;line-height:1.03!important;margin:14px 0 10px!important}.vchat-form-intro{font-size:14px!important;line-height:1.55!important;margin-bottom:26px!important}.vchat-auth-card label{font-size:11.5px!important;font-weight:800!important}.vchat-auth-card input{min-height:50px!important;font-size:14px!important;border-radius:13px!important}.vchat-auth-card .vchat-check,.vchat-auth-card .vchat-form-row>a{font-size:11px!important}.vchat-auth-card button[type="submit"],.vchat-auth-card .vchat-primary-button{min-height:50px!important;font-size:13px!important;border-radius:13px!important}.vchat-auth-card .vchat-auth-foot,.vchat-auth-card footer{font-size:11px!important}

/* PWA install card — compact and visually integrated. Strong specificity to beat global button rules. */
body .vchat-pwa-install-layer{right:18px!important;bottom:18px!important;width:min(318px,calc(100vw - 36px))!important;z-index:2147483200!important;transform:translateY(10px)!important}
body .vchat-pwa-install-layer.is-visible{transform:none!important}
body .vchat-pwa-install-card{padding:13px!important;border:1px solid rgba(91,73,164,.15)!important;border-radius:17px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 18px 48px rgba(32,27,65,.16)!important;overflow:hidden!important}
body .vchat-pwa-close{right:9px!important;top:9px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#f2effa!important;color:#5b4ca4!important;font-size:17px!important;line-height:28px!important;box-shadow:none!important}
body .vchat-pwa-brand{gap:9px!important;padding-right:34px!important}body .vchat-pwa-brand img,body .vchat-pwa-brand>span{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;font-size:17px!important}body .vchat-pwa-brand small{font-size:9px!important;line-height:1.15!important;color:#8b859e!important}body .vchat-pwa-brand strong{font-size:14px!important;line-height:1.15!important;color:#211e3b!important}
body .vchat-pwa-compact-copy{margin:9px 0 0!important;color:#746e87!important;font-size:10.5px!important;line-height:1.42!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body .vchat-pwa-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-top:10px!important}body .vchat-pwa-actions button{min-height:34px!important;height:34px!important;margin:0!important;padding:0 11px!important;border-radius:10px!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important}
body .vchat-pwa-primary{border:1px solid #5a4aa4!important;background:#5a4aa4!important;color:#fff!important}body .vchat-pwa-primary:hover{background:#4f4196!important;border-color:#4f4196!important;color:#fff!important}body .vchat-pwa-later{border:1px solid #ddd8ea!important;background:#fff!important;color:#645e76!important}body .vchat-pwa-installed-link{display:inline-flex!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#8c879b!important;font-size:9.5px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;text-decoration:none!important}
body .vchat-pwa-installed-link:hover{color:#5a4aa4!important;text-decoration:underline!important}
.vchat-sidebar-install{min-height:44px!important;margin-top:8px!important;padding:9px 11px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;background:rgba(255,255,255,.065)!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;box-shadow:none!important}.vchat-sidebar-install:hover{background:rgba(255,255,255,.11)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}.vchat-sidebar-install i{width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(255,255,255,.13)!important;color:#fff!important}

@media(max-width:1100px){
  .vchat-page-heading h1{font-size:36px!important}.vchat-app-section:not(.vchat-inbox-section){padding:26px 24px 48px!important}
  .vchat-contact-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  .vchat-frontend-app{font-size:15px!important}.vchat-primary-nav button,.vchat-nav-admin-toggle,.vchat-nav-admin-items button{font-size:14px!important;min-height:48px!important}.vchat-nav-group-label{font-size:10px!important}.vchat-workspace-mini strong{font-size:12px!important}.vchat-workspace-mini small{font-size:10px!important}
  .vchat-inbox-list-head h1{font-size:31px!important}.vchat-search input{font-size:14px!important}.vchat-inbox-filters button{font-size:12px!important}.vchat-conversation-copy strong{font-size:14px!important}.vchat-conversation-copy small,.vchat-conversation-preview{font-size:12px!important}.vchat-conversation-copy time{font-size:10.5px!important}
  .vchat-chat-person strong{font-size:15px!important}.vchat-chat-quick-actions button{font-size:11px!important}.vchat-sla-item small{font-size:9.5px!important}.vchat-sla-item strong{font-size:11px!important}.vchat-message{font-size:14px!important}.vchat-composer textarea{font-size:16px!important}
  .vchat-modal-body input,.vchat-modal-body select,.vchat-modal-body textarea{font-size:16px!important}
  .vchat-auth-panel{padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))!important}.vchat-auth-card{padding:30px 24px!important}.vchat-auth-card h2{font-size:36px!important}.vchat-form-intro{font-size:14px!important}.vchat-auth-card label{font-size:12px!important}.vchat-auth-card input{font-size:16px!important}
  body .vchat-pwa-install-layer{left:auto!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:min(300px,calc(100vw - 24px))!important}
}
@media(max-width:520px){
  .vchat-page-heading h1{font-size:32px!important}.vchat-page-heading p{font-size:13px!important}.vchat-kpi-grid strong{font-size:24px!important}
  .vchat-contact-overview{grid-template-columns:1fr 1fr!important}.vchat-contact-overview strong{font-size:24px!important}.vchat-contact-list-primary strong{font-size:13px!important}.vchat-contact-list-primary small{font-size:11px!important}
  body .vchat-pwa-install-layer{left:10px!important;right:10px!important;width:auto!important;bottom:calc(10px + env(safe-area-inset-bottom))!important}body .vchat-pwa-install-card{padding:12px!important;border-radius:16px!important}body .vchat-pwa-compact-copy{font-size:10.5px!important;-webkit-line-clamp:2!important}body .vchat-pwa-actions button{font-size:10.5px!important}
}