/* Shenk Pricing Calculator — Command Center integration styles */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
.pc-wrapper{
  --pc-navy:#1A2E44; --pc-blue:#1F6FA8; --pc-steel:#2C4A6A;
  --pc-ice:#D9E8F4; --pc-smoke:#F4F6F8; --pc-border:#DDE4ED;
  --pc-text:#1A2E44; --pc-muted:#7A94A8; --pc-white:#FFFFFF;
  --pc-green:#1B5E20; --pc-glite:#E8F5E9; --pc-gdark:#166534;
  --pc-amber:#E65100; --pc-alite:#FFF3E0;
  --pc-red:#B91C1C; --pc-rlite:#FEE2E2;
  --pc-dtf:#7C3AED; --pc-dtflite:#EDE9FE;
}


/* ── HEADER ── */
.pc-app-header{background:var(--pc-navy);padding:14px 28px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px rgba(26,46,68,.3);}
.pc-app-logo{font-family:'Bebas Neue',sans-serif;font-size:26px;color:#fff;letter-spacing:3px;}
.pc-app-divider{width:1px;height:24px;background:rgba(255,255,255,.2);}
.pc-app-subtitle{font-size:11px;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase;}
.pc-app-badge{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:5px 12px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.5);}

/* ── TAB BAR ── */
.pc-tab-bar{background:var(--pc-white);border-bottom:1px solid var(--pc-border);padding:0 28px;display:flex;gap:0;position:sticky;top:57px;z-index:90;box-shadow:0 1px 8px rgba(26,46,68,.06);}
.pc-tab-btn{padding:14px 22px;font-size:13px;font-weight:600;color:var(--pc-muted);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:.3px;}
.pc-tab-btn:hover{color:var(--pc-navy);}
.pc-tab-btn.active{color:var(--pc-blue);border-bottom-color:var(--pc-blue);}

/* ── LAYOUT ── */
.pc-calc-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;max-width:1200px;margin:0 auto;padding:24px 28px 60px;}

/* ── LEFT PANEL ── */
.pc-calc-left{display:flex;flex-direction:column;gap:0;}

/* ── SECTION CARD ── */
.pc-section-card{background:var(--pc-white);border:1px solid var(--pc-border);border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:0 1px 8px rgba(26,46,68,.05);}
.pc-section-header{background:var(--pc-smoke);border-bottom:1px solid var(--pc-border);padding:12px 18px;display:flex;align-items:center;gap:10px;}
.pc-section-icon{width:28px;height:28px;border-radius:6px;background:var(--pc-blue);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.pc-section-title{font-size:12px;font-weight:700;color:var(--pc-navy);letter-spacing:.8px;text-transform:uppercase;}
.pc-section-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;}

/* ── FIELD ROW ── */
.pc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.pc-field-row.three{grid-template-columns:1fr 1fr 1fr;}
.pc-field-row.single{grid-template-columns:1fr;}
.pc-field-group{display:flex;flex-direction:column;gap:5px;}
.pc-field-label{font-size:11px;font-weight:600;color:var(--pc-muted);letter-spacing:.8px;text-transform:uppercase;}
.pc-field-input{height:38px;border:1.5px solid var(--pc-border);border-radius:7px;padding:0 12px;font-family:'Inter',sans-serif;font-size:14px;font-weight:500;color:var(--pc-text);background:var(--pc-white);transition:border-color .15s,box-shadow .15s;outline:none;}
.pc-field-input:focus{border-color:var(--pc-blue);box-shadow:0 0 0 3px rgba(31,111,168,.12);}
.pc-field-input.highlight{border-color:var(--pc-blue);background:#EEF6FF;}
.pc-field-select{height:38px;border:1.5px solid var(--pc-border);border-radius:7px;padding:0 10px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--pc-text);background:var(--pc-white);cursor:pointer;outline:none;transition:border-color .15s;}
.pc-field-select:focus{border-color:var(--pc-blue);box-shadow:0 0 0 3px rgba(31,111,168,.12);}
.pc-field-calc{height:38px;border:1.5px solid var(--pc-border);border-radius:7px;padding:0 12px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;color:var(--pc-blue);background:var(--pc-ice);display:flex;align-items:center;}
.pc-field-hint{font-size:11px;color:var(--pc-muted);margin-top:2px;}

/* ── TOGGLE ROW ── */
.pc-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pc-toggle-grid.four{grid-template-columns:1fr 1fr 1fr 1fr;}
.pc-toggle-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1.5px solid var(--pc-border);border-radius:8px;cursor:pointer;transition:all .15s;user-select:none;}
.pc-toggle-item:hover{border-color:var(--pc-blue);background:var(--pc-ice);}
.pc-toggle-item.active{border-color:var(--pc-blue);background:var(--pc-ice);}
.pc-toggle-item.active .pc-toggle-box{background:var(--pc-blue);border-color:var(--pc-blue);}
.pc-toggle-item.active .pc-toggle-box::after{opacity:1;}
.pc-toggle-box{width:16px;height:16px;border:2px solid var(--pc-border);border-radius:4px;flex-shrink:0;position:relative;transition:all .15s;}
.pc-toggle-box::after{content:'✓';position:absolute;top:-2px;left:1px;font-size:11px;color:#fff;opacity:0;transition:opacity .15s;}
.pc-toggle-label{font-size:12px;font-weight:500;color:var(--pc-text);}
.pc-toggle-sub{font-size:10px;color:var(--pc-muted);margin-top:1px;}

/* ── LOCATION BLOCK ── */
.pc-location-block{border:1.5px solid var(--pc-border);border-radius:10px;overflow:hidden;}
.pc-location-header{background:var(--pc-smoke);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pc-border);}
.pc-location-num{font-size:11px;font-weight:700;color:var(--pc-navy);letter-spacing:.8px;text-transform:uppercase;}
.pc-location-tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--pc-muted);background:var(--pc-border);padding:2px 8px;border-radius:4px;}
.pc-location-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px;}
.pc-omit-row{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;}
.pc-omit-check{width:15px;height:15px;border:2px solid var(--pc-border);border-radius:3px;flex-shrink:0;position:relative;transition:all .15s;}
.pc-omit-check.checked{background:var(--pc-green);border-color:var(--pc-green);}
.pc-omit-check.checked::after{content:'✓';position:absolute;top:-2px;left:1px;font-size:10px;color:#fff;}
.pc-omit-label{font-size:12px;color:var(--pc-muted);}
.pc-omit-label.checked{color:var(--pc-green);font-weight:500;}
.pc-price-calc-line{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid var(--pc-border);margin-top:4px;}
.pc-price-calc-label{font-size:11px;color:var(--pc-muted);}
.pc-price-calc-val{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--pc-blue);}

/* ── DTF ALERT ── */
.pc-dtf-alert{background:var(--pc-dtflite);border:1.5px solid var(--pc-dtf);border-radius:8px;padding:10px 14px;display:flex;gap:10px;align-items:flex-start;}
.pc-dtf-icon{font-size:16px;flex-shrink:0;margin-top:1px;}
.pc-dtf-text{font-size:12px;color:#4C1D95;line-height:1.5;}
.pc-dtf-text strong{font-weight:700;}

/* ── WARNING ── */
.pc-warn-box{background:var(--pc-rlite);border:1.5px solid var(--pc-red);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--pc-red);font-weight:500;}

/* ── NOTICE ── */
.pc-notice-box{background:var(--pc-alite);border:1.5px solid var(--pc-amber);border-radius:8px;padding:10px 14px;font-size:11px;color:#7C2D12;line-height:1.5;}

/* ── RIGHT PANEL ── */
.pc-calc-right{position:sticky;top:120px;height:fit-content;display:flex;flex-direction:column;gap:16px;}
.pc-price-panel{background:var(--pc-navy);border-radius:14px;padding:24px;color:#fff;box-shadow:0 4px 24px rgba(26,46,68,.25);}
.pc-price-panel-title{font-size:10px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;}
.pc-price-main{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);}
.pc-price-per-piece-label{font-size:11px;color:rgba(255,255,255,.45);letter-spacing:1px;text-transform:uppercase;}
.pc-price-per-piece-val{font-family:'JetBrains Mono',monospace;font-size:42px;font-weight:500;color:#fff;line-height:1;}
.pc-price-total-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
.pc-price-total-label{font-size:12px;color:rgba(255,255,255,.5);}
.pc-price-total-val{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:500;color:#4FC3F7;}
.pc-price-breakdown{display:flex;flex-direction:column;gap:8px;}
.pc-pb-row{display:flex;align-items:center;justify-content:space-between;}
.pc-pb-label{font-size:12px;color:rgba(255,255,255,.5);}
.pc-pb-val{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(255,255,255,.8);}
.pc-pb-divider{height:1px;background:rgba(255,255,255,.1);margin:4px 0;}

.pc-info-panel{background:var(--pc-white);border:1px solid var(--pc-border);border-radius:12px;padding:18px;box-shadow:0 1px 8px rgba(26,46,68,.05);}
.pc-info-panel-title{font-size:10px;font-weight:700;color:var(--pc-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;}
.pc-info-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--pc-smoke);}
.pc-info-row:last-child{border-bottom:none;}
.pc-info-label{font-size:12px;color:var(--pc-muted);}
.pc-info-val{font-size:12px;font-weight:600;color:var(--pc-navy);}
.pc-info-val.green{color:var(--pc-green);}
.pc-info-val.amber{color:var(--pc-amber);}
.pc-info-val.dtf{color:var(--pc-dtf);}

/* ── SECTION DIVIDER ── */
.pc-section-divider{font-size:10px;font-weight:700;color:var(--pc-muted);letter-spacing:1.5px;text-transform:uppercase;padding:4px 0 4px;display:flex;align-items:center;gap:8px;}
.pc-section-divider::after{content:'';flex:1;height:1px;background:var(--pc-border);}

/* ── ADD LOCATION BTN ── */
.pc-add-location-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;border:1.5px dashed var(--pc-border);border-radius:8px;background:none;cursor:pointer;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;color:var(--pc-muted);transition:all .15s;}
.pc-add-location-btn:hover{border-color:var(--pc-blue);color:var(--pc-blue);background:var(--pc-ice);}
.pc-remove-loc-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;font-weight:700;line-height:1;padding:0 2px;margin-left:auto;transition:color .15s;}
.pc-remove-loc-btn:hover{color:#e55;}

/* ── HIDDEN ── */
.hidden{display:none!important;}

/* ── DTF MODE INDICATOR ── */
.pc-mode-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;}
.pc-mode-sp{background:#E3F2FD;color:#1565C0;}
.pc-mode-dtf{background:var(--pc-dtflite);color:var(--pc-dtf);}
.pc-mode-emb{background:var(--pc-glite);color:var(--pc-green);}
.pc-mode-patch{background:#FFF8E1;color:#E65100;}


.pc-wrapper{background:#EEF2F7;min-height:calc(100vh - 120px);}
@media(max-width:768px){.pc-calc-layout{grid-template-columns:1fr!important;}.pc-calc-right{position:static!important;}}