/* =====================================================================
   PRESERVE OUTFITTERS — Sliced Invoices skin (Loden & Brass)
   ---------------------------------------------------------------------
   Skins the Sliced Invoices front-end invoice / quote / deposit template
   (template1 + bootstrap 3 markup the plugin ships). Every rule is scoped
   to body.sliced-invoice / body.sliced-quote so nothing leaks site-wide.
   Palette: loden #1a2b29 · ink #232a22 · brass #8a6731 · gold #cda85f
            paper #faf6ed · bone #f4ede0 · cream #e8dec9
   ===================================================================== */
body.sliced-invoice,body.sliced-quote{
  background:#f4ede0;color:#232a22;
  font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body.sliced-invoice a,body.sliced-quote a{color:#8a6731;text-decoration:none;transition:color .15s}
body.sliced-invoice a:hover,body.sliced-invoice a:focus,
body.sliced-quote a:hover,body.sliced-quote a:focus{color:#1a2b29;text-decoration:underline;text-underline-offset:3px}

/* ---- top action bar ------------------------------------------------ */
body.sliced-invoice .sliced-top-bar,body.sliced-quote .sliced-top-bar{
  background:#1a2b29;border:0;box-shadow:none;padding:16px 0;margin-bottom:34px;
}
body.sliced-invoice .sliced-top-bar .btn,body.sliced-quote .sliced-top-bar .btn,
body.sliced-invoice .sliced_gateway_button .btn,
body.sliced-invoice .sliced_gateway_button input[type=submit]{
  font-family:"Montserrat",Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;border-radius:0;padding:11px 20px;line-height:1;box-shadow:none;
  text-shadow:none;transition:background .18s,color .18s,border-color .18s;
}
/* secondary actions (PDF / My Account / Edit Profile / Logout) */
body.sliced-invoice .sliced-top-bar .btn-default,
body.sliced-invoice .sliced-top-bar .btn-primary,
body.sliced-quote .sliced-top-bar .btn-default,
body.sliced-quote .sliced-top-bar .btn-primary{
  background:transparent;color:#efe9d8;border:1px solid rgba(239,233,216,.42);
}
body.sliced-invoice .sliced-top-bar .btn-default:hover,
body.sliced-invoice .sliced-top-bar .btn-primary:hover,
body.sliced-invoice .sliced-top-bar .btn-default:focus,
body.sliced-invoice .sliced-top-bar .btn-primary:focus,
body.sliced-quote .sliced-top-bar .btn-default:hover,
body.sliced-quote .sliced-top-bar .btn-primary:hover{
  background:#efe9d8;color:#1a2b29;border-color:#efe9d8;text-decoration:none;
}
/* primary action = Pay / Accept (brass→gold, never bootstrap green) */
body.sliced-invoice .sliced-top-bar .btn-success,
body.sliced-invoice #start-payment,
body.sliced-quote .sliced-top-bar .btn-success{
  background:#cda85f;color:#1a2b29;border:1px solid #cda85f;
}
body.sliced-invoice .sliced-top-bar .btn-success:hover,
body.sliced-invoice #start-payment:hover,
body.sliced-quote .sliced-top-bar .btn-success:hover{background:#8a6731;color:#f3ecdb;border-color:#8a6731}
body.sliced-invoice .sliced-top-bar .fa,body.sliced-quote .sliced-top-bar .fa{margin-right:6px}
body.sliced-invoice .sliced-top-bar .text-right .btn{margin-left:8px}
body.sliced-invoice .sliced_gateway_button form{margin:0}

/* ---- deposit / status message -------------------------------------- */
body.sliced-invoice .sliced-message,body.sliced-quote .sliced-message{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;line-height:1.45;font-weight:400;
  color:#232a22;background:#e8dec9;border:0;border-left:3px solid #8a6731;border-radius:0;
  padding:18px 24px;margin:0 auto 26px;text-align:left;
}

/* ---- the invoice sheet --------------------------------------------- */
body.sliced-invoice .sliced-wrap,body.sliced-quote .sliced-wrap{
  background:#faf6ed;border:1px solid rgba(35,42,34,.14);border-radius:0;box-shadow:0 1px 0 rgba(35,42,34,.04);
  padding:clamp(26px,4vw,56px);margin-bottom:60px;
}

/* masthead: crest left, title right, hairline under */
body.sliced-invoice .sliced-header,body.sliced-quote .sliced-header{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  padding-bottom:26px;border-bottom:1px solid rgba(35,42,34,.18);margin-bottom:34px;
}
body.sliced-invoice .sliced-header .sliced-business,
body.sliced-invoice .sliced-header .sliced-title,
body.sliced-quote .sliced-header .sliced-business,
body.sliced-quote .sliced-header .sliced-title{width:auto;float:none;padding:0}
body.sliced-invoice .sliced-business-logo,body.sliced-quote .sliced-business-logo{max-width:260px;height:auto}
body.sliced-invoice .sliced-title h2,body.sliced-quote .sliced-title h2{
  font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,44px);
  letter-spacing:.01em;color:#1a2b29;margin:0;text-align:right;
}
body.sliced-invoice .sliced-title h2:after,body.sliced-quote .sliced-title h2:after{
  content:"";display:block;width:54px;height:1px;background:#cda85f;margin:12px 0 0 auto;
}

/* ---- addresses ----------------------------------------------------- */
body.sliced-invoice .sliced-address .from,
body.sliced-invoice .sliced-address .to,
body.sliced-quote .sliced-address .from,
body.sliced-quote .sliced-address .to{margin-bottom:10px}
body.sliced-invoice .sliced-address .from strong,
body.sliced-invoice .sliced-address .to strong,
body.sliced-quote .sliced-address .from strong,
body.sliced-quote .sliced-address .to strong{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:#8a6731;
}
body.sliced-invoice .sliced-address .name,body.sliced-quote .sliced-address .name{
  font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:500;color:#1a2b29;margin-bottom:4px;
}
body.sliced-invoice .sliced-address .name a,body.sliced-quote .sliced-address .name a{color:#1a2b29}
body.sliced-invoice .sliced-address .address p,
body.sliced-invoice .sliced-address .extra_info p,
body.sliced-invoice .sliced-address .email,
body.sliced-quote .sliced-address .address p,
body.sliced-quote .sliced-address .extra_info p,
body.sliced-quote .sliced-address .email{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;line-height:1.45;color:#3f463a;margin:0 0 2px;
}
body.sliced-invoice .sliced-address .extra_info{margin-top:8px}
body.sliced-invoice .sliced-middle,body.sliced-quote .sliced-middle{margin-top:22px}

/* ---- tables (details, line items, totals) -------------------------- */
body.sliced-invoice .sliced-wrap .table,body.sliced-quote .sliced-wrap .table{
  border:1px solid rgba(35,42,34,.18);border-radius:0;margin-bottom:0;background:#faf6ed;
}
body.sliced-invoice .sliced-wrap .table>thead>tr>th,
body.sliced-invoice .sliced-wrap .table>tbody>tr>td,
body.sliced-quote .sliced-wrap .table>thead>tr>th,
body.sliced-quote .sliced-wrap .table>tbody>tr>td{
  border-color:rgba(35,42,34,.14);vertical-align:middle;padding:12px 14px;
}
body.sliced-invoice .sliced-wrap .table>thead>tr>th,
body.sliced-quote .sliced-wrap .table>thead>tr>th{
  background:#e8dec9;border-bottom:1px solid rgba(35,42,34,.22);
}
body.sliced-invoice .sliced-wrap .table>thead>tr>th strong,
body.sliced-quote .sliced-wrap .table>thead>tr>th strong{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#1a2b29;
}
body.sliced-invoice .sliced-wrap .table-striped>tbody>tr:nth-of-type(odd),
body.sliced-quote .sliced-wrap .table-striped>tbody>tr:nth-of-type(odd){background:transparent}
body.sliced-invoice .sliced-wrap .table-striped>tbody>tr:nth-of-type(even),
body.sliced-quote .sliced-wrap .table-striped>tbody>tr:nth-of-type(even){background:rgba(232,222,201,.38)}
body.sliced-invoice .sliced-wrap .table tr.table-active>td,
body.sliced-invoice .sliced-wrap .table td.table-active,
body.sliced-invoice .sliced-wrap .table th.table-active,
body.sliced-quote .sliced-wrap .table tr.table-active>td,
body.sliced-quote .sliced-wrap .table td.table-active,
body.sliced-quote .sliced-wrap .table th.table-active{background:#e8dec9;color:#1a2b29}
body.sliced-invoice .sliced-wrap .table tr.table-active strong,
body.sliced-invoice .sliced-wrap .table td.table-active strong,
body.sliced-quote .sliced-wrap .table tr.table-active strong,
body.sliced-quote .sliced-wrap .table td.table-active strong{color:#1a2b29}

/* details block (invoice no / date / total due) */
body.sliced-invoice .sliced-details td,body.sliced-quote .sliced-details td{
  font-family:"Montserrat",Arial,sans-serif;font-size:13px;color:#3f463a;
}
body.sliced-invoice .sliced-details td:first-child,body.sliced-quote .sliced-details td:first-child{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:#8a6731;
}
body.sliced-invoice .sliced-details td:last-child,body.sliced-quote .sliced-details td:last-child{
  text-align:right;font-variant-numeric:tabular-nums;color:#232a22;
}

/* description note above the line items */
body.sliced-invoice .sliced-description,body.sliced-quote .sliced-description{margin:30px 0 8px}
body.sliced-invoice .sliced-description p,body.sliced-quote .sliced-description p{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1.5;color:#3f463a;margin:0;
}

/* line items */
body.sliced-invoice .sliced-items,body.sliced-quote .sliced-items{margin-top:22px}
body.sliced-invoice .sliced-line-items .service,body.sliced-quote .sliced-line-items .service{
  font-family:"Playfair Display",Georgia,serif;font-size:18px;font-weight:500;color:#1a2b29;
}
body.sliced-invoice .sliced-line-items .service .description,
body.sliced-quote .sliced-line-items .service .description{display:block;margin-top:3px}
body.sliced-invoice .sliced-line-items .service .description p,
body.sliced-quote .sliced-line-items .service .description p{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;line-height:1.45;color:#5c6151;margin:0;
}
body.sliced-invoice .sliced-line-items .qty,
body.sliced-invoice .sliced-line-items .rate,
body.sliced-invoice .sliced-line-items .adjust,
body.sliced-invoice .sliced-line-items .total,
body.sliced-quote .sliced-line-items .qty,
body.sliced-quote .sliced-line-items .rate,
body.sliced-quote .sliced-line-items .adjust,
body.sliced-quote .sliced-line-items .total{
  font-family:"Montserrat",Arial,sans-serif;font-size:14px;font-variant-numeric:tabular-nums;color:#232a22;
}
body.sliced-invoice .sliced-line-items th.qty,body.sliced-invoice .sliced-line-items td.qty,
body.sliced-quote .sliced-line-items th.qty,body.sliced-quote .sliced-line-items td.qty{text-align:center}
body.sliced-invoice .sliced-line-items th.rate,body.sliced-invoice .sliced-line-items th.adjust,
body.sliced-invoice .sliced-line-items th.total,body.sliced-invoice .sliced-line-items td.rate,
body.sliced-invoice .sliced-line-items td.adjust,body.sliced-invoice .sliced-line-items td.total,
body.sliced-quote .sliced-line-items th.rate,body.sliced-quote .sliced-line-items th.adjust,
body.sliced-quote .sliced-line-items th.total,body.sliced-quote .sliced-line-items td.rate,
body.sliced-quote .sliced-line-items td.adjust,body.sliced-quote .sliced-line-items td.total{text-align:right}

/* totals stack — right-aligned, brass emphasis on the amount due */
body.sliced-invoice .sliced-totals,body.sliced-quote .sliced-totals{margin-left:auto;float:right}
body.sliced-invoice .sliced-totals td,body.sliced-quote .sliced-totals td{
  font-family:"Montserrat",Arial,sans-serif;font-size:13px;font-variant-numeric:tabular-nums;
}
body.sliced-invoice .sliced-totals td.rate,body.sliced-quote .sliced-totals td.rate{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:#8a6731;
}
body.sliced-invoice .sliced-totals td.total,body.sliced-quote .sliced-totals td.total{text-align:right;color:#232a22}
body.sliced-invoice .sliced-totals td.blank,body.sliced-quote .sliced-totals td.blank{
  background:transparent;border-left:0;border-right:0;padding:6px 0;
}
body.sliced-invoice .sliced-totals tr.row-total:last-of-type td,
body.sliced-quote .sliced-totals tr.row-total:last-of-type td{
  background:#1a2b29;border-color:#1a2b29;
}
body.sliced-invoice .sliced-totals tr.row-total:last-of-type td strong,
body.sliced-quote .sliced-totals tr.row-total:last-of-type td strong{
  color:#efe9d8;font-weight:600;letter-spacing:.02em;
}
body.sliced-invoice .sliced-totals tr.row-total:last-of-type td.rate strong,
body.sliced-quote .sliced-totals tr.row-total:last-of-type td.rate strong{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:#cda85f;
}

/* ---- terms + footer ------------------------------------------------ */
body.sliced-invoice .sliced-footer,body.sliced-quote .sliced-footer{clear:both}
body.sliced-invoice .terms-text,body.sliced-quote .terms-text{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;line-height:1.5;color:#5c6151;
  border-top:1px solid rgba(35,42,34,.18);margin-top:44px;padding-top:20px;text-align:left;
}
body.sliced-invoice .terms-text p,body.sliced-quote .terms-text p{margin:0}
body.sliced-invoice .footer-text,body.sliced-quote .footer-text{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:#5c6151;text-align:center;margin-top:34px;
}
body.sliced-invoice .footer-text a,body.sliced-quote .footer-text a{color:#8a6731!important}
body.sliced-invoice .footer-text a:hover,body.sliced-quote .footer-text a:hover{color:#1a2b29!important}

/* ---- payment lightbox (thickbox form) ------------------------------ */
body.sliced-invoice .sliced_payment_form_wrap{
  background:#faf6ed;font-family:"Montserrat",Arial,sans-serif;padding:26px;
}
body.sliced-invoice .sliced_payment_form_wrap ul{list-style:none;padding:0;margin:0 0 20px}
body.sliced-invoice .sliced_payment_form_wrap li{
  display:flex;justify-content:space-between;gap:20px;padding:9px 0;
  border-bottom:1px solid rgba(35,42,34,.14);font-variant-numeric:tabular-nums;
}
body.sliced-invoice .sliced_payment_form_wrap li span{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:#8a6731;
}

/* ---- responsive ----------------------------------------------------- */
@media(max-width:768px){
  body.sliced-invoice .sliced-top-bar,body.sliced-quote .sliced-top-bar{padding:12px 0;margin-bottom:22px}
  body.sliced-invoice .sliced-top-bar .col-xs-12,body.sliced-quote .sliced-top-bar .col-xs-12{text-align:center}
  body.sliced-invoice .sliced-top-bar .text-right{text-align:center!important;margin-top:10px}
  body.sliced-invoice .sliced-top-bar .text-right .btn{margin:4px 3px 0}
  body.sliced-invoice .sliced-header,body.sliced-quote .sliced-header{
    flex-direction:column;align-items:flex-start;text-align:left;
  }
  body.sliced-invoice .sliced-title h2,body.sliced-quote .sliced-title h2{text-align:left}
  body.sliced-invoice .sliced-title h2:after,body.sliced-quote .sliced-title h2:after{margin-left:0}
  body.sliced-invoice .sliced-business-logo,body.sliced-quote .sliced-business-logo{max-width:200px}
  body.sliced-invoice .sliced-details,body.sliced-quote .sliced-details{margin-top:22px}
  body.sliced-invoice .sliced-totals,body.sliced-quote .sliced-totals{float:none;width:100%}
  body.sliced-invoice .sliced-wrap .table>thead>tr>th,
  body.sliced-invoice .sliced-wrap .table>tbody>tr>td{padding:10px}
  body.sliced-invoice .sliced-line-items .service{font-size:16px}
}

/* ---- print / PDF ---------------------------------------------------- */
@media print{
  body.sliced-invoice,body.sliced-quote{background:#fff}
  body.sliced-invoice .sliced-wrap,body.sliced-quote .sliced-wrap{
    background:#fff;border:0;padding:0;box-shadow:none;
  }
  body.sliced-invoice .no-print,body.sliced-quote .no-print{display:none!important}
  body.sliced-invoice .sliced-items tr,body.sliced-quote .sliced-items tr{page-break-inside:avoid}
  body.sliced-invoice .sliced-wrap .table>thead>tr>th,
  body.sliced-quote .sliced-wrap .table>thead>tr>th{background:#e8dec9!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.sliced-invoice .sliced-totals tr.row-total:last-of-type td,
  body.sliced-quote .sliced-totals tr.row-total:last-of-type td{
    background:#1a2b29!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
}


/* =====================================================================
   CLIENT AREA / EDIT PROFILE / INVOICE LIST  (2.11.76)
   ---------------------------------------------------------------------
   These are ordinary Divi pages holding a Sliced shortcode; functions.php
   tags them with .po-sliced-client. Everything below is scoped to that
   class + the page content area, so it only ever touches the plugin's
   output on those pages.
   ===================================================================== */
body.po-sliced-client #main-content .entry-content,
body.po-sliced-client .et-l--body .et_pb_text_inner{color:#232a22}

/* client-area links row (My Account · Edit Profile · Logout) */
body.po-sliced-client a,
body.po-sliced-client .et_pb_text_inner a{color:#8a6731;text-decoration:none;transition:color .15s}
body.po-sliced-client a:hover,body.po-sliced-client a:focus,
body.po-sliced-client .et_pb_text_inner a:hover,body.po-sliced-client .et_pb_text_inner a:focus{
  color:#1a2b29;text-decoration:underline;text-underline-offset:3px;
}

/* section headings the shortcodes print (Account Snapshot, Invoices, …) */
body.po-sliced-client h2,
body.po-sliced-client h3,
body.po-sliced-client h4{
  font-family:"Playfair Display",Georgia,serif;font-weight:400;color:#1a2b29;
  letter-spacing:.01em;padding-bottom:0;margin:0 0 14px;
}
body.po-sliced-client h2{font-size:clamp(26px,3vw,34px)}
body.po-sliced-client h2:after{
  content:"";display:block;width:54px;height:1px;background:#cda85f;margin:12px 0 0;
}
body.po-sliced-client h2 .fa,
body.po-sliced-client h3 .fa,
body.po-sliced-client i[class^=fa]{color:#8a6731;margin-right:10px;font-size:.8em}

/* status pills + snapshot badges — earth tones, never bootstrap primaries */
body.po-sliced-client .label,
body.po-sliced-client .badge,
body.po-sliced-client [class*=label-]{
  font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:10px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;border-radius:0;padding:7px 11px;
  background:#e8dec9;color:#1a2b29;text-shadow:none;font-variant-numeric:tabular-nums;
}
body.po-sliced-client .label-info,body.po-sliced-client .label-primary,
body.po-sliced-client .badge-info,body.po-sliced-client .badge-primary{background:#1a2b29;color:#efe9d8}
body.po-sliced-client .label-success,body.po-sliced-client .badge-success{background:#8a6731;color:#f3ecdb}
body.po-sliced-client .label-warning,body.po-sliced-client .badge-warning{background:#cda85f;color:#1a2b29}
body.po-sliced-client .label-danger,body.po-sliced-client .badge-danger{background:#8a3324;color:#f3ecdb}
body.po-sliced-client .label-default,body.po-sliced-client .badge-default{
  background:transparent;color:#5c6151;box-shadow:inset 0 0 0 1px rgba(35,42,34,.28);
}

/* buttons / tabs the shortcodes print */
body.po-sliced-client .btn,
body.po-sliced-client input[type=submit],
body.po-sliced-client button[type=submit]{
  font-family:"Montserrat",Arial,sans-serif!important;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;border-radius:0;padding:13px 26px;line-height:1;cursor:pointer;
  background:#cda85f;color:#1a2b29;border:1px solid #cda85f;box-shadow:none;text-shadow:none;
  transition:background .18s,color .18s,border-color .18s;-webkit-appearance:none;appearance:none;
}
body.po-sliced-client .btn:hover,
body.po-sliced-client .btn:focus,
body.po-sliced-client input[type=submit]:hover,
body.po-sliced-client input[type=submit]:focus,
body.po-sliced-client button[type=submit]:hover{
  background:#1a2b29;color:#efe9d8;border-color:#1a2b29;text-decoration:none;
}
body.po-sliced-client .btn-default,
body.po-sliced-client .btn-link{background:transparent;color:#8a6731;border-color:rgba(138,103,49,.5)}
body.po-sliced-client .btn-default:hover,
body.po-sliced-client .btn-link:hover{background:#8a6731;color:#f3ecdb;border-color:#8a6731}

/* nav tabs (Invoices / Quotes / Payments switcher) */
body.po-sliced-client .nav-tabs{border-bottom:1px solid rgba(35,42,34,.18);padding:0;list-style:none}
body.po-sliced-client .nav-tabs>li{margin:0}
body.po-sliced-client .nav-tabs>li>a{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:#5c6151;background:transparent;border:0;border-radius:0;
  border-bottom:2px solid transparent;padding:12px 4px;margin-right:26px;
}
body.po-sliced-client .nav-tabs>li>a:hover{background:transparent;color:#1a2b29;border-bottom-color:#cda85f}
body.po-sliced-client .nav-tabs>li.active>a,
body.po-sliced-client .nav-tabs>li.active>a:hover{
  background:transparent;color:#1a2b29;border:0;border-bottom:2px solid #8a6731;
}

/* invoice/quote list tables */
body.po-sliced-client table{
  width:100%;border:1px solid rgba(35,42,34,.18);border-collapse:collapse;background:#faf6ed;margin:0 0 26px;
}
body.po-sliced-client thead th,
body.po-sliced-client tr th{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#1a2b29;background:#e8dec9;
  border-bottom:1px solid rgba(35,42,34,.22);padding:12px 14px;
}
body.po-sliced-client tr td{
  border-top:1px solid rgba(35,42,34,.12);padding:12px 14px;
  font-family:"Montserrat",Arial,sans-serif;font-size:14px;color:#232a22;font-variant-numeric:tabular-nums;
}
body.po-sliced-client tbody tr:nth-of-type(even){background:rgba(232,222,201,.38)}

/* “Currently no Invoices” + other plain notes */
body.po-sliced-client p{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1.55;color:#3f463a;
}

/* ---- Edit Profile form ---------------------------------------------- */
body.po-sliced-client form label:not(:has(input)),
body.po-sliced-client form>p>strong{
  display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#232a22;margin:0 0 8px;
}
body.po-sliced-client form input[type=text],
body.po-sliced-client form input[type=email],
body.po-sliced-client form input[type=tel],
body.po-sliced-client form input[type=url],
body.po-sliced-client form input[type=password],
body.po-sliced-client form textarea{
  width:100%;max-width:520px;box-sizing:border-box;border-radius:0;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;color:#232a22;
  background:#e8dec9;border:1px solid rgba(35,42,34,.30);padding:12px 14px;box-shadow:none;
  transition:border-color .15s,background .15s;
}
body.po-sliced-client form textarea{min-height:130px;line-height:1.5}
body.po-sliced-client form input:focus,
body.po-sliced-client form textarea:focus{
  outline:none;border-color:#8a6731;background:#f3ecdb;
}
/* the small helper lines under each field */
body.po-sliced-client form p,
body.po-sliced-client form span.description,
body.po-sliced-client form small{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;color:#5c6151;
}
body.po-sliced-client form p{margin:0 0 22px}

/* ---- profile-photo upload popup (Custom My Account plugin) ---------- */
.pho-popup-myaccount{
  background:#faf6ed;border:1px solid rgba(35,42,34,.18);border-radius:0;
  font-family:"Montserrat",Arial,sans-serif;color:#232a22;
}
.pho-popup-myaccount h3{
  font-family:"Playfair Display",Georgia,serif;font-weight:400;color:#1a2b29;font-size:24px;
}
.pho-popup-myaccount input[type=submit]{
  font-family:"Montserrat",Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;background:#cda85f;color:#1a2b29;border:1px solid #cda85f;
  border-radius:0;padding:12px 24px;cursor:pointer;
}
.pho-popup-myaccount input[type=submit]:hover{background:#1a2b29;color:#efe9d8;border-color:#1a2b29}
.pho-close_btn{color:#8a6731;cursor:pointer}
.pho-close_btn:hover{color:#1a2b29}

@media(max-width:768px){
  body.po-sliced-client .nav-tabs>li>a{margin-right:16px}
  body.po-sliced-client form input[type=text],
  body.po-sliced-client form input[type=email],
  body.po-sliced-client form textarea{max-width:100%}
  body.po-sliced-client thead th,
  body.po-sliced-client tr td{padding:10px}
}

/* ---- login state on the Client Area page ---------------------------- */
/* checkbox / radio labels stay inline sentence case (Remember Me) */
body.po-sliced-client form label:has(input[type=checkbox]),
body.po-sliced-client form label:has(input[type=radio]){
  display:inline-flex;align-items:center;gap:9px;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:18px;font-weight:400;
  letter-spacing:0;text-transform:none;color:#3f463a;margin:0;cursor:pointer;
}
body.po-sliced-client form input[type=checkbox],
body.po-sliced-client form input[type=radio]{
  width:auto;margin:0;accent-color:#8a6731;
}
/* sign-in block reads as a compact card-width column */
body.po-sliced-client form input[type=password]{max-width:360px}
body.po-sliced-client form input[type=text][name=log],
body.po-sliced-client form input#user_login{max-width:360px}
/* "You have signed out…" / "Forgot your password?" */
body.po-sliced-client form+p a,
body.po-sliced-client p a{font-weight:500}


/* =====================================================================
   SPECIFICITY BACKSTOP (2.11.78)
   The plugin's own style.css and Divi's parent CSS set some of the same
   colours at equal-or-higher weight. These few rules carry !important so
   nothing on a client-area page can fall back to bootstrap/Divi blue,
   green or orange. Kept deliberately small — colour only, no layout.
   ===================================================================== */
body.po-sliced-client #main-content a,
body.po-sliced-client #et-boc a,
body.po-sliced-client .et_pb_text_inner a{color:#8a6731!important}
body.po-sliced-client #main-content a:hover,
body.po-sliced-client #main-content a:focus,
body.po-sliced-client #et-boc a:hover,
body.po-sliced-client #et-boc a:focus{color:#1a2b29!important}
body.po-sliced-client .label,body.po-sliced-client .badge,
body.po-sliced-client [class*=label-]{background-color:#e8dec9!important;color:#1a2b29!important}
body.po-sliced-client .label-info,body.po-sliced-client .label-primary,
body.po-sliced-client .badge-info,body.po-sliced-client .badge-primary{background-color:#1a2b29!important;color:#efe9d8!important}
body.po-sliced-client .label-success,body.po-sliced-client .badge-success{background-color:#8a6731!important;color:#f3ecdb!important}
body.po-sliced-client .label-warning,body.po-sliced-client .badge-warning{background-color:#cda85f!important;color:#1a2b29!important}
body.po-sliced-client .label-danger,body.po-sliced-client .badge-danger{background-color:#8a3324!important;color:#f3ecdb!important}
body.po-sliced-client .label-default,body.po-sliced-client .badge-default{background-color:transparent!important;color:#5c6151!important}
body.po-sliced-client .btn,
body.po-sliced-client input[type=submit],
body.po-sliced-client button[type=submit]{
  background-color:#cda85f!important;color:#1a2b29!important;border-color:#cda85f!important;border-radius:0!important;
}
body.po-sliced-client .btn:hover,body.po-sliced-client .btn:focus,
body.po-sliced-client input[type=submit]:hover,
body.po-sliced-client input[type=submit]:focus,
body.po-sliced-client button[type=submit]:hover{
  background-color:#1a2b29!important;color:#efe9d8!important;border-color:#1a2b29!important;
}
body.po-sliced-client .btn-default,body.po-sliced-client .btn-link{
  background-color:transparent!important;color:#8a6731!important;border-color:rgba(138,103,49,.5)!important;
}
body.po-sliced-client .btn-default:hover,body.po-sliced-client .btn-link:hover{
  background-color:#8a6731!important;color:#f3ecdb!important;border-color:#8a6731!important;
}

/* invoice sheet: same backstop for the two colours the plugin re-asserts */
body.sliced-invoice .sliced-top-bar,body.sliced-quote .sliced-top-bar{background-color:#1a2b29!important}
body.sliced-invoice .sliced-top-bar .btn-success,
body.sliced-invoice .sliced_gateway_button input[type=submit]{
  background-color:#cda85f!important;color:#1a2b29!important;border-color:#cda85f!important;
}
body.sliced-invoice .sliced-top-bar .btn-success:hover,
body.sliced-invoice .sliced_gateway_button input[type=submit]:hover{
  background-color:#8a6731!important;color:#f3ecdb!important;border-color:#8a6731!important;
}
body.sliced-invoice .sliced-top-bar .btn-default,
body.sliced-invoice .sliced-top-bar .btn-primary{
  background-color:transparent!important;color:#efe9d8!important;border-color:rgba(239,233,216,.42)!important;
}
body.sliced-invoice .sliced-top-bar .btn-default:hover,
body.sliced-invoice .sliced-top-bar .btn-primary:hover{
  background-color:#efe9d8!important;color:#1a2b29!important;border-color:#efe9d8!important;
}
body.sliced-invoice .sliced-wrap,body.sliced-quote .sliced-wrap{background-color:#faf6ed!important}
body.sliced-invoice,body.sliced-quote{background-color:#f4ede0!important}


/* =====================================================================
   CLIENT AREA — the plugin's real markup (2.11.81)
   Confirmed from the live page: .sliced-client-snapshot > h3 + .owing >
   span.amount.unpaid + .small > span.count, and the sibling status row
   which uses the same .paid / .unpaid / .overdue / .cancelled classes.
   ===================================================================== */
body.po-sliced-client .sliced-client-snapshot,
body.po-sliced-client [class*=sliced-client]{font-family:"Montserrat",Arial,sans-serif;color:#232a22}

body.po-sliced-client .sliced-client-snapshot h3,
body.po-sliced-client [class*=sliced-client] h3{
  font-family:"Playfair Display",Georgia,serif!important;font-weight:400;font-size:clamp(24px,2.6vw,30px);
  color:#1a2b29!important;letter-spacing:.01em;padding-bottom:0;margin:0 0 16px;display:flex;align-items:center;gap:12px;
}
body.po-sliced-client .sliced-client-snapshot h3 .fa,
body.po-sliced-client [class*=sliced-client] h3 .fa{color:#8a6731;font-size:.62em}
body.po-sliced-client .sliced-client-snapshot h3:after{
  content:"";display:block;flex:0 0 46px;height:1px;background:#cda85f;margin-left:4px;
}

/* the outstanding figure — loden chip, tabular figures, mono caption */
body.po-sliced-client .owing{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:#8a6731;margin:0 0 10px;
}
body.po-sliced-client .owing .amount,
body.po-sliced-client span.amount{
  display:inline-block;font-family:"Montserrat",Arial,sans-serif;font-size:19px;font-weight:600;
  letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;
  background:#1a2b29!important;color:#efe9d8!important;border-radius:0;padding:8px 13px;line-height:1;
}
/* status-coloured figures/pills: brass paid, gold unpaid, earth overdue, bone cancelled */
body.po-sliced-client .amount.paid,body.po-sliced-client span.paid{background:#8a6731!important;color:#f3ecdb!important}
body.po-sliced-client .amount.unpaid,body.po-sliced-client span.unpaid{background:#1a2b29!important;color:#efe9d8!important}
body.po-sliced-client .amount.overdue,body.po-sliced-client span.overdue{background:#8a3324!important;color:#f3ecdb!important}
body.po-sliced-client .amount.cancelled,body.po-sliced-client span.cancelled{
  background:transparent!important;color:#5c6151!important;box-shadow:inset 0 0 0 1px rgba(35,42,34,.28);
}
/* the status row reads as a set of chips, not a coloured rainbow strip */
body.po-sliced-client span.paid,body.po-sliced-client span.unpaid,
body.po-sliced-client span.overdue,body.po-sliced-client span.cancelled{
  display:inline-block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:0;
  font-variant-numeric:tabular-nums;text-shadow:none;margin:0 6px 6px 0;
}

/* "0 Invoices, 0 awaiting payment" */
body.po-sliced-client .sliced-client-snapshot .small,
body.po-sliced-client [class*=sliced-client] .small{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;line-height:1.5;color:#5c6151;
}
body.po-sliced-client .sliced-client-snapshot .count,
body.po-sliced-client .count{
  font-family:"Montserrat",Arial,sans-serif;font-size:15px;font-weight:600;color:#1a2b29;
  font-variant-numeric:tabular-nums;
}

/* hairline between the snapshot and the invoice list, matching the sheet */
body.po-sliced-client .sliced-client-snapshot{padding-bottom:4px}
body.po-sliced-client [class*=sliced-client] hr,
body.po-sliced-client hr{border:0;border-top:1px solid rgba(35,42,34,.18);margin:30px 0}

@media(max-width:768px){
  body.po-sliced-client .sliced-client-snapshot h3:after{display:none}
  body.po-sliced-client .owing{gap:9px}
}


/* =====================================================================
   CLIENT AREA — the "Invoices" section chip + chip polish (2.11.82)
   The section marker above the invoice list still rendered bootstrap
   info-blue. Its exact class varies by plugin version, so map EVERY
   bootstrap colour suffix (btn-/label-/badge-/bg- + info/primary/success/
   warning/danger/default) onto the palette, and cover the plugin's own
   sliced-client-* section classes by name as well.
   ===================================================================== */
body.po-sliced-client [class*=btn-info],
body.po-sliced-client [class*=label-info],
body.po-sliced-client [class*=badge-info],
body.po-sliced-client [class*=bg-info],
body.po-sliced-client [class*=btn-primary],
body.po-sliced-client [class*=label-primary],
body.po-sliced-client [class*=badge-primary],
body.po-sliced-client [class*=bg-primary],
body.po-sliced-client .sliced-client-invoices,
body.po-sliced-client .sliced-client-quotes,
body.po-sliced-client .sliced-client-payments,
body.po-sliced-client [class*=sliced-client] > h4,
body.po-sliced-client [class*=sliced-client-nav] a{
  background-color:#1a2b29!important;color:#efe9d8!important;border-color:#1a2b29!important;
  border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
  font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:11px!important;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;padding:10px 15px;line-height:1;display:inline-flex;
  align-items:center;gap:9px;
}
body.po-sliced-client [class*=btn-info]:hover,
body.po-sliced-client [class*=btn-primary]:hover,
body.po-sliced-client [class*=sliced-client-nav] a:hover{
  background-color:#8a6731!important;color:#f3ecdb!important;border-color:#8a6731!important;text-decoration:none;
}
body.po-sliced-client [class*=btn-info] .fa,
body.po-sliced-client [class*=label-info] .fa,
body.po-sliced-client .sliced-client-invoices .fa,
body.po-sliced-client [class*=sliced-client] > h4 .fa{color:#cda85f!important;font-size:1em}

/* chip polish: no stray plugin borders/shadows on the snapshot figure */
body.po-sliced-client .owing .amount,
body.po-sliced-client span.amount{border:0!important;box-shadow:none!important;text-shadow:none!important}
body.po-sliced-client span.cancelled{box-shadow:inset 0 0 0 1px rgba(35,42,34,.28)!important}


/* =====================================================================
   CLIENT AREA — section headings inside the item lists (2.11.83)
   Confirmed source of the blue chip: the plugin styles a PLAIN <h3>
   (`.sliced.client .sliced-invoice-items h3`) with a #179EC8 ground and
   2px border — no bootstrap class involved, which is why the colour-class
   mapping never reached it. Target the heading itself, per section.
   ===================================================================== */
body.po-sliced-client .sliced-invoice-items h3,
body.po-sliced-client .sliced-quote-items h3,
body.po-sliced-client .sliced-payment-items h3,
body.po-sliced-client [class*=sliced-][class*=-items] h3,
body.sliced.client .sliced-invoice-items h3{
  background:#1a2b29!important;border:0!important;color:#efe9d8!important;border-radius:0!important;
  font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:.16em;text-transform:uppercase;line-height:1;padding:11px 16px!important;
  display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;box-shadow:none!important;text-shadow:none!important;
}
body.po-sliced-client .sliced-invoice-items h3 .fa,
body.po-sliced-client .sliced-quote-items h3 .fa,
body.po-sliced-client .sliced-payment-items h3 .fa,
body.po-sliced-client [class*=sliced-][class*=-items] h3 .fa{color:#cda85f!important;font-size:1em}
/* this one is a chip, so it must NOT pick up the Playfair + gold-rule
   treatment used for the Account Snapshot heading */
body.po-sliced-client .sliced-invoice-items h3:after,
body.po-sliced-client [class*=sliced-][class*=-items] h3:after{content:none!important}

/* status row spacing + the empty-state note */
body.po-sliced-client .invoice-statuses,
body.po-sliced-client .statuses{display:flex;flex-wrap:wrap;gap:0;align-items:center}
body.po-sliced-client p.none{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;color:#5c6151;margin:6px 0 0;
}