/* ===== Knappar och formulär ===== */
.btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:var(--r-md);border:0;background:linear-gradient(180deg,var(--acc),var(--acc-h));color:var(--on-acc);font-weight:500;font-size:13px;box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(0,0,0,.12);transition:box-shadow var(--t),transform var(--t),background var(--t);text-decoration:none;white-space:nowrap;justify-content:center}
.btn:hover{background:var(--acc-h)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:var(--surface);color:var(--acc-ink);box-shadow:var(--sh)}.btn.ghost:hover{background:var(--acc-soft);box-shadow:var(--sh-hover)}
.btn.plain{background:var(--surface);color:var(--ink2);box-shadow:var(--sh)}.btn.plain:hover{background:var(--hover);box-shadow:var(--sh-hover)}
.btn.yellow{}
.btn[disabled]{opacity:.5;cursor:not-allowed;background:var(--grey-soft);color:var(--muted);box-shadow:none}
.btn.sm{height:26px;padding:0 9px;font-size:12.5px;border-radius:6px}
.btn.lg{height:36px;padding:0 16px;font-size:13.5px}
.btn.fbtn{display:none}
.link{border:0;background:none;color:var(--acc-ink);font-weight:500;padding:0;text-decoration:underline;text-underline-offset:3px}
input[type=search],input[type=text],input[type=number],input[type=date],select,textarea,.ta{width:100%;border:0;border-radius:var(--r-md);padding:0 10px;height:34px;background:var(--surface);color:var(--ink);outline:none;box-shadow:var(--sh);font-size:var(--fs-base);transition:box-shadow var(--t)}
textarea,.ta{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}
select{width:auto;padding-right:6px}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 1px var(--acc),0 0 0 4px var(--acc-soft)}
input[type=checkbox],input[type=radio]{accent-color:var(--acc);width:15px;height:15px;flex:none;margin:0}
.itext{width:100%;min-height:150px;font-size:13px;line-height:1.45;border:0;box-shadow:var(--sh);border-radius:var(--r-md);padding:8px 10px;resize:vertical;background:var(--surface);color:var(--ink)}
.hint,.sub{font-size:12.5px;color:var(--muted)}
.hint{margin:6px 0 0}
.err{color:var(--red);font-size:13px;margin-top:8px}
label.lab,.lab{display:block;font-weight:500;margin:14px 0 6px;font-size:13px}