/* Additions for the Laravel views (links instead of buttons, form errors, modal page) */
.subnav a{padding:9px 12px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.subnav a:hover{color:var(--fg)}
.subnav a.on{color:var(--accent);border-color:var(--accent)}
.sumtabs a{flex:1 0 140px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;border-top:3px solid var(--line);text-decoration:none}
.sumtabs a small{display:block;color:var(--muted);font-weight:600;font-size:12px}
.sumtabs a b{font-variant-numeric:tabular-nums;font-size:15px}
.sumtabs a.on{border-top-color:var(--accent);background:var(--accent-soft)}
.sumtabs a.bad{border-top-color:var(--bad)} .sumtabs a.ok{border-top-color:var(--ok)} .sumtabs a.warn{border-top-color:var(--warn)}
.pager .pgb{min-width:28px;height:28px;border-radius:6px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;text-decoration:none;padding:0 6px}
.pager .pgb.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}
.pager .pgb svg{width:14px;height:14px}
.pager button svg{width:14px;height:14px}
.err{color:var(--bad);font-size:12px}
.err:empty{display:none}
.field.bad{border-color:var(--bad)}
.modal-page{display:flex;justify-content:center;padding:8px 0}
.modal-page .modal{box-shadow:var(--shadow);border:1px solid var(--line);max-height:none}
#layer .modal-page{padding:0;width:100%;justify-content:center;display:flex}
#layer .modal-page .modal{max-height:calc(100vh - 32px);border:0;box-shadow:var(--shadow-lg)}
#layer .scrim.right .modal-page{height:100%;justify-content:flex-end}
.dd{position:relative}
.dd>.pop{position:absolute;left:0;top:calc(100% + 4px)}
.nav .dd>.pop{top:auto;bottom:calc(100% + 4px)}
.pop a.pi{text-decoration:none}
.pop a.pi:hover{background:var(--hover)}
.pop form{margin:0}
.toast.bad{background:var(--bad);color:#fff}
.auth{min-height:100%;display:grid;place-items:center;padding:24px 16px}
.auth .card{width:min(420px,100%);padding:28px}
.auth h1{font-size:20px;margin:14px 0 4px}
.auth .logo{justify-content:flex-start}
.auth form{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.kcol.over{outline:2px dashed var(--accent);outline-offset:-2px}
.kcard.dragging{opacity:.4}
.kcard a{text-decoration:none}
.ev{text-decoration:none;color:inherit}
textarea.field{resize:vertical}
.chart-bars{display:flex;align-items:flex-end;gap:6px;height:160px;padding-top:10px}
.chart-bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;min-width:0}
.chart-bars i{display:block;width:100%;max-width:34px;background:var(--accent);border-radius:5px 5px 0 0;min-height:2px}
.chart-bars i.alt{background:var(--bad)}
.chart-bars small{font-size:11px;color:var(--muted);white-space:nowrap}
.pr-doc{background:#fff;color:#111;padding:36px;border-radius:8px;box-shadow:var(--shadow);font-size:13.5px;line-height:1.65;max-width:720px;margin:0 auto}
@media print{.side,.topbar,.page-h .btn,.no-print,.support,.subnav{display:none!important}.app{display:block}.page{padding:0;overflow:visible}body{background:#fff}.pr-doc{box-shadow:none}}