/* Personal CRM and business-admin views; scoped to signed-in dashboard */
#dashboard .studioSubpage{margin:0 0 28px;background:#fff;border:1px solid #dce9df;border-radius:23px;padding:34px;box-shadow:0 12px 35px #173b2510;scroll-margin-top:115px}
#dashboard .studioSubpage.hidden,#dashboard .dashLayout.hidden,#dashboard .studioSubpage section.hidden{display:none!important}
#dashboard .dashSectionNav a.studioActive{background:#205e43;color:white;border-color:#205e43}
#dashboard .studioSubpageTop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}
#dashboard .studioSubpageTop>span{font-size:10px;font-weight:900;letter-spacing:2px;color:#91ad98}
#dashboard .studioSubpageHeader{background:linear-gradient(110deg,#e8f5e8,#f7faf4);padding:35px;border-radius:18px;margin-bottom:24px}
#dashboard .studioSubpageHeader h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;margin:10px 0}
#dashboard .studioSubpageHeader h2 em{font-style:normal;color:#2a9b61}
#dashboard .studioSubpageHeader p{color:#617b68;line-height:1.6}
#dashboard .studioSubpageToolbar{display:flex;align-items:center;gap:20px;margin:18px 0 25px}
#dashboard .studioSubpageToolbar>span{color:#6e8875;font-size:13px}
#dashboard .studioCardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}
#dashboard .studioPersonCard,#dashboard .studioRequestCard{border:1px solid #dfebe2;background:#fcfefb;border-radius:16px;padding:22px;min-width:0}
#dashboard .studioAvatar{display:grid;place-items:center;width:44px;height:44px;background:#dcefe0;border-radius:14px;color:#236b43;font-size:22px;font-weight:900}
#dashboard .studioPersonCard h3{font-size:19px;margin:15px 0 5px}
#dashboard .studioPersonCard p,#dashboard .studioRequestCard p{font-size:13px;color:#6b8373;overflow-wrap:anywhere}
#dashboard .studioCount{display:inline-block;padding:5px 9px;background:#e5f3e7;border-radius:20px;font-size:11px;color:#37754e;margin:12px 0}
#dashboard .studioPersonCard label{display:block;font-size:12px;font-weight:800;margin:12px 0 8px}
#dashboard .studioPersonCard textarea{width:100%;min-height:100px;border:1px solid #dce9df;border-radius:10px;padding:12px;resize:vertical}
#dashboard .studioPersonCard button{margin-top:12px}
#dashboard .studioMetricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}
#dashboard .studioMetricGrid article{padding:22px;border-radius:17px;background:#eaf4e9;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}
#dashboard .studioMetricGrid article:nth-child(2){background:#f0eee4}
#dashboard .studioMetricGrid article:nth-child(3){background:#e5edf5}
#dashboard .studioMetricGrid article:nth-child(4){background:#f3eaf0}
#dashboard .studioMetricGrid small{font-size:10px;letter-spacing:1px;color:#668172;font-weight:900}
#dashboard .studioMetricGrid strong{font-size:37px;letter-spacing:-1px;color:#173b2a}
#dashboard .studioAdminActions{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 35px}
#dashboard .studioAdminActions a{background:#205e43;color:white;padding:11px 15px;text-decoration:none;border-radius:10px;font-size:12px;font-weight:800}
#dashboard .studioAdminActions a:hover{background:#317c54}
#dashboard .studioRequestCard select{width:100%;padding:11px;border:1px solid #d8e8dc;border-radius:9px;margin-top:12px}
#dashboard .studioEmpty,#dashboard .studioError{padding:22px;border-radius:12px;background:#f0f7f0;color:#577765;grid-column:1/-1}
#dashboard .studioError{background:#fff1ec;color:#a94e36}
@media(max-width:900px){#dashboard .studioMetricGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#dashboard .studioSubpage{padding:17px}#dashboard .studioSubpageHeader{padding:22px}#dashboard .studioSubpageTop>span{display:none}#dashboard .studioMetricGrid{gap:9px}#dashboard .studioMetricGrid article{padding:15px}#dashboard .studioMetricGrid strong{font-size:30px}#dashboard .studioSubpageToolbar{align-items:flex-start;flex-direction:column}}

/* CRM search, appointment filtering and activity graph */
#dashboard .studioFilters{display:flex;flex-wrap:wrap;gap:13px;margin:15px 0 25px;padding:16px;background:#f0f6ef;border-radius:14px}
#dashboard .studioFilters label{display:flex;flex:1 1 180px;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#3d674d}
#dashboard .studioFilters input,#dashboard .studioFilters select{width:100%;padding:12px 13px;border:1px solid #d9e7dc;border-radius:10px;background:white;color:#183d2b;font:inherit}
#dashboard .studioAnalyticsChart{background:#f8fbf7;border:1px solid #e1ebe2;border-radius:17px;padding:23px;margin:22px 0 27px}
#dashboard .studioChartHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}
#dashboard .studioChartHeader span{font-size:12px;color:#668672}
#dashboard .studioChartBars{height:175px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid #d2e2d6;padding:0 3px}
#dashboard .studioChartColumn{height:100%;flex:1;display:flex;align-items:flex-end;min-width:4px}
#dashboard .studioChartBar{width:100%;min-height:3px;background:linear-gradient(#4ebc83,#236848);border-radius:5px 5px 0 0;transition:height .3s}
#dashboard .studioChartColumn:hover .studioChartBar{background:#85c87b}
@media(max-width:560px){#dashboard .studioFilters{padding:12px;gap:10px}#dashboard .studioChartBars{height:130px;gap:3px}}