.training-list-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px;border:1px solid #d3e0e8;border-radius:14px;background:#fff}.training-list-intro h3{margin:3px 0}.training-list-intro p{margin:5px 0 0;color:#62798a}.training-groups{display:grid;gap:18px}.training-group{overflow:hidden;border:1px solid #cbdbe5;border-radius:14px;background:#fff}.training-group>header{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid #d9e4eb;background:#eaf5fb}.training-group>header h3{margin:0}.training-group>header span{color:#567184;font-size:13px}.training-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;padding:14px}.training-card{overflow:hidden;border:1px solid #d3e0e8;border-radius:12px;background:#fff}.training-card-preview{height:150px;overflow:hidden;background:#67af35}.training-card-preview svg{display:block;width:100%;height:100%}.training-card>div+div{padding:14px}.training-card h3{margin:9px 0 4px}.training-card p{min-height:38px;margin:0 0 8px;color:#607788}.training-card small{display:block;margin-bottom:12px;color:#708697}.training-card .row{justify-content:flex-end}
.training-meta{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,.8fr) minmax(220px,1.4fr) auto;align-items:end;gap:10px;margin-bottom:12px;padding:12px;border:1px solid #ccdbe5;border-radius:12px;background:#fff}.training-meta label,.training-properties label{display:grid;gap:5px;color:#173b55;font-size:12px;font-weight:750}.training-meta input,.training-meta select,.training-properties input{width:100%;height:39px;padding:8px 10px;border:1px solid #bfced9;border-radius:8px;background:#fff;font:inherit;font-weight:400}.training-editor{display:grid;grid-template-columns:205px minmax(480px,1fr) 210px;gap:12px;align-items:start}.training-library,.training-properties{padding:13px;border:1px solid #cbdbe5;border-radius:12px;background:#fff}.training-library{position:sticky;top:88px}.training-library h3,.training-properties h3{margin:0 0 6px}.training-library>p{margin:0 0 12px;color:#6c8190;font-size:12px}.training-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.training-tool-grid button{display:grid;place-items:center;gap:3px;min-height:78px;padding:6px;border:1px solid #d6e1e8;border-radius:9px;background:#f8fbfd;color:#17364e;cursor:pointer}.training-tool-grid button:hover,.training-tool-grid button:focus{border-color:#0784c8;background:#eaf6fc;outline:none}.training-tool-grid button>span{display:grid;place-items:center;width:52px;height:45px}.training-tool-grid svg{width:54px;height:48px;overflow:visible}.training-tool-grid b{font-size:11px}.training-canvas-wrap{min-width:0;overflow:auto;padding:10px;border:1px solid #b8cad5;border-radius:12px;background:#e3e9ed}.training-pitch{display:block;width:100%;min-width:620px;height:auto;aspect-ratio:900/560;border:2px solid #1975ad;background:#67af35;touch-action:none;user-select:none}.training-object{cursor:grab}.training-object:active{cursor:grabbing}.training-object.selected{filter:drop-shadow(0 0 5px #087bc1)}.training-object.selected>*{stroke:#087bc1;stroke-width:4}.training-properties{position:sticky;top:88px;display:grid;gap:12px}.training-properties input[type=range]{padding:0}.training-properties input[type=color]{padding:3px}.training-help{display:grid;gap:5px;margin-top:8px;padding:10px;border-radius:8px;background:#edf7fc;color:#587185;font-size:12px}.training-help b{color:#173b55}
@media(max-width:1150px){.training-editor{grid-template-columns:180px minmax(420px,1fr)}.training-properties{position:static;grid-column:1/-1;grid-template-columns:repeat(4,1fr);align-items:end}.training-properties h3,.training-properties .training-help{grid-column:1/-1}}
@media(max-width:800px){.training-meta{grid-template-columns:1fr}.training-editor{grid-template-columns:1fr}.training-library{position:static}.training-tool-grid{grid-template-columns:repeat(4,1fr)}.training-properties{grid-template-columns:1fr}.training-canvas-wrap{grid-row:2}.training-cards{grid-template-columns:1fr}}
.object-hit{fill:transparent!important;stroke:none!important;pointer-events:all}.training-object:not(.selected):hover .object-hit{fill:rgba(255,255,255,.12)!important}.training-object.selected>:not(.object-hit){filter:drop-shadow(0 0 3px #fff)}.training-text{paint-order:stroke fill;stroke:#fff!important;stroke-width:6px!important;stroke-linejoin:round;letter-spacing:.4px}.training-meta:has([data-training-meta="fieldView"]){grid-template-columns:minmax(150px,1fr) minmax(165px,.85fr) minmax(175px,.9fr) minmax(200px,1.25fr) auto}
.training-object.selected>*{stroke:inherit;stroke-width:inherit}.training-object.selected .object-hit{fill:transparent!important;stroke:none!important}.training-tool-icon .object-hit{display:none}
.training-transform{pointer-events:none}.transform-frame{fill:transparent;stroke:#1687e8;stroke-width:2;stroke-dasharray:6 3}.transform-rotate-line{fill:none;stroke:#1687e8;stroke-width:2}.transform-handle{fill:#fff;stroke:#1687e8;stroke-width:2;pointer-events:all}.transform-handle.nw,.transform-handle.se{cursor:nwse-resize}.transform-handle.ne,.transform-handle.sw{cursor:nesw-resize}.transform-rotate{fill:#1687e8;stroke:#fff;stroke-width:2;pointer-events:all;cursor:grab}.transform-rotate:active{cursor:grabbing}
.training-canvas-wrap{min-height:590px}.training-pitch{height:clamp(560px,68vh,720px)!important;min-height:560px;aspect-ratio:auto!important}
.training-editor{grid-template-columns:205px minmax(0,1fr);grid-template-rows:auto auto}.training-library{grid-column:1;grid-row:1/3}.training-properties{position:static;top:auto;grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(150px,.9fr) repeat(3,minmax(130px,1fr)) auto auto minmax(190px,1.15fr);align-items:end;gap:10px;padding:11px 13px}.training-properties h3{align-self:center;margin:0}.training-properties>p.muted{align-self:center;margin:0}.training-properties .btn{align-self:end;white-space:nowrap}.training-properties .training-help{align-self:stretch;margin:0;padding:8px 10px}.training-canvas-wrap{grid-column:2;grid-row:2}
@media(max-width:1150px){.training-editor{grid-template-columns:180px minmax(0,1fr)}.training-properties{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr))}.training-properties h3,.training-properties .training-help{grid-column:auto}.training-canvas-wrap{grid-column:2;grid-row:2}}
@media(max-width:800px){.training-editor{grid-template-columns:1fr}.training-library{grid-column:1;grid-row:1}.training-properties{grid-column:1;grid-row:2;grid-template-columns:1fr}.training-canvas-wrap{grid-column:1;grid-row:3}}
.training-properties .training-help{display:none!important}
.training-properties{box-sizing:border-box;height:76px;min-height:76px;max-height:76px;padding:7px 11px!important;align-items:center!important;overflow:hidden}.training-properties h3{font-size:16px;line-height:1.15}.training-properties label{gap:3px;font-size:11px}.training-properties input{height:34px!important;padding:5px 8px!important}.training-properties input[type=range]{height:28px!important}.training-properties .btn{min-height:34px;padding:7px 12px!important}.training-properties>p.muted{font-size:13px;line-height:1.3}
@media(max-width:800px){.training-properties{height:auto;min-height:0;max-height:none;overflow:visible}}
.training-object.selected,.training-object.selected>:not(.object-hit){filter:none!important}.curve-hit{fill:none;stroke:transparent;stroke-width:28;pointer-events:stroke}.curve-guide{fill:none;stroke:#1687e8;stroke-width:1.5;stroke-dasharray:5 4;pointer-events:none}.curve-control{fill:#fff;stroke:#1687e8;stroke-width:2;pointer-events:all;cursor:move}.curve-control.center{fill:#1687e8}
.training-editor{grid-template-rows:76px auto!important;row-gap:0!important}.training-properties{border-radius:12px 12px 0 0!important}.training-canvas-wrap{margin-top:-1px;border-radius:0 0 12px 12px!important}
@media(max-width:800px){.training-editor{grid-template-rows:auto auto auto!important;row-gap:0!important}.training-properties{border-radius:12px 12px 0 0!important}}
.training-canvas-wrap{min-height:650px}.training-pitch{height:clamp(620px,72vh,780px)!important;min-height:620px}.training-tool-categories{display:grid;gap:8px}.training-tool-category{overflow:hidden;border:1px solid #d3e0e8;border-radius:9px;background:#f8fbfd}.training-tool-category summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#173b55;font-size:13px;font-weight:800;cursor:pointer;list-style:none}.training-tool-category summary::-webkit-details-marker{display:none}.training-tool-category summary span{display:inline-grid;place-items:center;width:20px;height:20px;color:#087bc1;font-size:19px;font-weight:800;line-height:1}.training-tool-category[open] summary{border-bottom:1px solid #d3e0e8;background:#edf7fc}.training-tool-category .training-tool-grid{padding:8px}.training-tool-category .training-tool-grid button{min-height:72px}
.training-library{box-sizing:border-box;height:calc(clamp(620px,72vh,780px) + 106px);min-height:726px;max-height:886px;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.training-tool-categories{align-content:start}
@media(max-width:800px){.training-library{height:auto;min-height:0;max-height:none;overflow:visible!important}}
.training-tool-category,.training-tool-category summary{background:#eaf6fc!important}.training-tool-category summary{color:#31566f;font-weight:500}.training-tool-category[open] summary{background:#dceff9!important}.training-tool-category .training-tool-grid{background:#f7fbfd}

/* Mobile touch gestures and slide-out material library. */
.training-pitch{touch-action:pan-y!important}
.training-object,.training-object *,[data-training-transform],[data-training-transform] *,[data-curve-point],[data-training-resize],[data-training-rotate]{touch-action:none!important}
.training-library-toggle,.training-library-close,.training-library-backdrop{display:none}
@media(max-width:800px){
  .training-library{position:fixed!important;z-index:82;top:0!important;right:0;bottom:0;width:min(310px,86vw)!important;max-width:86vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;padding:18px 14px!important;overflow-y:auto!important;border-radius:14px 0 0 14px!important;box-shadow:-12px 0 30px rgba(3,22,38,.24);transform:translateX(105%);transition:transform .22s ease}
  .training-library.mobile-open{transform:translateX(0)}
  .training-library-toggle{position:fixed;right:0;top:46%;z-index:79;display:block;padding:11px 9px;border:1px solid #087bc1;border-right:0;border-radius:10px 0 0 10px;background:#087bc1;color:#fff;font-weight:800;box-shadow:0 4px 12px rgba(3,52,82,.22);writing-mode:vertical-rl;cursor:pointer}
  .training-library-close{float:right;display:grid;place-items:center;width:34px;height:34px;margin:-5px -2px 8px 8px;padding:0;border:1px solid #bfd5e3;border-radius:8px;background:#f3f9fc;color:#173b55;font-size:22px;cursor:pointer}
  .training-library-backdrop{position:fixed;z-index:81;inset:0;display:block;background:rgba(3,22,38,.34);opacity:0;pointer-events:none;transition:opacity .22s ease}
  .training-library-backdrop.mobile-open{opacity:1;pointer-events:auto}
  .training-editor>.training-library{grid-column:auto;grid-row:auto}
  [data-training-resize],[data-curve-point],.curve-guide{display:none!important}
  .curve-transform [data-curve-point],.curve-transform .curve-guide{display:initial!important}
  [data-training-add="curvedArrow"]{display:none!important}
}
@media(max-width:1200px){.training-meta:has([data-training-meta="fieldView"]){grid-template-columns:repeat(2,minmax(0,1fr))}.training-meta:has([data-training-meta="fieldView"])>.btn{grid-column:1/-1}}
.training-admin-filters{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(170px,1fr) minmax(180px,1fr) minmax(145px,.72fr) auto auto;align-items:end;gap:9px;margin:0 0 14px;padding:11px 13px;border:1px solid #cbdde8;border-radius:12px;background:#fff}.training-admin-filters label{display:grid;gap:4px;color:#31566f;font-size:11px;font-weight:500}.training-admin-filters input,.training-admin-filters select{box-sizing:border-box;width:100%;height:35px;padding:6px 9px;border:1px solid #bdd0dc;border-radius:7px;background:#fafdff;color:#17364e;font:inherit;font-size:12px}.training-filter-count{align-self:center;white-space:nowrap;color:#60798a;font-size:12px}.training-admin-filters .btn{min-height:35px;padding:6px 11px;font-size:12px}.training-admin-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:0;background:#eaf5fb;color:#17364e;cursor:pointer;list-style:none}.training-admin-group>summary::-webkit-details-marker{display:none}.training-admin-group>summary::marker{content:""}.training-admin-group>summary h3{margin:0;font-size:14px}.training-admin-group>summary span{margin-left:auto;padding:4px 9px;border:1px solid #c8dfea;border-radius:999px;background:#fff;color:#567184;font-size:11px;font-weight:750;white-space:nowrap}.training-admin-group[open]>summary{border-bottom:1px solid #d9e4eb}.training-admin-group[open]>summary span{border-color:#9dccE7;background:#f5fbfe;color:#087fc0}.training-admin-list{gap:11px}.training-admin-list .training-cards{grid-template-columns:repeat(auto-fill,225px);justify-content:start;gap:10px;padding:10px}.training-admin-list .training-card{border-radius:9px}.training-admin-list .training-card-preview{height:100px}.training-admin-list .training-card>div+div{padding:9px 10px}.training-admin-list .training-card h3{margin:6px 0 3px;font-size:14px;line-height:1.2}.training-admin-list .training-card p{min-height:0;margin:0 0 6px;overflow:hidden;color:#607788;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.training-admin-list .training-card small{margin-bottom:7px;font-size:10px}.training-admin-list .training-card .btn{min-height:30px;padding:5px 9px;font-size:11px}.training-admin-list .training-card .row{gap:6px}
@media(max-width:1050px){.training-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.training-admin-filters .training-filter-count{justify-self:start}}@media(max-width:620px){.training-admin-filters{grid-template-columns:1fr}.training-admin-list .training-cards{grid-template-columns:1fr}.training-admin-list .training-card-preview{height:130px}}
.training-objective-open,.training-objective-label button{padding:0;border:0;background:transparent;color:#087fc0;font:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.training-objective-open{display:block;margin:-2px 0 7px;text-align:left}.training-objective-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.training-objective-modal{width:min(620px,calc(100vw - 32px))}.training-objective-modal h3{margin:0 0 14px}.training-objective-full{max-height:55vh;overflow:auto;padding:14px;border:1px solid #cfdee7;border-radius:9px;background:#f7fbfd;color:#29485e;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.training-objective-modal textarea{box-sizing:border-box;width:100%;min-height:220px;max-height:55vh;padding:13px;border:1px solid #bcd0dd;border-radius:9px;resize:vertical;color:#17364e;font:inherit;line-height:1.5}.training-objective-modal .row{justify-content:flex-end;margin-top:13px}
.training-objective-open,.training-objective-label button{text-decoration:none!important}
.training-properties label:has([data-training-property="color"]),.training-properties label:has([data-training-property="scale"]),.training-properties label:has([data-training-property="rotation"]){display:none!important}.training-properties:has([data-training-duplicate]){grid-template-columns:minmax(150px,1fr) auto auto minmax(0,3fr)!important}.training-properties:has([data-training-property="text"]){grid-template-columns:minmax(150px,.8fr) minmax(220px,1.5fr) auto auto minmax(0,2fr)!important}
.training-meta:has([data-training-meta="fieldView"]){grid-template-columns:minmax(180px,1.15fr) minmax(175px,1fr) minmax(190px,1fr) auto!important;align-items:end}.training-meta .training-objective-field{grid-column:1/-1;grid-row:2}.training-meta>[data-training-save]{grid-column:4;grid-row:1}.training-meta textarea[data-training-meta="description"]{box-sizing:border-box;width:100%;min-height:76px;padding:10px;border:1px solid #bfced9;border-radius:8px;background:#fff;color:#17364e;font:inherit;font-weight:400;line-height:1.4;resize:vertical}.training-objective-label{margin-bottom:1px}
@media(max-width:800px){.training-meta:has([data-training-meta="fieldView"]){grid-template-columns:1fr!important}.training-meta .training-objective-field,.training-meta>[data-training-save]{grid-column:1;grid-row:auto}}
.training-details{margin:0 0 12px;border:1px solid #cbdbe5;border-radius:12px;background:#fff}.training-details>summary{display:flex;align-items:center;padding:11px 13px;cursor:pointer;list-style:none}.training-details>summary::-webkit-details-marker{display:none}.training-details>summary::after{content:'⌄';margin-left:auto;color:#087fc0;font-size:20px}.training-details[open]>summary::after{transform:rotate(180deg)}.training-details>summary span{display:grid;gap:2px}.training-details>summary small{color:#657d8e;font-weight:400}.training-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 13px 13px}.training-details-grid label{display:grid;align-content:start;gap:5px;color:#173b55;font-size:12px;font-weight:750}.training-details-grid input,.training-details-grid select,.training-details-grid textarea{box-sizing:border-box;width:100%;min-width:0;height:39px;padding:8px 10px;border:1px solid #bfced9;border-radius:8px;background:#fff;color:#17364e;font:inherit;font-weight:400}.training-details-grid textarea{height:76px;min-height:76px;resize:vertical;line-height:1.4}.training-detail-wide{grid-column:1/-1}@media(max-width:1050px){.training-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.training-details-grid{grid-template-columns:1fr;padding:0 10px 10px}.training-detail-wide{grid-column:1}.training-details>summary{padding:10px}.training-details>summary small{font-size:11px}}
.training-details-grid select,.training-details-grid select option{font-size:12px!important;font-weight:400!important}
.training-notes-modal{width:min(610px,calc(100vw - 32px))}.training-notes-modal h3{margin:0 0 5px}.training-notes-modal>.muted{margin:0 0 12px}.training-note-history{display:grid;gap:8px;max-height:260px;margin-bottom:13px;overflow:auto}.training-note-history article{padding:10px 12px;border:1px solid #d3e1e9;border-radius:9px;background:#f6fbfe}.training-note-history article p{margin:0 0 6px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.training-note-history article small{color:#667f90}.training-notes-modal textarea{box-sizing:border-box;width:100%;min-height:130px;padding:10px;border:1px solid #bccfdb;border-radius:8px;font:inherit;line-height:1.45;resize:vertical}.training-notes-modal>.row{justify-content:flex-end;margin-top:12px}
.mailbox-count{align-self:center;padding:7px 11px;border-radius:999px;background:#e7f4fb;color:#0879b7;font-size:12px}.mailbox-intro{margin-bottom:13px;padding:15px 17px;border:1px solid #cfdee7;border-radius:12px;background:#fff}.mailbox-intro h3{margin:0 0 4px}.mailbox-intro p{margin:0;color:#62798a}.training-mailbox-list{display:grid;gap:9px}.training-mailbox-item{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d1e0e8;border-radius:11px;background:#fff}.training-mailbox-item.unread{border-color:#9fcde5;background:#f4fbff}.mailbox-status{width:8px;height:8px;border-radius:50%;background:#bdcbd4}.training-mailbox-item.unread .mailbox-status{background:#0785c8;box-shadow:0 0 0 4px #dceff9}.training-mailbox-item h3{margin:5px 0 3px;font-size:15px}.training-mailbox-item p{margin:0 0 6px;overflow:hidden;color:#526f82;text-overflow:ellipsis;white-space:nowrap}.training-mailbox-item small{color:#718797;font-size:11px}.training-mailbox-modal{width:min(600px,calc(100vw - 32px))}.training-mailbox-modal h3{margin:10px 0}.training-mailbox-modal>small{display:block;margin-top:11px;color:#718797}.training-mailbox-modal>.row{justify-content:flex-end;margin-top:13px}@media(max-width:650px){.training-mailbox-item{grid-template-columns:8px minmax(0,1fr)}.training-mailbox-item .btn{grid-column:2;justify-self:start}}
.mailbox-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.mailbox-intro>small{max-width:390px;color:#718797;font-size:11px;line-height:1.4;text-align:right}@media(max-width:650px){.mailbox-intro{align-items:flex-start;flex-direction:column;gap:9px}.mailbox-intro>small{max-width:none;text-align:left}}