
/* ==========================================================================
   WEDORA PROFESSIONAL DASHBOARD — UNIFIED UI v0.5.4
   One visual system across every Professional Dashboard tab.
   ========================================================================== */

.wc-dashboard{
    --wd-navy:#173854;
    --wd-gold:#c49a5a;
    --wd-gold-dark:#b78a49;
    --wd-bg:#f7f8fa;
    --wd-card:#ffffff;
    --wd-border:#e9e4dd;
    --wd-muted:#89919a;
    --wd-text:#33485c;
    --wd-soft:#fbf7f1;
    --wd-radius:18px;
    --wd-shadow:0 8px 28px rgba(16,47,77,.045);
    background:var(--wd-bg);
    color:var(--wd-text);
    font-size:13px;
}

.wc-dashboard__content{
    padding:34px 38px 52px;
    background:var(--wd-bg);
}

.wc-dashboard .wc-page-header,
.wc-dashboard .wc-overview__hero,
.wc-dashboard .wc-settings__intro{
    margin-bottom:26px;
}

.wc-dashboard .wc-page-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
}

.wc-dashboard .wc-page-header__eyebrow{
    display:block;
    margin:0 0 7px;
    color:var(--wd-gold);
    font-size:10px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.wc-dashboard .wc-page-header h1,
.wc-dashboard .wc-overview__hero h1,
.wc-dashboard .wc-settings__intro h1{
    margin:0;
    color:var(--wd-navy);
    font-size:34px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.6px;
}

.wc-dashboard .wc-page-header p,
.wc-dashboard .wc-overview__hero p,
.wc-dashboard .wc-settings__intro p{
    margin:7px 0 0;
    color:#74808c;
    font-size:13px;
    line-height:1.65;
}

.wc-dashboard .wc-dashboard-card,
.wc-dashboard .wc-analytics-card,
.wc-dashboard .wc-payment-card,
.wc-dashboard .wc-settings-card,
.wc-dashboard .wc-stripe-connect-card{
    background:var(--wd-card);
    border:1px solid var(--wd-border);
    border-radius:var(--wd-radius);
    box-shadow:var(--wd-shadow);
}

.wc-dashboard .wc-dashboard-card__header{
    min-height:61px;
    padding:17px 20px!important;
    border-bottom:1px solid #eeeae5;
}

.wc-dashboard .wc-dashboard-card__title,
.wc-dashboard .wc-analytics-card h2{
    color:var(--wd-navy)!important;
    font-size:15px!important;
    line-height:1.3;
    font-weight:700!important;
}

.wc-dashboard .wc-dashboard-card__body{
    padding:20px;
}

.wc-dashboard .wc-stats-card,
.wc-dashboard .wc-analytics-stats>div,
.wc-dashboard .wc-payment-summary-grid>div{
    background:#fff;
    border:1px solid var(--wd-border);
    border-radius:17px;
    box-shadow:var(--wd-shadow);
}

.wc-dashboard .wc-stats-card{
    min-height:148px;
    padding:22px!important;
}

.wc-dashboard .wc-stats-card__label,
.wc-dashboard .wc-analytics-stats span,
.wc-dashboard .wc-payment-summary-grid span{
    color:#6d7781;
    font-size:11px;
    font-weight:600;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.wc-dashboard .wc-stats-card__value,
.wc-dashboard .wc-analytics-stats strong,
.wc-dashboard .wc-payment-summary-grid strong{
    color:var(--wd-navy);
    font-size:30px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.4px;
}

.wc-dashboard .wc-stats-card__footer{
    color:#8e969e!important;
    font-size:11px!important;
}

.wc-dashboard .wc-stats-card__icon,
.wc-dashboard .wc-quick-action__icon{
    background:#fbf4e9!important;
    color:#b88948!important;
}

.wc-dashboard .wc-button,
.wc-dashboard button.wc-button,
.wc-dashboard .wc-btn--primary{
    border-radius:10px;
    background:var(--wd-gold);
    border-color:var(--wd-gold);
    color:#fff;
    font-size:12px;
    font-weight:700;
}

.wc-dashboard .wc-button:hover,
.wc-dashboard .wc-btn--primary:hover{
    background:var(--wd-gold-dark);
    border-color:var(--wd-gold-dark);
}

.wc-dashboard input,
.wc-dashboard select,
.wc-dashboard textarea{
    border-color:#ddd8d1;
    border-radius:11px;
    color:var(--wd-navy);
    background:#fff;
}

.wc-dashboard input:focus,
.wc-dashboard select:focus,
.wc-dashboard textarea:focus{
    border-color:var(--wd-gold);
    box-shadow:0 0 0 3px rgba(196,154,90,.11);
    outline:none;
}

/* Analytics — exact same rhythm as Overview/Payments/Settings. */
.wc-dashboard .wc-analytics-page{
    max-width:1480px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:18px;
}

.wc-dashboard .wc-analytics-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.wc-dashboard .wc-analytics-stats>div{
    min-height:116px;
    padding:22px;
}

.wc-dashboard .wc-analytics-stats strong{
    display:block;
    margin-top:9px;
}

.wc-dashboard .wc-analytics-grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);
    gap:18px;
}

.wc-dashboard .wc-analytics-card{
    padding:22px;
}

.wc-dashboard .wc-analytics-card h2{
    margin:0 0 20px;
}

.wc-dashboard .wc-analytics-row{
    display:grid;
    grid-template-columns:150px minmax(0,1fr) 30px;
    align-items:center;
    gap:12px;
    min-height:28px;
    margin:11px 0;
    color:var(--wd-text);
    font-size:12px;
}

.wc-dashboard .wc-analytics-row>div{
    height:7px;
    background:#eee9e3;
    border-radius:999px;
    overflow:hidden;
}

.wc-dashboard .wc-analytics-row i{
    display:block;
    height:100%;
    background:var(--wd-gold);
    border-radius:inherit;
}

.wc-dashboard .wc-analytics-row strong{
    color:var(--wd-navy);
    font-size:12px;
}

.wc-dashboard .wc-analytics-package{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:12px 0;
    border-bottom:1px solid #eee9e3;
    font-size:12px;
}

.wc-dashboard .wc-analytics-package:last-child{border-bottom:0}
.wc-dashboard .wc-analytics-package strong{color:var(--wd-navy)}
.wc-dashboard .wc-analytics-package span{color:#959ca3}

.wc-dashboard .wc-analytics-card__heading{
    min-height:42px;
}

.wc-dashboard .wc-analytics-card__heading p{
    margin:5px 0 0;
    color:#9299a0;
    font-size:11px;
}

.wc-dashboard .wc-analytics-rating{
    padding:9px 13px;
    border-radius:999px;
    background:#fbf3e7;
    color:#9b7441;
    font-size:12px;
}

.wc-dashboard .wc-analytics-review-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.wc-dashboard .wc-analytics-review-grid>div{
    padding:15px;
    border-radius:13px;
    background:#faf8f5;
}

.wc-dashboard .wc-analytics-review-grid span{
    color:#8b9299;
    font-size:10px;
}

.wc-dashboard .wc-analytics-review-grid strong{
    display:block;
    margin-top:5px;
    color:var(--wd-navy);
    font-size:22px;
}

/* Sidebar continuity. */
.wc-dashboard .wc-sidebar{
    width:255px;
    background:#fff;
    border-right:1px solid var(--wd-border);
}

.wc-dashboard .wc-sidebar__header{
    min-height:82px;
    padding:20px 24px!important;
}

.wc-dashboard .wc-sidebar__brand h2{
    color:var(--wd-navy);
    font-size:27px!important;
    line-height:1;
    font-weight:700!important;
}

.wc-dashboard .wc-sidebar__brand span{
    color:var(--wd-navy);
    font-size:15px!important;
    line-height:1.15;
    font-weight:600;
}

.wc-dashboard .wc-sidebar__nav{padding:16px 12px!important}
.wc-dashboard .wc-sidebar__link{
    min-height:45px;
    padding:11px 14px!important;
    border-radius:11px;
    gap:12px;
    color:#68737d;
    font-size:13px;
}

.wc-dashboard .wc-sidebar__link:hover{
    background:#f5eee5;
    color:var(--wd-navy);
}

.wc-dashboard .wc-sidebar__item--active .wc-sidebar__link{
    background:var(--wd-gold);
    color:#fff;
    box-shadow:0 5px 15px rgba(196,154,90,.18);
}

.wc-dashboard .wc-sidebar__icon svg{
    width:19px;
    height:19px;
}

.wc-dashboard .wc-sidebar__item--active .wc-sidebar__icon svg{
    stroke:#fff;
}

.wc-dashboard .wc-sidebar__footer{
    padding:18px 14px!important;
    border-top:1px solid var(--wd-border);
}

.wc-dashboard .wc-sidebar__avatar,
.wc-dashboard .wc-header__avatar{
    background:var(--wd-gold);
}

.wc-dashboard .wc-sidebar__user strong,
.wc-dashboard .wc-header__user strong{
    color:var(--wd-navy);
    font-size:13px;
}

.wc-dashboard .wc-sidebar__user span,
.wc-dashboard .wc-header__user span{
    color:#8b949d;
    font-size:11px;
}

.wc-dashboard .wc-sidebar__logout{
    color:#68737d;
    font-size:12px;
}

.wc-dashboard .wc-sidebar__logout:hover{
    background:#fbf4f0;
    color:#a25e52;
}

/* Header continuity. */
.wc-dashboard .wc-header{
    min-height:72px;
    height:72px;
    padding:0 30px;
    background:#fff;
    border-bottom:1px solid var(--wd-border);
}

.wc-dashboard .wc-header__search{
    width:325px;
    min-height:46px;
    padding:0 14px;
    border-radius:23px;
    background:#f7f8fa;
}

.wc-dashboard .wc-header__search input{
    border:0;
    box-shadow:none;
    background:transparent;
    font-size:12px;
}

.wc-dashboard .wc-header__icon-button{
    width:42px;
    height:42px;
}

.wc-dashboard .wc-header__avatar{
    width:42px;
    height:42px;
    font-size:14px;
}

.wc-dashboard .wc-header__user strong{font-size:12px}
.wc-dashboard .wc-header__user span{font-size:10px}

/* Keep every major professional page aligned to the same content width. */
.wc-dashboard .wc-overview,
.wc-dashboard .wc-settings,
.wc-dashboard .wc-analytics-page,
.wc-dashboard .wc-page-container,
.wc-dashboard .wc-packages-page,
.wc-dashboard .wc-gallery-page,
.wc-dashboard .wc-calendar-page,
.wc-dashboard .wc-bookings-page,
.wc-dashboard .wc-reviews-page,
.wc-dashboard .wc-messages-page,
.wc-dashboard .wc-payments-page{
    max-width:1480px;
    margin-left:auto;
    margin-right:auto;
}

/* Responsive */
@media(max-width:1100px){
    .wc-dashboard__content{padding:28px 24px 44px}
    .wc-dashboard .wc-sidebar{width:230px}
    .wc-dashboard .wc-analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wc-dashboard .wc-analytics-grid{grid-template-columns:1fr}
}

@media(max-width:800px){
    .wc-dashboard__content{padding:22px 16px 36px}
    .wc-dashboard .wc-page-header h1,
    .wc-dashboard .wc-overview__hero h1,
    .wc-dashboard .wc-settings__intro h1{font-size:29px}
    .wc-dashboard .wc-analytics-stats{grid-template-columns:1fr}
    .wc-dashboard .wc-analytics-grid{grid-template-columns:1fr}
    .wc-dashboard .wc-analytics-row{grid-template-columns:105px minmax(0,1fr) 25px}
}

@media(max-width:600px){
    .wc-dashboard .wc-header{padding:0 16px}
    .wc-dashboard .wc-analytics-review-grid{grid-template-columns:1fr}
}

/* Completed bookings are final: no redundant Save control. */
.wc-dashboard .wc-booking-status-current.wc-booking-status--completed{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:6px 11px;
    border-radius:999px;
}
