*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f6f8;color:#1d2733}header{background:#16202a;color:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header strong{font-size:22px}header span{display:block;font-size:12px;opacity:.7}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:9px 12px;background:#2c3e50;border-radius:7px}main{width:min(1200px,92%);margin:28px auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}.stat{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 10px #0000000d}.stat b{font-size:28px;display:block}.stat span{font-size:13px;color:#667}.due{border:2px solid #d99000}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters input{flex:1;min-width:230px}input,select,textarea{width:100%;padding:11px;border:1px solid #ccd2d8;border-radius:7px;background:#fff}label{display:block;font-weight:600;margin-bottom:14px}label input,label select,label textarea{margin-top:6px;font-weight:400}button,.button{border:0;background:#1f6feb;color:#fff;padding:11px 16px;border-radius:7px;text-decoration:none;cursor:pointer;font-weight:700}.secondary{background:#66717d}.danger{background:#b42318;margin-left:auto}.table-wrap{overflow:auto;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f2;white-space:nowrap}th{background:#eef2f6}.badge{background:#e7eef8;padding:5px 8px;border-radius:12px;font-size:12px}.form-card,.login-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 14px #00000012}.form-card{max-width:850px;margin:auto}.login-card{max-width:420px;margin:10vh auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.actions{display:flex;gap:10px;align-items:center}.alert{padding:10px;background:#fee4e2;color:#912018;border-radius:7px;margin:12px 0}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.actions{flex-wrap:wrap}.danger{margin-left:0}}
.cards{display:grid;gap:12px}.business-card,.empty{background:#fff;padding:17px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.card-top{display:flex;justify-content:space-between;gap:12px}.card-top h3{margin:0 0 5px}.email-address{display:inline-block;margin:10px 0}.meta{display:flex;gap:20px;flex-wrap:wrap;color:#667;font-size:13px}.card-actions{display:flex;gap:8px;margin-top:14px}.email-btn{background:#167348}.duplicate-warning{background:#fff3cd;border:1px solid #e2b93b;padding:14px;border-radius:9px;margin:14px 0}.match{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;padding:10px;border-radius:7px;margin-top:9px}
@media(max-width:650px){.cards{grid-template-columns:1fr}.business-card{padding:15px}.card-actions .button{flex:1;text-align:center}.match{align-items:flex-start;flex-direction:column}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input,.filters select{grid-column:1/-1}}

.phones{display:flex;gap:14px;flex-wrap:wrap;margin:5px 0 10px}.phones a{text-decoration:none;font-weight:700}.call-btn{background:#1769aa}.inline-form{display:inline;margin:0}.sent-btn{background:#7a5b12}.card-actions{flex-wrap:wrap}

.business-check-label{grid-column:1/-1}.business-check-row{display:flex;gap:10px}.business-check-row input{flex:1}.check-existing-btn{white-space:nowrap}.business-check-result{grid-column:1/-1;margin:-5px 0 10px}
.hv-modal{display:none;position:fixed;inset:0;background:#0008;z-index:9999;padding:20px;align-items:center;justify-content:center}.hv-modal.show{display:flex}.hv-modal-card{position:relative;background:#fff;width:min(620px,100%);max-height:80vh;overflow:auto;border-radius:14px;padding:24px}.hv-modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#222;font-size:30px}.hv-modal-actions{text-align:right;margin-top:16px}.existing-match{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #ddd}
@media(max-width:650px){.business-check-row,.existing-match{flex-direction:column;align-items:stretch}.check-existing-btn,.existing-match .button{width:100%;text-align:center}}


/* V2.7 sales status colors */
.status-field{grid-column:1/-1;margin-bottom:18px}.status-title{display:block;font-weight:700;margin-bottom:8px}.status-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.status-choice{margin:0;min-height:145px;border:2px solid;border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;gap:8px}.status-choice input{position:absolute;opacity:0;pointer-events:none}.status-choice b{font-size:15px}.status-icon{font-size:28px;line-height:1}.status-radio{width:24px;height:24px;border:2px solid currentColor;border-radius:50%;display:block;position:relative}.status-choice input:checked~.status-radio:after{content:"";position:absolute;inset:4px;border-radius:50%;background:currentColor}.status-choice input:checked~b{font-weight:800}.status-green{color:#13a83d;background:#effcf2}.status-orange{color:#f07d00;background:#fff7ed}.status-purple{color:#6b22d9;background:#f7f0ff}.status-yellow{color:#c89200;background:#fffbea}.status-red{color:#cc2027;background:#fff1f1}
.status-card{border:2px solid transparent}.status-card.ready-to-order{border-color:#28b84f}.status-card.interested{border-color:#f08a19}.status-card.samples-sent{border-color:#7a35df}.status-card.sample-request{border-color:#d5a000}.status-card.not-interested{border-color:#d83238}.status-card.ready-to-order .status-badge{background:#e2f8e7;color:#137a2c}.status-card.interested .status-badge{background:#fff0dc;color:#a95400}.status-card.samples-sent .status-badge{background:#efe4ff;color:#5d1fba}.status-card.sample-request .status-badge{background:#fff4c7;color:#8b6800}.status-card.not-interested .status-badge{background:#ffe1e1;color:#a71920}
@media(max-width:800px){.status-options{grid-template-columns:1fr 1fr}.status-choice{min-height:120px}.status-options .status-choice:last-child{grid-column:1/-1}}@media(max-width:430px){.status-options{grid-template-columns:1fr}.status-options .status-choice:last-child{grid-column:auto}.status-choice{min-height:92px;flex-direction:row;justify-content:flex-start;padding:12px 16px}.status-choice .status-radio{margin-left:auto}}

/* V2.9 status: First Contact (default, light blue) */
.status-first-contact,.badge.status-first-contact,[data-status="First Contact"]{
 background:#dff3ff!important;border-color:#76bfe8!important;color:#155b82!important;
}
.business-card.status-first-contact{border-left:6px solid #76bfe8!important}

/* V3.0 Orders */
.order-btn{background:#6b4f18}.order-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px}.panel{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 10px #0000000d}.inline-add{display:flex;gap:8px}.inline-add input{flex:1}.product-row,.order-line{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e6e9ec}.product-row.inactive{opacity:.5}.add-item-form{display:grid;grid-template-columns:2fr .6fr 1fr auto;gap:10px;align-items:end}.order-total{text-align:right;font-size:24px;font-weight:800;margin-top:18px}.small-btn{min-height:auto;padding:6px 9px;margin-top:6px}
@media(max-width:700px){.order-grid{grid-template-columns:1fr}.add-item-form{grid-template-columns:1fr 1fr}.add-item-form label:first-of-type{grid-column:1/-1}.add-item-form button{grid-column:1/-1}.product-row,.order-line{align-items:flex-start}.order-total{font-size:21px}}

/* V3.1 product category display + printing */
.category-filter{display:flex;gap:12px;align-items:end;background:#fff;padding:14px;border-radius:12px;margin-bottom:16px}.category-filter label{flex:1}.print-title{display:none}.print-product{display:flex;gap:10px;align-items:center;width:100%}.print-category,.print-sku,.print-price{display:none}.print-name{flex:1}
@media(max-width:700px){.category-filter{flex-direction:column;align-items:stretch}}
@media print{
 header,.no-print,.order-grid>.form-card,.product-actions,.screen-product{display:none!important}
 body,main,.panel{background:#fff!important;box-shadow:none!important;margin:0!important;padding:0!important;width:100%!important}
 .print-title{display:block!important;margin-bottom:18px}.product-list-panel h2{display:none}
 .product-row{display:block!important;opacity:1!important;border-bottom:1px solid #bbb!important;padding:8px 0!important}
 .print-product{display:grid!important;grid-template-columns:140px 110px 1fr 90px;gap:10px}
 .print-category,.print-sku,.print-price{display:block!important}.print-price{text-align:right}
 .print-title h1{font-size:20px;margin:0}.print-title h2{font-size:16px;margin:4px 0}
}

/* V3.2 category item grid */
.category-filter{display:block!important;background:#fff;padding:14px;border-radius:12px;margin-bottom:16px}
.category-filter label{display:block;max-width:420px}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.item-grid .product-row{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:space-between;background:#f8f9fb;border:1px solid #e1e5e9!important;border-radius:10px;padding:14px!important;min-height:120px}
.item-grid .print-product{display:block!important}
.item-grid .print-name{display:block;font-size:16px;margin-bottom:7px}
.item-grid .screen-product{display:block!important;line-height:1.5}
.item-grid .product-actions{display:flex!important;gap:7px;margin-top:12px}
@media(max-width:600px){.item-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.item-grid{grid-template-columns:1fr}}

/* V3.3 selector positioned inside Item List */
.product-list-panel .category-filter{margin:8px 0 16px;padding:0;background:transparent}
.product-list-panel .category-filter label{max-width:420px}

/* V3.4 - cleaner mobile order item selector */
.add-item-clean{display:grid;gap:14px}.selected-item-info{padding:14px 16px;border:1px solid #d9dee5;border-radius:12px;background:#f7f9fb;display:grid;gap:5px}.selected-item-info[hidden]{display:none}.qty-control{display:grid;grid-template-columns:54px minmax(80px,120px) 54px;gap:8px;align-items:center}.qty-control input{text-align:center;margin:0}.qty-btn{min-height:46px;padding:8px;font-size:24px;line-height:1}.price-override{border:1px solid #d9dee5;border-radius:10px;padding:10px 12px;background:#fafbfc}.price-override summary{cursor:pointer;font-weight:600}.price-override label{margin-top:10px}@media(max-width:600px){.add-item-clean select{font-size:16px}.selected-item-info{font-size:15px}.qty-control{grid-template-columns:50px 90px 50px}}

/* V3.4.1 - mobile Add Item layout fix */
.add-item-form.add-item-clean{
  display:block;
}
.add-item-form.add-item-clean > label,
.add-item-form.add-item-clean > details,
.add-item-form.add-item-clean > .selected-item-info{
  width:100%;
  margin-bottom:16px;
}
.add-item-form.add-item-clean > button[name="add_item"]{
  width:100%;
  display:block;
  margin-top:8px;
}
.add-item-form.add-item-clean .qty-control{
  display:grid;
  grid-template-columns:56px minmax(72px,100px) 56px;
  gap:10px;
  justify-content:start;
  align-items:center;
  width:100%;
}
.add-item-form.add-item-clean .qty-control .qty-btn{
  width:56px;
  min-width:56px;
  height:48px;
  margin:0;
  padding:0;
}
.add-item-form.add-item-clean .qty-control input{
  width:100%;
  height:48px;
  margin:0;
}
@media(max-width:600px){
  .add-item-form.add-item-clean{display:block!important;grid-template-columns:none!important}
  .add-item-form.add-item-clean > label{display:block!important;width:100%!important;grid-column:auto!important}
  .add-item-form.add-item-clean select{width:100%;max-width:100%;min-width:0}
  .add-item-form.add-item-clean .qty-control{grid-template-columns:52px 82px 52px;justify-content:start}
  .add-item-form.add-item-clean .qty-control .qty-btn{width:52px;min-width:52px}
  .add-item-form.add-item-clean > button[name="add_item"]{grid-column:auto!important;width:100%!important}
}


/* V3.4.2 - item name only + horizontal quantity */
.add-item-form.add-item-clean .qty-control{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
}
.add-item-form.add-item-clean .qty-control .qty-btn{
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  height:48px!important;
}
.add-item-form.add-item-clean .qty-control input{
  flex:0 0 82px!important;
  width:82px!important;
  min-width:82px!important;
  height:48px!important;
}
@media(max-width:600px){
  .add-item-form.add-item-clean .qty-control{display:flex!important;flex-wrap:nowrap!important;}
}

/* V3.4.3 top Save Order */
.order-top-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.top-save-order,.bottom-save-order{background:#167348!important;color:#fff!important;border:0!important;font-weight:700}
.top-save-order{min-height:38px;padding:8px 13px;border-radius:7px;cursor:pointer}
@media(max-width:700px){
 .order-top-nav{width:100%;display:grid!important;grid-template-columns:1fr 1fr 1.15fr;gap:6px}
 .order-top-nav a,.order-top-nav .top-save-order{width:100%;text-align:center;font-size:14px;padding:9px 5px}
}

/* V3.4.4 order delete control */
.delete-order-form{margin:8px 0 0}
.delete-order-btn{width:100%;background:#c62828!important;color:#fff!important;border:0!important;border-radius:8px;padding:12px 14px;font-weight:700;cursor:pointer}
.delete-order-btn:hover{filter:brightness(.95)}
.success{padding:10px 12px;margin:0 0 12px;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px}
.error{padding:10px 12px;margin:0 0 12px;background:#ffebee;border:1px solid #ef9a9a;border-radius:8px}

/* V3.4.5 PDF order button */
.card-actions{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,.85fr) minmax(0,.65fr);gap:8px;align-items:stretch}
.card-actions .delete-order-form{margin:0}
.card-actions .button,.card-actions button{height:100%;display:flex;align-items:center;justify-content:center}
.pdf-order-btn{background:#167348!important;color:#fff!important;font-weight:700;text-decoration:none}
@media(max-width:420px){.card-actions{grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,.6fr)}.card-actions .button,.card-actions button{font-size:14px;padding:10px 6px}}

/* V3.4.6 business settings + order email */
.email-order-btn{background:#1769aa!important;color:#fff!important}
.pdf-business-info{margin-bottom:16px;line-height:1.45}
/* V3.4.9 website email/contact-form extractor */
.extractor{max-width:1000px;margin:auto}.extract-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:18px 0 22px}.extract-form label{margin:0}.extract-form button{min-height:46px}.extract-summary{padding:13px 15px;background:#eef6ff;border:1px solid #b9d8f5;border-radius:9px;margin:15px 0}.extract-results{display:grid;gap:10px;margin-bottom:24px}.extract-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px;border:1px solid #d9dee4;border-radius:9px;background:#fff}.extract-row small{display:block;margin-top:4px;overflow-wrap:anywhere}.extract-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){.extract-form{grid-template-columns:1fr}.extract-row{display:block}.extract-row>div:last-child{margin-top:10px}.extract-row .button{flex:1;text-align:center}}

/* V3.4.14 - separate Facebook and Instagram links on business cards */
.social-links{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:8px;
  margin-bottom:8px;
}
.social-links a{
  display:inline-block;
  margin:0;
}
@media(max-width:600px){
  .social-links{gap:22px;}
}

/* V3.4.19 Custom website magnet requests */
.custom-nav-button{background:#a24c19!important}.custom-dashboard-button{display:flex;align-items:center;gap:16px;margin:14px 0 22px;padding:18px 20px;background:linear-gradient(135deg,#a24c19,#d56c2f);color:#fff;text-decoration:none;border-radius:12px;box-shadow:0 3px 12px #0002}.custom-dashboard-button>span{font-size:34px}.custom-dashboard-button div{display:flex;flex-direction:column;gap:3px}.custom-dashboard-button strong{font-size:23px}.custom-dashboard-button small{opacity:.85}.custom-dashboard-button>b{margin-left:auto}.custom-page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.custom-page-title h1{margin:8px 0 4px}.custom-page-title p{margin:0;color:#667}.custom-request-form{max-width:900px}.custom-request-form h2{margin:26px 0 14px;padding-bottom:8px;border-bottom:1px solid #e1e5e9}.custom-address-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1fr;gap:0 14px}.design-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 18px}.design-summary span{padding:10px;background:#eef2f6;border-radius:8px;font-size:13px}.custom-photo-button{display:inline-flex;margin-bottom:16px}.custom-request-card{border-left:5px solid #d56c2f}.custom-status{font-size:14px;padding:8px 12px}@media(max-width:700px){.custom-address-grid,.design-summary{grid-template-columns:1fr 1fr}.custom-dashboard-button{padding:15px}.custom-dashboard-button>b{font-size:13px}}@media(max-width:430px){.custom-address-grid,.design-summary{grid-template-columns:1fr}.custom-page-title{flex-direction:column}.custom-dashboard-button>span{font-size:27px}}