/* Keeper's logbook: account + profile pages. Dark leather, brass rules, serif type, no pills. */


body[data-page=account] main,body[data-page=profile] main{color:var(--lg-ink)}
:is(body[data-page=account],body[data-page=profile]) .panel{border-radius:2px;background:linear-gradient(180deg,var(--lg-lea-1),var(--lg-lea-2));border:1px solid var(--lg-brass-d);box-shadow:inset 0 0 0 3px var(--lg-lea-2),inset 0 0 0 4px rgba(var(--lg-brass-rgb),.28),0 10px 26px rgba(0,0,0,.45)}
:is(body[data-page=account],body[data-page=profile]) :is(h1,h2,h3){font-family:var(--text);font-weight:600;letter-spacing:.01em;color:var(--lg-ink)}
:is(body[data-page=account],body[data-page=profile]) h1{font-size:34px}
:is(body[data-page=account],body[data-page=profile]) h2{font-size:24px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid rgba(var(--lg-brass-rgb),.28);background:linear-gradient(rgba(var(--lg-brass-rgb),.28),rgba(var(--lg-brass-rgb),.28)) 0 calc(100% - 3px)/100% 1px no-repeat}
:is(body[data-page=account],body[data-page=profile]) .muted{color:var(--lg-ink-m)}
:is(body[data-page=account],body[data-page=profile]) main a:not(.btn){color:var(--lg-brass-l);text-decoration-color:rgba(var(--lg-brass-rgb),.45)}
:is(body[data-page=account],body[data-page=profile]) .ah-av{border-radius:2px;background:radial-gradient(circle at 35% 30%,var(--lg-brass-l),var(--lg-brass-dd) 70%,var(--lg-brass-dd));color:var(--lg-on-brass);font:600 26px/1 var(--text);box-shadow:inset 0 0 0 2px rgba(42,28,12,.5),0 2px 6px rgba(0,0,0,.5);border:0}
:is(body[data-page=account],body[data-page=profile]) .sync-ok{font-family:var(--text);font-size:14px;color:var(--lg-ok);border:1px solid rgba(var(--lg-ok-rgb),.55);padding:0 6px 1px;display:inline-block;transform:rotate(-1.5deg);border-radius:0}
/* ledger columns */
:is(.ah-stats,.prof-stats){border-radius:0!important;gap:0!important;border-top:1px solid rgba(var(--lg-brass-rgb),.28);border-bottom:1px solid rgba(var(--lg-brass-rgb),.28);background:none!important}
:is(.ah-stats,.prof-stats)>div{border-radius:0!important;background:none!important;border:0!important;border-left:1px solid rgba(var(--lg-brass-rgb),.28)!important;box-shadow:none!important}
:is(.ah-stats,.prof-stats)>div:first-child{border-left:0!important}
:is(.ah-stats,.prof-stats) dt{font-family:var(--text);font-size:14px;letter-spacing:.04em;text-transform:none;color:var(--lg-brass)}
:is(.ah-stats,.prof-stats) dd{font-family:var(--text);font-size:28px;color:var(--lg-ink)}
:is(body[data-page=account],body[data-page=profile]) .bar,:is(body[data-page=account],body[data-page=profile]) :is(.pg-bar,.split-bar){border-radius:0;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(var(--lg-brass-rgb),.28)}
:is(body[data-page=account],body[data-page=profile]) :is(.bar,.pg-bar,.split-bar) i{border-radius:0;background:linear-gradient(90deg,var(--lg-brass-d),var(--lg-brass-l))}
/* buttons: brass plates and stamped tabs */
:is(body[data-page=account],body[data-page=profile]) main .btn{border-radius:1px;font-family:var(--text);font-size:16px;letter-spacing:.03em;font-weight:400}
:is(body[data-page=account],body[data-page=profile]) main .btn-soft{background:transparent;color:var(--lg-ink);box-shadow:inset 0 0 0 1px var(--lg-brass-d)}
:is(body[data-page=account],body[data-page=profile]) main .btn-soft:hover{box-shadow:inset 0 0 0 1px var(--lg-brass);background:rgba(var(--lg-brass-rgb),.08)}
:is(body[data-page=account],body[data-page=profile]) main .btn-primary,.home-btn{background:linear-gradient(180deg,var(--lg-brass-l) 0%,var(--lg-brass) 48%,var(--lg-brass-dd) 100%)!important;color:var(--lg-on-brass)!important;box-shadow:inset 0 1px 0 rgba(255,245,215,.7),inset 0 -1px 0 rgba(60,40,15,.6),inset 0 0 0 1px var(--lg-brass-d),0 2px 6px rgba(0,0,0,.5)!important;text-shadow:0 1px 0 rgba(255,240,205,.5)}
.home-btn{padding:10px 18px 10px 14px;position:relative}
.home-btn::before,.home-btn::after{content:"";position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--lg-brass-d);box-shadow:inset 0 1px 0 rgba(255,240,205,.5)}
.home-btn::before{left:5px}.home-btn::after{right:5px}
:is(body[data-page=account],body[data-page=profile]) main .btn-danger{border-radius:1px}
/* inputs: ruled lines */
:is(body[data-page=account],body[data-page=profile]) main .input{border-radius:0;background:rgba(0,0,0,.22);border:0;border-bottom:1px solid var(--lg-brass-d);box-shadow:none;color:var(--lg-ink)}
:is(body[data-page=account],body[data-page=profile]) main .input:focus{border-bottom-color:var(--lg-brass);outline:0;box-shadow:0 1px 0 var(--lg-brass)}
:is(body[data-page=account],body[data-page=profile]) main .field label{font-family:var(--text);font-size:15px;color:var(--lg-brass);font-weight:400}
/* switch -> brass toggle */
:is(body[data-page=account],body[data-page=profile]) .sw-track{border-radius:1px;background:var(--lg-lea-2);box-shadow:inset 0 0 0 1px var(--lg-brass-d)}
:is(body[data-page=account],body[data-page=profile]) .sw-track::after{border-radius:1px;background:linear-gradient(var(--lg-brass-l),var(--lg-brass-dd))}
:is(body[data-page=account],body[data-page=profile]) .switch input:checked+.sw-track{background:var(--lg-lea-1)}
/* stamped badges */
.prof-badges li{border-radius:0!important;background:none!important;border:2px double var(--lg-brass-d)!important;font-family:var(--text)}
.prof-badges li:nth-child(odd){transform:rotate(-1.2deg)}.prof-badges li:nth-child(even){transform:rotate(1deg)}
:is(body[data-page=account],body[data-page=profile]) .note{border-radius:2px}
.keeper-stamp{display:inline-block;margin:2px 0 6px;padding:1px 8px 2px;font:400 15px/1.2 var(--text);letter-spacing:.12em;color:var(--lg-brass-l);border:2px double var(--lg-brass);border-radius:0;transform:rotate(-2deg);text-shadow:0 1px 0 rgba(0,0,0,.6);background:rgba(var(--lg-brass-rgb),.08)}
.keeper-tools{margin:14px 0 0;font-family:var(--text)}
@media (max-width:700px){:is(.ah-stats,.prof-stats)>div:nth-child(odd){border-left:0!important}:is(.ah-stats,.prof-stats)>div:nth-child(n+3){border-top:1px solid rgba(var(--lg-brass-rgb),.28)!important}}
/* stamped checkbox instead of a switch */
:is(body[data-page=account],body[data-page=profile]) .sw-track{width:24px;height:24px;border-radius:0;background:var(--lg-paper);box-shadow:inset 0 0 0 2px var(--lg-brass-d),inset 0 0 6px rgba(120,80,30,.35)}
:is(body[data-page=account],body[data-page=profile]) .sw-track::after{content:"";top:2px;left:3px;width:18px;height:18px;border-radius:0;background:none;transform:none;opacity:0;color:var(--lg-stamp);font:700 20px/18px Georgia,serif;text-align:center}
:is(body[data-page=account],body[data-page=profile]) .switch input:checked+.sw-track{background:var(--lg-paper)}
:is(body[data-page=account],body[data-page=profile]) .switch input:checked+.sw-track::after{content:"\2713";opacity:1;transform:rotate(-8deg)}
:is(body[data-page=account],body[data-page=profile]) .switch input:focus-visible+.sw-track{outline:2px solid var(--lg-brass);outline-offset:2px}
:is(body[data-page=account],body[data-page=profile]) .switch>span:last-child{font-family:var(--text);font-size:16px}