/**
 * Dokan Vendor Shipping Fields - Vendor Dashboard Styles
 * @package Bloomve\DokanVendorShipping
 */

.dvsf-vendor-dashboard {
	margin-top: 15px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.dvsf-section-box {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 20px 24px;
	margin-bottom: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.dvsf-section-title {
	border-bottom: 1px solid #f1f5f9;
	padding-bottom: 12px;
	margin-bottom: 18px;
}

.dvsf-section-title h3 {
	margin: 0 0 4px 0;
	font-size: 17px;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 8px;
}

.dvsf-section-title small {
	color: #64748b;
	font-size: 13px;
}

.dvsf-input-addon {
	display: inline-flex;
	align-items: center;
	border: 1px solid #cbd5e1;
	border-radius: 4px;
	background: #ffffff;
	overflow: hidden;
	width: 100%;
	max-width: 220px;
}

.dvsf-input-addon span {
	background: #f8fafc;
	color: #64748b;
	padding: 6px 12px;
	font-weight: 600;
	border-right: 1px solid #cbd5e1;
}

.dvsf-input-addon input {
	border: none !important;
	padding: 6px 10px !important;
	box-shadow: none !important;
	width: 100% !important;
}

.dvsf-rules-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}

.dvsf-rules-table th {
	background: #f8fafc;
	color: #475569;
	text-align: left;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 600;
	border-bottom: 1px solid #e2e8f0;
}

.dvsf-rules-table td {
	padding: 12px;
	border-bottom: 1px solid #f1f5f9;
	vertical-align: middle;
}

.dvsf-rule-row:hover {
	background-color: #fafafa;
}

.dvsf-rules-table td .dokan-form-control {
	height: 36px;
	font-size: 13px;
}

/* Layout fix: Dokan owns the outer dashboard and sidebar containers. */
.dvsf-vendor-dashboard { width:100%; max-width:100%; min-width:0; margin:0; box-sizing:border-box; clear:both; }
.dvsf-vendor-dashboard, .dvsf-vendor-dashboard * { box-sizing:border-box; }
.dvsf-vendor-dashboard .dvsf-section-box { max-width:100%; min-width:0; }
.dvsf-vendor-dashboard .dokan-form-group { max-width:100%; }
.dvsf-vendor-dashboard input, .dvsf-vendor-dashboard select, .dvsf-vendor-dashboard textarea { max-width:100%; }
.dvsf-vendor-dashboard .dvsf-rules-table { display:block; overflow-x:auto; max-width:100%; -webkit-overflow-scrolling:touch; }
@media(max-width:767px) {
 .dvsf-vendor-dashboard .dvsf-section-box { padding:16px; }
 .dvsf-vendor-dashboard .dokan-form-group > label,
 .dvsf-vendor-dashboard .dokan-form-group > div { float:none; width:100%; margin-left:0; }
}

/* Shipping-only responsive layout; dynamic offset is applied only if overlap is detected. */
.dvsf-vendor-dashboard { overflow: visible; }
.dvsf-vendor-dashboard .dvsf-vendor-form { min-width: 0; max-width: 100%; }
.dvsf-vendor-dashboard .dvsf-section-box { width: 100%; }
@media (max-width: 767px) {
  .dvsf-vendor-dashboard .dvsf-section-box { padding: 12px; }
}

/* v1.4.0: shipping content inherits the custom dashboard's existing main region. */
main.dvsf-shipping-main .dvsf-vendor-dashboard {
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}
main.dvsf-shipping-main .dvsf-section-box,
main.dvsf-shipping-main .dvsf-vendor-form {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
main.dvsf-shipping-main .dvsf-vendor-form input,
main.dvsf-shipping-main .dvsf-vendor-form select,
main.dvsf-shipping-main .dvsf-vendor-form textarea {
    max-width: 100%;
}

/* v1.5.0: Match the verified Bloomve KYC dashboard design. */
.dvsf-vendor-dashboard { font-family:inherit; color:#253044; padding:24px 24px 36px; background:transparent; }
.dvsf-vendor-dashboard .dvsf-page-header { position:static!important; inset:auto!important; display:block!important; width:100%!important; max-width:100%; margin:0 0 20px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; }
.dvsf-vendor-dashboard .dvsf-page-header .entry-title { font-size:28px!important; line-height:1.3!important; font-weight:700!important; color:#202b3b!important; margin:0 0 8px!important; padding:0!important; }
.dvsf-vendor-dashboard .dvsf-page-header .description { font-size:14px!important; line-height:1.6; color:#64748b!important; margin:0!important; }
.dvsf-vendor-dashboard .dvsf-section-box { border:1px solid #d8e0eb; border-radius:6px; padding:0 0 22px; margin-bottom:22px; background:transparent; box-shadow:none; overflow:hidden; }
.dvsf-vendor-dashboard .dvsf-section-title { display:block; padding:18px 24px; margin:0 0 22px; border-bottom:1px solid #d8e0eb; background:#f7f8fa; }
.dvsf-vendor-dashboard .dvsf-section-title h3 { font-size:15px!important; font-weight:500!important; line-height:1.5; margin:0!important; color:#374151; }
.dvsf-vendor-dashboard .dvsf-section-title small { display:block; margin-top:5px; font-size:13px; color:#64748b; }
.dvsf-vendor-dashboard .dvsf-vendor-form { width:100%; max-width:100%; }
.dvsf-vendor-dashboard .dvsf-section-box > .dokan-form-group,
.dvsf-vendor-dashboard .dvsf-section-box > div > .dokan-form-group { margin:0 24px 18px!important; }
.dvsf-vendor-dashboard .dokan-form-group { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:7px; min-width:0; clear:both; }
.dvsf-vendor-dashboard .dokan-form-group:before, .dvsf-vendor-dashboard .dokan-form-group:after { display:none!important; }
.dvsf-vendor-dashboard .dokan-form-group > label { float:none!important; display:block!important; width:100%!important; max-width:100%!important; text-align:left!important; padding:0!important; margin:0!important; font-size:13px; font-weight:500; color:#334155; }
.dvsf-vendor-dashboard .dokan-form-group > div[class*=dokan-w] { float:none!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; min-width:0; }
.dvsf-vendor-dashboard .dokan-form-control { width:100%!important; max-width:100%!important; min-height:44px; border:1px solid #cbd5e1!important; border-radius:5px!important; background:#fff!important; color:#334155; padding:9px 12px!important; font-size:14px!important; box-shadow:none!important; }
.dvsf-vendor-dashboard textarea.dokan-form-control { min-height:90px; height:auto; }
.dvsf-vendor-dashboard .dokan-form-control:focus { border-color:#7042e8!important; outline:2px solid rgba(112,66,232,.13); }
.dvsf-vendor-dashboard .dvsf-rules-table { display:block; overflow-x:auto; width:calc(100% - 48px); max-width:calc(100% - 48px); margin:0 24px 16px; }
.dvsf-vendor-dashboard .dvsf-rules-table th { background:#f7f8fa; }
.dvsf-vendor-dashboard button[type=submit], .dvsf-vendor-dashboard #dvsf-add-rule-btn { background:#7042e8!important; border:1px solid #7042e8!important; border-radius:5px!important; color:white!important; padding:11px 18px!important; font-weight:600; box-shadow:none!important; }
.dvsf-vendor-dashboard button[type=submit]:hover, .dvsf-vendor-dashboard #dvsf-add-rule-btn:hover { background:#5c31d0!important; }
.dvsf-vendor-dashboard .dvsf-vendor-form > .dokan-form-group { padding:0 24px; }
@media(min-width:900px) { .dvsf-vendor-dashboard .dvsf-section-box > .dokan-form-group { max-width:720px; } }
@media(max-width:767px) { .dvsf-vendor-dashboard { padding:16px; } .dvsf-vendor-dashboard .dvsf-section-title { padding:15px; } .dvsf-vendor-dashboard .dvsf-section-box > .dokan-form-group { margin:0 15px 16px!important; } .dvsf-vendor-dashboard .dvsf-rules-table { margin:0 15px 15px; width:calc(100% - 30px); max-width:calc(100% - 30px); } }