/* Rentcite: one stylesheet for the front page, the accounts pages and the app. Phone first. */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700;800&display=swap");
:root{
  --teal:#1F5C5A;--teal-d:#174644;--teal-soft:#E9F1F0;--teal-line:#C9DCDA;
  --ink:#14201F;--ink-2:#34423F;--muted:#5D6B69;--line:#E2E7E6;--soft:#F5F7F6;--bg:#fff;
  --amber:#8A5300;--amber-soft:#FFF4DF;--red:#A12B23;--red-soft:#FCEBE9;--green:#1D6B3A;--green-soft:#E7F4EC;
  --r:12px;--r-sm:8px;
  --font:"Source Sans 3","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
p,li,dd{text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);font-feature-settings:"tnum" 1}
img,svg{display:block;max-width:100%}
a{color:var(--teal)}
a:hover{color:var(--teal-d)}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em;margin:0}
p{margin:0}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.tiny{font-size:.8125rem}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid #7FB3AF;outline-offset:2px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid var(--teal);background:var(--teal);color:#fff;font:600 1rem/1.2 var(--font);text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--teal-d);color:#fff}
.btn[disabled]{opacity:.55;cursor:default}
.btn.ghost{background:#fff;color:var(--teal)}
.btn.ghost:hover{background:var(--teal-soft);color:var(--teal-d)}
.btn.small{min-height:40px;padding:8px 16px;font-size:.9375rem}
.btn.danger{background:#fff;color:var(--red);border-color:#E3B9B5}
.btn.danger:hover{background:var(--red-soft)}
.linkbtn{background:none;border:0;padding:6px 0;color:var(--teal);font:inherit;text-decoration:underline;cursor:pointer;min-height:40px}

/* top bar */
.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1.1875rem;letter-spacing:-.01em;flex:0 0 auto}
.brand img{width:32px;height:32px;border-radius:8px}
.top nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.top nav a{color:var(--ink-2);text-decoration:none;padding:10px 8px;border-radius:8px;font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
@media (max-width:479px){.top.app .brand .bname{display:none}.top.app .wrap{gap:8px}}
.top nav a:hover{background:var(--soft)}
.top nav a[aria-current=page]{color:var(--teal);font-weight:600}
.top nav .btn{margin-left:6px;min-height:44px;padding:10px 18px;color:#fff}
.top nav .hide-s{display:none}
@media (min-width:760px){.top nav .hide-s{display:inline-flex}}

/* forms */
label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:6px;color:var(--ink-2)}
.hint{font-weight:400;color:var(--muted);font-size:.8125rem}
input,select,textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid #C5CFCD;border-radius:var(--r-sm);font:inherit;color:var(--ink);background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:2px solid #BFD7D5;outline-offset:0}
textarea{min-height:120px;resize:vertical}
.field{margin-bottom:16px}
.grid2{display:grid;gap:0 14px;grid-template-columns:1fr}
@media (min-width:560px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}}
.grid3{display:grid;gap:0 14px;grid-template-columns:1fr 1fr}
.msg{border-radius:var(--r-sm);padding:12px 14px;margin:12px 0;font-size:.9375rem}
.msg:empty{display:none}
.msg.err{background:var(--red-soft);color:var(--red)}
.msg.ok{background:var(--green-soft);color:var(--green)}
.msg.info{background:var(--teal-soft);color:var(--teal-d)}
.msg.warn{background:var(--amber-soft);color:var(--amber)}

/* cards and panels */
.card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:20px}
.card+.card{margin-top:16px}
.panel-title{font-size:1.0625rem;font-weight:700;color:var(--ink);margin-bottom:10px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--ink-2);white-space:nowrap}
.chip.now{background:var(--amber-soft);color:var(--amber)}
.chip.soon{background:var(--teal-soft);color:var(--teal-d)}
.chip.later{background:var(--soft);color:var(--muted)}
.chip.down{background:var(--red-soft);color:var(--red)}
.chip.same{background:var(--green-soft);color:var(--green)}

/* tables */
.table{width:100%;border-collapse:collapse;font-size:.9375rem}
.table th{font-size:.8125rem;font-weight:600;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.table td.r,.table th.r{text-align:right}
.table tr:last-child td{border-bottom:0}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* app layout */
.page{padding:28px 0 64px}
.page h1{font-size:1.625rem;margin-bottom:6px}
@media (min-width:760px){.page h1{font-size:2rem}}
.stack>*+*{margin-top:16px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.spread{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;justify-content:space-between}
.kpis{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (min-width:760px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{background:var(--soft);border-radius:var(--r);padding:14px 16px}
.kpi b{display:block;font-size:1.375rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kpi span{font-size:.8125rem;color:var(--muted)}
.empty{text-align:center;padding:36px 20px;color:var(--muted)}
.banner{background:var(--amber-soft);color:var(--amber);border-radius:var(--r);padding:14px 16px;font-size:.9375rem}
.banner a{color:inherit;font-weight:600}

/* footer */
.foot{border-top:1px solid var(--line);margin-top:48px;padding:28px 0 40px;color:var(--muted);font-size:.875rem}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.foot a{color:var(--ink-2)}
.syng-legal-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.measure{max-width:65ch}

/* auth pages */
.auth{max-width:440px;margin:0 auto;padding:40px 20px 64px}
.auth h1{font-size:1.75rem;margin-bottom:8px}
.auth .lead{color:var(--muted);margin-bottom:24px}
.auth .btn{width:100%}
.auth .alt{margin-top:20px;font-size:.9375rem;color:var(--muted)}

@media print{
  .top,.foot,.noprint{display:none!important}
  body{font-size:11pt}
  .card{border:0;padding:0}
  a{color:var(--ink);text-decoration:none}
}