/* Brand source: https://www.calebito.com/ — logo.svg, logo-light.svg,
   style.css and assets/css/calebito.css. Surface tints adapted for the RH UI. */
@font-face{font-family:Mangueira;src:url('./Mangueira-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Mangueira;src:url('./Mangueira-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Mangueira;src:url('./Mangueira-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Mangueira;src:url('./Mangueira-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{
  --brand-green:#4b6747;
  --brand-green-soft:#51684f;
  --brand-green-dark:#394935;
  --brand-brown:#572816;
  --brand-gold:#f19e42;
  --brand-cream:#f8f4ed;
  --brand-blue:#5fa8c4;
  --ink:#49392f;
  --muted:#7d776c;
  --line:#ebe5da;
}
body{font-family:Mangueira,'Segoe UI',sans-serif;color:var(--ink);background:var(--brand-cream)}
button,input,select{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--brand-gold)}
aside{background:var(--brand-green-dark);color:#e9e8da;padding-top:30px}
.brand{display:block;padding:0 13px 27px;letter-spacing:0}
.brand img{display:block;width:183px;max-width:100%;height:auto}
.brand small{display:block;color:#ecd8b5;font-size:9px;letter-spacing:2.1px;margin-top:15px}
.navgroup{color:#c3cfb7;font-weight:600}
nav button{color:#eeefe7;font-weight:500}
nav button.active{background:var(--brand-cream);color:var(--brand-brown);box-shadow:inset 4px 0 var(--brand-gold);font-weight:700}
nav button.active .ico{color:var(--brand-green)}
nav button:hover:not(.active){background:var(--brand-green);color:#fff}
nav{scrollbar-color:#7b8d6e var(--brand-green-dark)}
.sidefoot{border-color:#69785d}
.sidefoot strong{color:#fff5e2;font-weight:600}
.sidefoot span{color:#c3cfb7}
header{border-color:var(--line);box-shadow:inset 0 3px var(--brand-green);background:#fff}
.crumb{color:var(--muted)}
.crumb b{color:var(--brand-brown)}
.company{border-color:#e5ddd0;color:var(--brand-brown);background:#fffdf9}
.avatar{background:#ebe7da;color:var(--brand-green)}
.demo{background:#eee7da;border-color:#e5dac6;color:#75664a}
.demo strong{color:var(--brand-brown)}
.eyebrow{color:var(--brand-green);font-weight:700;letter-spacing:1.8px}
h1{color:var(--brand-brown);font-weight:700;letter-spacing:-.8px}
h2{color:var(--brand-brown);font-weight:700}
p{color:var(--muted)}
.btn{background:var(--brand-brown);color:#fff;font-weight:700;box-shadow:0 3px 8px #57281610}
.btn:hover{background:#763e27}
.btn.secondary{color:var(--brand-green);border-color:#d9dfce;background:#fffdf9;box-shadow:none}
.btn.secondary:hover{background:#f1f3e9}
.stat,.panel{border-color:var(--line);box-shadow:0 3px 15px #57281603}
.stat{position:relative;overflow:hidden}
.stat:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--brand-green)}
.stat:nth-child(2):before{background:var(--brand-brown)}
.stat:nth-child(3):before{background:var(--brand-gold)}
.stat:nth-child(4):before{background:var(--brand-blue)}
.stat-label{color:var(--muted)}
.stat-label span{color:var(--brand-green)}
.stat-value{color:var(--brand-brown);font-weight:700}
.stat small{color:#777467}
.stat small em{color:var(--brand-green)}
.panelhead small,.person small,.birth .date,.footer-note,.kpisub{color:#77776a}
input,select{border-color:#e2ddcf;color:#4f5747;background:#fffdf9}
th{color:#77786a;border-color:var(--line);font-weight:600}
td{border-color:#f0ece3}
tbody tr.clickable:hover{background:#fbf8f1}
.person strong{color:var(--ink)}
.badge{background:#edf2e7;color:var(--brand-green);font-weight:600}
.badge.amber{background:#fff0d9;color:#885514}
.badge.blue{background:#e7f2f7;color:#376a80}
.badge.gray{background:#f0eee7;color:#716d62}
.textlink{color:var(--brand-green);font-weight:600}
.track{background:#f0efe5}
.bar{background:var(--brand-green)}
.barrow:nth-child(2) .bar{background:#6b9575}
.barrow:nth-child(3) .bar{background:var(--brand-blue)}
.barlabel{color:#737968}
.barlabel strong{color:var(--brand-brown)}
.birth,.task{border-color:#eee8dc}
.birth .date strong{color:var(--brand-green)}
.task span{background:#f5ebda;color:#936021}
.task strong{color:var(--ink)}
.task small{color:#7a7b6c}
.task b{color:var(--brand-green)}
.notice{background:#f7f4ec;border-color:#e6dfce;color:#6f715c}
.details dt{color:#7b7969;font-weight:600}
.details dd{color:var(--ink)}
.tabs{border-color:var(--line)}
.tabs button{color:#737767}
.tabs button.active{color:var(--brand-brown);border-color:var(--brand-gold);font-weight:700}
.column{background:#eee9df}
.columnhead{color:var(--brand-brown);font-weight:700}
.columnhead b{background:#e4ddce;color:#665d46}
.column:nth-child(2) .columnhead b{background:#e1edf0;color:#42687a}
.column:nth-child(3) .columnhead b{background:#fae7c9;color:#865820}
.column:nth-child(4) .columnhead b{background:#dde8d8;color:var(--brand-green)}
.card{border-color:#e4ded2}
.card strong{color:var(--brand-brown);font-weight:700}
.card footer{border-color:#f0eade}
.card footer button{color:var(--brand-green);background:#edf2e7;font-weight:600}
.empty{color:#7b7d6d}
.drop{border-color:#9aac8b;background:#fafbf6}
.drop .ico{color:var(--brand-green)}
.toast{background:var(--brand-green-dark);border-left:4px solid var(--brand-gold)}
dialog{border-color:#e3d9c7;color:var(--ink)}
dialog::backdrop{background:#39493588}
dialog label{color:#736f60}
.calendar{border-color:var(--line)}
.calendarbar{background:repeating-linear-gradient(to right,#f5f1e9 0,#f5f1e9 calc(10% - 1px),#e7decc calc(10% - 1px),#e7decc 10%)}
.calendarbar span{background:#dbe7d0;color:var(--brand-green)}
.calendar:nth-of-type(3) .calendarbar span,.calendar:nth-of-type(4) .calendarbar span{background:#f7dfb9;color:#79501b}
.calendar small{color:#737968}
.menuToggle{color:var(--brand-green)}
button:disabled{opacity:.45;cursor:not-allowed}
.privacy-form{margin:22px 0;display:grid;gap:15px}
.privacy-form label{display:grid;gap:7px;font-size:12px;color:var(--brand-green)}
.privacy-form textarea{font:inherit;min-height:80px;padding:12px;border:1px solid #e2ddcf;border-radius:7px;resize:vertical;max-width:100%;color:var(--ink);background:#fffdf9}
.privacy-form .btn{justify-self:start}
.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.signed-out aside{display:none}.signed-out main{margin:0}.signed-out .crumb{display:none}.signed-out header .mobile-logo{display:block;width:150px;height:auto;margin-right:auto}.signed-out .demo{display:none}
.login-panel{max-width:520px;margin:35px auto}.login-panel input{width:100%;min-width:0}
.export-link{display:inline-block;text-decoration:none;margin-left:10px}
@media(max-width:700px){.policy-grid{grid-template-columns:1fr}.login-panel{margin:10px auto}}
.filters label{font-size:12px;color:var(--brand-green);line-height:1.9}
.grid>div,.profilegrid>div,.panel{min-width:0}
.tablewrap{max-width:100%}
header .mobile-logo{display:none}
@media(max-width:1050px){.brand img{width:157px}.brand small{font-size:8px;letter-spacing:1.6px}}
@media(max-width:700px){.brand img{width:157px}.intro{gap:12px}h1{font-size:25px}header .mobile-logo{display:block;width:120px;height:auto;margin-right:auto}header .company{display:none}}
