/* AVP V5.60 — production reset UI pass
   Dashboard: flatter operational hierarchy.
   Invoice detail: invoice unchanged; surrounding page/administration redesigned. */

/* --------------------------------------------------------------------------
   DASHBOARD
   -------------------------------------------------------------------------- */
.page-dashboard .dashboard-command-bar,
.page-dashboard .dashboard-quick-panel{display:none!important}

.page-dashboard .dashboard-overview-strip{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:18px 20px;margin:0 0 12px;border:1px solid #dce5df;border-radius:10px;
  background:#fff;
}
.page-dashboard .dashboard-overview-strip>div:first-child{min-width:0}
.page-dashboard .dashboard-overview-strip span{
  display:block;margin:0 0 4px;color:#5b8b62;font-size:10px;font-weight:850;letter-spacing:.1em
}
.page-dashboard .dashboard-overview-strip h2{
  margin:0;color:#173a2a;font-size:22px;font-weight:780;line-height:1.2;letter-spacing:-.45px
}
.page-dashboard .dashboard-overview-strip p{
  margin:5px 0 0;max-width:760px;color:#68786f;font-size:12.5px;line-height:1.45;font-weight:500
}
.page-dashboard .dashboard-overview-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.page-dashboard .dashboard-overview-links a{
  padding:8px 11px;border:1px solid #d9e3dc;border-radius:7px;background:#f9fbf9;
  color:#315e40;font-size:11.5px;font-weight:750;white-space:nowrap
}
.page-dashboard .dashboard-overview-links a:hover{background:#f0f6ef;border-color:#c2d5c5}

.page-dashboard .dashboard-kpi-strip{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;width:100%;
  margin:0 0 12px;overflow:hidden;border:1px solid #dce5df;border-radius:10px;background:#dce5df
}
.page-dashboard .dashboard-kpi-strip>a{
  min-width:0;padding:14px 15px;background:#fff;color:#1d3d2c;text-decoration:none
}
.page-dashboard .dashboard-kpi-strip>a:hover{background:#f8fbf8}
.page-dashboard .dashboard-kpi-strip span{display:block;color:#66776d;font-size:10.5px;font-weight:750}
.page-dashboard .dashboard-kpi-strip strong{display:block;margin:3px 0 2px;color:#173d29;font-size:25px;line-height:1.05;font-weight:820;letter-spacing:-.7px}
.page-dashboard .dashboard-kpi-strip small{display:block;color:#819087;font-size:10px;line-height:1.35;font-weight:500}

.page-dashboard .dashboard-priority-row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:8px;width:100%;margin:0 0 12px
}
.page-dashboard .dashboard-priority-row>a{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;
  min-height:74px;padding:12px 14px;border:1px solid #dfe7e2;border-radius:9px;background:#fff;color:#244534
}
.page-dashboard .dashboard-priority-row>a:hover{border-color:#bfd2c2;background:#f8fbf8}
.page-dashboard .dashboard-priority-row svg{width:20px;height:20px;color:#5f9362}
.page-dashboard .dashboard-priority-row span{display:grid;gap:2px;min-width:0}
.page-dashboard .dashboard-priority-row b{font-size:12.5px;font-weight:780}
.page-dashboard .dashboard-priority-row small{color:#74847a;font-size:10.5px;line-height:1.35}
.page-dashboard .dashboard-priority-row strong{font-size:22px;font-weight:820;color:#245c35}

.page-dashboard .dashboard-tool-row{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%;margin:0 0 14px
}
.page-dashboard .dashboard-tool-row>a{
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 10px;
  border:1px solid #dfe6e1;border-radius:8px;background:#f9fbf9;color:#355f42;font-size:11.5px;font-weight:750
}
.page-dashboard .dashboard-tool-row>a:hover{background:#edf5ed;border-color:#bfd1c2}
.page-dashboard .dashboard-tool-row svg{width:16px;height:16px}

.page-dashboard .dashboard-stream-panel{
  width:100%!important;margin:0 0 12px!important;padding:18px 20px!important;border:1px solid #dfe6e1!important;
  border-radius:10px!important;background:#fff!important;box-shadow:none!important
}
.page-dashboard .dashboard-stream-panel>.panel-heading{margin-bottom:10px!important;padding-bottom:10px!important}
.page-dashboard .dashboard-stream-panel>.panel-heading h2{font-size:15px!important;font-weight:780!important}
.page-dashboard .dashboard-stream-panel>.panel-heading p{font-size:11.5px!important}
.page-dashboard .dashboard-review-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important;gap:7px!important}
.page-dashboard .dashboard-review-grid .review-line{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  padding:11px 12px!important;border:1px solid #e1e8e3!important;border-radius:8px!important;background:#fbfcfb!important
}
.page-dashboard .dashboard-review-grid .review-line span{display:grid;gap:1px}
.page-dashboard .dashboard-review-grid .review-line b{font-size:11.5px}
.page-dashboard .dashboard-review-grid .review-line small{font-size:10px;color:#75847b}
.page-dashboard .dashboard-clear-strip{
  display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid #dce8dc;border-radius:9px;background:#f4f9f3
}
.page-dashboard .dashboard-clear-strip svg{width:20px;height:20px;color:#4d8b55}
.page-dashboard .dashboard-clear-strip div{display:grid;gap:2px}
.page-dashboard .dashboard-clear-strip strong{font-size:12px;color:#285636}
.page-dashboard .dashboard-clear-strip span{font-size:10.5px;color:#6d7d73}

/* --------------------------------------------------------------------------
   INVOICE DETAIL PAGE — keep printable invoice, redesign the surrounding page
   -------------------------------------------------------------------------- */
.page-invoices .invoice-layout.invoice-layout-linear{
  display:block!important;width:100%!important;max-width:none!important;margin:0!important
}
.page-invoices .invoice-layout.invoice-layout-linear>.invoice-paper{
  width:100%!important;max-width:none!important;margin:0!important;border:1px solid #d7e0da!important;
  border-radius:11px!important;box-shadow:0 8px 22px rgba(18,52,34,.035)!important
}
.page-invoices .invoice-layout.invoice-layout-linear>.invoice-editor-linear{
  width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:0 22px 18px!important;
  border:1px solid #dbe4de!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important
}

.page-invoices .invoice-management-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;
  padding:18px 0 14px!important;margin:0!important;border-top:0!important;border-bottom:1px solid #e4eae6!important
}
.page-invoices .invoice-management-head>span{display:none!important}
.page-invoices .invoice-management-head>h2{
  margin:0!important;color:#173b29!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.25px!important
}
.page-invoices .invoice-management-head>p{
  margin:0!important;color:#718078!important;font-size:11.5px!important;font-weight:500!important;text-align:right!important
}

.page-invoices .invoice-editor-linear>.invoice-current-account{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;align-items:center!important;gap:8px!important;
  min-height:0!important;margin:14px 0 0!important;padding:12px 14px!important;border:0!important;border-radius:8px!important;
  background:#173f2e!important;color:#fff!important
}
.page-invoices .invoice-editor-linear>.invoice-current-account strong{font-size:13px!important;font-weight:800!important;color:#fff!important}
.page-invoices .invoice-editor-linear>.invoice-current-account span{font-size:11px!important;color:#d7e5dc!important}

/* Treat all admin panels as sections in one workspace, not independent cards. */
.page-invoices .invoice-editor-linear>.panel,
.page-invoices .invoice-editor-linear>.invoice-admin-section{
  width:100%!important;margin:0!important;padding:16px 0!important;border:0!important;border-bottom:1px solid #e4eae6!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.page-invoices .invoice-editor-linear>.panel>.panel-heading,
.page-invoices .invoice-editor-linear>.invoice-admin-section>.panel-heading{
  margin:0 0 10px!important;padding:0!important;border:0!important
}
.page-invoices .invoice-editor-linear>.panel>.panel-heading h2,
.page-invoices .invoice-editor-linear>.invoice-admin-section>.panel-heading h2{
  color:#1e402f!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.1px!important
}
.page-invoices .invoice-editor-linear>.panel>.panel-heading p,
.page-invoices .invoice-editor-linear>.invoice-admin-section>.panel-heading p{
  max-width:none!important;margin-top:3px!important;color:#718078!important;font-size:11.25px!important;line-height:1.45!important;font-weight:500!important
}

.page-invoices .invoice-editor-linear>.invoice-sharing{
  display:grid!important;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;
  min-height:0!important;margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid #e4eae6!important;
  border-radius:0!important;background:transparent!important
}
.page-invoices .invoice-editor-linear>.invoice-sharing>strong{font-size:13px!important;font-weight:800!important;color:#244533!important}
.page-invoices .invoice-editor-linear>.invoice-sharing>p{margin:0!important;font-size:11.25px!important;line-height:1.45!important;color:#6f7f75!important}
.page-invoices .invoice-editor-linear>.invoice-sharing>form{min-width:190px!important;margin:0!important}
.page-invoices .invoice-editor-linear>.invoice-sharing .btn{width:100%!important;min-height:38px!important}

.page-invoices .invoice-history-section .helper-note{
  display:inline-flex!important;width:auto!important;margin:0 8px 0 0!important;padding:8px 10px!important;font-size:11px!important
}
.page-invoices .invoice-payment-section>.notice{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:14px!important;
  padding:10px 12px!important;margin:0 0 10px!important
}
.page-invoices .invoice-payment-section>.notice strong{font-size:13px!important}
.page-invoices .invoice-payment-section>.notice p{font-size:11px!important}
.page-invoices .invoice-payment-section .form-stack{max-width:none!important}
.page-invoices .invoice-payment-section .fields-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}

.page-invoices .invoice-credit-section .metric-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:8px!important
}
.page-invoices .invoice-credit-section .metric-grid>.metric{
  min-height:78px!important;padding:11px 12px!important;border:1px solid #e0e7e2!important;border-radius:8px!important;background:#fafcfa!important
}
.page-invoices .invoice-credit-section .metric-grid>.metric strong{font-size:18px!important}
.page-invoices .invoice-credit-section .metric-grid>.metric small{font-size:10px!important}
.page-invoices .invoice-editor-linear>.danger-disclosure{
  margin:0!important;padding:13px 0 0!important;border:0!important;background:transparent!important
}

/* Page header/actions should feel part of a workspace, not float far apart. */
.page-invoices .page-heading{padding-bottom:11px!important;border-bottom:1px solid #dfe6e1!important;margin-bottom:14px!important}
.page-invoices .heading-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}

/* Invoice document readability on the wider page. */
.page-invoices .invoice-paper-simple{padding:34px clamp(34px,3.3vw,64px)!important}
.page-invoices .invoice-paper-simple .invoice-simple-head img{max-width:190px!important}
.page-invoices .invoice-paper-simple .invoice-simple-title h1{font-size:28px!important}
.page-invoices .invoice-paper-simple .invoice-simple-title strong{font-size:13px!important}
.page-invoices .invoice-paper-simple .invoice-simple-info small,
.page-invoices .invoice-paper-simple .invoice-simple-payment small{font-size:10px!important;font-weight:800!important}
.page-invoices .invoice-paper-simple .invoice-simple-info p,
.page-invoices .invoice-paper-simple .invoice-simple-meta,
.page-invoices .invoice-paper-simple .invoice-simple-payment p{font-size:11.5px!important;line-height:1.5!important}
.page-invoices .invoice-paper-simple .invoice-table-simple th{font-size:10px!important;font-weight:800!important}
.page-invoices .invoice-paper-simple .invoice-table-simple td{font-size:11.5px!important}
.page-invoices .invoice-paper-simple .invoice-table-simple td strong{font-size:11.75px!important;font-weight:750!important}
.page-invoices .invoice-paper-simple .invoice-table-simple td small{font-size:9.75px!important}

@media(max-width:1100px){
  .page-dashboard .dashboard-tool-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-invoices .invoice-editor-linear>.invoice-sharing{grid-template-columns:1fr auto!important}
  .page-invoices .invoice-editor-linear>.invoice-sharing>p{grid-column:1/-1!important;grid-row:2!important}
}
@media(max-width:760px){
  .page-dashboard .dashboard-overview-strip{align-items:flex-start;flex-direction:column;padding:15px}
  .page-dashboard .dashboard-overview-links{justify-content:flex-start}
  .page-dashboard .dashboard-tool-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-invoices .invoice-layout.invoice-layout-linear>.invoice-editor-linear{padding:0 14px 14px!important}
  .page-invoices .invoice-management-head{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  .page-invoices .invoice-management-head>p{text-align:left!important}
  .page-invoices .invoice-editor-linear>.invoice-sharing{grid-template-columns:1fr!important;gap:7px!important}
  .page-invoices .invoice-editor-linear>.invoice-sharing>p{grid-column:1!important;grid-row:auto!important}
  .page-invoices .invoice-editor-linear>.invoice-sharing>form{width:100%!important;min-width:0!important}
  .page-invoices .invoice-paper-simple{padding:22px!important}
}

@media print{
  .page-invoices .invoice-layout.invoice-layout-linear>.invoice-editor-linear{display:none!important}
  .page-invoices .invoice-layout.invoice-layout-linear>.invoice-paper{border:0!important;box-shadow:none!important}
}