/* Rivora Finance v7.13 — safety, recycle bin, live state, stronger mobile behavior */
.live-analytics-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border:1px solid rgba(18,104,71,.18);border-radius:999px;background:#edf9f3;color:#166b4b;font-size:.78rem;font-weight:700;white-space:nowrap}
.live-analytics-badge::before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:#2aa36b;box-shadow:0 0 0 4px rgba(42,163,107,.1)}
.live-analytics-badge[data-state="syncing"]{background:#fff8e8;color:#8b6513;border-color:rgba(201,152,46,.25)}
.live-analytics-badge[data-state="syncing"]::before{background:#c9982e;animation:rivoraPulseDot 1.2s ease-in-out infinite}
.live-analytics-badge[data-state="offline"]{background:#fff0f0;color:#a53a3a;border-color:rgba(165,58,58,.18)}
.live-analytics-badge[data-state="offline"]::before{background:#d95b5b;box-shadow:none}
@keyframes rivoraPulseDot{50%{opacity:.35;transform:scale(.8)}}

.recently-deleted-panel{margin-top:1.15rem;border:1px solid var(--border,#e7e9ee);border-radius:16px;background:var(--panel,#fff);overflow:hidden}
.recently-deleted-panel summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;cursor:pointer;font-weight:700;color:var(--text,#15243a);list-style:none}
.recently-deleted-panel summary::-webkit-details-marker{display:none}
.recently-deleted-panel summary::after{content:"⌄";margin-left:auto;color:#8a96a6}
.recently-deleted-panel[open] summary::after{transform:rotate(180deg)}
.recently-deleted-panel>p{margin:0;padding:0 1.1rem .9rem;color:var(--muted,#6f7d90);font-size:.9rem;line-height:1.5}
.recently-deleted-panel .table-wrap{padding:0 1rem 1rem}
.deleted-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;border-radius:999px;background:#f4f6f9;color:#5f6d80;font-size:.78rem}

.quote-revision-notice{display:flex;gap:.55rem;flex-direction:column;margin:1rem 0;padding:1rem 1.05rem;border-radius:14px;border:1px solid rgba(201,152,46,.28);background:rgba(201,152,46,.08);color:var(--text,#15243a)}
.quote-revision-notice strong{font-size:.92rem}
.quote-revision-notice span{font-size:.86rem;line-height:1.5;color:var(--muted,#637083)}

html[data-theme="dark"] .live-analytics-badge{background:rgba(42,163,107,.14);color:#94e2be;border-color:rgba(148,226,190,.16)}
html[data-theme="dark"] .recently-deleted-panel{background:#102237;border-color:#20364d}
html[data-theme="dark"] .recently-deleted-panel summary{color:#edf3fa}
html[data-theme="dark"] .deleted-count{background:#1d3147;color:#c7d4e2}
html[data-theme="dark"] .quote-revision-notice{background:rgba(201,152,46,.12);border-color:rgba(201,152,46,.28);color:#f8f2e5}
html[data-theme="dark"] .quote-revision-notice span{color:#bdc9d6}

@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .app-main,.main-content,.content-area{min-width:0!important;width:100%!important}
  .topbar{padding-left:14px!important;padding-right:14px!important;gap:10px!important}
  .topbar-actions{gap:7px!important;min-width:0;flex-wrap:wrap;justify-content:flex-end}
  .live-analytics-badge{font-size:.68rem;padding:.34rem .55rem}
  .invoice-layout,.quote-layout,.crm-page-grid.two-pane,.settings-grid,.finance-layout{grid-template-columns:1fr!important;display:grid!important}
  .form-panel,.panel,.invoice-preview-wrap,.crm-editor-panel{min-width:0!important;width:100%!important;max-width:100%!important}
  .invoice-preview-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}
  .invoice-paper{min-width:680px;transform-origin:top left}
  .form-grid.two,.form-grid.three{grid-template-columns:1fr!important}
  .form-grid .span-two{grid-column:auto!important}
  .action-row,.quote-actions,.calendar-action-buttons,.client-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.6rem!important}
  .action-row .btn,.quote-actions .btn,.calendar-action-buttons .btn,.client-header-actions .btn{width:100%;min-height:46px}
  .filters,.client-filters{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important}
  .filters input,.filters select,.client-filters input,.client-filters select{width:100%!important;min-width:0!important}
  .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .data-table{min-width:760px}
  .recently-deleted-panel .data-table{min-width:620px}
  .signature-pad-wrap canvas{width:100%!important;height:auto!important;min-height:150px;touch-action:none}
  .signature-tools{align-items:flex-start!important;flex-direction:column!important;gap:.65rem!important}
  .job-tax-card{width:100%!important}
  .mobile-nav{padding-bottom:env(safe-area-inset-bottom)}
  input,select,textarea,button{font-size:16px}
  .crm-kpi-grid,.stats-grid,.client-profile-metrics{grid-template-columns:1fr 1fr!important}
  .calendar-provider-grid{grid-template-columns:1fr!important}
}

@media (max-width: 480px){
  .action-row,.quote-actions,.calendar-action-buttons,.client-header-actions{grid-template-columns:1fr!important}
  .crm-kpi-grid,.stats-grid,.client-profile-metrics{grid-template-columns:1fr!important}
  .invoice-paper{min-width:620px}
  .panel{border-radius:16px!important;padding-left:14px!important;padding-right:14px!important}
}