/* Approved inboxiz artwork only. Existing application logic is unchanged.
   Original product text remains accessible beneath the visual wordmark. */
:root{--inboxiz-production-logo:url('/brand/inboxiz-logo-compact.svg')}
/* Login, recovery and MFA: existing desktop and mobile logo containers. */
main > .grid > section:first-child > .flex.items-center.gap-3,
main > .grid > section:nth-child(2) .mb-10.flex.items-center.gap-3{
  position:relative!important;flex-shrink:0!important;
  width:180px!important;height:139px!important;
  background:#fff var(--inboxiz-production-logo) center / contain no-repeat!important;
  border-radius:10px!important;
}
main > .grid > section:first-child > .flex.items-center.gap-3 > *,
main > .grid > section:nth-child(2) .mb-10.flex.items-center.gap-3 > *{opacity:0!important;pointer-events:none!important}
/* Shared owner/admin/workspace header, including loading and access errors. */
.iz-topbar .iz-brand-symbol{display:none!important}
.iz-topbar .iz-brand-symbol + span{
  display:block!important;position:relative!important;flex-shrink:0!important;
  width:80px!important;height:62px!important;overflow:hidden!important;
  color:transparent!important;font-size:0!important;
  background:var(--inboxiz-production-logo) center / contain no-repeat!important;
}
.iz-topbar .iz-brand-symbol + span > *{opacity:0!important}
/* Existing workspace creation/invitation screen. */
main .mb-8.text-3xl.font-extrabold.tracking-tight{
  width:150px!important;height:116px!important;overflow:hidden!important;
  color:transparent!important;font-size:0!important;
  background:var(--inboxiz-production-logo) center / contain no-repeat!important;
}
main .mb-8.text-3xl.font-extrabold.tracking-tight > *{opacity:0!important}
/* One persistent public-policy link across all application screens. */
body{padding-bottom:38px!important}
#inboxiz-public-footer{
  position:fixed;inset:auto 0 0;z-index:40;min-height:38px;
  display:flex;align-items:center;justify-content:center;gap:16px;
  padding:8px 16px!important;background:#fff!important;
  border-top:1px solid #dce5e7;color:#121330;
  font:13px/1.5 system-ui,sans-serif!important;text-align:center;
}
#inboxiz-public-footer a{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
#inboxiz-public-footer a:focus-visible{outline:3px solid var(--brand-text);outline-offset:3px}
@media(max-width:480px){
  main > .grid > section:nth-child(2) .mb-10.flex.items-center.gap-3{width:150px!important;height:116px!important}
  .iz-topbar{column-gap:8px!important;padding-inline:12px!important}
  .iz-topbar .iz-brand-symbol + span{width:68px!important;height:53px!important}
}

/* Batch 2A: compact application chrome only. Keep the sidebar width, header,
   messaging geometry, authentication and standalone public pages unchanged. */
@media(min-width:768px){
  .iz-shell > .iz-layout > .iz-sidebar{padding:10px 12px!important}
  .iz-sidebar > .iz-profile{padding:8px!important;margin-bottom:8px!important}
  .iz-sidebar .iz-avatar{width:32px;height:32px}
  .iz-sidebar .iz-profile > div{gap:8px}
  .iz-sidebar .iz-profile p + p{margin-top:2px}
  .iz-sidebar > .iz-menu-label{font-size:10px;line-height:1.4;padding-inline:10px;margin-bottom:4px!important}
  .iz-sidebar nav[aria-label="Dashboard navigation"]{row-gap:2px!important}
  .iz-shell .iz-sidebar .iz-nav-item{min-height:32px!important;padding-block:6px!important;gap:8px;font-size:12px!important}
  .iz-sidebar .iz-nav-item > svg{width:16px;height:16px;flex-shrink:0}
  .iz-sidebar .iz-webchat-children .iz-nav-item > svg{width:15px;height:15px}
  .iz-sidebar .iz-webchat-children{gap:2px}
  .iz-sidebar > .iz-sidebar-hint{margin-top:10px;padding:8px;font-size:11px;line-height:1.5}
  .iz-sidebar > .iz-sidebar-hint > svg{display:inline-block;width:14px;height:14px;margin:0 5px 0 0;vertical-align:middle}

  /* Non-messaging pages get their own scroll region; never resize a chat to fit.
     The :has layout guard leaves sign-in/MFA/loading/access-error screens alone. */
  .iz-shell:has(> .iz-layout):not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)){
    display:flex;flex-direction:column;height:calc(100dvh - 38px);min-height:0!important;
  }
  .iz-shell:has(> .iz-layout):not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-topbar{flex-shrink:0}
  .iz-shell:has(> .iz-layout):not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout{
    flex:1;min-height:0!important;overflow:hidden;
  }
  .iz-shell:has(> .iz-layout):not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout > .iz-sidebar{
    min-height:0;overflow-y:auto;overscroll-behavior:contain;
  }
  .iz-shell:has(> .iz-layout):not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout > .iz-main{
    min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-top:8px!important;padding-bottom:12px!important;scrollbar-gutter:stable;
  }
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout > .iz-main > :is(section,div):not(.iz-webchat) h1,
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout > .iz-main > h1{font-size:18px!important;line-height:1.25!important}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout > .iz-main > :is(.mt-8,.mt-9,.mt-10){margin-top:14px}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]):not(:has(.iz-webchat)) > .iz-layout > .iz-main .iz-standard-page-header{margin-bottom:8px!important}
}

/* Approved Batch 2A overflow correction. Only the outer Shared Inbox workspace
   scrolls; its existing grid, canvas, composer, bubbles and divider keep their
   dimensions. A 12px scrollbar uses 12px of the existing 22px end padding. */
@supports selector(::-webkit-scrollbar){
  @media(min-width:768px){
    .iz-shell[data-inbox-open="true"]{height:calc(100dvh - 38px);min-height:0;display:flex;flex-direction:column}
    .iz-shell[data-inbox-open="true"] > .iz-topbar{flex-shrink:0}
    .iz-shell[data-inbox-open="true"] > .iz-layout{flex:1;min-height:0!important;overflow:hidden}
    .iz-shell[data-inbox-open="true"] > .iz-layout > .iz-sidebar{min-height:0;overflow-y:auto}
    .iz-shell[data-inbox-open="true"] > .iz-layout > .iz-main{min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-inline-end:10px!important}
    .iz-shell[data-inbox-open="true"] > .iz-layout > .iz-main::-webkit-scrollbar{width:12px}
    .iz-shell[data-inbox-open="true"] > .iz-layout > .iz-main::-webkit-scrollbar-track{background:#f0f4f3}
    .iz-shell[data-inbox-open="true"] > .iz-layout > .iz-main::-webkit-scrollbar-thumb{background:#6e7595;border:2px solid #f0f4f3;border-radius:8px;min-height:44px}
  }
}

/* Batch 2B: existing Dashboard and Shared Inbox surfaces only.
   Layered important declarations override the legacy universal green-button
   theme without changing component markup, layout or protected chat geometry. */
@layer inboxiz-batch2b{
  .iz-main:has(> h2.mt-10) > .grid > :is(div,button){
    background:#fff!important;border-color:#e5e9f2!important;border-radius:14px!important;
    box-shadow:0 3px 16px #12133008!important;color:#121330!important;
  }
  .iz-main:has(> h2.mt-10) > .grid > button:not(:disabled):hover{
    background:#fbfefc!important;border-color:var(--brand-border)!important;box-shadow:0 5px 18px #1213300d!important;
  }
  .iz-main:has(> h2.mt-10) > .grid > button:focus-visible{outline:2px solid var(--brand-text)!important;outline-offset:3px!important}
  .iz-main:has(> h2.mt-10) > .grid > :is(div,button) :is(h3,.font-bold){color:#121330!important}
  .iz-main:has(> h2.mt-10) > .grid > :is(div,button) p{color:#65728c!important}
  .iz-main:has(> h2.mt-10) > .grid > :is(div,button) .rounded-xl{background:var(--brand-surface)!important;color:var(--brand-text)!important}
  .iz-main:has(> h2.mt-10) > .grid > button{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  }
  .iz-main:has(> h2.mt-10) > .grid > :is(div,button) .rounded-xl{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    inline-size:48px!important;block-size:48px!important;font-size:20px!important;
  }
  .iz-main:has(> h2.mt-10) > .grid > :is(div,button) .rounded-full{background:var(--brand-surface)!important;color:var(--brand-text)!important}
  .iz-main:has(> h2.mt-10) > .grid > div > div:first-child{color:#65728c!important}
  .iz-main:has(> h2.mt-10) > .grid > div > div:first-child svg{color:var(--brand-text)!important}

  .iz-shell[data-inbox-open="true"] .iz-inbox-grid{border-color:#e3e8f1!important;box-shadow:0 3px 18px #12133008!important}
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > div:first-child > div:first-child{
    background:#f9fbfe!important;border-bottom-color:#e3e8f1!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > div:first-child > button[aria-pressed]{
    background:#fff!important;border-bottom-color:#edf0f6!important;color:#121330!important;box-shadow:none!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > div:first-child > button[aria-pressed="true"]{
    background:var(--brand-surface)!important;border-inline-start-color:var(--brand-primary)!important;box-shadow:inset 3px 0 var(--brand-primary)!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > div:first-child > button[aria-pressed="false"]:hover{background:#f5fbf8!important}
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > div:first-child > button p{color:#65728c!important}
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > div:first-child > button .font-bold{color:#121330!important}
  .iz-shell[data-inbox-open="true"] .iz-inbox-page-header button{
    background:#fff!important;color:var(--brand-text)!important;border-color:#dde5ec!important;box-shadow:none!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-page-header svg{color:var(--brand-text)!important}
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > .iz-chat-column > div:first-child{
    background:#fff!important;border-bottom-color:#e3e8f1!important;color:#121330!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > .iz-chat-column > div.border-t:has(.lucide-user-round){
    background:#fff!important;border-color:#e3e8f1!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > .iz-chat-column > div.border-t:has(.lucide-user-round) > div:first-child{
    background:#f9fbfe!important;border-bottom-color:#e3e8f1!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > .iz-chat-column > div.border-t:has(.lucide-user-round) > div:first-child button{
    background:#fff!important;color:#65728c!important;box-shadow:none!important;
  }
  .iz-shell[data-inbox-open="true"] .iz-inbox-grid > .iz-chat-column > div.border-t:has(.lucide-user-round) > div:first-child button[class*="bg-[#f0ecff]"]{
    background:var(--brand-surface)!important;color:var(--brand-text)!important;
  }
}

/* Batch 2C: paint-only Team Chat and Website Live Chat refinement.
   Preserve every existing dimension, spacing, scrollport and resize control. */
@layer inboxiz-batch2c{
  .iz-team-grid,.iz-webchat-workspace{background:#fff!important;border-color:#e3e8f1!important;box-shadow:0 3px 18px #12133008!important}
  .iz-team-list,.iz-webchat-workspace > div:first-child{background:#fff!important;border-color:#e3e8f1!important}
  .iz-team-list > h2,.iz-webchat-workspace > div:first-child > div:first-child{background:#f9fbfe!important;border-color:#e3e8f1!important;color:#121330!important}
  .iz-team-list button[aria-pressed],.iz-webchat-workspace [aria-label="Visitor conversations"] button[aria-pressed]{background:#fff!important;color:#121330!important;box-shadow:none!important}
  .iz-team-list button[aria-pressed="true"],.iz-webchat-workspace [aria-label="Visitor conversations"] button[aria-pressed="true"]{background:var(--brand-surface)!important;color:#121330!important;border-inline-start-color:var(--brand-primary)!important}
  .iz-team-list button[aria-pressed="false"]:hover,.iz-webchat-workspace [aria-label="Visitor conversations"] button[aria-pressed="false"]:hover{background:#f5fbf8!important}
  .iz-team-list button[aria-pressed] > .rounded-full{background:var(--brand-surface)!important;color:var(--brand-text)!important}
  .iz-team-list button[aria-pressed] > span.min-w-0 > span:first-child{color:#121330!important}
  .iz-webchat-workspace [aria-label="Visitor conversations"] button > span:first-child > span:first-child{color:#121330!important}
  .iz-webchat-workspace [aria-label="Visitor conversations"] button > span:nth-child(2){color:#65728c!important}
  .iz-team-grid > section[aria-label="Selected team conversation"] > header,.iz-webchat-workspace > .iz-chat-column > div:first-child{background:#fff!important;border-color:#e3e8f1!important;color:#121330!important}
  .iz-team-grid > section[aria-label="Selected team conversation"] > header button,.iz-webchat-page > header > button{background:#fff!important;color:var(--brand-text)!important;border-color:#dde5ec!important;box-shadow:none!important}
  .iz-team-chat > .iz-team-chat > header > div > span{background:var(--brand-surface)!important;color:var(--brand-text)!important;box-shadow:none!important}
  .iz-team-chat > .iz-team-chat > header > div > span svg{color:var(--brand-text)!important}
  .iz-team-chat > .iz-team-chat > header h1,.iz-webchat-page > header h1{color:#121330!important}
  .iz-main section[aria-label="Widget Configuration"] > div{background:#fff!important;border-color:#e3e8f1!important;box-shadow:0 3px 16px #12133008!important}
  .iz-main section[aria-label="Widget Configuration"] h2{color:#121330!important}
  .iz-main section[aria-label="Widget Configuration"] pre{background:#f5f7fb!important;color:#121330!important}
}

/* Final interface sprint: auth surfaces and non-messaging administration only.
   Every selector excludes all three live messaging workspaces. */
@layer inboxiz-final-interface {
  #root > main:has(> .grid){font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
  #root > main > .grid > section:first-child{background-color:#121330!important}
  #root > main > .grid > section:first-child h1 span{color:var(--brand-border)!important}
  #root > main > .grid > section:first-child .rounded-xl > svg{color:var(--brand-border)!important}
  #root > main > .grid > section:nth-child(2){background:#fff!important}
  #root > main > .grid > section:nth-child(2) h2{color:#121330!important;letter-spacing:-.025em}
  #root > main > .grid > section:nth-child(2) input{border-color:#cfd6e1!important;background:#fff!important}
  #root > main > .grid > section:nth-child(2) input:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}
  #root > main > .grid > section:nth-child(2) button[type="submit"]{background:var(--brand-primary)!important;color:var(--brand-on-primary)!important;box-shadow:0 3px 12px color-mix(in srgb, var(--brand-primary) 9.41%, transparent)!important;color:var(--brand-on-primary) !important}
  #root > main > .grid > section:nth-child(2) button[type="button"]:not([class*="bg-"]){background:transparent!important;color:var(--brand-text)!important;box-shadow:none!important}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main > section:not(.iz-webchat){color:#121330}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main h2{color:#121330!important;scroll-margin-block:16px}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main :is(.rounded-2xl.border.bg-white,.rounded-2xl.border[class*="bg-white"]){border-color:#e3e8ef!important;box-shadow:0 2px 12px #12133004}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;min-width:0;border-color:#d5dbe5!important}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main div:has(> table){overflow-x:auto;max-width:100%}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main table{font-size:12px}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main th{background:#f5f7fa!important;color:#626b80!important;font-size:11px;text-align:start}
  .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main button:not([class*="bg-"]):not([class*="border"]){background:transparent!important;color:var(--brand-text)!important;box-shadow:none!important}
  @media(max-width:767px){
    #root > main > .grid > section:nth-child(2){padding-block:24px 56px!important}
    #root > main > .grid > section:nth-child(2) .mb-10{margin-bottom:22px}
    #root > main > .grid > section:nth-child(2) h2{font-size:28px!important}
    .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main{padding-inline:14px!important}
    .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main > section{min-width:0;max-width:100%}
    .iz-shell:not([data-inbox-open="true"]):not([data-webchat-open="true"]):not([data-team-chat-open="true"]) .iz-main :is(h1,h2,h3,p,label){overflow-wrap:anywhere}
  }
}

/* Additive component styles override the existing unlayered element resets. */
  .iz-usage-meter{display:block;width:100%;height:8px;margin-top:12px;appearance:none;border:0;border-radius:99px;background:#eaf0f4;color:var(--brand-primary);overflow:hidden}
  .iz-usage-meter::-webkit-meter-bar{background:#eaf0f4;border:0;border-radius:99px;box-shadow:none}
  .iz-usage-meter::-webkit-meter-optimum-value{background:var(--brand-primary);border-radius:99px;color:var(--brand-on-primary)}
  .iz-usage-meter::-moz-meter-bar{background:var(--brand-primary);border-radius:99px;color:var(--brand-on-primary)}
  .iz-platform-section-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:14px 16px;border:1px solid var(--brand-selected);border-radius:12px;background:var(--brand-surface);font-size:12px}
  .iz-platform-section-navigation label{font-weight:700;color:#121330}
  .iz-platform-section-navigation select{flex:1;max-width:420px;min-width:180px!important;padding:9px 10px;border:1px solid #cfd9d5;border-radius:8px;background:#fff;color:#121330;font:inherit}
  .iz-platform-section-navigation > span{color:#566775;font-size:11px}
  .iz-organisation-open{flex-wrap:wrap;text-align:start;color:#121330!important}
  .iz-organisation-open:hover{text-decoration:underline;text-underline-offset:4px}
  .iz-view-label{font-size:11px;font-weight:600;color:var(--brand-text)}
  .iz-organisation-detail{padding:20px;border:1px solid var(--brand-selected);border-radius:14px;background:#fff;box-shadow:0 3px 18px #12133005}
  .iz-organisation-detail > header{display:flex;align-items:start;justify-content:space-between;gap:16px}
  .iz-organisation-detail .iz-eyebrow{font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-text);margin-bottom:6px}
  .iz-organisation-detail h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:750;overflow-wrap:anywhere}
  .iz-organisation-detail header p:last-child{font-size:12px;color:#6c7588;margin-top:6px}
  .iz-organisation-detail header button{padding:8px;border:1px solid #dce3eb;border-radius:8px;background:white!important;color:#121330!important;flex-shrink:0}
  .iz-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:18px}
  .iz-detail-metrics > div{padding:16px;background:#f5faf8;border:1px solid var(--brand-surface);border-radius:10px}
  .iz-detail-metrics dt{display:flex;align-items:center;gap:8px;color:#576578;font-size:12px}
  .iz-detail-metrics dt svg{color:var(--brand-text);flex-shrink:0}
  .iz-detail-metrics dd{font-size:24px;font-weight:750;margin-top:10px;font-variant-numeric:tabular-nums;color:#121330}
  .iz-detail-notice{font-size:12px;line-height:1.65;color:#667086}
@media(max-width:767px){
    .iz-platform-section-navigation{align-items:stretch}
    .iz-platform-section-navigation select{width:100%;flex-basis:100%;max-width:none}
    .iz-detail-metrics{grid-template-columns:1fr}
    .iz-organisation-detail{padding:16px}
}