/* Extracted from blade inline styles */
.dashboard-nav-card {
    border: 1px solid #ecf0f4;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}
.dashboard-nav-link {
    display: block;
    padding: 12px 14px;
    color: #323b3a;
    border-bottom: 1px solid #f2f4f7;
    font-weight: 500;
}
.dashboard-nav-link:last-child { border-bottom: 0; }
.dashboard-nav-link.active,
.dashboard-nav-link:hover {
    background: #e9f6f7;
    color: #2d8a8f;
}

.dashboard-title { margin-bottom: 1rem; }
.dashboard-grid { display: grid; grid-template-columns: 280px 1fr; gap: 24px; }
.dashboard-card { background: #fff; border: 1px solid #edf0f4; border-radius: 12px; overflow: hidden; }
.dashboard-card-gap { margin: 0 0 1rem; }
.dashboard-card-body { padding: 1rem; }
.dashboard-card-header { padding: 12px 16px; border-bottom: 1px solid #edf0f4; font-size: 1rem; }
.dashboard-hero-card { margin: 0 0 1rem; }
.dashboard-hero-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.dashboard-hero-heading { margin: 0 0 4px; }
.dashboard-hero-spent { text-align: right; }
.dashboard-block { display: block; }
.dashboard-muted { color: #75818a; }
.dashboard-total { margin: 0; }
.dashboard-stats-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px; margin: 0 0 1rem; }
.dashboard-stats-grid > div:nth-child(1),
.dashboard-stats-grid > div:nth-child(2),
.dashboard-stats-grid > div:nth-child(3) { grid-column: span 4; }
.dashboard-stats-grid > div:nth-child(4),
.dashboard-stats-grid > div:nth-child(5) { grid-column: span 6; }
.dashboard-stat-value { margin: 0; }
.dashboard-warning { color: #c98a00; }
.dashboard-success { color: #1f9d61; }
.dashboard-actions-row { display: flex; flex-wrap: wrap; gap: 8px; }
.dashboard-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; padding: 8px 12px; border: 1px solid #d8dee5; font-size: .875rem; color: #2d8a8f; background: #fff; }
.dashboard-btn:hover { background: #f3f8f9; }
.dashboard-btn-primary { border-color: #2d8a8f; color: #2d8a8f; }
.dashboard-btn-muted { color: #4d5a63; }
.dashboard-btn-sm { padding: 5px 10px; font-size: .8rem; }
.dashboard-table-wrap { overflow-x: auto; }
.dashboard-table { width: 100%; border-collapse: collapse; }
.dashboard-table th, .dashboard-table td { padding: 12px 14px; border-bottom: 1px solid #edf0f4; text-align: left; }
.dashboard-table th { font-weight: 600; color: #323b3a; }
.dashboard-empty { text-align: center; padding: 20px; color: #75818a; }
.dashboard-badge { display: inline-flex; padding: 3px 8px; border-radius: 999px; font-size: .75rem; text-transform: capitalize; color: #fff; }
.dashboard-badge-warning { background: #e6a700; }
.dashboard-badge-info { background: #0ea5c6; }
.dashboard-badge-primary { background: #3f72d8; }
.dashboard-badge-secondary { background: #6b7280; }
.dashboard-badge-success { background: #1f9d61; }
.dashboard-badge-danger { background: #df3b3b; }
.dashboard-badge-dark { background: #323b3a; }

.account-title { margin-bottom: 1rem; }
.account-grid { display: grid; grid-template-columns: 280px 1fr; gap: 24px; }
.account-main { min-width: 0; }
.account-gap { margin-bottom: 1rem; }
.account-card { background: #fff; border: 1px solid #ecf0f4; border-radius: 12px; overflow: hidden; }
.account-card-header { padding: 14px 16px; border-bottom: 1px solid #ecf0f4; font-size: 1.125rem; }
.account-card-body { padding: 16px; }
.account-form-grid { display: grid; gap: 14px; }
.account-form-grid.two-col { grid-template-columns: 1fr 1fr; }
.account-form-grid.three-col { grid-template-columns: 1fr 1fr 1fr; }
.account-label { display: block; font-size: .95rem; margin-bottom: 6px; color: #323b3a; font-weight: 500; }
.account-label-block { display: block; }
.account-notify-wrap { width: 100%; }
.account-error { color: #dc3545; font-size: .85rem; margin-top: 4px; display: block; }
.account-alert { padding: 10px 12px; border-radius: 8px; margin-bottom: 14px; font-size: .92rem; }
.account-alert.success { background: #eafaf1; color: #0f5132; border: 1px solid #b7ebcd; }
.account-checkbox-grid { display: flex; flex-wrap: wrap; gap: 10px 16px; }
.account-check-label { display: inline-flex; align-items: center; gap: 6px; font-size: .92rem; }
.account-check-input { width: 16px; height: 16px; }
.account-btn { width: auto; padding: 10px 18px; }
.account-btn-outline { border: 1px solid #2d8a8f; color: #2d8a8f; background: #fff; padding: 9px 16px; border-radius: 8px; }
.account-btn-outline:hover { background: #e9f6f7; }
.account-muted { color: #75818a; }

.orders-title { margin-bottom: 1rem; }
.orders-grid { display: grid; grid-template-columns: 280px 1fr; gap: 24px; }
.orders-card { background: #fff; border: 1px solid #edf0f4; border-radius: 12px; overflow: hidden; }
.orders-table-wrap { overflow-x: auto; }
.orders-table { width: 100%; border-collapse: collapse; }
.orders-table th, .orders-table td { padding: 12px 14px; border-bottom: 1px solid #edf0f4; text-align: left; }
.orders-table th { font-weight: 600; color: #323b3a; }
.orders-cap { text-transform: capitalize; }
.orders-empty { text-align: center; padding: 16px; color: #75818a; }
.orders-btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #2d8a8f; color: #2d8a8f; border-radius: 8px; padding: 6px 10px; }
.orders-btn:hover { background: #edf8f8; }
.orders-btn-sm { font-size: .84rem; }
.orders-pagination-wrap { padding: 12px; }

.order-show-title { margin-bottom: 1rem; }
.order-show-grid { display: grid; grid-template-columns: 280px 1fr; gap: 24px; }
.order-show-content { min-width: 0; }
.order-show-topbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: .75rem; flex-wrap: wrap; }
.order-show-heading { margin: 0; font-weight: 600; }
.order-show-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.order-show-card { background: #fff; border: 1px solid #edf0f4; border-radius: 12px; overflow: hidden; margin-bottom: .75rem; }
.order-show-card-header { padding: 12px 16px; border-bottom: 1px solid #edf0f4; }
.order-show-card-body { padding: 14px 16px; }
.order-show-table-wrap { overflow-x: auto; }
.order-show-table { width: 100%; border-collapse: collapse; }
.order-show-table th, .order-show-table td { padding: 12px 14px; border-bottom: 1px solid #edf0f4; text-align: left; }
.order-show-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 16px; }
.order-show-btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid #d1dbe1; padding: 6px 12px; font-size: .86rem; }
.order-show-btn-primary { background: #2d8a8f; border-color: #2d8a8f; color: #fff; }
.order-show-btn-outline { border-color: #2d8a8f; color: #2d8a8f; }
.order-show-btn-muted { border-color: #cfd8df; color: #4d5a63; }
.order-show-btn-warning { border-color: #e6a700; color: #a87500; }
.order-show-btn-sm { padding: 5px 10px; font-size: .8rem; }
.order-show-badge { display: inline-flex; align-items: center; justify-content: center; padding: 3px 8px; border-radius: 999px; font-size: .75rem; color: #fff; text-transform: capitalize; }
.order-show-badge-warning { background: #e6a700; }
.order-show-badge-info { background: #0ea5c6; }
.order-show-badge-primary { background: #3f72d8; }
.order-show-badge-secondary { background: #6b7280; }
.order-show-badge-success { background: #1f9d61; }
.order-show-badge-danger { background: #df3b3b; }
.order-show-badge-dark { background: #323b3a; }
.order-show-badge-light { background: #f1f5f8; color: #4d5a63; border: 1px solid #d8e1e8; }
.order-show-support { margin-left: auto; color: #75818a; font-size: .86rem; }

.address-add-btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #2d8a8f; background: #2d8a8f; color: #fff; border-radius: 8px; padding: 7px 12px; font-size: .86rem; font-weight: 600; }
.address-add-btn:hover { background: #256f73; border-color: #256f73; color: #fff; }

.checkout-mini-btn { display:inline-flex; align-items:center; justify-content:center; border:1px solid #cfd8df; color:#4d5a63; border-radius:8px; padding:9px 12px; white-space:nowrap; }
.checkout-mini-btn:hover { background:#f5f8fa; }
.checkout-mini-btn-muted { border-color:#cfd8df; color:#4d5a63; }
.checkout-muted { color:#75818a; }
.checkout-mb-0 { margin-bottom:0; }
.checkout-text-normal { font-weight:400; }
.checkout-text-medium { font-weight:500; }
.checkout-text-semibold { font-weight:600; }
.checkout-success { color:#1f9d61; }
.checkout-link-danger { background:none; border:0; padding:0; color:#df3b3b; text-decoration:none; }
.checkout-link-danger:hover { text-decoration:underline; }

.category-swiper-wrap { width: 100%; }
.swiper.category { width: 100% !important; }
.swiper.category .swiper-slide { height: auto; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.category-thumb-img { width: 96px; height: 96px; object-fit: contain; display: block; margin: 0 auto 8px; }

@media (max-width: 991px) {
    .dashboard-grid, .account-grid, .orders-grid, .order-show-grid { grid-template-columns: 1fr; }
    .dashboard-hero-spent { text-align: left; }
    .dashboard-stats-grid > div { grid-column: span 12 !important; }
    .account-form-grid.two-col, .account-form-grid.three-col { grid-template-columns: 1fr; }
    .order-show-support { margin-left: 0; width: 100%; }
}