/* =====================================================================
   MY ACCOUNT pages  (profile, address-books, my-quotes, quote details,
   payment details, wishlist)
   Loaded once via layouts @section('styles') -> asset('css/account.css')

   Reused from custom.css (NOT redefined here):
   .ss-co            form fields, labels, select2, checkbox, .billing-info-wrap card,
                     .ss-co__tablewrap / .ss-co__table (tables)
   .ss-enq           .ss-cart-card, .ss-enq__thumb, .ss-enq__info, .ss-enq__meta,
                     .ss-checkout-btn (+ .ss-cart-back outline variant)
   .ss-plist         qty stepper + option select + cart button row
   .ss-pd__heading   section heading with red underline
   .ss-pd__badge     small pill
   Naming: .ss-acc (block) / .ss-acc__element / .ss-acc--modifier
   ===================================================================== */

/* ---------- Layout ---------- */
.ss-acc{--acc-navy:#00227b;--acc-red:#ac2430;--acc-ink:#101f2e;--acc-mut:#566070;--acc-bg:#f6f7fa;--acc-line:#e3e6ea}
.ss-acc__layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.ss-acc__layout--full{grid-template-columns:minmax(0,1fr)}

/* ---------- Sidebar ---------- */
.ss-acc__side{padding:18px;background:#fff;border:1px solid var(--acc-line);border-top:3px solid var(--acc-navy);border-radius:18px;box-shadow:0 2px 10px rgba(16,28,44,.05)}
@media (min-width:992px){.ss-acc__side{position:sticky;top:110px}}
.ss-acc__user{display:flex;align-items:center;gap:12px;padding:4px 4px 16px;margin-bottom:10px;border-bottom:1px solid var(--acc-line)}
.ss-acc__avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--acc-navy);color:#fff;font-size:22px;font-weight:800;text-transform:uppercase}
.ss-acc__user b{display:block;font-size:15px;color:var(--acc-ink)}
.ss-acc__user small{display:block;font-size:12px;color:var(--acc-mut);overflow-wrap:anywhere}
.ss-acc__nav{display:flex;flex-direction:column;gap:4px}
.ss-acc__nav .nav-link{display:flex;align-items:center;gap:12px;margin:0;padding:13px 14px;border:0;border-left:3px solid transparent;border-radius:10px;background:none;color:var(--acc-ink);font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;box-shadow:none}
.ss-acc__nav .nav-link i{width:18px;text-align:center;color:var(--acc-mut)}
.ss-acc__nav .nav-link:hover{background:var(--acc-bg)}
.ss-acc__nav .nav-link.active{border-left-color:var(--acc-red);background:var(--acc-bg);color:var(--acc-red)}
.ss-acc__nav .nav-link.active i{color:var(--acc-red)}
.ss-acc__nav .nav-link::before{display:none}
@media (max-width:991px){
  .ss-acc__layout{grid-template-columns:minmax(0,1fr)}
  .ss-acc__nav{flex-direction:row;overflow-x:auto;gap:6px}
  .ss-acc__nav .nav-link{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;border-radius:10px 10px 0 0}
  .ss-acc__nav .nav-link.active{border-bottom-color:var(--acc-red)}
  .ss-acc__user{display:none}
}

/* ---------- Card head ---------- */
.ss-acc__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
.ss-acc__head h3{margin:0}
.ss-acc__sub{margin:4px 0 0;font-size:14px;color:var(--acc-mut)}
.ss-acc__actions{display:flex;flex-wrap:wrap;gap:10px}
.ss-acc__actions .ss-checkout-btn{width:auto;margin:0;padding:0 22px}
.ss-acc__submit{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ss-acc__submit .ss-checkout-btn{width:auto;min-width:170px;margin:0}

/* ---------- Grouped section (company, billing, shipping) ---------- */
.ss-acc__sec{margin-top:20px;padding:20px;border:1px solid var(--acc-line);border-radius:14px;background:var(--acc-bg)}
.ss-acc__sec:first-of-type{margin-top:0}
.ss-acc__sec h4{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:800;color:var(--acc-navy)}
.ss-acc__sec .billing-info input,.ss-acc__sec .billing-select input{background:#fff}

/* ---------- Read-only values (company & trade) ---------- */
.ss-acc__label{display:block;margin-bottom:4px;font-size:12px;line-height:1.4;letter-spacing:.4px;text-transform:uppercase;color:#8b949b}
.ss-acc__value{display:block;font-size:15px;font-weight:600;color:var(--acc-ink);overflow-wrap:anywhere}
.ss-acc__value--empty{font-weight:400;color:#b5bcc2}
.ss-acc__item{margin-bottom:18px}
.ss-acc__pill{display:inline-block;margin:0 6px 6px 0;padding:5px 14px;border:1px solid #d9dde1;border-radius:30px;background:#fff;font-size:13px;color:var(--acc-ink)}
.ss-acc__pill--yes{border-color:#2e7d32;background:rgba(46,125,50,.08);color:#2e7d32;font-weight:600}
.ss-acc__pill--no{background:var(--acc-bg);font-weight:600;color:#666}
.ss-acc__note{margin:18px 0 0;font-size:13px;color:var(--acc-mut)}

/* ---------- Status badges (quotes, payments, profile approval) ---------- */
.ss-acc__status{display:inline-block;padding:4px 12px;border-radius:99px;background:#eceff3;color:#4a5565;font-size:12px;font-weight:700;white-space:nowrap}
.ss-acc__status--0,.ss-acc__status--pending{background:#fff3dc;color:#8a5a00}
.ss-acc__status--1{background:#e8eefc;color:var(--acc-navy)}
.ss-acc__status--2,.ss-acc__status--approved{background:#e3f4ea;color:#1b6e3a}
.ss-acc__status--3{background:#cdeed8;color:#0f5a2c}
.ss-acc__status--rejected{background:#fde7e5;color:#b3261e}

/* ---------- Summary tiles (quote / payment) ---------- */
.ss-acc__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.ss-acc__tile{padding:12px 14px;border:1px solid var(--acc-line);border-radius:12px;background:var(--acc-bg)}
.ss-acc__tile small{display:block;font-size:12px;color:var(--acc-mut)}
.ss-acc__tile b{font-size:14px;color:var(--acc-ink)}
@media (max-width:991px){.ss-acc__tiles{grid-template-columns:1fr 1fr}}

/* ---------- Tables ---------- */
.ss-acc .ss-co__table .form-control{height:38px;min-width:90px;text-align:right}
.ss-acc .ss-co__table textarea.form-control{height:80px;min-width:200px;text-align:left}
.ss-acc__num{text-align:right}
.ss-acc__btn{display:inline-flex;align-items:center;gap:6px;height:34px;margin-right:6px;padding:0 12px;border:1px solid var(--acc-line);border-radius:8px;background:#fff;color:var(--acc-ink);font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.ss-acc__btn:hover{border-color:var(--acc-red);background:var(--acc-red);color:#fff}
.ss-acc__total{display:flex;justify-content:flex-end;margin-top:14px}
.ss-acc__total div{display:flex;justify-content:space-between;gap:30px;min-width:280px;padding:14px 18px;border-radius:12px;background:var(--acc-navy);color:#fff;font-weight:800}
.ss-acc__remark{padding:14px 16px;border-left:4px solid var(--acc-red);border-radius:10px;background:var(--acc-bg);color:var(--acc-mut);font-size:14px}
.ss-acc__decision{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:16px}
.ss-acc__decision .ss-checkout-btn{width:auto;min-width:150px;margin:0}
.ss-acc__decision .ss-checkout-btn--reject{background:transparent !important;color:var(--acc-red)}
.ss-acc__decision .ss-checkout-btn--reject:hover{background:var(--acc-red) !important;color:#fff}
.ss-acc .dataTables_wrapper .dataTables_length,.ss-acc .dataTables_wrapper .dataTables_filter,.ss-acc .dataTables_wrapper .dataTables_info{font-size:13px;color:var(--acc-mut)}
.ss-acc .dataTables_wrapper select,.ss-acc .dataTables_wrapper input[type=search]{height:40px;border:1px solid #dfe3e9;border-radius:10px;background:var(--acc-bg)}
.ss-acc .page-item.active .page-link{background:var(--acc-red);border-color:var(--acc-red)}
.ss-acc .page-link{color:var(--acc-ink);border-radius:10px}

/* ---------- Wishlist (reuses .ss-enq cart card; only the buy row needs sizing) ---------- */
.ss-acc.ss-plist .ss-enq__ctrl{justify-content:flex-end}
.ss-acc.ss-plist .ssCartBtnListGrp{padding:0}
.ss-acc.ss-plist .ssCartBtnListGrp .pro-details-quality{flex-wrap:nowrap}
.ss-acc.ss-plist .ssCartBtnListGrp .product-details-content .pro-details-quality .cart-plus-minus{flex:none;width:130px}
@media (max-width:575px){
  .ss-acc.ss-plist .ssCartBtnListGrp{width:100%}
  .ss-acc.ss-plist .ssCartBtnListGrp .product-details-content .pro-details-quality .cart-plus-minus{flex:1 1 auto;width:auto;min-width:0}
}
.ss-acc .ss-enq__info h4 a{color:inherit;text-decoration:none}
.ss-acc .ss-enq__info h4 a:hover{color:var(--acc-red)}