/* The Owner Command Center shares Freshtiq's one premium light/navy/teal design.
 * No mode switch. Preserve the actual credential, customer and CRM behavior. */
html{color-scheme:light!important}
html body {background:#eff5f8!important;color:#183247!important}
html body header {background:#183043!important;border-bottom:1px solid #476577!important;color:#fff!important}
html body header .brand{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body header .brand span{color:#68efe2!important;-webkit-text-fill-color:#68efe2!important}
html body header .nav a{color:#dff5fb!important;-webkit-text-fill-color:#dff5fb!important}
html body header .nav a:hover{text-decoration:underline}
html body #ownerThemeToggle{display:none!important}
html body h1,html body h2{color:#15344a!important}
html body .eyebrow{color:#075f69!important}
html body .muted{color:#3e5b6d!important}
html body .panel{
  background:#fff!important;border:1px solid #c9dce7!important;
  color:#173449!important;box-shadow:0 7px 26px rgba(13,52,78,.06)!important;
}
html body .stat,
html body #hub .stat{
  background:#183449!important;border:1px solid #416681!important;
  color:#f8fdff!important;box-shadow:0 6px 12px rgba(8,44,60,.09)!important;
}
html body .stat .label,html body #hub .stat .label{
 color:#d9ecf7!important;-webkit-text-fill-color:#d9ecf7!important;
}
html body .stat .value,html body #hub .stat .value{
 color:#6cf1df!important;-webkit-text-fill-color:#6cf1df!important;
}
html body .stat small,html body .stat p,
html body #hub .stat small,html body #hub .stat p{
 color:#e0eef6!important;-webkit-text-fill-color:#e0eef6!important;
}
html body .item,html body #hub .item{
 background:#edf5f8!important;color:#19384a!important;
 border:1px solid #bbd4e1!important;
}
html body #hub .item strong,
html body #hub .itemHead h2{
 color:#19384a!important;
}
html body .item .sub,html body #hub .item .sub{
 color:#405b6d!important;-webkit-text-fill-color:#405b6d!important;
}
html body .tag,
html body #hub .tag{color:#234b5e!important;border-color:#8eabba!important}
html body #hub details,
html body #hub #rawCrmDetails{
 background:#f6fbfd!important;color:#15374c!important;
 border:1px solid #bdcfda!important;
}
html body #hub details summary,
html body #hub #rawCrmDetails summary{color:#173b4e!important}
html body #hub .feedItem strong{color:#15354a!important}
html body #hub .feedItem small{color:#405e6d!important}
html body #hub #recordDetails{color:#294a5d!important}
html body :is(input,select,textarea) {
 background:#fff!important;color:#152f42!important;border-color:#9bb8c9!important;
}
html body :is(input,select,textarea)::placeholder{color:#516d7c!important;opacity:1!important}
html body .formRow label{color:#25475a!important}
html body .notice{
 background:#ebf7f8!important;color:#164454!important;border-color:#b5d8de!important;
}
html body .notice.warning{background:#fff6e7!important;color:#71470e!important;border-color:#d3aa5c!important}
html body .notice.error{background:#fff0ee!important;color:#822c2b!important;border-color:#cd9893!important}
html body .owner-auth-note,html body .owner-otp-lede{color:#3a596e!important}
html body #loginPanel h2{color:#133348!important}
html body .owner-auth-label{color:#244d5c!important}
html body button.secondary{
 color:#f7ffff!important;-webkit-text-fill-color:#f7ffff!important;
 background:#1d5364!important;border:1px solid #417d8b!important;
}
html body button:not(.secondary):not(.danger){
 color:#06313a!important;-webkit-text-fill-color:#06313a!important;
 background:#0ed7ca!important;
}
html body footer{color:#446276!important;border-color:#c7dbe4!important}
html body :is(button,a,input,select,textarea):focus-visible{
 outline:3px solid #168992!important;outline-offset:3px!important;
}
html body .wrap{max-width:1150px}
html body #hub .cards{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;
}
html body #leadQualityPanel .cards,
html body #leadAutopilotPanel .cards{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))!important;}
@media(max-width:900px) {
 html body #hub .cards,
 html body #leadQualityPanel .cards,
 html body #leadAutopilotPanel .cards{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html body .grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:600px) {
 html body header .wrap{justify-content:flex-start!important;align-items:stretch!important;gap:7px!important}
 html body .brand{font-size:16px!important}
 html body header .nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;}
 html body header .nav a{font-size:12px!important;min-height:42px;display:flex;align-items:center}
 html body #hub .cards,
 html body #leadQualityPanel .cards,
 html body #leadAutopilotPanel .cards{grid-template-columns:minmax(0,1fr)!important}
 html body h1{font-size:clamp(25px,7vw,34px)!important}
 html body p,html body .muted{font-size:15px!important;line-height:1.6!important}
 html body .panel{padding:18px!important}
 html body .itemHead{display:flex;flex-wrap:wrap;gap:12px}
 html body .stat .label{font-size:14px!important}
 html body .stat .value{font-size:27px!important}
 html body .item{padding:17px!important}
 html body .item strong{font-size:16px!important}
 html body .item .sub{font-size:14px!important;line-height:1.55!important}
 html body .tag{font-size:12px!important}
 html body :is(button,.button,input,select){min-height:46px!important;font-size:15px!important}
 html body .toolbar label,html body .formRow label{width:100%!important;min-width:0!important}
 html body .wrap{padding:0 16px!important}
 html body header .wrap{padding:13px 16px!important}
}
/* Mobile phone physically 390px wide, but WhatsApp/other app draws 980px CSS viewport.
 * Make the dashboard a readable one-column layout and scale type/touch targets
 * in this measured mismatch only. Desktop and tablets are not altered. */
html body.ftq-owner-phone-desktop-viewport{
 font-size:var(--fo-text)!important;line-height:1.55!important;
}
html body.ftq-owner-phone-desktop-viewport .wrap{
 width:calc(100% - var(--fo-pad) * 2)!important;
 max-width:none!important;padding:0!important;
 margin-inline:auto!important;
}
html body.ftq-owner-phone-desktop-viewport header .wrap{
 padding-block:var(--fo-pad)!important;
 display:flex!important;flex-direction:column!important;
 gap:var(--fo-gap)!important;align-items:stretch!important;
}
html body.ftq-owner-phone-desktop-viewport .brand{
 font-size:var(--fo-title)!important;max-width:100%!important;line-height:1.35!important;
}
html body.ftq-owner-phone-desktop-viewport header .nav{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:var(--fo-gap)!important;width:100%!important;
}
html body.ftq-owner-phone-desktop-viewport header .nav a{
 font-size:var(--fo-small)!important;line-height:1.3!important;
 min-height:var(--fo-btn)!important;display:flex!important;align-items:center!important;
}
html body.ftq-owner-phone-desktop-viewport main{
 padding-top:var(--fo-pad)!important;padding-bottom:calc(var(--fo-pad) * 3)!important;
}
html body.ftq-owner-phone-desktop-viewport :is(h1,h2){
 font-size:var(--fo-heading)!important;line-height:1.24!important;
}
html body.ftq-owner-phone-desktop-viewport :is(p,.muted,.notice,.eyebrow){
 font-size:var(--fo-text)!important;line-height:1.55!important;
}
html body.ftq-owner-phone-desktop-viewport :is(.panel,.stat,.item,details){
 padding:var(--fo-pad)!important;min-width:0!important;max-width:100%!important;
 margin-block:var(--fo-gap)!important;
}
html body.ftq-owner-phone-desktop-viewport
 :is(.cards,#leadQualityPanel .cards,#leadAutopilotPanel .cards,.grid){
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:var(--fo-gap)!important;
}
html body.ftq-owner-phone-desktop-viewport .stat .label,
html body.ftq-owner-phone-desktop-viewport .item .sub,
html body.ftq-owner-phone-desktop-viewport .tag{
 font-size:var(--fo-small)!important;
}
html body.ftq-owner-phone-desktop-viewport .stat .value{
 font-size:var(--fo-heading)!important;
}
html body.ftq-owner-phone-desktop-viewport :is(.item strong,.itemHead h2,summary){
 font-size:var(--fo-title)!important;
}
html body.ftq-owner-phone-desktop-viewport :is(button,.button,input,select,textarea){
 font-size:var(--fo-text)!important;
 min-height:var(--fo-btn)!important;
 padding:var(--fo-gap)!important;
 max-width:100%!important;
}
html body.ftq-owner-phone-desktop-viewport .itemHead,
html body.ftq-owner-phone-desktop-viewport .formRow{
 display:flex!important;flex-wrap:wrap!important;gap:var(--fo-gap)!important;
}
html body.ftq-owner-phone-desktop-viewport .toolbar label,
html body.ftq-owner-phone-desktop-viewport .formRow label{
 width:100%!important;min-width:0!important;font-size:var(--fo-small)!important;
}
html body.ftq-owner-phone-desktop-viewport .tag{
 white-space:normal!important;
}
/* The legacy light-mode stylesheet uses a strong white header override.
 * Outrank it explicitly so navigation text never disappears. */
html[data-ftq-theme="light"] body header{
 background:#183043!important;border-bottom:1px solid #476577!important;
 color:#fff!important;
}
html[data-ftq-theme="light"] body header .brand{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-ftq-theme="light"] body header .brand span{
 color:#68efe2!important;-webkit-text-fill-color:#68efe2!important;
}
html[data-ftq-theme="light"] body header .nav a{
 color:#dff5fb!important;-webkit-text-fill-color:#dff5fb!important;
}