/* RentGuard 2.10.20: tools hub + toolkit cards, read-only previews, landlord plans, late-payment table, lease upload, case reopening. */
.rg-ico{flex:none;vertical-align:middle}
.rg-ico-xs{width:14px;height:14px}.rg-ico-sm{width:18px;height:18px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Hub */
#tools .rg-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:0;list-style:none}
#tools .rg-tiles>li[hidden]{display:none}
#tools .rg-tile{height:100%;align-items:flex-start;justify-content:flex-start;box-shadow:0 1px 2px rgba(15,33,71,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
#tools .rg-tile:hover,#tools .rg-tile:focus-visible{transform:translateY(-1px);box-shadow:var(--ux-shadow-sm,0 6px 20px rgba(15,33,71,.06))}
#tools .rg-tile .rg-chevron{margin-inline-start:auto;align-self:center}
.rg-tile-svg{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef4ff;color:var(--ux-blue,#0758d1);flex:none;font-size:0}
.rg-hub-featured{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin:14px 0 16px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0f2147,#0758d1);color:#fff;text-decoration:none;box-shadow:var(--ux-shadow-md,0 16px 44px rgba(15,33,71,.1))}
.rg-hub-featured strong{display:block;font-size:1.15rem}.rg-hub-featured small{display:block;opacity:.88;margin-top:2px}
.rg-hub-featured-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.14)}
.rg-hub-featured-go{background:#fff;color:#0f2147;font-weight:700;border-radius:999px;padding:8px 16px}
.rg-hub-featured:hover .rg-hub-featured-go,.rg-hub-featured:focus-visible .rg-hub-featured-go{background:#e8f0ff}
.rg-badge-free{background:#d9f7ec;color:#0b5e45;font-weight:700;border-radius:999px;padding:3px 10px;font-size:.8rem}
.rg-search{display:flex;align-items:center;gap:8px;border:1px solid var(--ux-line-strong,#c8d7ea);border-radius:12px;background:#fff;padding:4px 12px;margin:0 0 12px;color:var(--ux-muted,#5e6b82)}
.rg-search:focus-within{border-color:var(--ux-blue,#0758d1);box-shadow:0 0 0 3px rgba(7,88,209,.15)}
.rg-search input{border:0!important;box-shadow:none!important;outline:0;flex:1;min-width:0;padding:8px 0!important;background:transparent;font:inherit}
.rg-search-count{font-size:.85rem}
.rg-lock{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;color:#7a4b00;background:#fff3d6;border-radius:999px;padding:1px 7px;margin-inline-start:6px;vertical-align:middle}

/* Toolkit: groups as cards */
#toolkitFeatureNav.rg-toolkit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
#toolkitFeatureNav.rg-toolkit-grid .toolkit-feature-group{border:1px solid var(--ux-line,#dce5f1);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px rgba(15,33,71,.04)}
#toolkitFeatureNav .toolkit-feature-group[hidden],#toolkitFeatureNav [data-rental-feature][hidden]{display:none!important}
.rg-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rg-group-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf7f5;color:var(--ux-teal,#0f9f93)}
.rg-group-count{font-size:.78rem;color:var(--ux-muted,#5e6b82);background:#f1f4f8;border-radius:999px;padding:2px 9px}
.rg-group-desc{font-size:.88rem;color:var(--ux-muted,#5e6b82);margin:2px 0 10px}
#toolkitFeatureNav [data-rental-feature]{position:relative}
#toolkitFeatureNav [data-rental-feature].rg-locked{opacity:.92}
#toolkitFeatureNav [data-rental-feature] .rg-lock{padding:1px 5px}

/* Read-only preview */
.rg-preview{display:flex;gap:12px;align-items:flex-start;border:1px solid #f0d58c;background:#fffaf0;border-radius:14px;padding:14px 16px;margin:0 0 14px}
.rg-preview p{margin:4px 0}.rg-preview-ico{color:#a26a00;margin-top:2px}
.rg-preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}

/* Landlord plans */
.pricing-grid-landlord{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.rg-ll-card{display:flex;flex-direction:column;gap:6px}
.rg-ll-card>button,.rg-ll-card>a.button-link{margin-top:auto}
.rg-ll-head{display:flex;gap:10px;align-items:center}.rg-ll-head h3{margin:0}.rg-ll-head .price-units{margin:0;color:var(--ux-muted,#5e6b82);font-size:.9rem}
.rg-ll-head .rg-ico{color:var(--ux-blue,#0758d1);width:30px;height:30px}
.rg-ll-price{font-size:1.25rem;font-weight:800;color:var(--ux-navy,#0f2147)}
.rg-ll-pro{border-color:var(--ux-blue,#0758d1)!important;box-shadow:0 0 0 2px rgba(7,88,209,.15)}
.rg-check-list{padding-inline-start:0;list-style:none}.rg-check-list li{position:relative;padding-inline-start:22px;margin:5px 0}
.rg-check-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:#0f9f93;font-weight:800}
.rg-ll-why,.rg-plan-matrix{margin-top:14px}

/* Late payments table */
.rg-late{display:block}
.rg-late-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ux-line,#dce5f1);border-radius:12px;margin:8px 0}
.rg-late-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff}
.rg-late-table th,.rg-late-table td{border-bottom:1px solid var(--ux-line,#dce5f1);padding:6px 8px;text-align:start;font-size:.92rem}
.rg-late-table thead th{background:#f3f6fb;font-weight:700;position:sticky;top:0}
.rg-late-table .num{text-align:end}
.rg-late-table input{width:100%;min-width:0;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;font:inherit}
.rg-late-table input:hover{border-color:var(--ux-line,#dce5f1)}.rg-late-table input:focus{border-color:var(--ux-blue,#0758d1);background:#fff;outline:0}
.rg-late-table td:first-child{min-width:200px}.rg-late-table .lt-amount{text-align:end;max-width:110px}
.rg-late-table tfoot th,.rg-late-table tfoot td{font-weight:800;background:#f8fbff}
.rg-late-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.rg-pill{display:inline-block;border-radius:999px;padding:1px 9px;font-size:.82rem;font-weight:700;background:#eef2f7}
.rg-pill.ok{background:#dcf5e8;color:#0b5e45}.rg-pill.bad{background:#fde3df;color:#9a2a1a}.rg-pill.warn{background:#fff1cc;color:#7a4b00}
.lt-del{font-size:1.1rem;line-height:1;padding:4px 9px}

/* Lease upload */
.rg-lu{border:1px dashed var(--ux-line-strong,#c8d7ea);border-radius:14px;padding:14px;margin:0 0 10px;background:var(--ux-surface-soft,#f8fbff);grid-column:1/-1}
.rg-lu-drop p{margin:4px 0}.rg-lu-pick{display:inline-block;cursor:pointer;margin:6px 0}
.rg-lu-status[data-kind=error]{color:#9a2a1a}.rg-lu-status[data-kind=warn]{color:#7a4b00}.rg-lu-status[data-kind=ok]{color:#0b5e45}
.rg-lu-progress{width:100%}
.rg-lu-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin-top:10px}
.rg-lu-split[hidden]{display:none}
.rg-lu-view{max-height:560px;overflow:auto;border:1px solid var(--ux-line,#dce5f1);border-radius:10px;background:#525659;padding:8px;display:grid;gap:8px}
.rg-lu-view canvas,.rg-lu-view img{width:100%;height:auto;background:#fff;border-radius:4px}
.rg-lu-check{border:1px solid var(--ux-line,#dce5f1);border-radius:10px;background:#fff;padding:10px 14px}
.rg-lu-list{list-style:none;padding:0;margin:0}.rg-lu-list li{margin:6px 0}.rg-lu-list label{display:flex;gap:8px;align-items:flex-start}
.rg-lu-paste{margin:6px 0 0}
.rg-lu-compact .rg-lu-split{grid-template-columns:1fr}

/* Exports */
.rg-export-main{display:flex;flex-wrap:wrap;gap:10px}
.rg-export-more{margin-top:10px}.rg-export-more summary{cursor:pointer;color:var(--ux-muted,#5e6b82)}

/* Reopen a saved case */
.rg-rc-what{margin:6px 0 10px}
.rg-steps{padding-inline-start:22px;display:grid;gap:12px}
.rg-steps label{display:grid;gap:4px}.rg-steps input{width:100%}
.rg-rc-adv{margin-top:12px}.rg-rc-adv summary{cursor:pointer;color:var(--ux-muted,#5e6b82)}
.rg-rc-adv-list{list-style:none;padding:0;display:grid;gap:10px;margin-top:8px}
.rg-rc-adv-list li{display:grid;gap:3px;justify-items:start}
.rg-rc-mine{border:1px solid var(--ux-line,#dce5f1);border-radius:12px;padding:10px 14px;margin:8px 0 12px;background:#f8fbff}
.rg-rc-mine h4{display:flex;gap:6px;align-items:center;margin:0 0 4px}
.rg-rc-list{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}
.rg-rc-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--ux-line,#dce5f1);border-radius:10px;padding:8px 10px}
.rg-rc-list small{display:block;color:var(--ux-muted,#5e6b82)}

@media (max-width:720px){
  .rg-hub-featured{grid-template-columns:auto 1fr}.rg-hub-featured .rg-badge-free{display:none}.rg-hub-featured-go{grid-column:1/-1;text-align:center}
  .rg-lu-split{grid-template-columns:1fr}
  #tools .rg-tiles,#toolkitFeatureNav.rg-toolkit-grid{grid-template-columns:1fr}
}
[dir=rtl] .rg-tile .rg-chevron{transform:scaleX(-1)}

/* 2.10.21: landlord subscription management */
.rg-sm{margin:0 0 14px}.rg-sm[hidden]{display:none}.rg-sm h4{margin:0 0 6px}
.rg-sm-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.rg-sm-actions .small-note,.rg-sm-actions .rg-sm-warn{flex-basis:100%;margin:2px 0 6px}
.rg-sm-warn{color:#7a4b00;background:#fff6e0;border-radius:8px;padding:6px 10px}
.rg-sm-change{color:#0b4f9c}.rg-sm-cancel{color:#9a2a1a}

/* 2.10.22: Stripe test-mode banner for tester accounts */
.rg-test-banner{background:#fff4d6;border:2px dashed #c77700;color:#5a3600;font-weight:700;padding:.6rem .8rem;border-radius:8px;margin:.5rem 0}

/* 2.10.25: unit-cap block dialog */
.rg-unit-cap-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:80;padding:1rem}
.rg-unit-cap-card{background:#fff;border-radius:12px;max-width:28rem;padding:1.25rem 1.4rem;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.rg-unit-cap-card h3{margin:0 0 .5rem;font-size:1.15rem}
.rg-unit-cap-card p{margin:0 0 1rem;line-height:1.45}
/* 2.10.27: tenant repair invitations */
.rg-ti{margin:12px 0;padding:14px;border:1px solid var(--line,#d9dee7);border-radius:14px;background:var(--card,#fff)}
.rg-ti.rg-ti-compact{padding:8px 14px}
.rg-ti-form{display:grid;gap:10px}.rg-ti-form label{display:grid;gap:4px}
.rg-ti-row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.rg-ti-row input{flex:1 1 180px;min-width:0}
.rg-ti-urg{display:flex;gap:16px;border:0;padding:0}.rg-ti-urg label{display:flex;gap:6px;align-items:center}
.rg-ti-req,.rg-ti-inv{border-top:1px solid var(--line,#e3e7ee);padding:10px 0}
.rg-ti-revoked{opacity:.6}
.rg-ti-photos{display:flex;gap:6px;flex-wrap:wrap}.rg-ti-photos img{width:88px;height:88px;object-fit:cover;border-radius:8px;background:#eef}
.rg-ti-msgs{list-style:none;padding:0;margin:6px 0;display:grid;gap:6px}.rg-ti-msgs li{padding:6px 10px;border-radius:10px;background:#f3f5f9}.rg-ti-msgs .rg-ti-msg-landlord{background:#eaf3ff}
.rg-ti-contact{padding:8px 10px;border-radius:10px;background:#f6f8fb;margin:8px 0}
/* 2.10.30 tenant invites: contractor block, send form */
.rg-ti-asg{margin:.4rem 0;padding:.5rem .7rem;border-left:3px solid #2f6fdb;background:rgba(47,111,219,.06);border-radius:6px}
.rg-ti-asg-edit{margin:.4rem 0}.rg-ti-send input{flex:1;min-width:12rem}.rg-ti-sent{color:#1b7f3b;font-weight:600}.rg-ti-codesent{color:#1b7f3b}
/* 2.10.31 other ways to send */
.rg-ti-share{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.4rem 0}.rg-ti-share .button,.rg-ti-share button{font-size:.85rem;padding:.35rem .6rem}.rg-ti-share-text{flex-basis:100%;width:100%}
