/* Tenderfy HR1 — one theme, simple layout, clay buttons */
:root{
  --bg:#12150f;--card:#1a2015;--card2:#20281a;--line:#2f3a27;
  --ink:#f1f5ea;--muted:#a9b6a0;
  --lime:#b8f060;--lime-ink:#18210e;
  --warn-bg:#3a2f14;--warn-ink:#f4dc9a;--bad:#f2a394;--good:#b8f060;
  --radius:24px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
h1{font-size:clamp(28px,6vw,38px);line-height:1.15;letter-spacing:-.5px;margin:0 0 8px}
h2{font-size:21px;margin:0 0 12px}
h3{font-size:17px;margin:0 0 4px}
p{margin:6px 0 14px}
small,.small{font-size:14px}
.muted{color:var(--muted)}
.center{text-align:center}
.hidden,[hidden]{display:none!important}

/* layout */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;max-width:980px;margin:auto}
.brand{font-size:26px;font-weight:800;letter-spacing:-1px}
.brand span{color:var(--lime)}
.brand small{font-size:13px;font-weight:700;color:var(--muted);letter-spacing:1px;margin-left:8px}
.account{display:flex;align-items:center;gap:10px;white-space:nowrap}
.account .who{color:var(--muted);font-size:14px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{max-width:980px;margin:auto;padding:8px 20px 40px}
#content.narrow{max-width:560px;margin:auto}
.foot{max-width:980px;margin:auto;padding:0 20px 40px;text-align:center}
.link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:14px;padding:10px}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:0 0 18px;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.card.flat{box-shadow:none}
.price{background:linear-gradient(145deg,#25361a,#172012);border-color:#46603a}
.price .label{color:#bccdae;font-size:15px}
.price .amount{font-size:clamp(46px,13vw,68px);font-weight:800;letter-spacing:-2px;line-height:1.1;margin:4px 0}
.price .when{color:#d3e2c4;font-size:15px}
.live{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);margin-top:10px}
.live:before{content:"";width:9px;height:9px;border-radius:50%;background:#6c7a62}
.live.on{color:var(--good)}
.live.on:before{background:var(--good);box-shadow:0 0 0 4px rgba(184,240,96,.18)}
.deadline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px}
.deadline b{color:var(--lime)}

/* pills and messages */
.pill{display:inline-block;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:700;background:#2a3d1c;color:#c9f08e}
.pill.gray{background:#2a3026;color:#c0cab6}
.pill.warn{background:var(--warn-bg);color:var(--warn-ink)}
.notice{border-radius:18px;padding:14px 18px;margin:0 0 16px;background:var(--warn-bg);color:var(--warn-ink);font-size:15px}
.notice.ok{background:#22351a;color:#cdeea5}
.notice.bad{background:#40231f;color:var(--bad)}
.info{border-radius:18px;padding:14px 18px;margin:0 0 16px;background:var(--card2);color:var(--muted);font-size:15px}

/* forms: pressed-in clay fields */
label{display:block;font-size:15px;font-weight:650;margin:14px 0 6px}
input,select,textarea{width:100%;min-height:50px;border:1px solid #3d4a33;border-radius:16px;padding:12px 16px;background:#10140c;
  box-shadow:inset 3px 4px 9px rgba(0,0,0,.55),inset -2px -3px 6px rgba(255,255,255,.05)}
textarea{min-height:96px;resize:vertical}
input[type=checkbox]{width:24px;height:24px;min-height:0;padding:0;accent-color:var(--lime)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.big-input{font-size:28px;font-weight:700;min-height:62px}
.hint{font-size:14px;color:var(--muted);margin:6px 2px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.stack{margin-top:16px}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:500;margin-top:18px}

/* CLAY BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 28px;border:0;border-radius:26px;
  font-weight:750;font-size:17px;cursor:pointer;text-decoration:none;
  background:var(--lime);color:var(--lime-ink);
  box-shadow:7px 9px 18px rgba(0,0,0,.5),inset -6px -8px 12px rgba(86,130,20,.5),inset 6px 8px 12px rgba(255,255,255,.6);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn:active{transform:translateY(2px);
  box-shadow:3px 4px 8px rgba(0,0,0,.5),inset 5px 6px 10px rgba(86,130,20,.55),inset -3px -4px 8px rgba(255,255,255,.35)}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn.secondary{background:#2c3524;color:var(--ink);
  box-shadow:7px 9px 18px rgba(0,0,0,.5),inset -6px -8px 12px rgba(0,0,0,.38),inset 6px 8px 12px rgba(255,255,255,.1)}
.btn.secondary:active{box-shadow:3px 4px 8px rgba(0,0,0,.5),inset 5px 6px 10px rgba(0,0,0,.45),inset -3px -4px 8px rgba(255,255,255,.06)}
.btn.danger{background:#f2a394;color:#3a140d;
  box-shadow:7px 9px 18px rgba(0,0,0,.5),inset -6px -8px 12px rgba(150,60,40,.45),inset 6px 8px 12px rgba(255,255,255,.55)}
.btn.small{min-height:42px;padding:8px 18px;font-size:15px;border-radius:21px;
  box-shadow:5px 6px 12px rgba(0,0,0,.45),inset -4px -5px 9px rgba(86,130,20,.5),inset 4px 5px 9px rgba(255,255,255,.55)}
.btn.small.secondary{box-shadow:5px 6px 12px rgba(0,0,0,.45),inset -4px -5px 9px rgba(0,0,0,.38),inset 4px 5px 9px rgba(255,255,255,.1)}
.btn.small.danger{box-shadow:5px 6px 12px rgba(0,0,0,.45),inset -4px -5px 9px rgba(150,60,40,.45),inset 4px 5px 9px rgba(255,255,255,.55)}
.btn.wide{width:100%}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}

/* tabs (staff) */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 20px}
.tabs .btn{min-height:44px;padding:8px 20px;font-size:15px}
.tabs .btn.secondary{opacity:.92}
.badge{background:#f2a394;color:#3a140d;border-radius:999px;font-size:12px;padding:1px 8px;margin-left:4px}

/* details / lists / tables */
details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 14px}
summary{cursor:pointer;padding:18px 22px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-size:22px;color:var(--lime)}
details[open] summary:after{content:"–"}
summary:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-radius:var(--radius)}
details>.body{padding:0 22px 20px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 6px}
.fact{background:var(--card2);border-radius:18px;padding:12px 16px}
.fact span{display:block;font-size:13px;color:var(--muted)}
.fact strong{font-size:18px}
.person{padding:16px 0;border-bottom:1px solid var(--line)}
.person:last-child{border-bottom:0}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px}
th{text-align:left;color:var(--muted);font-weight:650;padding:10px 8px;white-space:nowrap}
td{padding:12px 8px;border-top:1px solid var(--line);vertical-align:top}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted);word-break:break-all}
pre{white-space:pre-wrap;font:inherit;margin:0 0 12px}
.terms{white-space:pre-wrap;background:#10140c;border-radius:16px;padding:16px;max-height:240px;overflow:auto;box-shadow:inset 3px 4px 9px rgba(0,0,0,.5)}
.good{color:var(--good)}.bad{color:var(--bad)}

@media(max-width:420px){.account .who{display:none}.brand small{display:none}}
@media(max-width:640px){
  .top{padding:14px 16px}main{padding:6px 16px 32px}.foot{padding:0 16px 32px}
  .grid2{grid-template-columns:1fr}
  .card{padding:18px}
  .tabs .btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}