/* Blank presentation for the actual 6u Ticket Learning and 6v Training Center views. */
.ysa-connected-preview #framework_main:is(.ticket_learning,.training_comments){padding:28px 32px 32px}
.ysa-connected-preview :is(.ysa-ticket-learning,.ysa-training-page){min-width:0;max-width:100%;color:var(--ysa-ink);font:400 13.5px/1.5 var(--ysa-font-sans)}
.ysa-connected-preview :is(.ysa-tl-header,.ysa-training-header){display:flex;align-items:start;justify-content:space-between;gap:24px;margin:0 0 20px}
.ysa-connected-preview .ysa-tl-header{position:relative}
.ysa-connected-preview :is(.ysa-tl-header-copy,.ysa-training-header>div:first-child){min-width:0;flex:1}
.ysa-connected-preview :is(.ysa-tl-header,.ysa-training-header) h1{display:inline;margin:0;font:400 30px/1.1 var(--ysa-font-heading);letter-spacing:-.02em}
.ysa-connected-preview :is(.ysa-tl-header,.ysa-training-header) p{max-width:790px;margin:5px 0 0;color:var(--ysa-text-muted);font-size:14px;line-height:1.5}
.ysa-connected-preview :is(.ysa-tl-eyebrow,.ysa-training-breadcrumb){display:block;margin-bottom:4px;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ysa-text-muted)}
.ysa-connected-preview :is(.le-category,.ysa-training-live-pill,.ysa-tl-chart-badge,.ysa-tl-status,.ysa-training-state){display:inline-flex;align-items:center;gap:6px;vertical-align:middle;white-space:nowrap;max-width:100%;padding:3px 9px;border-radius:999px;font-size:11.5px;line-height:1.5;font-weight:600;background:var(--ysa-canvas);color:var(--ysa-ink)}
.ysa-connected-preview :is(.le-category,.ysa-training-live-pill){margin-left:10px}
.ysa-connected-preview :is(.ysa-training-live-pill,.ysa-tl-status.is-success,.ysa-training-state.approved){background:var(--ysa-sage-soft)}
.ysa-connected-preview :is(.ysa-tl-status.is-progress,.ysa-training-state.open){background:var(--ysa-lime-soft)}
.ysa-connected-preview .ysa-tl-status:is(.is-error,.is-attention){background:var(--ysa-caution-soft);color:var(--ysa-caution-text)}
.ysa-connected-preview .ysa-training-state.parked{color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-training-header-actions:empty{display:none}
.ysa-connected-preview .ysa-training-live-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}
.ysa-connected-preview :is(.ysa-training-summary-grid,.le-progress-metrics){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.ysa-connected-preview :is(.ysa-training-summary-grid>div,.le-progress-metric){min-width:0;padding:13px 16px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-training-summary-grid>div{padding-top:12px;padding-bottom:12px}
.ysa-connected-preview :is(.ysa-training-summary-grid,.le-progress-metrics) :is(span,small){display:block;font-size:12.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview :is(.ysa-training-summary-grid,.le-progress-metrics) strong{display:block;margin-top:5px;font-size:27px;font-weight:600;line-height:1.25;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ysa-connected-preview .le-progress-metrics small{margin-top:6px;font-size:12px;line-height:1.45}
.ysa-connected-preview .le-progress-metric:nth-child(3) small{max-height:35px;overflow:hidden}
.ysa-connected-preview .ysa-training-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.ysa-connected-preview .ysa-training-search{display:flex;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 13px;border:1px solid var(--ysa-line);border-radius:10px}
.ysa-connected-preview .ysa-training-search>i{flex:none;width:13px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-training-search input{width:100%;min-width:0;height:36px;min-height:0;padding:0;border:0;background:none;font-size:13px}
.ysa-connected-preview .ysa-training-search input:focus{box-shadow:none;outline:none}
.ysa-connected-preview .ysa-training-search:focus-within{box-shadow:var(--ysa-focus)}
.ysa-connected-preview .ysa-training-select{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-training-select select{width:auto;max-width:210px;height:38px;min-height:0;padding:7px 30px 7px 12px;font-size:12.5px;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-training-count{margin-left:auto;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-training-count span{font-weight:600;color:var(--ysa-ink)}
.ysa-connected-preview .ysa-training-results-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0 12px}
.ysa-connected-preview .ysa-training-results-head h2{font:400 20px/1.2 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-training-results-head p{margin-top:2px;font-size:12.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-training-results-head>span{color:var(--ysa-text-muted);font-size:13px;font-weight:600}
.ysa-connected-preview .ysa_training_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.ysa-connected-preview .ysa_training_card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa_training_header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;margin-bottom:14px}
.ysa-connected-preview .ysa_training_header .ysa_avatar{width:32px;height:32px;border-radius:50%;background-color:var(--ysa-sage-soft);background-size:cover;background-position:center}
.ysa-connected-preview .ysa_training_title{font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.ysa-connected-preview .ysa_training_header small{display:block;margin-top:2px;font-size:11.5px;line-height:1.5;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa_training_header small a{cursor:pointer;color:var(--ysa-ink);font-weight:500}
.ysa-connected-preview .ysa_training_header .ysa-training-state{font-size:11px;padding:3px 8px}
.ysa-connected-preview .ysa_card_status{grid-column:1/-1;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa_card_status.ok{color:var(--ysa-ok)}
.ysa-connected-preview .ysa_card_status.err{color:var(--ysa-danger-text)}
.ysa-connected-preview .ysa_training_body{min-width:0;margin-bottom:10px}
.ysa-connected-preview .ysa_training_body>label,.ysa-connected-preview .ysa-training-body-head label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.ysa-connected-preview .ysa_training_body>label:not(:first-child){margin-top:10px}
.ysa-connected-preview .ysa-training-body-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}
.ysa-connected-preview .ysa-training-body-head label{margin:0 auto 0 0}
.ysa-connected-preview .ysa-training-body-head time{font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-confidence-pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:1px 6px;border:1px solid var(--ysa-line-strong);border-radius:999px;font-size:10px;font-weight:600}
.ysa-connected-preview .ysa-training-original{padding:10px 12px;border-radius:11px;background:var(--ysa-canvas);font-size:12.5px;line-height:1.5;color:var(--ysa-text-3);overflow-wrap:anywhere}
.ysa-connected-preview .ysa_training_body textarea{display:block;width:100%;min-height:72px;padding:10px 12px;font-size:13px;line-height:1.55;resize:vertical;border-radius:11px}
.ysa-connected-preview .ysa_training_body textarea[name^="training_questions"]{min-height:44px}
.ysa-connected-preview .ysa_training_footer{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ysa-line-soft)}
.ysa-connected-preview .ysa_training_footer .ysa_btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);font-size:11.5px;font-weight:600;white-space:nowrap}
.ysa-connected-preview .ysa_training_footer .ysa_btn.delete{padding-right:8px;padding-left:6px;border-color:transparent;background:none;color:var(--ysa-danger-text)}
.ysa-connected-preview .ysa_training_footer .ysa_btn.approve{margin-left:auto;background:var(--ysa-ink);border-color:var(--ysa-ink);color:var(--ysa-on-ink)}
.ysa-connected-preview .ysa_training_footer .ysa_btn:disabled{margin-left:auto;border-color:transparent;background:none;color:var(--ysa-text-muted);opacity:1}
.ysa-connected-preview :is(.ysa-training-loading,.ysa-training-empty-inline,.ysa-tl-empty,.ysa-tl-card-state,.ysa-tl-analysis-unavailable){padding:28px 20px;border:1px solid var(--ysa-line);border-radius:18px;color:var(--ysa-text-muted);text-align:center}
.ysa-connected-preview :is(.ysa-training-empty-inline,.ysa-tl-card-state,.ysa-tl-empty) :is(strong,h3){display:block;margin-bottom:5px;color:var(--ysa-ink);font-weight:600}
.ysa-connected-preview .ysa-training-empty-inline{grid-column:1/-1}
.ysa-connected-preview .ysa-training-empty-inline>i{display:block;margin:0 auto 8px;width:20px}
.ysa-connected-preview .le-ticket-actions{position:absolute;right:0;top:30px;display:flex;align-items:center;flex-wrap:wrap;justify-content:end;gap:8px}
.ysa-connected-preview .ysa-tl-analytics-controls{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-analytics-controls select{width:auto;min-height:38px;font-size:12px}
.ysa-connected-preview :is(.ysa-tl-button,.ysa-tl-icon-button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);color:var(--ysa-ink);font-size:12px;line-height:1.4;font-weight:600;cursor:pointer}
.ysa-connected-preview .ysa-tl-button.is-primary{background:var(--ysa-ink);border-color:var(--ysa-ink);color:var(--ysa-on-ink)}
.ysa-connected-preview .ysa-tl-button.is-danger{color:var(--ysa-danger-text)}
.ysa-connected-preview .ysa-tl-button:disabled{opacity:.5;cursor:not-allowed}
.ysa-connected-preview .ysa-tl-button.is-loading{opacity:.5;pointer-events:none}
.ysa-connected-preview .ysa-tl-icon{display:block;width:15px;height:15px;flex:none}
.ysa-connected-preview .ysa-tl-privacy{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border-radius:15px;background:var(--ysa-sage-soft)}
.ysa-connected-preview .ysa-tl-privacy-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-tl-privacy strong{display:block;font-size:13px;font-weight:600}
.ysa-connected-preview .ysa-tl-privacy p{font-size:12.5px;color:var(--ysa-text-3)}
.ysa-connected-preview .ysa-tl-privacy-action{padding:7px 0 7px 12px;border:0;background:none;font-size:12px;font-weight:600;white-space:nowrap}
.ysa-connected-preview .ysa-tl-privacy-detail{grid-column:2/-1;padding-top:10px;border-top:1px solid var(--ysa-line-strong)}
.ysa-connected-preview .ysa-tl-tabs{display:flex;align-items:end;gap:24px;margin-bottom:18px;border-bottom:1px solid var(--ysa-line);overflow-x:auto}
.ysa-connected-preview .ysa-tl-tab{flex:none;min-height:34px;padding:0 0 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:13px;color:var(--ysa-text-muted);white-space:nowrap}
.ysa-connected-preview .ysa-tl-tab[aria-selected=true]{border-bottom-color:var(--ysa-ink);color:var(--ysa-ink);font-weight:600}
.ysa-connected-preview .ysa-tl-tab-count{font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-analytics-head{display:none}
.ysa-connected-preview .ysa-tl-analytics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}
.ysa-connected-preview .ysa-tl-analytics-card{min-width:0;padding:16px 20px;border:1px solid var(--ysa-line);border-radius:18px;background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-tl-analytics-card>header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}
.ysa-connected-preview .ysa-tl-analytics-card .ysa-tl-eyebrow{display:none}
.ysa-connected-preview .ysa-tl-analytics-card h2{font:400 18px/1.2 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-tl-analytics-card header p{margin-top:2px;font-size:12.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-chart-values{display:flex;flex-wrap:wrap;gap:20px}
.ysa-connected-preview .ysa-tl-chart-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:6px;color:var(--ysa-text-muted);font-size:12px}
.ysa-connected-preview .ysa-tl-chart-value strong{color:var(--ysa-ink);font-size:30px;line-height:1.25;font-weight:600}
.ysa-connected-preview .ysa-tl-chart{display:block;width:100%;height:auto;max-height:220px;overflow:visible}
.ysa-connected-preview .ysa-tl-chart text{fill:var(--ysa-text-muted);font:11px var(--ysa-font-sans)}
.ysa-connected-preview .ysa-tl-chart .grid{stroke:var(--ysa-line-soft);fill:none}
.ysa-connected-preview .ysa-tl-chart rect{fill:var(--ysa-sage)}
.ysa-connected-preview .ysa-tl-chart rect:last-of-type{fill:var(--ysa-lime)}
.ysa-connected-preview [data-learning-analytic="0"] .ysa-tl-chart{height:180px;max-height:none}
.ysa-connected-preview [data-learning-analytic="0"] .ysa-tl-chart :is(.grid,text[text-anchor=end]),.ysa-connected-preview [data-learning-analytic="0"] .ysa-tl-chart-legend{display:none}
.ysa-connected-preview .ysa-tl-chart-note{margin-top:8px;font-size:11.5px;line-height:1.5;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview :is(.ysa-tl-chart-legend span,.ysa-tl-quality-legend li){display:flex;align-items:center;gap:8px}
.ysa-connected-preview :is(.ysa-tl-chart-legend i,.ysa-tl-quality-legend i){width:10px;height:10px;flex:none;border-radius:3px}
.ysa-connected-preview .ysa-tl-quality{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:8px}
.ysa-connected-preview .ysa-tl-donut{display:block;width:128px;height:128px}
.ysa-connected-preview .ysa-tl-donut text{fill:var(--ysa-text-muted);font:11px var(--ysa-font-sans)}
.ysa-connected-preview .ysa-tl-donut .ysa-tl-donut-value{fill:var(--ysa-ink);font-size:22px;font-weight:600}
.ysa-connected-preview .ysa-tl-quality-legend{list-style:none;margin:0;padding:0;font-size:11.5px}
.ysa-connected-preview .ysa-tl-quality-legend li{padding:2px 0}
.ysa-connected-preview .ysa-tl-quality-legend strong{margin-left:auto;font-size:12px;font-weight:600}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(1) i{background:#0f9f91}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(2) i{background:#528bff}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(3) i{background:#f2ae27}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(4) i{background:#9265ff}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(5) i{background:#98a2b3}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(6) i{background:#7baac1}
.ysa-connected-preview .ysa-tl-quality-legend li:nth-child(7) i{background:#e57373}
.ysa-connected-preview .ysa-tl-observations{display:flex;flex-direction:column;gap:8px}
.ysa-connected-preview .ysa-tl-observations>div{padding:12px 14px;border-radius:12px;font-size:12px;line-height:1.5;background:var(--ysa-lime-soft)}
.ysa-connected-preview .ysa-tl-observations strong{font-weight:600}
.ysa-connected-preview .ysa-tl-observations p{margin-top:2px;color:var(--ysa-text-3)}
.ysa-connected-preview .ysa-tl-observations .is-purple{background:var(--ysa-purple-soft)}
.ysa-connected-preview .ysa-tl-observations .is-amber{background:var(--ysa-caution-soft)}
.ysa-connected-preview .ysa-tl-observations .is-blue{background:var(--ysa-info-soft)}
.ysa-connected-preview :is(.ysa-tl-analysis-data,.le-learning-totals){margin:12px 0;font-size:12px}
.ysa-connected-preview :is(.ysa-tl-analysis-data,.le-learning-totals) summary{padding:8px 0;cursor:pointer;font-weight:600}
.ysa-connected-preview .ysa-tl-analysis-data>div{max-height:320px;overflow:auto;border:1px solid var(--ysa-line);border-radius:12px}
.ysa-connected-preview :is(.ysa-tl-analysis-data,.ysa-tl-table-wrap) table{width:100%;border-collapse:collapse;text-align:left}
.ysa-connected-preview .ysa-tl-analysis-data :is(td,th){padding:8px 12px;font-size:12px;border-bottom:1px solid var(--ysa-line-soft)}
.ysa-connected-preview .ysa-tl-overview-label{margin:8px 0;font-weight:600}
.ysa-connected-preview .ysa-tl-overview-label span{color:var(--ysa-text-muted);font-weight:400}
.ysa-connected-preview .ysa-tl-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ysa-connected-preview .ysa-tl-metric{padding:12px;border:1px solid var(--ysa-line);border-radius:12px}
.ysa-connected-preview .ysa-tl-metric dt{font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-metric strong{font-size:22px;font-weight:600}
.ysa-connected-preview .ysa-tl-metric dd span{display:block;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-panel{margin:16px 0;padding:16px 20px;border:1px solid var(--ysa-line);border-radius:18px}
.ysa-connected-preview :is(.ysa-tl-sources-head,.ysa-tl-cards-head,.ysa-tl-tone-head){display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}
.ysa-connected-preview :is(.ysa-tl-sources-head,.ysa-tl-cards-head,.ysa-tl-tone-head) h2{font:400 20px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview :is(.ysa-tl-sources-head,.ysa-tl-cards-head,.ysa-tl-tone-head) p{margin-top:3px;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-filter{position:relative;display:flex;align-items:center;max-width:100%}
.ysa-connected-preview .ysa-tl-filter>.ysa-tl-icon{position:absolute;left:12px;color:var(--ysa-text-muted);pointer-events:none}
.ysa-connected-preview .ysa-tl-filter input{width:100%;min-height:36px;padding-left:36px;font-size:12px}
.ysa-connected-preview .ysa-tl-table-wrap{width:100%;overflow:auto}
.ysa-connected-preview .ysa-tl-table{min-width:920px}
.ysa-connected-preview .ysa-tl-table :is(td,th){padding:11px 8px;border-bottom:1px solid var(--ysa-line-soft);font-size:12px;vertical-align:middle}
.ysa-connected-preview .ysa-tl-table th{font-size:10.5px;font-weight:600;color:var(--ysa-text-muted);border-bottom-color:var(--ysa-line)}
.ysa-connected-preview .ysa-tl-table :is(td,th):first-child{padding-left:0}
.ysa-connected-preview .ysa-tl-table :is(td,th):last-child{padding-right:0}
.ysa-connected-preview .ysa-tl-source{display:flex;align-items:center;gap:10px}
.ysa-connected-preview .ysa-tl-source-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--ysa-canvas);font-size:10px;font-weight:600}
.ysa-connected-preview .ysa-tl-source :is(strong,small),.ysa-connected-preview :is(.ysa-tl-cell-main,.ysa-tl-cell-sub){display:block}
.ysa-connected-preview .ysa-tl-source strong{font-weight:600}
.ysa-connected-preview .ysa-tl-source small,.ysa-connected-preview .ysa-tl-cell-sub{margin-top:2px;font-size:10.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-recovery{display:block;max-width:190px;margin-top:5px;font-size:11px;color:var(--ysa-danger-text)}
.ysa-connected-preview .ysa-tl-row-actions{display:flex;align-items:center;justify-content:end;gap:6px}
.ysa-connected-preview .ysa-tl-row-actions .ysa-tl-button{font-size:11px;min-height:32px;padding:6px 8px}
.ysa-connected-preview .ysa-tl-progress{margin:0 0 8px;padding:12px 14px;border-radius:12px;background:var(--ysa-canvas)}
.ysa-connected-preview .ysa-tl-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.ysa-connected-preview .ysa-tl-progress-detail{margin:5px 0;color:var(--ysa-text-muted);font-size:11.5px}
.ysa-connected-preview .ysa-tl-progress-metrics{display:flex;flex-wrap:wrap;gap:16px;font-size:11px}
.ysa-connected-preview .ysa-tl-progress-metrics>div{display:flex;gap:5px}
.ysa-connected-preview .ysa-tl-progress-metrics dd{font-weight:600}
.ysa-connected-preview :is(.ysa-tl-progress-reasons,.ysa-tl-progress-refresh,.ysa-tl-analytics-refresh){margin-top:8px;font-size:10.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-card-tools{display:flex;flex-wrap:wrap;gap:8px}
.ysa-connected-preview .ysa-tl-card-source-filter{min-height:36px;max-width:200px;font-size:12px}
.ysa-connected-preview .ysa-tl-card-summary{margin-bottom:12px;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ysa-connected-preview .ysa-tl-card-row{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:8px;width:100%;padding:15px 16px;border:1px solid var(--ysa-line);border-radius:14px;background:var(--ysa-sheet);text-align:left;align-items:start;font-size:12px;font-weight:400}
.ysa-connected-preview .ysa-tl-card-copy{min-width:0}
.ysa-connected-preview .ysa-tl-card-copy strong{display:block;font-size:13px;font-weight:600}
.ysa-connected-preview .ysa-tl-card-copy>span{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ysa-text-muted);font-size:12px}
.ysa-connected-preview .ysa-tl-card-meta{grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-card-meta strong{font-weight:500}
.ysa-connected-preview .ysa-tl-card-context{padding:2px 7px;border-radius:999px;background:var(--ysa-canvas)}
.ysa-connected-preview .ysa-tl-card-context.is-active{background:var(--ysa-sage-soft);color:var(--ysa-ink)}
.ysa-connected-preview .ysa-tl-card-chevron{grid-row:1;grid-column:2;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-card-footer{display:flex;justify-content:end;margin-top:12px}
.ysa-connected-preview .le-learning-bottom{display:block}
.ysa-connected-preview [data-learning-view=progress] .le-learning-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:16px 0;align-items:start}
.ysa-connected-preview .le-learning-bottom>.ysa-tl-panel{margin:0}
.ysa-connected-preview [data-learning-view]:not([data-learning-view=progress]) .le-learning-bottom>[data-learning-analytic]{display:none}
.ysa-connected-preview [data-learning-view]:not([data-learning-view=progress]) .le-progress-extras{display:none}
.ysa-connected-preview :is(.le-usage-insights,.le-learning-totals){margin:8px 0;font-size:12px}
.ysa-connected-preview .le-usage-insights>summary{padding:6px 0;cursor:pointer;font-weight:600}
.ysa-connected-preview .ysa-tl-overlay{display:none;position:fixed;inset:0;z-index:3600;background:rgba(14,37,35,.25)}
.ysa-connected-preview .ysa-tl-overlay.is-open{display:block}
.ysa-connected-preview .ysa-tl-drawer{position:fixed;right:0;top:0;bottom:0;z-index:3601;width:min(560px,100%);background:var(--ysa-sheet);border-left:1px solid var(--ysa-line);box-shadow:-20px 0 60px rgba(14,37,35,.12);visibility:hidden;transform:translateX(100%);transition:transform 180ms var(--ysa-motion-ease),visibility 180ms}
.ysa-connected-preview .ysa-tl-drawer.is-open{visibility:visible;transform:translateX(0)}
.ysa-connected-preview .ysa-tl-drawer>form,.ysa-connected-preview .ysa-tl-card-drawer-inner{display:flex;flex-direction:column;height:100%;min-width:0}
.ysa-connected-preview .ysa-tl-drawer-header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-tl-drawer-header h2{font:400 24px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-tl-drawer-header p{margin-top:4px;font-size:12px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-icon-button{width:34px;height:34px;min-height:0;flex:none;padding:8px}
.ysa-connected-preview .ysa-tl-drawer-body{flex:1;min-height:0;overflow:auto;padding:20px 24px}
.ysa-connected-preview .ysa-tl-drawer-footer{display:flex;justify-content:end;gap:8px;padding:16px 24px;border-top:1px solid var(--ysa-line);background:var(--ysa-sheet)}
.ysa-connected-preview .ysa-tl-drawer-note{margin-bottom:18px;padding:12px 14px;border-radius:12px;background:var(--ysa-sage-soft);font-size:12px;line-height:1.55;color:var(--ysa-text-3)}
.ysa-connected-preview .ysa-tl-field{display:block;margin-bottom:16px}
.ysa-connected-preview .ysa-tl-field>span{display:block;margin-bottom:5px;font-size:12px;font-weight:600}
.ysa-connected-preview .ysa-tl-field select{width:100%;font-size:13px}
.ysa-connected-preview .ysa-tl-field small{display:block;margin-top:5px;color:var(--ysa-text-muted);font-size:11px}
.ysa-connected-preview .ysa-tl-fieldset{margin:18px 0;padding:0;border:0}
.ysa-connected-preview .ysa-tl-fieldset legend{margin-bottom:8px;font-size:13px;font-weight:600}
.ysa-connected-preview :is(.ysa-tl-check,.ysa-tl-channel-option){display:flex;align-items:start;gap:10px;padding:10px 0;font-size:12px}
.ysa-connected-preview :is(.ysa-tl-check,.ysa-tl-channel-option) input{margin-top:3px;flex:none}
.ysa-connected-preview .ysa-tl-check :is(strong,small){display:block}
.ysa-connected-preview .ysa-tl-check strong{font-weight:600}
.ysa-connected-preview .ysa-tl-check small,.ysa-connected-preview :is(.ysa-tl-channel-copy,.ysa-tl-channel-empty,.ysa-tl-channel-footnote){margin-top:4px;font-size:11.5px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-channel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px}
.ysa-connected-preview .ysa-tl-channel-toggle{padding:4px 0;border:0;background:none;font-size:11px;font-weight:600}
.ysa-connected-preview .ysa-tl-channel-list{max-height:280px;overflow:auto;padding:0 12px;border:1px solid var(--ysa-line);border-radius:12px}
.ysa-connected-preview .ysa-tl-channel-option-copy :is(.ysa-tl-channel-option-name,.ysa-tl-channel-option-type){display:block;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-tl-channel-option-type{margin-top:2px;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-persona-group+.ysa-tl-persona-group{border-top:1px solid var(--ysa-line)}
.ysa-connected-preview .ysa-tl-channel-option.is-persona{font-weight:600}
.ysa-connected-preview .ysa-tl-channel-option.is-channel{margin-left:22px}
.ysa-connected-preview .ysa-tl-review-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}
.ysa-connected-preview .ysa-tl-review-header h3{font:400 23px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview :is(.ysa-tl-review-kicker,.ysa-tl-review-version){font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-review-header p{margin:6px 0 16px;color:var(--ysa-text-muted);font-size:13px}
.ysa-connected-preview .ysa-tl-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ysa-connected-preview .ysa-tl-style-item{padding:12px;border:1px solid var(--ysa-line);border-radius:12px}
.ysa-connected-preview .ysa-tl-style-item dt{margin-bottom:4px;color:var(--ysa-text-muted);font-size:11px}
.ysa-connected-preview .ysa-tl-style-item dd{font-size:13px}
.ysa-connected-preview .ysa-tl-guidance{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.ysa-connected-preview .ysa-tl-guidance section{padding:14px;border-radius:12px;background:var(--ysa-canvas);font-size:12px}
.ysa-connected-preview .ysa-tl-guidance h4{font-weight:600}
.ysa-connected-preview .ysa-tl-guidance ul{padding-left:18px}
.ysa-connected-preview .ysa-tl-review-aside{padding:18px;border:1px solid var(--ysa-line);border-radius:16px;font-size:12px}
.ysa-connected-preview .ysa-tl-review-aside h3{font:400 20px/1.3 var(--ysa-font-heading);margin-bottom:6px}
.ysa-connected-preview .ysa-tl-review-aside p{color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-evidence{margin:12px 0}
.ysa-connected-preview .ysa-tl-evidence>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--ysa-line-soft)}
.ysa-connected-preview .ysa-tl-review-actions{display:flex;gap:8px;margin-top:14px}
.ysa-connected-preview .ysa-tl-applied{margin-top:14px;padding:10px;border-radius:10px;background:var(--ysa-sage-soft)}
.ysa-connected-preview .ysa-tl-card-detail-status{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;font-size:11px;color:var(--ysa-text-muted)}
.ysa-connected-preview .ysa-tl-card-detail-status span{padding:4px 8px;border-radius:999px;background:var(--ysa-canvas)}
.ysa-connected-preview .ysa-tl-card-detail-section{margin-bottom:20px;overflow-wrap:anywhere}
.ysa-connected-preview .ysa-tl-card-detail-section h3{margin-bottom:7px;font:400 19px/1.3 var(--ysa-font-heading)}
.ysa-connected-preview .ysa-tl-card-detail-section p,.ysa-connected-preview .ysa-tl-card-detail-list{font-size:13px;color:var(--ysa-text-3)}
.ysa-connected-preview .ysa-tl-card-detail-list{padding-left:18px}
.ysa-connected-preview .ysa-tl-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.ysa-connected-preview .ysa-tl-card-tags span{padding:3px 8px;border-radius:999px;background:var(--ysa-canvas);font-size:12px}
.ysa-connected-preview .ysa-tl-card-delete{padding:16px;border:1px solid var(--ysa-danger-text);border-radius:14px;font-size:12px}
.ysa-connected-preview .ysa-tl-card-delete :is(h3,p,label){display:block;margin-bottom:10px}
.ysa-connected-preview .ysa-tl-card-delete input{width:100%;margin-bottom:12px}
.ysa-connected-preview .ysa-tl-card-delete-actions{display:flex;flex-wrap:wrap;gap:8px}
.ysa-connected-preview .ysa-tl-toast{position:fixed;left:50%;bottom:28px;z-index:3700;transform:translate(-50%,20px);max-width:min(480px,calc(100% - 32px));padding:12px 18px;border-radius:12px;background:var(--ysa-ink);color:var(--ysa-on-ink);box-shadow:var(--ysa-shadow-popover);opacity:0;visibility:hidden;font-size:13px;transition:opacity 160ms,transform 160ms,visibility 160ms}
.ysa-connected-preview .ysa-tl-toast.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible}
@media(max-width:1200px){.ysa-connected-preview .ysa_training_grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ysa-connected-preview .ysa-tl-header{flex-wrap:wrap}.ysa-connected-preview .le-ticket-actions{position:static;justify-content:start}.ysa-connected-preview .ysa-tl-quality{grid-template-columns:110px minmax(0,1fr)}.ysa-connected-preview .ysa-tl-donut{width:110px;height:110px}}
@media(max-width:900px){.ysa-connected-preview .ysa-tl-analytics-grid,.ysa-connected-preview [data-learning-view=progress] .le-learning-bottom{grid-template-columns:1fr}.ysa-connected-preview .ysa-tl-review-layout{grid-template-columns:1fr}.ysa-connected-preview .ysa-tl-sources-head,.ysa-connected-preview .ysa-tl-cards-head{flex-wrap:wrap}}
@media(max-width:720px){
 .ysa-connected-preview #framework_main:is(.ticket_learning,.training_comments){padding:22px 16px 24px}
 .ysa-connected-preview :is(.ysa-training-header,.ysa-tl-header){gap:12px;margin-bottom:18px}
 .ysa-connected-preview :is(.ysa-training-header,.ysa-tl-header) h1{font-size:28px}
 .ysa-connected-preview :is(.le-category,.ysa-training-live-pill){margin:6px 0 0;display:table}
 .ysa-connected-preview :is(.ysa-training-summary-grid,.le-progress-metrics,.ysa-tl-metrics){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ysa-connected-preview :is(.ysa-training-summary-grid>div,.le-progress-metric){padding:12px}
 .ysa-connected-preview :is(.ysa-training-summary-grid,.le-progress-metrics) strong{font-size:24px}
 .ysa-connected-preview .ysa_training_grid{grid-template-columns:1fr}
 .ysa-connected-preview .ysa-training-search{width:100%}
 .ysa-connected-preview .ysa-training-select{max-width:100%;flex:1}
 .ysa-connected-preview .ysa-training-select select{min-width:0;max-width:100%;flex:1}
 .ysa-connected-preview .ysa-training-count{width:100%;margin:0;text-align:right}
 .ysa-connected-preview .ysa_training_card{padding:14px}
 .ysa-connected-preview .ysa_training_header{grid-template-columns:30px minmax(0,1fr) auto;gap:8px}
 .ysa-connected-preview .ysa_training_footer{gap:5px}
 .ysa-connected-preview .ysa_training_footer .ysa_btn{padding:7px 8px;min-height:36px}
 .ysa-connected-preview .ysa-tl-privacy{grid-template-columns:30px minmax(0,1fr);padding:14px;gap:10px}
 .ysa-connected-preview .ysa-tl-privacy-icon{width:30px;height:30px}
 .ysa-connected-preview .ysa-tl-privacy-action{grid-column:2;justify-self:start;padding:0;white-space:normal}
 .ysa-connected-preview .ysa-tl-tabs{gap:20px}
 .ysa-connected-preview .le-ticket-actions{width:100%}
 .ysa-connected-preview .ysa-tl-analytics-controls{width:100%;flex-wrap:wrap}
 .ysa-connected-preview .ysa-tl-analytics-controls select{flex:1}
 .ysa-connected-preview .ysa-tl-analytics-card,.ysa-connected-preview .ysa-tl-panel{padding:14px}
 .ysa-connected-preview .ysa-tl-quality{grid-template-columns:94px minmax(0,1fr)}
 .ysa-connected-preview .ysa-tl-donut{width:94px;height:94px}
 .ysa-connected-preview .ysa-tl-quality-legend{font-size:10px}
 .ysa-connected-preview .ysa-tl-quality-legend li{gap:5px}
 .ysa-connected-preview .ysa-tl-quality-legend strong{font-size:10px}
 .ysa-connected-preview .ysa-tl-card-list,.ysa-connected-preview .ysa-tl-style-grid,.ysa-connected-preview .ysa-tl-guidance{grid-template-columns:1fr}
 .ysa-connected-preview .ysa-tl-card-tools,.ysa-connected-preview .ysa-tl-filter{width:100%}
 .ysa-connected-preview .ysa-tl-card-source-filter{width:100%;max-width:100%}
 .ysa-connected-preview .ysa-tl-drawer-header{padding:18px 16px}
 .ysa-connected-preview .ysa-tl-drawer-body{padding:16px}
 .ysa-connected-preview .ysa-tl-drawer-footer{padding:14px 16px}
}
