.sidebar .nav-item.active{color:#294d3e}body.training-mode .metrics,body.training-mode .workspace-toolbar,body.training-mode .filter-bar,body.training-mode .section-heading{display:none}.training-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.training-metrics>div{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-radius:15px;padding:20px 24px}.training-metrics>div>.icon{width:42px;height:42px;padding:10px;background:#edf3e7;color:#77956b;border-radius:12px}.training-metrics>div:nth-child(2)>.icon{background:#edf0f9;color:#8393b5}.training-metrics>div:nth-child(3)>.icon{background:#f7eee3;color:#bc9c71}.training-metrics span{font-size:12px;color:#84917c}.training-metrics strong{display:block;font-size:30px;color:#2d5346;font-weight:550;margin-top:5px}.training-toolbar,.training-date-nav,.training-filters,.training-view-switch,.training-board-foot{display:flex;align-items:center;gap:12px}.training-toolbar{justify-content:space-between;margin:24px 0 16px;flex-wrap:wrap}.training-date-label{position:relative;font-size:15px;font-weight:550;color:#3a5945;min-width:200px;text-align:center}.training-date-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.training-date-label input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.training-view-switch{background:#ebf0e5;border:1px solid var(--line);padding:4px;border-radius:10px;gap:3px}.training-view-switch button{border:0;background:none;font:inherit;font-size:12px;padding:8px 17px;border-radius:7px;color:#7b8c70;cursor:pointer}.training-view-switch button.selected{background:#fff;color:#315c49;box-shadow:0 2px 6px #18372b0a}.training-filters{margin-bottom:20px;flex-wrap:wrap}.training-search{display:flex;align-items:center;gap:8px;max-width:390px;flex:1;min-width:210px;border:1px solid var(--line);border-radius:9px;background:white;padding:10px 12px;color:#8c9a82}.training-search input{width:100%;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:12px;color:#36533f}.training-filters>label{font-size:12px;color:#849179}.training-filters select{font:inherit;background:white;color:#45623d;border:1px solid var(--line);padding:9px 12px;border-radius:8px;margin-inline-start:8px}.training-checkbox{display:flex;align-items:center;gap:6px}.training-upcoming{padding:17px 20px;background:#f0f4e9;border:1px solid #e2e9d7;border-radius:13px;margin-bottom:22px;display:flex;align-items:center;gap:24px}.training-upcoming>div:first-child{min-width:180px}.training-upcoming strong{display:block;font-size:13px;color:#57734c}.training-upcoming small{display:block;font-size:10px;color:#8c9b7f;margin-top:5px;max-width:260px;line-height:1.6}.training-upcoming>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.training-upcoming button{background:#fff;border:1px solid #e0e7d6;border-radius:9px;font:inherit;text-align:right;padding:10px 15px;cursor:pointer}.training-upcoming button b{font-size:11px;color:#57734c;display:block}.training-upcoming button span{font-size:11px;color:#859679;display:block;margin-top:4px}.training-board{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.training-scroll{max-height:680px;overflow:auto;overscroll-behavior:contain}.training-grid{display:grid;grid-template-columns:56px repeat(var(--training-days),minmax(125px,1fr));min-width:calc(56px + var(--training-days)*125px);grid-template-rows:84px var(--training-height);position:relative;isolation:isolate}.training-grid-corner,.training-day-heading{position:sticky;top:0;background:#fafbf7;border:0;border-bottom:1px solid var(--line);z-index:4}.training-grid-corner{display:grid;place-items:center;color:#9aa68e;font-size:10px;inset-inline-start:0;z-index:6}.training-day-heading{border-inline-start:1px solid #edf0e6;font:inherit;cursor:pointer;color:#87967a;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.training-day-heading span{font-size:11px}.training-day-heading strong{font-size:21px;font-weight:500;color:#476941}.training-day-heading.today{background:#f0f5e9}.training-day-heading.today strong{background:#2d6d57;color:white;padding:3px 8px;border-radius:9px}.training-day-heading.today small{position:absolute;top:8px;inset-inline-start:8px;font-size:9px}.training-time-axis{position:sticky;inset-inline-start:0;background:#fff;z-index:3}.training-time-axis span{position:absolute;inset-inline:0;text-align:center;font-size:10px;color:#a0aa94;padding-top:5px;direction:ltr}.training-day-column{position:relative;border-inline-start:1px solid #edf0e6}.training-day-column.today{background:#fcfdf9}.training-slot{position:absolute;inset-inline:0;width:100%;height:72px;background:transparent;border:0;border-top:1px solid #f0f2eb;cursor:pointer}.training-slot:hover,.training-slot:focus-visible{background:#edf4e780;outline:2px solid #c3d4b6;outline-offset:-2px}.training-event{position:absolute;border:1px solid #d8e2ef;border-inline-start:3px solid #92a9c8;background:#edf2fa;border-radius:7px;padding:6px 8px;text-align:right;cursor:pointer;overflow:hidden;color:#536c8c;font:inherit;z-index:2;display:flex;flex-direction:column;gap:4px}.training-event.trainer-1{background:#f4eef9;border-color:#e7dbef;border-inline-start-color:#b79bca;color:#87669d}.training-event strong{font-size:11px;line-height:1.5}.training-event>span{font-size:10px;align-self:flex-start}.training-event small{font-size:9px;line-height:1.5}.training-event.completed{background:#edf4e6;border-color:#dce7cd;border-inline-start-color:#92b171;color:#728f57}.training-event.cancelled{opacity:.6;background:#f6f4f1;border-color:#e9e4dc;border-inline-start-color:#baaca0;text-decoration:line-through}.training-event:hover{filter:brightness(.97);box-shadow:0 3px 10px #1d3f2812}.training-board-foot{justify-content:space-between;color:#92a185;font-size:10px;margin:14px 4px;line-height:1.8;flex-wrap:wrap}.training-board-foot .dot{margin-inline:5px}.training-empty-hint{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#f6f7f0;padding:20px;border-radius:12px}.training-empty-hint p{color:#8b997f;font-size:12px;width:100%;text-align:center;margin:0 0 5px}.training-agenda-row{display:flex;align-items:center;gap:18px;width:100%;padding:19px 22px;background:white;border:0;border-bottom:1px solid #edf0e6;font:inherit;text-align:right;color:#3e5a48;cursor:pointer}.training-agenda-row:last-child{border-bottom:0}.training-agenda-row:hover{background:#fafcf7}.training-agenda-row>span:nth-child(2){flex:1}.training-agenda-row strong{display:block;font-size:13px}.training-agenda-row small{display:block;font-size:11px;color:#96a18b;margin-top:6px}.training-agenda-time{font-size:15px;min-width:55px;color:#5c7950;text-align:center}.training-status{display:inline-flex;border-radius:6px;padding:5px 8px;background:#edf2fa;color:#7b92ad;font-size:10px;white-space:nowrap}.training-status.completed{background:#eef4e6;color:#819c67}.training-status.cancelled{background:#f6ece8;color:#b5917e}.training-empty{padding:36px;text-align:center;color:#94a186}.training-dialog{width:min(720px,95vw);border:0;border-radius:20px;padding:0;max-height:93dvh;color:#405c48}.training-dialog::backdrop{background:#12332a65;backdrop-filter:blur(5px)}.training-form{padding:24px 28px;display:grid;gap:18px;max-height:calc(93dvh - 190px);overflow:auto}.training-form .field{margin:0}.training-form-intro{display:flex;align-items:center;gap:12px;font-size:12px;color:#90a080;background:#f6f8f0;padding:14px;border-radius:10px}.training-time-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.training-availability{margin:0;padding:12px 14px;border-radius:9px;background:#f1f6e9;color:#839971;font-size:12px;line-height:1.6}.training-availability.conflict{background:#fcf0eb;color:#b17962}.training-detail-actions,.training-state-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.training-state-actions{padding-top:15px;border-top:1px solid var(--line)}.training-cancel-button{border:0;background:none;font:inherit;color:#b38b7a;font-size:12px;cursor:pointer;padding:8px}#training-cancel-confirm{display:flex;gap:12px;align-items:center;font-size:11px;color:#b38b7a;width:100%}#training-cancel-confirm[hidden]{display:none}.training-message{padding:18px;background:#f2f7ed;border:1px solid #dfebd7;border-radius:12px;font-size:12px}.training-message p{line-height:1.9;color:#69805a}.training-message small{display:block;color:#91a080;margin-bottom:14px;line-height:1.6}.training-customer-section .training-agenda-row{border:1px solid var(--line);border-radius:9px;padding:14px;margin-top:8px}.training-customer-section .training-agenda-row strong{font-size:12px}.training-dialog .dialog-footer>div{display:flex;gap:8px}.training-dialog .dialog-footer{flex-wrap:wrap;gap:10px}.training-customer-section .record-files-heading{flex-wrap:wrap;gap:10px}
@media(max-width:900px){.training-upcoming{align-items:flex-start;flex-direction:column;gap:12px}.training-metrics>div{padding:16px}.training-metrics{gap:10px}.training-grid{grid-template-columns:48px repeat(var(--training-days),minmax(118px,1fr))}.training-date-label{font-size:12px;min-width:170px}.training-agenda-row{gap:10px;padding:16px}.training-agenda-row>.icon{display:none}}
@media(max-width:560px){.training-metrics{gap:7px}.training-metrics>div{padding:12px;gap:8px;flex-direction:column;align-items:flex-start}.training-metrics>div>.icon{width:30px;height:30px;padding:7px}.training-metrics strong{font-size:23px}.training-metrics span{font-size:9px}.training-toolbar{gap:14px}.training-filters{gap:12px}.training-search{min-width:100%;max-width:none}.training-time-fields{grid-template-columns:1fr 1fr}.training-time-fields>.field:first-child{grid-column:1/-1}.training-form{padding:20px}.training-dialog .dialog-header{padding:20px}.training-dialog .dialog-footer{padding:15px 20px}.training-dialog .dialog-footer>span{display:none}.training-upcoming small{font-size:10px}.training-board-foot{font-size:9px}.training-agenda-row strong{font-size:11px}.training-agenda-row small{font-size:10px}}

.training-event.compact{padding:1px 4px;gap:0}.training-event.compact strong,.training-event.compact small{display:none}