/* account pages (app/server.py) and owner/placement marks on the static pages */
.app{padding-top:32px;padding-bottom:64px;display:flex;flex-direction:column;gap:22px;max-width:980px}
.acct{display:flex;align-items:center;gap:10px;margin-left:auto}
.appform{padding:22px;display:flex;flex-direction:column;gap:14px;border-radius:18px}
.appform.wide{max-width:none}
.appform label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.appform label.ck{flex-direction:row;align-items:center;gap:10px;font-weight:500}
.appform input:not([type=checkbox]):not([type=radio]),.appform select,.appform textarea{min-height:46px;padding:8px 12px;border:1.5px solid var(--line2);border-radius:12px;font:400 16px var(--sans);background:#fff;color:var(--ink)}
.appform textarea{min-height:110px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.prow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) 110px auto;gap:8px;align-items:center}
.ok{color:#0F6C3F;font-weight:600}
.err{color:#B8321C;font-weight:600}
.invoice{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px}
.pl-mark{display:inline-block;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:999px;padding:3px 10px;margin-bottom:6px}
.op-prvo{border:2px solid var(--accent)!important;box-shadow:0 10px 28px -14px color-mix(in srgb,var(--accent) 70%,transparent)}
.op-hl{border:2px solid color-mix(in srgb,var(--accent) 55%,var(--line))!important}
.tag-own{display:inline-flex;align-items:center;gap:4px;color:#0F6C3F;border-color:#0F6C3F!important}
.badge-own{color:#0F6C3F;border-color:#0F6C3F}
.owner-info dl{padding:14px 18px;margin:0}
@media (max-width:640px){.two,.three{grid-template-columns:minmax(0,1fr)}.prow{grid-template-columns:1fr 1fr}.acct .small{display:none}}
@media print{.hdr,.band,.btn{display:none}}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.kpi b{font:600 26px var(--mono)}
.kpi span{font-size:13px;color:var(--muted)}
.app .tbl table{min-width:640px}
@media (max-width:640px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.app .tbl .btn-sm{padding:6px 14px;min-height:32px}
.langs{display:inline-flex;gap:2px;border:1.5px solid var(--line2);border-radius:999px;padding:2px;background:var(--card);margin-right:8px}
.langs a{font:600 12px var(--mono);color:var(--muted);text-decoration:none;padding:5px 9px;border-radius:999px}
.langs a[aria-current]{background:var(--ink);color:#fff}