.cc-frontend { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #333; line-height: 1.6; } .cc-form { max-width: 600px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.cc-form h2 { text-align: center; margin: 0 0 24px 0; color: #1a1a2e; font-size: 1.5rem; }
.cc-form-group { margin-bottom: 16px; }
.cc-form-group label { display: block; font-size: 0.88rem; font-weight: 600; color: #444; margin-bottom: 5px; }
.cc-form-group input,
.cc-form-group select,
.cc-form-group textarea {
width: 100%;
padding: 10px 14px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 0.95rem;
background: #fafafa;
transition: border-color 0.2s, box-shadow 0.2s;
box-sizing: border-box;
}
.cc-form-group input:focus,
.cc-form-group select:focus,
.cc-form-group textarea:focus {
border-color: #0078d4;
box-shadow: 0 0 0 3px rgba(0,120,212,0.12);
outline: none;
background: #fff;
}
.cc-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .cc-submit-btn {
width: 100%;
padding: 12px;
background: #0078d4;
color: #fff;
border: none;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
margin-top: 8px;
}
.cc-submit-btn:hover { background: #005fa3; }
.cc-submit-btn:disabled { background: #aaa; cursor: not-allowed; } .cc-message {
padding: 12px 16px;
border-radius: 6px;
margin: 14px 0;
font-size: 0.92rem;
font-weight: 500;
}
.cc-message-success { background: #d4edda; color: #155724; border: 1px solid #b5e0be; }
.cc-message-error   { background: #f8d7da; color: #721c24; border: 1px solid #f1b0b7; }
.cc-message-info    { background: #d1ecf1; color: #0c5460; border: 1px solid #9fd8e6; } .cc-booking-form { max-width: 560px; margin: 0 auto; }
.cc-booking-form .cc-header { text-align: center; margin-bottom: 24px; }
.cc-booking-form .cc-header .cc-icon { font-size: 2.5rem; display: block; margin-bottom: 6px; } .cc-vaccination-list { max-width: 700px; margin: 0 auto; }
.cc-vax-card {
background: #fff;
border-radius: 8px;
padding: 18px;
margin-bottom: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
border-left: 4px solid #0078d4;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.cc-vax-card h4 { margin: 0 0 4px 0; font-size: 1rem; color: #1a1a2e; }
.cc-vax-card p { margin: 0; font-size: 0.85rem; color: #666; }
.cc-vax-badge {
display: inline-block;
padding: 4px 12px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
white-space: nowrap;
}
.cc-vax-badge-done    { background: #d4edda; color: #155724; }
.cc-vax-badge-pending { background: #fff3cd; color: #856404; }
.cc-vax-badge-overdue { background: #f8d7da; color: #721c24; } .cc-timeclock {
max-width: 480px;
margin: 0 auto;
background: #fff;
padding: 30px;
border-radius: 10px;
text-align: center;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.cc-timeclock .cc-clock-display {
font-size: 2.8rem;
font-weight: 700;
color: #0078d4;
letter-spacing: 2px;
margin: 16px 0;
font-variant-numeric: tabular-nums;
}
.cc-timeclock .cc-clock-date { font-size: 0.9rem; color: #888; margin-bottom: 24px; }
.cc-clock-btn {
display: inline-block;
padding: 14px 32px;
border-radius: 8px;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
border: none;
transition: background 0.2s, transform 0.1s;
margin: 6px;
}
.cc-clock-btn:active { transform: scale(0.97); }
.cc-clock-btn-in  { background: #107c10; color: #fff; }
.cc-clock-btn-in:hover  { background: #0a5d0a; }
.cc-clock-btn-out { background: #c62828; color: #fff; }
.cc-clock-btn-out:hover { background: #9b1c1c; } .cc-invoice-list { max-width: 720px; margin: 0 auto; }
.cc-invoice-item {
background: #fff;
border-radius: 8px;
padding: 16px 20px;
margin-bottom: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.06);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.cc-invoice-number { font-weight: 700; color: #0078d4; }
.cc-invoice-amount { font-size: 1.1rem; font-weight: 700; } .cc-loading {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid rgba(0,120,212,0.2);
border-top-color: #0078d4;
border-radius: 50%;
animation: cc-spin 0.7s linear infinite;
vertical-align: middle;
margin-right: 8px;
}
@keyframes cc-spin { to { transform: rotate(360deg); } } .cc-analytics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 18px;
margin-bottom: 24px;
}
.cc-analytics-card {
background: linear-gradient(135deg, #0078d4, #005fa3);
color: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.cc-analytics-card .cc-val { font-size: 2rem; font-weight: 700; }
.cc-analytics-card .cc-label { font-size: 0.82rem; opacity: 0.85; margin-top: 4px; } .cc-tracker { max-width: 560px; margin: 0 auto; }
.cc-tracker-status {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin: 30px 0;
}
.cc-tracker-status::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 3px;
background: #e0e0e0;
z-index: 0;
transform: translateY(-50%);
}
.cc-tracker-step {
position: relative;
z-index: 1;
text-align: center;
flex: 1;
}
.cc-tracker-step .cc-step-dot {
width: 28px;
height: 28px;
border-radius: 50%;
background: #e0e0e0;
margin: 0 auto 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
font-weight: 700;
color: #999;
}
.cc-tracker-step.done .cc-step-dot { background: #107c10; color: #fff; }
.cc-tracker-step.active .cc-step-dot { background: #0078d4; color: #fff; }
.cc-tracker-step .cc-step-label { font-size: 0.75rem; color: #666; } @media (max-width: 600px) {
.cc-form { padding: 20px; }
.cc-form-row { grid-template-columns: 1fr; }
.cc-timeclock { padding: 20px; }
.cc-analytics-grid { grid-template-columns: 1fr 1fr; }
}.wpfront-notification-bar{visibility:hidden;position:fixed;overflow:hidden;left:0;right:0;text-align:center;color:#fff;background-color:#000;z-index:99998}.wpfront-bottom-shadow{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.75);box-shadow:0 5px 5px 0 rgba(0,0,0,0.75)}.wpfront-top-shadow{-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.75);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.75);box-shadow:0 -5px 5px 0 rgba(0,0,0,0.75)}.wpfront-notification-bar.wpfront-fixed{position:fixed;z-index:99998;width:100%;display:flex;align-content:center;align-items:center;justify-content:center;flex-direction:row}.wpfront-notification-bar.wpfront-fixed-position{z-index:99999}.wpfront-notification-bar.wpfront-fixed.load{visibility:visible;position:relative}.wpfront-notification-bar.top{top:0}.wpfront-notification-bar.bottom{bottom:0}.wpfront-notification-bar div.wpfront-close{position:absolute;top:3px;right:5px;cursor:pointer;font-family:Arial,sans-serif;font-weight:bold;line-height:0;font-size:10px;padding:5px 2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.wpfront-notification-bar table,.wpfront-notification-bar tbody,.wpfront-notification-bar tr{margin:auto;border:0;padding:0;background:inherit}.wpfront-notification-bar td{background:inherit;vertical-align:middle;text-align:center;border:0;margin:0;padding:0;line-height:1em}.wpfront-notification-bar div.wpfront-div{display:inline-block;text-align:center;vertical-align:middle;padding:5px 0}.wpfront-notification-bar-editor a.wpfront-button,.wpfront-notification-bar a.wpfront-button{display:inline-block;box-shadow:0 1px 2px rgba(0,0,0,0.2);white-space:nowrap;font-size:13px;font-weight:bold;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,0.3);cursor:pointer;padding:5px 10px;margin-left:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}.wpfront-notification-bar-open-button{position:absolute;right:10px;z-index:99998;border:3px solid white;width:23px;height:30px;cursor:pointer;background-repeat:no-repeat;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.wpfront-notification-bar-open-button.hidden{display:none}.wpfront-notification-bar-open-button.top{top:0;background-position:top center;border-top:0;-webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-top-left-radius:0}.wpfront-notification-bar-open-button.bottom{bottom:0;background-position:bottom center;border-bottom:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.wpfront-notification-bar-spacer{position:relative;z-index:99998}.wpfront-notification-bar-spacer.wpfront-fixed-position{z-index:99999}.wpfront-notification-bar-spacer.hidden{display:none}div.wpfront-message p{margin:0}.woosb-wrap {
display: block;
width: 100%;
clear: both;
}
.woosb-wrap .woosb-text, .woosb-wrap .woosb-products, .woosb-bundles .woosb-text, .woosb-bundles .woosb-products {
margin: 0 0 15px 0;
}
.woosb-wrap .woosb-text, .woosb-bundles .woosb-text {
white-space: pre-line;
}
.woosb-products {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #e5e5e5;
}
.woosb-products .woosb-product {
display: flex;
align-items: center;
padding: 10px 0;
margin: 0;
border-bottom: 1px dotted #e5e5e5;
}
.woosb-products .woosb-product.woosb-product-hidden {
display: none;
}
.woosb-products .woosb-product.woosb-product-unpurchasable {
display: none;
}
.woosb-products .woosb-product > div {
padding: 0 5px;
}
.woosb-products .woosb-product .woosb-thumb {
width: 50px;
flex: 0 0 50px;
}
.woosb-products .woosb-product .woosb-thumb img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.woosb-products .woosb-product .woosb-quantity {
width: 80px;
flex: 0 0 80px;
}
.woosb-products .woosb-product .woosb-quantity.woosb-quantity-plus-minus {
width: 130px;
flex: 0 0 130px;
}
.woosb-products .woosb-product .woosb-quantity label {
display: none;
}
.woosb-products .woosb-product .woosb-quantity input {
width: 100%;
min-width: 40px;
text-align: center;
}
.woosb-products .woosb-product .woosb-price {
width: 100px;
flex: 0 0 100px;
text-align: end;
}
.woosb-products .woosb-product .woosb-price * {
font-size: inherit !important;
}
.woosb-products .woosb-product .woosb-price del {
opacity: .5;
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price del span {
text-decoration: line-through;
}
.woosb-products .woosb-product .woosb-price ins {
font-weight: normal;
}
.woosb-products .woosb-product .woosb-price .amount {
display: inline-block;
}
.woosb-products .woosb-product .woosb-title {
flex-grow: 1;
text-align: start;
}
.woosb-products .woosb-product .woosb-title .woosb-title-inner {
display: block;
overflow: hidden;
}
.woosb-products .woosb-product .woosb-title .woosb-title-inner a {
text-decoration: none;
box-shadow: none;
}
.woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-image, .woosb-products .woosb-product .woosb-title .woovr-variations-select .woovr-variation-price {
display: none !important;
}
.woosb-products .woosb-product .variations_form {
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock {
font-size: 14px;
margin: 0;
padding: 0;
}
.woosb-products .woosb-product .woosb-title .stock.in-stock {
color: green;
}
.woosb-products .woosb-product .woosb-title .stock.available-on-backorder {
color: orange;
}
.woosb-products .woosb-product .woosb-title .stock.out-of-stock {
color: red;
}
.woosb-products .woosb-product .woosb-description, .woosb-products .woosb-product .woosb-variation-description {
font-size: 14px;
}
.woosb-products .woosb-product .variations_form .variations {
display: inline-block;
margin: 0 -3px;
padding: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation {
display: inline-block;
border-width: 1px;
border-style: solid;
border-color: #e5e5e5;
padding: 5px 10px;
margin: 5px 3px 0 3px;
max-width: 100%;
border-radius: 2px;
float: none;
vertical-align: top;
}
.woosb-products .woosb-product .variations_form .variations .variation > div {
display: block;
}
.woosb-products .woosb-product .variations_form .variations .reset {
display: inline-block;
}
.woosb-products .woosb-product .variations_form .variations .variation:last-child {
margin-bottom: 0;
}
.woosb-products .woosb-product .variations_form .variations .variation .label {
font-size: 12px;
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .select {
line-height: 1;
}
.woosb-products .woosb-product .variations_form .variations .variation .select select {
width: 100%;
height: auto;
line-height: 1;
padding: 0 16px 0 0;
margin: 0;
background-color: transparent;
border-radius: 0;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNEQzN0Y2NTY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNEQzN0Y2NjY0NjcxMUU3QjU5NUI5N0U0NjlDMTIzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY0RDM3RjYzNjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY0RDM3RjY0NjQ2NzExRTdCNTk1Qjk3RTQ2OUMxMjM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pzgqpQAAADdJREFUeNpirKioWMDAwBDPgAoWMQGJLCC+hiR4HYgzQRLfgDgUSoNwCIhmgaq6BtXJCNMNEGAAbM0MK7OUU3AAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: auto;
}
.woosb-products .woosb-product .variations_form .variations a.reset_variations {
margin: 0;
font-size: 12px;
}
.woosb-item-child .product-price .amount, .woosb-item-child .product-price .tax_label,
.woosb-item-child .product-subtotal .amount, .woosb-item-child .product-subtotal .tax_label,
.woosb-item-child .product-total .amount, .woosb-item-child .product-total .tax_label {
opacity: .3;
}
.woosb-alert {
padding: 6px 10px 6px 14px;
border-left: 4px solid #222;
background-color: #eeeeee;
font-size: 14px;
}
body.woocommerce-no-js .woosb-wrap + form.cart {
display: none;
}
.woosb-disabled {
opacity: .5 !important;
pointer-events: none !important;
cursor: not-allowed !important;
}
.woosb-quantity-input {
display: flex;
align-items: center;
}
.woosb-quantity-input .quantity {
flex-grow: 1;
height: auto;
}
.woosb-quantity-plus-minus .plus, .woosb-quantity-plus-minus .minus, .woosb-quantity-plus-minus .quantity-minus, .woosb-quantity-plus-minus .quantity-plus, .woosb-quantity-plus-minus .plus-btn, .woosb-quantity-plus-minus .minus-btn {
display: none !important;
}
.woosb-quantity-input-plus, .woosb-quantity-input-minus {
width: 40px;
height: 40px;
flex: 0 0 40px;
line-height: 38px;
text-align: center;
cursor: pointer;
background-color: #fefefe;
border: 1px solid #e5e5e5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosb-quantity-input .woosb-qty {
width: 100%;
min-width: 40px;
height: 40px;
line-height: 38px;
margin: 0;
padding: 0 5px;
box-shadow: none;
border-width: 1px 0;
border-style: solid;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fefefe;
-moz-appearance: textfield;
}
.woosb-quantity-input .woosb-qty:focus {
outline: none;
outline-color: transparent;
}
.woosb-quantity-input-plus:hover, .woosb-quantity-input-minus:hover {
background-color: #f0f0f0;
}
.woosb-quantity-input input::-webkit-outer-spin-button, .woosb-quantity-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
body.rtl .woosb-alert {
padding: 6px 14px 6px 10px;
border-right: 4px solid #222;
border-left: none;
}:root{--msg-blue:#2563eb;--msg-blue-l:#eff6ff;--msg-green:#16a34a;--msg-orange:#d97706;--msg-red:#dc2626;--msg-purple:#7c3aed;--msg-gray:#6b7280;--msg-border:#e5e7eb;--msg-radius:8px;} .mvm-msg-wrap{max-width:1400px}.mvm-msg-title{display:flex;align-items:center;gap:10px;font-size:22px!important;margin-bottom:16px!important}.mvm-msg-version{font-size:13px;background:#e5e7eb;color:#6b7280;padding:2px 8px;border-radius:20px;font-weight:400}
.mvm-msg-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.mvm-msg-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
@media(max-width:900px){.mvm-msg-grid-4{grid-template-columns:repeat(2,1fr)}.mvm-inbox-layout{grid-template-columns:1fr!important}} .mvm-msg-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;background:#fff;border:1px solid var(--msg-border);border-radius:var(--msg-radius);padding:6px}
.mvm-msg-nav-item{padding:7px 14px;border-radius:6px;text-decoration:none;color:var(--msg-gray);font-size:13px;font-weight:500;transition:.15s}
.mvm-msg-nav-item:hover{background:#f3f4f6;color:#111}
.mvm-msg-nav-item.active{background:var(--msg-blue);color:#fff!important} .mvm-msg-card{background:#fff;border:1px solid var(--msg-border);border-radius:var(--msg-radius);padding:20px;text-align:center;position:relative;overflow:hidden}
.mvm-msg-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.mvm-msg-card-blue::before{background:var(--msg-blue)}.mvm-msg-card-green::before{background:var(--msg-green)}
.mvm-msg-card-orange::before{background:var(--msg-orange)}.mvm-msg-card-red::before{background:var(--msg-red)}.mvm-msg-card-purple::before{background:var(--msg-purple)}
.mvm-card-icon{font-size:28px;margin-bottom:8px}.mvm-card-val{font-size:32px;font-weight:700;color:#111}.mvm-card-lbl{font-size:13px;color:var(--msg-gray);margin-top:4px} .mvm-msg-box{background:#fff;border:1px solid var(--msg-border);border-radius:var(--msg-radius);padding:20px;margin-bottom:0}
.mvm-msg-box h3{margin-top:0;font-size:16px;border-bottom:1px solid #f3f4f6;padding-bottom:12px;margin-bottom:16px}
.mvm-box-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6;padding-bottom:12px;margin-bottom:16px}
.mvm-box-header h3{margin:0;border:none;padding:0} .mvm-input,.mvm-textarea{width:100%;padding:8px 12px;border:1px solid var(--msg-border);border-radius:6px;font-size:14px;transition:.15s;box-sizing:border-box}
.mvm-input:focus,.mvm-textarea:focus{border-color:var(--msg-blue);outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.mvm-textarea{resize:vertical;min-height:80px}.mvm-input-sm{width:100px;padding:6px 8px;border:1px solid var(--msg-border);border-radius:4px;font-size:13px}
.mvm-select-sm{padding:6px 10px;border:1px solid var(--msg-border);border-radius:6px;font-size:13px}
.mvm-field{margin-bottom:14px}.mvm-field label{display:block;font-weight:600;font-size:13px;color:#374151;margin-bottom:5px}
.mvm-field small{display:block;color:var(--msg-gray);font-size:12px;margin-top:4px}
.mvm-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.required{color:var(--msg-red)}
.mvm-copy-field{display:flex;gap:8px;align-items:center}.mvm-copy-field .mvm-input{flex:1} .mvm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--msg-border);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;background:#fff;color:#374151;transition:.15s;text-decoration:none}
.mvm-btn:hover{background:#f9fafb;border-color:#9ca3af}
.mvm-btn-primary{background:var(--msg-blue);color:#fff;border-color:var(--msg-blue)}.mvm-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.mvm-btn-danger{color:var(--msg-red);border-color:#fecaca}.mvm-btn-danger:hover{background:#fef2f2}
.mvm-btn-sm{padding:5px 10px;font-size:12px}.mvm-btn-lg{padding:10px 24px;font-size:15px} .mvm-table{width:100%;border-collapse:collapse;font-size:13px}.mvm-table th,.mvm-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;text-align:left}.mvm-table th{font-weight:600;color:#374151;background:#f9fafb}.mvm-table tbody tr:hover{background:#f9fafb}
.mvm-simple-table{width:100%;border-collapse:collapse;font-size:13px}.mvm-simple-table td{padding:8px 4px;border-bottom:1px solid #f3f4f6} .badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;background:#f3f4f6;color:#374151}
.badge-ok,.badge-open{background:#dcfce7;color:#15803d}.badge-waiting{background:#fef9c3;color:#b45309}
.badge-err,.badge-failed,.badge-spam{background:#fee2e2;color:#dc2626}
.badge-bot{background:#f3e8ff;color:#7c3aed}.badge-resolved{background:#d1fae5;color:#065f46}
.badge-blue{background:#dbeafe;color:#1e40af}.badge-purple{background:#f3e8ff;color:#6d28d9}
.badge-orange{background:#fed7aa;color:#c2410c}.badge-gray{background:#f3f4f6;color:#374151}
.badge-green{background:#dcfce7;color:#166534}.badge-indigo{background:#e0e7ff;color:#4338ca}
.mvm-badge-count{background:var(--msg-red);color:#fff;border-radius:20px;padding:2px 8px;font-size:13px;margin-left:8px}
.mvm-unread-dot{background:var(--msg-red);color:#fff;border-radius:12px;padding:1px 6px;font-size:11px;font-weight:700;margin-left:6px} .mvm-inbox-layout{display:grid;grid-template-columns:280px 1fr;gap:0;border:1px solid var(--msg-border);border-radius:var(--msg-radius);min-height:560px;background:#fff}
.mvm-inbox-sidebar{border-right:1px solid var(--msg-border);display:flex;flex-direction:column}
.mvm-inbox-filters{padding:12px;border-bottom:1px solid var(--msg-border);display:flex;gap:6px;flex-wrap:wrap}
.mvm-conv-list{flex:1;overflow-y:auto}
.mvm-conv-item{padding:12px 14px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:.1s}.mvm-conv-item:hover{background:#f9fafb}.mvm-conv-item.active{background:#eff6ff;border-left:3px solid var(--msg-blue)}
.conv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.conv-name{font-weight:600;font-size:13px;color:#111}.conv-item-meta{font-size:11px;color:var(--msg-gray)}.conv-item-time{font-size:11px;color:#9ca3af;margin-top:2px}
.mvm-inbox-main{display:flex;flex-direction:column}
.mvm-chat-header{padding:14px 16px;border-bottom:1px solid var(--msg-border);display:flex;justify-content:space-between;align-items:center;background:#fafafa}
.chat-contact{font-weight:600}
.chat-actions{display:flex;gap:8px}
.mvm-chat-messages{flex:1;overflow-y:auto;padding:16px;min-height:300px;max-height:400px}
.chat-msg{margin-bottom:12px}.msg-in{text-align:left}.msg-out{text-align:right}
.msg-bubble{display:inline-block;max-width:70%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}
.msg-in .msg-bubble{background:#f3f4f6;color:#111;border-bottom-left-radius:4px}
.msg-out .msg-bubble{background:var(--msg-blue);color:#fff;border-bottom-right-radius:4px}
.msg-time{font-size:11px;color:#9ca3af;display:block;margin-top:3px}.msg-bot-tag{font-size:11px;background:#f3e8ff;color:#7c3aed;border-radius:10px;padding:1px 5px;margin-right:6px}
.mvm-chat-input{padding:12px;border-top:1px solid var(--msg-border);display:flex;flex-direction:column;gap:8px}
.mvm-chat-input textarea{width:100%;border:1px solid var(--msg-border);border-radius:6px;padding:8px;font-size:13px;resize:none;font-family:inherit}
.mvm-loading{padding:20px;text-align:center;color:var(--msg-gray)} .mvm-filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .mvm-tab-nav{display:flex;gap:4px;border-bottom:2px solid var(--msg-border);margin-bottom:20px;flex-wrap:wrap}
.mvm-tab-btn{padding:10px 18px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--msg-gray);border-bottom:2px solid transparent;margin-bottom:-2px;transition:.15s}
.mvm-tab-btn.active{color:var(--msg-blue);border-bottom-color:var(--msg-blue)}
.mvm-tab-panel{display:none}.mvm-tab-panel.active{display:block} .mvm-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:8px}
.mvm-mode-card{border:2px solid var(--msg-border);border-radius:var(--msg-radius);padding:20px;cursor:pointer;transition:.15s;display:block}
.mvm-mode-card input{display:none}.mvm-mode-card:hover{border-color:#93c5fd}.mvm-mode-card.active{border-color:var(--msg-blue);background:#eff6ff}
.mode-icon{font-size:32px;display:block;margin-bottom:8px}.mvm-mode-card strong{display:block;margin-bottom:6px}
.mvm-mode-card small{color:var(--msg-gray);font-size:12px} .mvm-hours-table{width:100%;border-collapse:collapse}.mvm-hours-table th,.mvm-hours-table td{padding:10px 16px;border-bottom:1px solid #f3f4f6;text-align:left}
.mvm-switch{position:relative;display:inline-block;width:44px;height:24px}
.mvm-switch input{opacity:0;width:0;height:0}
.mvm-switch-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:24px;transition:.3s}
.mvm-switch-slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.mvm-switch input:checked+.mvm-switch-slider{background:var(--msg-blue)}
.mvm-switch input:checked+.mvm-switch-slider::before{transform:translateX(20px)} .mvm-capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:12px 0}
.mvm-cap-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f9fafb;border:1px solid var(--msg-border);border-radius:8px}
.cap-icon{font-size:22px;flex-shrink:0} .mvm-setup-guide{background:#fffbeb;border-left:4px solid #f59e0b}
.mvm-setup-steps{display:flex;flex-direction:column;gap:12px}
.step{display:flex;align-items:flex-start;gap:12px}
.step-num{background:var(--msg-blue);color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0} .mvm-notice-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:16px;color:#1e40af} .mvm-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}
.mvm-modal-box{background:#fff;border-radius:var(--msg-radius);padding:24px;min-width:360px;max-width:520px;width:90%} .mvm-msg-vendor-tab{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.mvm-vendor-tabs{display:flex;gap:4px;border-bottom:2px solid var(--msg-border);margin-bottom:16px}
.mvt-btn{padding:10px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--msg-gray);border-bottom:2px solid transparent;margin-bottom:-2px}
.mvt-btn.active{color:var(--msg-blue);border-bottom-color:var(--msg-blue)}
.mvm-vendor-input{display:block;width:100%;padding:8px 12px;border:1px solid var(--msg-border);border-radius:6px;font-size:14px;margin-bottom:8px;box-sizing:border-box}
.mvm-vendor-select{display:block;width:100%;padding:8px 12px;border:1px solid var(--msg-border);border-radius:6px;font-size:14px;margin-bottom:8px}
.mvm-vendor-btn{background:var(--msg-blue);color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}
.mvm-vendor-btn-secondary{background:#fff;color:#374151;border:1px solid var(--msg-border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.qms-dash-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
margin-bottom: 20px;
}
.qms-dash-card {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
text-align: center;
}
.qms-dash-card .dashicons { font-size: 28px; color: #888; display: block; margin-bottom: 6px; }
.qms-dash-card strong    { display: block; font-size: 30px; font-weight: 800; line-height: 1; }
.qms-dash-card > span    { font-size: 12px; color: #666; }
.qms-dash-card.qms-green  { border-top: 3px solid #28a745; }
.qms-dash-card.qms-red    { border-top: 3px solid #dc3545; }
.qms-dash-card.qms-orange { border-top: 3px solid #fd7e14; } .qms-subnav {
display: flex;
flex-wrap: wrap;
gap: 0;
border-bottom: 2px solid #ddd;
margin-bottom: 20px;
}
.qms-subnav-link {
padding: 8px 16px;
text-decoration: none;
color: #555;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
font-size: 14px;
transition: color .15s;
}
.qms-subnav-link:hover  { color: #007cba; }
.qms-subnav-link.active { color: #007cba; border-bottom-color: #007cba; font-weight: 600; } .qms-section         { display: none; }
.qms-section.active  { display: block; } .qms-card {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
padding: 20px;
margin: 12px 0;
} .qms-item-block {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 14px;
margin-bottom: 10px;
}
.qms-item-block p { margin: 0 0 6px; } .qms-kpi-grid-inner,
#qms-kpi-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 14px;
margin-bottom: 20px;
}
.qms-kpi-card {
background: #fff;
border: 1px solid #ddd;
border-left: 4px solid #ccc;
border-radius: 6px;
padding: 14px;
}
.qms-kpi-card strong      { display: block; font-size: 13px; color: #333; margin-bottom: 6px; }
.qms-kpi-card .qms-kpi-val{ display: block; font-size: 26px; font-weight: 700; }
.qms-kpi-card small       { display: block; color: #888; font-size: 11px; margin-top: 4px; } .qms-badge {
display: inline-block;
padding: 2px 10px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .4px;
} .qms-badge.qms-low      { background: #d1f0da; color: #1a5e2e; }
.qms-badge.qms-medium   { background: #fff3cd; color: #7d5a00; }
.qms-badge.qms-high     { background: #ffe5cc; color: #7d3c00; }
.qms-badge.qms-critical { background: #f8d7da; color: #721c24; } .qms-badge.qms-nc-open        { background: #f8d7da; color: #721c24; }
.qms-badge.qms-nc-in_progress { background: #fff3cd; color: #7d5a00; }
.qms-badge.qms-nc-closed      { background: #d1f0da; color: #1a5e2e; }
.qms-badge.qms-nc-cancelled   { background: #e9ecef; color: #666; } .qms-badge.qms-status-open        { background: #cce5ff; color: #004085; }
.qms-badge.qms-status-in_progress { background: #fff3cd; color: #7d5a00; }
.qms-badge.qms-status-completed   { background: #d1f0da; color: #1a5e2e; }
.qms-badge.qms-status-failed      { background: #f8d7da; color: #721c24; } .qms-badge.qms-cert-pending  { background: #fff3cd; color: #7d5a00; }
.qms-badge.qms-cert-valid    { background: #d1f0da; color: #1a5e2e; }
.qms-badge.qms-cert-expired  { background: #e9ecef; color: #666; }
.qms-badge.qms-cert-revoked  { background: #f8d7da; color: #721c24; } .qms-cert-badges  { display: flex; flex-wrap: wrap; gap: 8px; }
.qms-cert-badge {
display: inline-flex; align-items: center; gap: 5px;
background: #e8f8f0; border: 1px solid #28a745;
border-radius: 20px; padding: 4px 14px;
font-size: 13px; font-weight: 600; color: #155724;
} .qms-loading { color: #888; font-style: italic; }