/* Qanoun.ma V9.9.5 — invoice theme/print + mobile publication management */

/* ========================= Invoice ========================= */
.finance-document-v986{
  background:var(--v92-surface,var(--surface,#fff))!important;
  color:var(--v92-text,var(--text-primary,#102738))!important;
  border-color:var(--v92-line,var(--border-color,#dce5eb))!important;
}
.finance-document-v986 .finance-document-head-v986,
.finance-document-v986 .border-top{border-color:var(--v92-line,var(--border-color,#dce5eb))!important}
.finance-document-v986 .finance-party-v986{
  background:var(--v92-surface-2,var(--bg-secondary,#f6f8fa))!important;
  color:var(--v92-text,var(--text-primary,#102738))!important;
  border-color:var(--v92-line,var(--border-color,#dce5eb))!important;
}
.finance-document-v986 .table{
  --bs-table-bg:transparent;
  --bs-table-color:var(--v92-text,var(--text-primary,#102738));
  --bs-table-border-color:var(--v92-line,var(--border-color,#dce5eb));
  color:var(--v92-text,var(--text-primary,#102738))!important;
  margin-bottom:0;
}
.finance-document-v986 .table>:not(caption)>*>*{
  background:transparent!important;
  color:inherit!important;
  border-color:var(--v92-line,var(--border-color,#dce5eb))!important;
}
.finance-document-v986 .table thead th{
  background:var(--v92-soft,#edf3f6)!important;
  color:var(--v92-text,#102738)!important;
  font-weight:800;
}
.finance-document-v986 code{color:var(--v92-text,var(--text-primary,#102738))!important}
.finance-document-v986 .text-muted,
.finance-document-v986 small{color:var(--v92-muted,var(--text-secondary,#64748b))!important}
.finance-document-v986 .invoice-site-logo-v995{display:block;max-height:64px;max-width:210px;object-fit:contain}
.finance-document-footer-v995{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--v92-muted,var(--text-secondary,#64748b))}
.finance-document-footer-v995 strong{font-size:1rem;font-weight:900;color:var(--v92-text,var(--text-primary,#102738));letter-spacing:.01em}
.finance-document-footer-v995 small{font-size:.76rem}

html[data-bs-theme="dark"] .finance-document-v986{
  background:var(--v92-surface,#0f222d)!important;
  color:var(--v92-text,#eef4f7)!important;
  box-shadow:none;
}
html[data-bs-theme="dark"] .finance-document-v986 .finance-party-v986{background:var(--v92-surface-2,#132a36)!important;color:var(--v92-text,#eef4f7)!important}
html[data-bs-theme="dark"] .finance-document-v986 .table thead th{background:var(--v92-soft,#182f3b)!important;color:var(--v92-text,#eef4f7)!important}
html[data-bs-theme="dark"] .finance-document-v986 .table,
html[data-bs-theme="dark"] .finance-document-v986 .table td,
html[data-bs-theme="dark"] .finance-document-v986 .table th{color:var(--v92-text,#eef4f7)!important;border-color:var(--v92-line,#294552)!important}
html[data-bs-theme="dark"] .finance-document-v986 code,
html[data-bs-theme="dark"] .finance-document-footer-v995 strong{color:var(--v92-text,#eef4f7)!important}
html[data-bs-theme="dark"] .finance-document-v986 .text-muted,
html[data-bs-theme="dark"] .finance-document-v986 small,
html[data-bs-theme="dark"] .finance-document-footer-v995{color:var(--v92-muted,#a9bbc4)!important}

@media(max-width:575.98px){
  .finance-document-footer-v995{align-items:flex-start;flex-direction:column}
}

/* V9.8.6 had a broad `header{display:none}` print rule which also hid the invoice
   header itself. Explicitly restore only the invoice header while keeping the site
   navigation hidden. */
@media print{
  .site-header-v6,.site-footer,.mobile-bottom-nav,.finance-doc-toolbar-v986,.d-print-none{display:none!important}
  .finance-document-head-v986{display:flex!important;visibility:visible!important}
  .finance-document-head-v986 .site-block,
  .finance-document-head-v986 .finance-document-number-v986,
  .finance-document-head-v986 .invoice-site-logo-v995{display:block!important;visibility:visible!important}
  .finance-document-head-v986 .finance-document-number-v986{display:block!important}
  .finance-document-head-v986 img{display:block!important;visibility:visible!important;opacity:1!important}
  .finance-document-v986{background:#fff!important;color:#111!important;border:0!important;box-shadow:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .finance-document-v986 .finance-party-v986{background:#f7f7f7!important;color:#111!important;border-color:#d7d7d7!important}
  .finance-document-v986 .table{--bs-table-bg:#fff;--bs-table-color:#111;--bs-table-border-color:#d7d7d7;color:#111!important}
  .finance-document-v986 .table thead th{background:#f1f3f5!important;color:#111!important}
  .finance-document-v986 .table>:not(caption)>*>*{color:#111!important;border-color:#d7d7d7!important}
  .finance-document-v986 .text-muted,.finance-document-v986 small,.finance-document-footer-v995{color:#555!important}
  .finance-document-footer-v995 strong{color:#111!important}
}

/* ========================= My publications search ========================= */
.publications-heading-v995{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.publication-search-v995{display:flex;align-items:center;gap:.55rem}
.publication-search-field-v995{position:relative;flex:1;min-width:0}
.publication-search-field-v995>i{position:absolute;inset-inline-start:.85rem;top:50%;translate:0 -50%;z-index:2;color:var(--v92-muted,#64748b);pointer-events:none}
.publication-search-field-v995 .form-control{padding-inline-start:2.5rem;min-height:42px}
.publication-actions-v995{white-space:normal!important}
.publication-actions-v995>.btn,.publication-actions-v995>form{margin:.12rem}

/* On phones the old responsive table only exposed the first columns and required a
   horizontal swipe to reach Edit/View/Promote/Pause. Turn each row into a compact card. */
@media(max-width:767.98px){
  .publications-panel-v995{padding:1rem!important}
  .publications-heading-v995{align-items:flex-start}
  .publication-search-v995{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
  .publication-search-field-v995{grid-column:1/-1}
  .publication-search-v995>.btn{min-height:40px}
  .publications-table-wrap-v995{overflow:visible!important;border:0!important}
  .publications-table-v995{display:block;width:100%;margin:0}
  .publications-table-v995 thead{display:none!important}
  .publications-table-v995 tbody{display:grid;gap:.75rem;width:100%}
  .publications-table-v995 tbody tr{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.15rem .65rem;
    width:100%;
    padding:.85rem;
    border:1px solid var(--v92-line,var(--border-color,#dce5eb));
    border-radius:16px;
    background:var(--v92-surface-2,var(--bg-secondary,#f6f8fa));
    box-shadow:none;
  }
  .publications-table-v995 tbody td{
    display:flex!important;
    min-width:0;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    padding:.35rem 0!important;
    border:0!important;
    background:transparent!important;
    color:var(--v92-text,var(--text-primary,#102738))!important;
    text-align:start!important;
    white-space:normal!important;
  }
  .publications-table-v995 tbody td[data-label]::before{
    content:attr(data-label);
    flex:0 0 auto;
    color:var(--v92-muted,var(--text-secondary,#64748b));
    font-size:.69rem;
    font-weight:800;
  }
  .publications-table-v995 .publication-title-cell-v995{
    grid-column:1/-1;
    display:block!important;
    padding-bottom:.65rem!important;
    margin-bottom:.15rem;
    border-bottom:1px solid var(--v92-line,var(--border-color,#dce5eb))!important;
  }
  .publications-table-v995 .publication-title-cell-v995 strong{display:block;font-size:.96rem;line-height:1.65;overflow-wrap:anywhere}
  .publications-table-v995 .publication-actions-v995{
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.45rem;
    padding-top:.7rem!important;
    margin-top:.15rem;
    border-top:1px solid var(--v92-line,var(--border-color,#dce5eb))!important;
  }
  .publications-table-v995 .publication-actions-v995::before{display:none!important}
  .publications-table-v995 .publication-actions-v995>.btn,
  .publications-table-v995 .publication-actions-v995>form{width:100%;margin:0!important;min-width:0}
  .publications-table-v995 .publication-actions-v995>form .btn{width:100%;min-height:38px}
  .publications-table-v995 .publication-actions-v995>.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:38px}
  .publications-table-v995 .publication-actions-v995>.badge{grid-column:1/-1;justify-self:start}
}

/* Make outlined action buttons readable in dark mode. */
html[data-bs-theme="dark"] .publications-table-v995 tbody tr{background:var(--v92-surface-2,#132a36)!important;border-color:var(--v92-line,#294552)!important}
html[data-bs-theme="dark"] .publications-table-v995 .btn-outline-secondary{background:var(--v92-surface,#0f222d)!important;color:var(--v92-text,#eef4f7)!important;border-color:#6f8590!important}
html[data-bs-theme="dark"] .publications-table-v995 .btn-outline-dark{background:var(--v92-surface,#0f222d)!important;color:var(--v92-text,#eef4f7)!important;border-color:#78909c!important}
html[data-bs-theme="dark"] .publications-table-v995 .btn-outline-warning{background:color-mix(in srgb,#d5a021 10%,var(--v92-surface,#0f222d))!important;color:#f4d776!important;border-color:#b98a22!important}
html[data-bs-theme="dark"] .publications-table-v995 .btn-outline-danger{background:color-mix(in srgb,#dc3545 9%,var(--v92-surface,#0f222d))!important;color:#ff9ca6!important;border-color:#b94a56!important}
html[data-bs-theme="dark"] .publications-table-v995 .btn-outline-success{background:color-mix(in srgb,#198754 9%,var(--v92-surface,#0f222d))!important;color:#8ddabf!important;border-color:#2b8d67!important}
html[data-bs-theme="dark"] .publication-search-v995 .btn-dark{background:#eef4f7!important;color:#0b263d!important;border-color:#eef4f7!important}