/* v4.7.0 Dashboard & Brand Polish — baseline visual language for Property Studio. */

/* Shared shell / brand lockup */
.sidebar{background:rgba(252,251,248,.94);border-color:#DDE4DF;box-shadow:0 18px 48px rgba(37,49,46,.065);padding:18px 16px}
.brand{gap:11px;align-items:flex-start}.brand img{width:48px;height:48px;border-radius:15px;border-color:#E6E7E2;background:#fff}
.brand-lockup{min-width:0}.brand-lockup h1{display:grid;gap:1px;margin:0;line-height:1}.brand-parent{font-size:18px;font-weight:950;letter-spacing:-.045em;color:#1D2A27}.brand-product{font-size:15px;font-weight:760;letter-spacing:-.025em;color:#53625D;margin-top:3px}.brand p.version-line{margin-top:7px;gap:6px}.beta-badge{background:var(--accent);padding:4px 7px;font-size:9px;letter-spacing:.055em}.version-text{font-size:10px;color:#7B847F}
.nav{gap:5px}.nav button{width:100%;min-height:42px;padding:10px 11px;border-radius:13px;font-size:13px;color:#3B4945}.nav button:hover{background:#F0F2EE;transform:none}.nav button.active{background:#E4ECE7;border-color:#D3E0D9;color:var(--accent2);box-shadow:inset 3px 0 0 var(--accent)}
.mini-card{background:#F9F8F4;border-color:#E3E6E1;border-radius:16px;padding:13px}.mini-card b{color:#34423E}.mini-card .hint{font-size:11.5px;line-height:1.5}
.sidebar-foot{gap:8px}.sidebar-account-actions{gap:7px}.sidebar-account-actions .pill{background:#E8EFEA;color:#2F5D50}.sidebar-account-actions button{min-height:38px}

/* Dashboard top */
[data-page="dashboard"]{gap:16px}
[data-page="dashboard"] .hero{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:16px;align-items:stretch}
[data-page="dashboard"] .hero-panel{background:linear-gradient(138deg,#1F5B52 0%,#194C45 60%,#173F39 100%);border-radius:26px;padding:28px 30px;box-shadow:0 22px 54px rgba(30,72,65,.15);gap:22px;align-content:start}
[data-page="dashboard"] .hero-panel h2{font-size:31px;letter-spacing:-.052em;line-height:1.04;font-weight:870}
[data-page="dashboard"] .hero-panel p{color:#E5F0EB;font-size:13.5px;line-height:1.55;max-width:670px}
[data-page="dashboard"] .quick-grid{gap:10px}
[data-page="dashboard"] .quick{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.065);border-radius:16px;padding:12px 14px;min-height:72px;color:#F8FBF9}
[data-page="dashboard"] .quick b{font-size:13px;margin-bottom:3px}.quick span{font-size:12px;line-height:1.4;color:rgba(255,255,255,.82)}
[data-page="dashboard"] .hero-panel .actions{gap:9px}.hero-panel button.primary{background:#F8FAF7;color:#214A43;box-shadow:none}.hero-panel button.primary:hover{background:#FFF}.hero-panel button:not(.primary){background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#FFF}.hero-panel button:not(.primary):hover{background:rgba(255,255,255,.15)}

/* Gallery */
.brand-gallery{border-radius:26px;border-color:#D7DDD8;box-shadow:var(--shadow)}.gallery-frame{background:#D8DDD9}.gallery-caption{left:14px;right:14px;bottom:14px;background:rgba(28,48,43,.82);border-radius:16px;padding:13px 15px;box-shadow:0 10px 24px rgba(0,0,0,.12)}.gallery-caption b{font-size:14px}.gallery-caption span{font-size:11.5px;color:#E5EEE9}.gallery-dots{top:13px;right:13px}

/* Dashboard metrics */
[data-page="dashboard"] .metrics{gap:10px}
[data-page="dashboard"] .metric{padding:15px 17px;background:rgba(255,255,255,.84);border-color:#E0E4DF;border-radius:18px;box-shadow:var(--shadow-soft);min-height:88px;display:flex;flex-direction:column;justify-content:center;transition:.16s ease}
[data-page="dashboard"] .metric:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(37,49,46,.07)}
[data-page="dashboard"] .metric b{order:1;font-size:29px;line-height:1;letter-spacing:-.055em;margin:0;color:#22302C}
[data-page="dashboard"] .metric span{order:2;margin-top:7px;font-size:11px;letter-spacing:.015em;color:#78817D;text-transform:none;font-weight:800}
[data-page="dashboard"] .health-card b{color:var(--accent)}

/* Dashboard insight cards */
.dashboard-insights{gap:14px;align-items:start}.dashboard-list-card{border-radius:20px;box-shadow:var(--shadow-soft)}.dashboard-list-card .card-head{padding:15px 17px}.dashboard-list-card .card-head h3{font-size:15px}.dashboard-list-card .card-head p{font-size:11px;margin-top:2px}.dashboard-list-card .card-head button{background:#EDF1EE;color:#344A44}
.dashboard-package-row{padding:14px 16px;gap:16px}.dashboard-package-row b{font-size:12.5px;line-height:1.25}.dashboard-package-row span{font-size:10.5px}.dashboard-row-actions{gap:6px}.dashboard-row-actions .hint{min-width:82px;text-align:right;color:#68736F;font-size:10.5px}.dashboard-row-actions button{padding:6px 9px;background:#EEF2EF}.dashboard-row-actions button:last-child{background:transparent;border:1px solid #E0E4DF}
.attention-card{border-color:#E8D9BD}.attention-card .card-head{background:#FCF8F0}.attention-card .dashboard-empty{padding:18px 16px}.dashboard-empty{padding:22px 18px}.dashboard-empty.healthy{background:linear-gradient(180deg,#FBFCFA,#F7FAF7)}.dashboard-empty.healthy b{color:#32694D}

/* Lower tools / service cards */
.onboarding-grid{gap:14px}.onboarding-grid.has-listings{grid-template-columns:1fr 1fr}.onboarding-grid:not(.has-listings) #emptyStartCard{grid-column:1/-1}.onboarding-card{background:rgba(255,255,255,.86);border-color:#E0E4DF;border-radius:20px;box-shadow:var(--shadow-soft);padding:18px}
.dashboard-tool-card{min-height:164px;align-content:start;position:relative;overflow:hidden}.dashboard-tool-card h3{margin:0;font-size:16px;letter-spacing:-.025em}.dashboard-tool-card .hint{font-size:11.5px;line-height:1.55;max-width:640px}.dashboard-tool-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#74817C}.dashboard-tool-footer{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tool-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#E6EEE9;color:#2F5B50;font-size:10px;font-weight:900}.tool-status.champagne{background:#F3ECE0;color:#775D34}.tool-arrow{font-size:10.5px;color:#6A746F;font-weight:800}
.photographer-tool-card{background:linear-gradient(135deg,#FCFBF8 0%,#F7F1E7 100%);border-color:#E7DAC5}.photographer-tool-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-55px;top:-65px;background:rgba(197,164,109,.10);pointer-events:none}.photographer-placeholder-btn:disabled{opacity:.72;background:#EEE4D5;color:#705D3F;border:1px solid #E2D2BA;cursor:default}

/* Account card / signed-out dashboard */
#accountCard{background:rgba(255,255,255,.9);border-color:#E0E4DF;box-shadow:var(--shadow-soft)}
.auth-signed-out [data-page="dashboard"] .hero{align-items:start}.auth-signed-out [data-page="dashboard"] .hero-panel{min-height:0}

@media(max-width:1180px){[data-page="dashboard"] .hero{grid-template-columns:1fr}.brand-gallery{min-height:360px}.onboarding-grid.has-listings{grid-template-columns:1fr 1fr}}
@media(max-width:760px){[data-page="dashboard"] .hero-panel{padding:23px 20px}.onboarding-grid.has-listings{grid-template-columns:1fr}.dashboard-tool-card{min-height:0}}

/* v4.7.1 Dashboard final polish — neutral base + compact Tools rail. */
.sidebar{background:rgba(255,255,255,.96);border-color:#D9E3DD;box-shadow:0 18px 48px rgba(37,49,46,.055)}
.nav button:hover{background:#F1F5F2}.nav button.active{background:#E3ECE7;border-color:#D3E0D9;color:var(--accent2);box-shadow:inset 3px 0 0 var(--accent)}

.sidebar-tools{display:grid;gap:8px;margin-top:1px}
.sidebar-tools-title{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 1px}.sidebar-tools-title span{font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#7A8681}
.sidebar-tool-card{position:relative;display:grid;grid-template-columns:28px 1fr;gap:9px;padding:11px 10px 30px;border:1px solid #DDE6E0;border-radius:15px;background:#FFFFFF;box-shadow:0 6px 16px rgba(37,49,46,.035);min-width:0}
.sidebar-tool-card.photographer{border-color:#E6DDCF;background:#FFFEFB}
.sidebar-tool-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#E7EFEA;color:#28594F;font-size:15px;font-weight:900}
.sidebar-tool-card.photographer .sidebar-tool-icon{background:#F3EDE3;color:#7A613C}
.sidebar-tool-copy{display:grid;gap:3px;min-width:0}.sidebar-tool-copy b{font-size:11.5px;line-height:1.25;color:#2A3834}.sidebar-tool-copy span{font-size:10px;line-height:1.35;color:#6D7974}
.sidebar-tool-state{position:absolute;left:47px;bottom:9px;display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;font-size:8.5px;font-weight:900;letter-spacing:.015em}
.sidebar-tool-state.available{background:#E7EFEA;color:#2F5D50}.sidebar-tool-state.coming{background:#F2ECE3;color:#745D3B}

[data-page="dashboard"] .metric{background:#FFFFFF;border-color:#DDE5E0;box-shadow:0 8px 22px rgba(37,49,46,.04)}
.dashboard-list-card{background:#FFFFFF;border-color:#DDE5E0;box-shadow:0 9px 26px rgba(37,49,46,.045)}
.attention-card{border-color:#E5DECf}.attention-card .card-head{background:#FCFBF7}
.dashboard-empty.healthy{background:#FBFDFB}

/* Champagne stays an accent, not a page tint. */
[data-page="dashboard"] .hero-panel{box-shadow:0 22px 54px rgba(30,72,65,.13)}
.brand-gallery{background:#FFFFFF;border-color:#D9E2DC}
#accountCard{background:#FFFFFF;border-color:#DDE5E0}

/* Empty-account onboarding remains in the main canvas only when there are no listings. */
.onboarding-grid{grid-template-columns:1fr}.onboarding-card{background:#FFFFFF;border-color:#DDE5E0}

@media(max-width:1180px){.sidebar-tools{grid-template-columns:1fr}}

/* v4.7.2 Dashboard violet reskin — Property Platform visual language. */
:root{
  --studio-violet:#6C5CF6;
  --studio-violet-dark:#5849E8;
  --studio-violet-soft:#F1EEFF;
  --studio-violet-softer:#F8F6FF;
  --studio-ink:#19191F;
  --studio-muted:#6E6E7A;
  --studio-line:#E8E6F0;
  --studio-page:#F8F8FB;
}
body{background:radial-gradient(circle at 88% 2%,#F3F0FF 0,transparent 25%),linear-gradient(180deg,#FBFBFD 0%,#F7F7FA 100%);color:var(--studio-ink)}
.sidebar{background:rgba(255,255,255,.97);border-color:var(--studio-line);box-shadow:0 18px 48px rgba(42,35,92,.055)}
.brand img{background:#fff;border-color:#EEEAFB;object-fit:contain;padding:5px}
.brand-parent{color:#18181D}.brand-product{color:#373743}.beta-badge{background:var(--studio-violet-soft);color:var(--studio-violet-dark);padding:4px 8px}.version-text{color:#92909C}
.nav button{color:#41414B}.nav button:hover{background:#F8F7FC}.nav button.active{background:var(--studio-violet-soft);border-color:#E9E4FF;color:var(--studio-violet-dark);box-shadow:none}
.sidebar-tools-title span{color:#93919E}.sidebar-tool-card{border-color:#ECE9F3;background:#FFFFFF;box-shadow:0 6px 16px rgba(44,38,86,.03)}.sidebar-tool-card.photographer{border-color:#ECE9F3;background:#FFFFFF}
.sidebar-tool-icon,.sidebar-tool-card.photographer .sidebar-tool-icon{background:var(--studio-violet-soft);color:var(--studio-violet);font-size:14px}
.sidebar-tool-copy b{color:#24242B}.sidebar-tool-copy span{color:#777581}.sidebar-tool-state.available,.sidebar-tool-state.coming{background:#F0EDFF;color:var(--studio-violet-dark)}
.sidebar-account-actions .pill{background:#F3F1FF;color:#5E50DF}.sidebar-account-actions .ghost{border-color:#E7E4EF;background:#fff}.sidebar-account-actions .ghost:hover{background:#F8F7FC}

[data-page="dashboard"]{gap:16px}
[data-page="dashboard"] .hero{grid-template-columns:minmax(0,1.35fr) minmax(340px,.8fr);gap:16px}
[data-page="dashboard"] .hero-panel{background:#FFFFFF;color:var(--studio-ink);border:1px solid var(--studio-line);border-radius:24px;padding:28px 30px;box-shadow:0 16px 42px rgba(43,35,91,.055);gap:20px;overflow:hidden;position:relative}
[data-page="dashboard"] .hero-panel:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(108,92,246,.11),rgba(108,92,246,0) 70%);pointer-events:none}
[data-page="dashboard"] .hero-panel h2{color:var(--studio-ink);font-size:31px;line-height:1.05;letter-spacing:-.052em}.hero-accent{color:var(--studio-violet)}
[data-page="dashboard"] .hero-panel p{color:#646370;font-size:13.5px;line-height:1.55;max-width:700px}
[data-page="dashboard"] .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #ECE9F4;border-radius:18px;padding:14px 8px;background:#FEFEFF}
[data-page="dashboard"] .quick{position:relative;border:0;background:transparent;border-radius:0;padding:0 10px 2px;min-height:112px;color:var(--studio-ink);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start}
[data-page="dashboard"] .quick:not(:last-child):after{content:"";position:absolute;top:22px;right:-10%;width:20%;border-top:2px dotted #D4CEF9}
[data-page="dashboard"] .quick-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--studio-violet-soft);color:var(--studio-violet);font-weight:950;font-size:16px;margin-bottom:10px}
[data-page="dashboard"] .quick b{font-size:11.5px;color:#27262E;margin:0 0 5px}.quick span:not(.quick-icon){font-size:10.5px;line-height:1.4;color:#777581;max-width:150px}
[data-page="dashboard"] .hero-panel .actions{margin-top:0}.hero-panel button.primary{background:linear-gradient(135deg,#725CFF,#634EF2);color:#fff;border:1px solid #6652F4;box-shadow:0 8px 20px rgba(108,92,246,.16)}.hero-panel button.primary:hover{background:var(--studio-violet-dark)}.hero-panel button:not(.primary){background:#fff;border:1px solid #DCD6FF;color:#5F50DF}.hero-panel button:not(.primary):hover{background:#F7F5FF}

.brand-gallery{background:#fff;border-color:var(--studio-line);box-shadow:0 16px 42px rgba(43,35,91,.055);border-radius:24px}.gallery-frame{background:#F0EFF4}.gallery-caption{background:rgba(255,255,255,.94);border:1px solid rgba(230,226,245,.9);color:#27262E;box-shadow:0 14px 34px rgba(32,27,62,.12);backdrop-filter:blur(10px)}.gallery-caption b{color:#24232A}.gallery-caption b:before{content:"✦";color:var(--studio-violet);margin-right:7px}.gallery-caption span{color:#686674}.gallery-dot{background:rgba(255,255,255,.58)}.gallery-dot.active{background:#fff}

[data-page="dashboard"] .metrics{gap:12px}
[data-page="dashboard"] .metric{position:relative;background:#fff;border-color:var(--studio-line);border-radius:18px;box-shadow:0 8px 22px rgba(43,35,91,.04);min-height:92px;padding:16px 18px;overflow:hidden}
[data-page="dashboard"] .metric:after{position:absolute;right:16px;top:18px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--studio-violet-soft);color:var(--studio-violet);font-weight:950;font-size:14px}
[data-page="dashboard"] .metric:nth-child(1):after{content:"◇"}[data-page="dashboard"] .metric:nth-child(2):after{content:"▥"}[data-page="dashboard"] .metric:nth-child(3):after{content:"⌂"}[data-page="dashboard"] .metric:nth-child(4):after{content:"↗";background:#EAF8F0;color:#25A969}
[data-page="dashboard"] .metric b,[data-page="dashboard"] .health-card b{color:var(--studio-violet);font-size:29px}.metric span{color:#7B7985!important}

.dashboard-list-card{background:#fff;border-color:var(--studio-line);box-shadow:0 9px 26px rgba(43,35,91,.04);border-radius:20px}.dashboard-list-card .card-head{border-color:#EFECF5}.dashboard-list-card .card-head button{background:#fff;color:#5D4FDF;border:1px solid #DED8FF}.dashboard-list-card .card-head button:hover{background:#F7F5FF}.dashboard-package-row{border-color:#F0EEF4}.dashboard-package-row b{color:#25242B}.dashboard-package-row span,.dashboard-row-actions .hint{color:#767480}.dashboard-row-actions button{background:#F5F3FF;color:#594ADF}.dashboard-row-actions button:last-child{background:#fff;border-color:#E4E1EB;color:#46454F}
.attention-card{border-color:#E7E2FF}.attention-card .card-head{background:#FCFBFF}.dashboard-empty.healthy{background:linear-gradient(180deg,#FDFCFF,#FAF8FF)}.dashboard-empty.healthy b{color:var(--studio-violet)}
#accountCard{background:#fff;border-color:var(--studio-line);box-shadow:0 12px 34px rgba(43,35,91,.05)}
.onboarding-card{background:#fff;border-color:var(--studio-line)}

@media(max-width:1180px){[data-page="dashboard"] .quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick:not(:last-child):after{display:none}}
@media(max-width:760px){[data-page="dashboard"] .quick-grid{grid-template-columns:1fr}.quick{min-height:0!important;align-items:flex-start!important;text-align:left!important;padding:10px 12px!important}.quick-icon{margin-bottom:8px!important}}