/* leakage.sg platform components — extends style.css tokens */
.lk-pad{padding-top:28px;padding-bottom:48px}
.lk-narrow{max-width:760px}
.lk-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.lk-crumbs{font-size:.88rem;color:var(--muted);padding-top:12px;padding-bottom:4px}
.lk-crumbs a{color:var(--brand)}
.nav a[aria-current="page"]{color:var(--brand)}
.lk-member{white-space:nowrap}
.lk-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 14px rgba(12,35,58,.05);min-width:0}
.lk-card h2{margin-top:0;font-size:1.15rem}
.lk-card h2 a{color:var(--ink);text-decoration:none}
.lk-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}
.lk-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:18px 0}
.lk-tile{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.lk-tile:hover{border-color:var(--brand)}
.lk-tile span{color:var(--muted);font-size:.9rem}
.lk-sup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.lk-sup p{margin:.3rem 0}
.lk-table-wrap{overflow-x:auto;margin:14px 0;-webkit-overflow-scrolling:touch}
.lk-table{width:100%;border-collapse:collapse;background:var(--card);font-size:.95rem}
.lk-table th,.lk-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
.lk-table thead th{background:#eef4f8;font-weight:700}
.lk-overdue td{background:#fff4e5}
.lk-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid transparent;vertical-align:middle;white-space:nowrap}
.lk-t-free{background:#eef4f8;color:#30475e}.lk-t-professional{background:#e3f6ee;color:#0b6b45}.lk-t-corporate{background:#e6eefc;color:#1d4aa8}.lk-t-guest{background:#eee;color:#555}
.lk-s-ok{background:#e3f6ee;color:#0b6b45}.lk-s-warn{background:#fff4e0;color:#8a5300}.lk-s-muted{background:#eef1f4;color:#4d5b6a}.lk-s-bad{background:#fde8e8;color:#9b1c1c}
.lk-flash{padding:12px 14px;border-radius:12px;margin:12px 0;border:1px solid}
.lk-ok{background:#effaf4;border-color:#bfe8d1}.lk-warn{background:#fff8eb;border-color:#f3d49b}.lk-bad{background:#fdf0f0;border-color:#f2c0c0}
.lk-note{color:var(--muted);font-size:.92rem}
.lk-muted{color:var(--muted)}
.lk-meta{color:var(--muted);font-size:.88rem}
.lk-form{display:flex;flex-direction:column;gap:12px;max-width:640px}
.lk-form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:.95rem}
.lk-form input,.lk-form select,.lk-form textarea,.lk-filters input,.lk-filters select{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);max-width:100%}
.lk-form .lk-check,.lk-check{flex-direction:row;align-items:flex-start;gap:8px;font-weight:500}
.lk-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.lk-form fieldset{border:1px solid var(--line);border-radius:10px;padding:10px}
.lk-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lk-filters input[name=q]{flex:1;min-width:200px}
.lk-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lk-inline{display:inline}
.lk-link{background:none;border:0;color:var(--brand);cursor:pointer;padding:0;font:inherit;text-decoration:underline}
.lk-lock{background:#f3f7fa;border:1px dashed var(--line);border-radius:12px;padding:14px;margin:10px 0}
.lk-lock .btn{margin-left:8px}
.lk-res{border-bottom:1px solid var(--line);padding:14px 0}
.lk-res h2{font-size:1.08rem;margin:0 0 4px}
.lk-post{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;overflow-wrap:anywhere}
.lk-report{float:right;font-size:.85rem}
.lk-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0}
.lk-dl dt{font-weight:700;color:var(--muted)}
.lk-dl dd{margin:0;overflow-wrap:anywhere}
.lk-list li{margin:.35rem 0}
.lk-steps li{margin:.5rem 0}
.lk-price{font-size:1.5rem;font-weight:800;margin:.2rem 0}
.lk-price small{font-size:.85rem;font-weight:600;color:var(--muted)}
.lk-plans .lk-feature{border-color:var(--brand2);box-shadow:var(--shadow)}
.lk-logo{max-height:72px;max-width:220px;margin:8px 0}
.lk-member-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding-top:20px;padding-bottom:48px}
.lk-side{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;align-self:start;position:sticky;top:90px}
.lk-side nav{display:flex;flex-direction:column}
.lk-side nav a{padding:6px 8px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.94rem}
.lk-side nav a:hover{background:#eef4f8}
.lk-side .lk-staff{color:var(--brand);font-weight:700}
.lk-side-user{margin:0 0 10px;font-weight:700;overflow-wrap:anywhere}
.lk-search input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;font:inherit}
.lk-member-main h1{margin-top:0}
.lk-result{margin:20px 0}
.lk-admin-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.lk-admin-nav a{padding:6px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:var(--card);font-size:.9rem}
.lk-prose{max-width:780px}
.lk-filter a{font-weight:600}
@media (max-width:860px){
  .lk-grid2{grid-template-columns:minmax(0,1fr)}
  .lk-member-wrap{grid-template-columns:minmax(0,1fr)}
  .lk-side{position:static}
  .lk-side nav{flex-direction:row;flex-wrap:wrap;gap:4px}
  .lk-dl{grid-template-columns:minmax(0,1fr)}
  .lk-table{font-size:.88rem}
}
@media print{.site-header,.footer,.lk-side,.lk-crumbs,.wa-float{display:none!important}}
.cards a.btn:not(.secondary):not(.btn-light),.lk-card a.btn:not(.secondary):not(.btn-light),.lk-lock a.btn{color:#fff}