/* Личный кабинет ЭОС АОЗС. Подключать после main.min.css */
.lk-page { background:#f3f3f3; padding:40px 0 60px; min-height:600px; }
.lk-page * { box-sizing:border-box; }
.lk-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:30px; align-items:start; }
.lk-sidebar { background:#fff; border:1px solid #e6e6e6; box-shadow:1px 1px 1px rgba(0,0,0,.04); }
.lk-user { padding:24px; border-bottom:1px solid #ededed; }
.lk-user__name { font-family:PTSansBold,sans-serif; color:#454545; font-size:18px; line-height:22px; margin-bottom:4px; }
.lk-user__role { font-size:14px; line-height:18px; color:#878787; }
.lk-nav { list-style:none; padding:10px 0; margin:0; }
.lk-nav li { list-style:none; padding:0; margin:0; }
.lk-nav a { display:block; padding:12px 24px; color:#454545; border-left:3px solid transparent; text-decoration:none; font-family:PTSansBold,sans-serif; font-size:15px; line-height:20px; }
.lk-nav a:hover, .lk-nav a.active { color:#b50e28; border-left-color:#b50e28; background:#f9f9f9; text-decoration:none; }
.lk-main { min-width:0; }
.lk-head { background:#fff; padding:28px 30px; margin-bottom:25px; border:1px solid #e6e6e6; }
.lk-head h1, .lk-head h2 { margin:0 0 10px; font-size:38px; line-height:42px; font-family:CuprumRegular,sans-serif; color:#454545; text-transform:none; }
.lk-head p { margin:0; color:#878787; max-width:850px; }
.lk-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.lk-grid.lk-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.lk-card { background:#fff; border:1px solid #e6e6e6; padding:24px; min-height:100%; color:#878787; transition:.25s; }
.lk-card:hover { box-shadow:2px 2px 16px rgba(0,0,0,.08); transform:translateY(-2px); }
.lk-card__title { font-family:PTSansBold,sans-serif; font-size:20px; line-height:25px; color:#454545; margin:0 0 12px; }
.lk-card__meta { font-size:14px; line-height:19px; color:#878787; margin-bottom:15px; }
.lk-card__text { margin-bottom:18px; }
.lk-progress { height:8px; background:#ededed; overflow:hidden; margin:14px 0 8px; }
.lk-progress__bar { display:block; height:100%; background:#b50e28; width:0; }
.lk-status { display:inline-block; padding:4px 10px; font-size:13px; line-height:18px; background:#f3f3f3; color:#454545; }
.lk-status.is-done { background:#e8f6f5; color:#177a73; }
.lk-status.is-check { background:#fff2df; color:#9a5a00; }
.lk-status.is-lock { background:#f5e6e9; color:#b50e28; }
.lk-panel { background:#fff; border:1px solid #e6e6e6; padding:28px 30px; margin-bottom:25px; }
.lk-panel h2, .lk-panel h3 { margin-top:0; text-transform:none; color:#454545; }
.lk-list { list-style:none; padding:0; margin:0; }
.lk-list__item { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid #ededed; }
.lk-list__item:last-child { border-bottom:none; }
.lk-list__title { color:#454545; font-family:PTSansBold,sans-serif; margin-bottom:4px; }
.lk-list__desc { font-size:14px; line-height:19px; color:#878787; }
.lk-lesson-content { background:#fff; border:1px solid #e6e6e6; padding:30px; margin-bottom:25px; }
.lk-lesson-content h2, .lk-lesson-content h3 { text-transform:none; }
.lk-media { margin:20px 0; padding:18px; background:#f9f9f9; border:1px solid #ededed; }
.lk-media video, .lk-media audio, .lk-media iframe { width:100%; max-width:100%; }
.lk-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:24px; }
.lk-form { background:#fff; border:1px solid #e6e6e6; padding:30px; max-width:620px; }
.lk-form--wide { max-width:none; }
.lk-field { margin-bottom:16px; }
.lk-field label { display:block; font-family:PTSansBold,sans-serif; color:#454545; margin-bottom:6px; }
.lk-field input, .lk-field textarea, .lk-field select { width:100%; border:1px solid #dedede; background:#fff; padding:12px 15px; color:#454545; font-size:15px; }
.lk-field input:focus, .lk-field textarea:focus, .lk-field select:focus { border-color:#b50e28; box-shadow:0 0 5px rgba(181,14,40,.25); }
.lk-field textarea { min-height:120px; resize:vertical; }
.lk-check { display:flex; gap:10px; font-size:13px; line-height:18px; color:#737373; align-items:flex-start; }
.lk-check input { margin-top:3px; }
.lk-auth { max-width:480px; margin:0 auto; }
.lk-auth .lk-head { text-align:center; }
.lk-auth .lk-head h1 { text-align:center; }
.lk-test-question { padding:20px 0; border-bottom:1px solid #ededed; }
.lk-test-question:first-child { padding-top:0; }
.lk-test-question__title { font-family:PTSansBold,sans-serif; color:#454545; margin-bottom:12px; }
.lk-answer { display:block; margin:8px 0; color:#454545; }
.lk-table-wrap { overflow-x:auto; background:#fff; border:1px solid #e6e6e6; }
.lk-table { margin:0; min-width:760px; }
.lk-table th { background:#f3f3f3; color:#454545; }
.lk-table td:first-child { font-weight:400; }
.lk-empty { background:#fff; border:1px solid #e6e6e6; padding:30px; text-align:center; }
.lk-note { padding:16px 18px; background:#f9f9f9; border-left:3px solid #b50e28; margin:20px 0; color:#454545; }
@media (max-width:1200px){ .lk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:992px){ .lk-layout { grid-template-columns:1fr; } .lk-sidebar { order:-1; } .lk-nav { display:flex; overflow-x:auto; padding:0; } .lk-nav a { white-space:nowrap; border-left:none; border-bottom:3px solid transparent; } .lk-nav a:hover, .lk-nav a.active { border-left-color:transparent; border-bottom-color:#b50e28; } }
@media (max-width:768px){ .lk-page { padding:25px 0 40px; } .lk-head, .lk-panel, .lk-lesson-content, .lk-form { padding:22px 18px; } .lk-head h1, .lk-head h2 { font-size:32px; line-height:36px; } .lk-grid, .lk-grid.lk-grid-2 { grid-template-columns:1fr; } .lk-list__item { align-items:flex-start; flex-direction:column; gap:10px; } .lk-actions .button, .lk-actions button { width:100%; text-align:center; } }
@media (max-width:500px){ .lk-head h1, .lk-head h2 { font-size:28px; line-height:32px; } .lk-card { padding:20px 16px; } .lk-user { padding:18px; } }
