[hidden]{display:none !important}

.lk-page{padding:20px 0 60px}
.lk-title{
  font-family:var(--mono,monospace);font-weight:700;font-size:24px;letter-spacing:.08em;
  color:var(--navy,#004d99);margin:0 0 20px;
}
.lk-link{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono,monospace);font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--navy,#004d99);text-decoration:none;padding:8px 10px;border:1px solid transparent;
}
.lk-link:hover{border-color:var(--navy,#004d99);background:#fff}

.lk-auth{
  max-width:460px;margin:0 auto;background:#fff;border:1px solid var(--line,#e4e8ec);padding:22px;
  clip-path:var(--cham,polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%));
}
.lk-tabs{display:flex;gap:0;border-bottom:1px solid var(--line,#e4e8ec);margin-bottom:16px}
.lk-tab{
  border:none;background:none;cursor:pointer;padding:10px 16px;
  font-family:var(--mono,monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted,#6f7479);border-bottom:2px solid transparent;
}
.lk-tab:hover{color:var(--navy,#004d99)}
.lk-tab.active{color:var(--navy,#004d99);border-bottom-color:var(--navy,#004d99);font-weight:700}

.lk-form{display:flex;flex-direction:column;gap:10px}
.lk-field{
  display:flex;flex-direction:column;gap:4px;
  font-family:var(--mono,monospace);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted,#6f7479);
}
.lk-field input,.lk-field select{
  padding:10px 12px;border:1px solid var(--line2,#c9cfd6);background:#fff;
  font-family:var(--body,inherit);font-size:13px;
  text-transform:none;letter-spacing:0;color:var(--ink,#000);
}
.lk-field input:focus,.lk-field select:focus{outline:none;border-color:var(--navy,#004d99);box-shadow:0 0 0 3px rgba(0,77,153,.12)}
.lk-submit{margin-top:6px;justify-content:center}
.lk-err{color:#c0392b;font-size:12.5px;line-height:1.5;background:#fdecea;border:1px solid #e89a95;padding:8px 10px}
.lk-ok{color:#1d4d24;font-size:12.5px;line-height:1.5;background:#e8f5e9;border:1px solid #7fc185;padding:8px 10px}

.lk-box{
  background:#fff;border:1px solid var(--line,#e4e8ec);padding:20px;
  clip-path:var(--cham,polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%));
}
.lk-head{
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  padding-bottom:14px;border-bottom:1px solid var(--line,#e4e8ec);margin-bottom:14px;
}
.lk-user{display:flex;align-items:center;gap:12px}
.lk-avatar{
  width:44px;height:44px;flex:none;background:var(--navy,#004d99);color:#fff;
  display:grid;place-items:center;
  font-family:var(--mono,monospace);font-weight:700;font-size:18px;
  clip-path:var(--cham,polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%));
}
.lk-name{font-weight:700;font-size:15px;color:var(--ink,#000)}
.lk-sub{font-family:var(--mono,monospace);font-size:11px;color:var(--muted,#6f7479);margin-top:2px}
.lk-tabs-box{margin-bottom:16px}

.lk-list{display:flex;flex-direction:column;gap:14px}
.lk-card{border:1px solid var(--line,#e4e8ec);padding:14px 16px;background:#fbfcfe}
.lk-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.lk-num{font-family:var(--mono,monospace);font-weight:700;font-size:13px;color:var(--navy,#004d99)}
.lk-badge{font-family:var(--mono,monospace);font-size:9.5px;letter-spacing:.08em;padding:3px 8px;color:#fff}
.lk-badge.ord{background:#2e7d32}
.lk-badge.res{background:var(--navy,#004d99)}
.lk-date{margin-left:auto;font-family:var(--mono,monospace);font-size:11px;color:var(--muted,#6f7479)}

.lk-items{list-style:none;margin:0 0 8px;padding:0;border-top:1px dashed var(--line2,#c9cfd6)}
.lk-items li{
  display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:baseline;
  padding:7px 0;border-bottom:1px dashed var(--line2,#c9cfd6);font-size:13px;
}
.li-name{color:var(--ink,#000);line-height:1.4}
.li-qty{font-family:var(--mono,monospace);font-size:11.5px;color:var(--muted,#6f7479);white-space:nowrap}
.li-price{font-family:var(--mono,monospace);font-size:12.5px;font-weight:700;color:var(--navy,#004d99);white-space:nowrap}
.lk-total{font-family:var(--mono,monospace);font-size:12px;color:var(--muted,#6f7479);margin-bottom:8px}
.lk-total b{color:var(--navy,#004d99);font-size:14px}
.lk-comment{font-size:12.5px;color:var(--muted,#6f7479);margin-bottom:8px}
.lk-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.lk-card-actions .btn{font-size:11px;padding:10px 14px}

.lk-empty{font-size:13px;color:var(--muted,#6f7479);padding:18px 4px;line-height:1.7}
.lk-empty a{color:var(--navy,#004d99)}

.lk-form-wide{max-width:560px}
.lk-pass{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ---------- Компании ---------- */
.lk-companies{margin-top:30px;border-top:2px solid var(--line,#e4e8ec);padding-top:20px}
.lk-companies-title{
  font-family:var(--mono,monospace);font-size:14px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--navy,#004d99);margin:0 0 6px;font-weight:700;
}
.lk-companies-hint{font-size:12.5px;color:var(--muted,#6f7479);margin:0 0 14px}

.lk-comp-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:18px}
.lk-comp-table th{
  text-align:left;padding:8px 10px;border-bottom:2px solid var(--line,#e4e8ec);
  font-family:var(--mono,monospace);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted,#6f7479);
}
.lk-comp-table td{padding:10px;border-bottom:1px solid var(--line,#e4e8ec);vertical-align:middle}
.lk-comp-name{font-weight:600;color:var(--ink,#000)}
.lk-comp-def{color:#2e7d32;font-weight:700;font-size:16px}
.lk-comp-del{background:none;border:none;cursor:pointer;color:#c0392b;font-size:15px;padding:4px 8px}
.lk-comp-del:hover{color:#a02a20}
.lk-comp-set{padding:5px 10px;font-size:10px}

.lk-company-form{border-top:1px dashed var(--line2,#c9cfd6);padding-top:18px;max-width:700px}
.lk-company-form-title{
  font-family:var(--mono,monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--navy,#004d99);margin:0 0 12px;font-weight:700;
}
.lk-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}

@media(max-width:640px){
  .lk-comp-table th,.lk-comp-table td{padding:8px 6px;font-size:12px}
  .lk-comp-table th:nth-child(3),.lk-comp-table td:nth-child(3){display:none}
  .lk-company-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .lk-pass{grid-template-columns:1fr}
}
@media(max-width:700px){
  .lk-head{flex-direction:column;align-items:flex-start}
  .lk-date{margin-left:0;width:100%}
  .lk-items li{grid-template-columns:1fr auto;row-gap:2px}
  .li-qty{grid-column:2}
  .li-price{grid-column:1 / -1;text-align:right}
  .lk-auth,.lk-box{padding:16px}
}