.tp2{display:grid;gap:14px;padding-bottom:92px}.tp2-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tp2-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;background:var(--surface-2,#eef3f8);border-radius:14px}.tp2-tabs button{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted,#68788e);font-weight:700}.tp2-tabs button.active{background:var(--surface,#fff);color:var(--primary,#1453a0);box-shadow:0 2px 9px rgba(20,48,82,.11)}.tp2-list{display:grid;gap:10px}.tp2-card{display:grid;gap:8px;width:100%;padding:14px;text-align:left;background:var(--surface,#fff);border:1px solid var(--border,#dbe3ec);border-radius:16px;color:inherit}.tp2-card h3,.tp2-card p{margin:0}.tp2-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted,#6b7b8f);font-size:12px}.tp2-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700}.tp2-board-shell{overflow:hidden;border:1px solid var(--border,#dbe3ec);border-radius:16px;background:#e2bc83;box-shadow:0 6px 20px rgba(19,44,72,.08)}.tp2-board{display:block;width:100%;aspect-ratio:1000/620;touch-action:none}.tp2-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tp2-tools button,.tp2-animation-controls button{min-height:42px;padding:7px;border:1px solid var(--border,#dbe3ec);border-radius:10px;background:var(--surface,#fff);color:var(--text,#17304e);font-weight:700}.tp2-tools button.active{background:var(--primary,#1453a0);border-color:var(--primary,#1453a0);color:var(--surface)}.tp2-editor{display:grid;gap:12px}.tp2-editor label{display:grid;gap:6px;font-size:12px;font-weight:700}.tp2-editor input,.tp2-editor textarea,.tp2-editor select{width:100%;min-height:44px;padding:10px 11px;border:1px solid var(--border,#dbe3ec);border-radius:11px;background:var(--surface,#fff);color:inherit}.tp2-editor textarea{min-height:86px;resize:vertical}.tp2-frames{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.tp2-frame{display:grid;min-width:108px;gap:4px;padding:7px;border:1px solid var(--border,#dbe3ec);border-radius:10px;background:var(--surface,#fff)}.tp2-frame.active{border-color:var(--primary,#1453a0);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#1453a0) 12%,transparent)}.tp2-frame button{border:0;background:transparent;color:var(--primary,#1453a0);font-weight:700}.tp2-frame input{min-height:34px;padding:5px}.tp2-animation-controls{display:flex;flex-wrap:wrap;gap:7px}.tp2-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tp2-actions .btn{width:100%}.tp2-offline{padding:10px 12px;border:1px solid #f1d496;border-radius:12px;background:#fff7df;color:#6a5018;font-size:12px}.tp2-help{padding:12px;border-radius:12px;background:var(--surface-2,#f3f6fa);color:var(--muted,#68788e);font-size:12px;line-height:1.5}.tp2-fullscreen{position:static;display:grid;align-content:center;padding:12px;background:var(--surface)}.tp2-fullscreen .tp2-board-shell{border-radius:0}.tp2-fullscreen .tp2-board{max-height:calc(100dvh - 90px)}.tp2-fullscreen-controls{display:flex;justify-content:center;gap:8px;padding-top:10px}.tp2-playbook-entry{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.tp2-playbook-entry strong{font-size:13px}.tp2-empty{padding:24px 14px;text-align:center;color:var(--muted,#68788e);background:var(--surface,#fff);border:1px dashed var(--border,#dbe3ec);border-radius:14px}.tp2-library-controls{display:grid;gap:9px;padding:12px;border:1px solid var(--border,#dbe3ec);border-radius:16px;background:var(--surface,#fff)}.tp2-library-controls label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--muted,#68788e)}.tp2-library-controls input,.tp2-library-controls select{width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--border,#dbe3ec);border-radius:10px;background:var(--surface,#fff);color:var(--text,#17304e);font:inherit}.tp2-library-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tp2-library-filter-grid label:last-child{grid-column:1/-1}.tp2-library-favorite[aria-pressed="true"]{background:var(--primary,#1453a0);color:var(--surface);border-color:var(--primary,#1453a0)}.tp2-library-summary{color:var(--muted,#68788e);font-size:12px;font-weight:600}.tp2-library-star{color:var(--primary);font-size:11px;font-weight:800}.tp2-library-tags{display:flex;flex-wrap:wrap;gap:5px}.tp2-library-tags span{padding:3px 7px;border-radius:999px;background:var(--surface-2,#eef3f8);color:var(--muted,#68788e);font-size:10px;font-weight:700}.tp2-card.is-favorite{border-color:var(--border)}@media(min-width:700px){.tp2-tools{grid-template-columns:repeat(8,minmax(0,1fr))}.tp2-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tp2-library-filter-grid{grid-template-columns:repeat(3,1fr)}.tp2-library-filter-grid label:last-child{grid-column:auto}}
.tp2-list-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}.tp2-list-search label{display:grid;gap:5px;color:var(--muted,#68788e);font-size:12px;font-weight:700}.tp2-list-search input{width:100%;min-height:42px;padding:8px 11px;border:1px solid var(--border,#dbe3ec);border-radius:10px;background:var(--surface,#fff);color:var(--text,#17304e);font:inherit}.tp2-list-search input:focus{outline:2px solid color-mix(in srgb,var(--primary,#1453a0) 25%,transparent);outline-offset:1px}.tp2-list-search [data-tp2-list-count]{padding-bottom:10px;color:var(--muted,#68788e);font-size:12px;font-weight:700}.tp2-list-search [hidden],.tp2-card[hidden]{display:none}
.tp2-list-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}.tp2-list-search label{display:grid;gap:5px;color:var(--muted,#68788e);font-size:12px;font-weight:700}.tp2-list-search input{width:100%;min-height:42px;padding:8px 11px;border:1px solid var(--border,#dbe3ec);border-radius:10px;background:var(--surface,#fff);color:var(--text,#17304e);font:inherit}.tp2-list-search input:focus{outline:2px solid color-mix(in srgb,var(--primary,#1453a0) 25%,transparent);outline-offset:1px}.tp2-list-search [data-tp2-list-count]{padding-bottom:10px;color:var(--muted,#68788e);font-size:12px;font-weight:700}.tp2-list-search [hidden],.tp2-card[hidden]{display:none}@media(max-width:420px){.tp2-list-search{grid-template-columns:minmax(0,1fr) auto}.tp2-list-search label{grid-column:1/-1}.tp2-list-search [data-tp2-list-count]{padding:0 0 8px}}

.tp2-animation-controls[hidden]{display:none!important}


.tp2 [hidden]{display:none!important}
.tp2-tabs{display:flex;overflow-x:auto;background:var(--surface,#fff);border:1px solid var(--border,#dbe3ec)}
.tp2-tabs button{flex:1 0 auto;white-space:nowrap;padding:9px 13px}
.tp2-tabs button.active{background:var(--primary,#1453a0);color:var(--surface);box-shadow:none}
.tp2>button[data-tp2-new],.tp2>[data-tp2-import-starters]{justify-self:end;width:auto}
.tp2-animation-controls{display:grid;gap:12px;width:100%}
.tp2-animation-controls .tp2-actions{display:flex;flex-wrap:wrap;align-items:center}
.tp2-animation-controls .tp2-actions .btn{width:auto;flex:1 1 auto;min-height:44px}
[data-tpi-current-step]{display:grid;gap:4px}
.tp2:fullscreen{background:var(--surface,#fff);overflow:auto;padding:16px}
.tp2 details summary{font-weight:700;cursor:pointer;padding:10px 0}
.tp2 details[open]{display:grid;gap:12px}
.tp2-frame{min-width:190px}

/* Biblioteca compacta: pesquisa sempre visível, seletores só quando pedidos. */
.tp2-library-controls{grid-template-columns:minmax(0,1fr) auto;padding:0;border:0;background:transparent;align-items:start}
.tp2-library-search{grid-column:1/-1}
.tp2 .tp2-library-filter-panel{min-width:0;border:1px solid var(--border,#dce4ef);border-radius:13px;background:var(--card,#fff)}
.tp2 .tp2-library-filter-panel summary{min-height:44px;padding:12px;color:var(--blue,#1453a0);font-size:14px}
.tp2 .tp2-library-filter-panel[open]{grid-column:1/-1;gap:8px;padding:0 12px 12px}
.tp2 .tp2-library-filter-panel[open] summary{margin:0 -12px}
.tp2-library-clear{min-height:44px}
.tp2-library-clear[hidden]{display:none!important}
.tp2-library-controls input,.tp2-library-controls select{color:inherit;background:var(--card,#fff)}
.tp2-list .tp2-card{min-width:0;background:var(--card,#fff);border-color:var(--border,#dce4ef);border-radius:18px;box-shadow:0 6px 20px #17385d0d}
.tp2-list .tp2-card h3{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.tp2-list .tp2-card p{color:var(--muted,#6e7d91);font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.tp2-card:focus-visible,.tp2-library-filter-panel summary:focus-visible{outline:2px solid var(--blue,#1453a0);outline-offset:3px}
.dark .tp2-library-filter-panel summary{color:#8dcbff}
.dark .tp2-list .tp2-chip{background:#203a5d;color:#a8d5ff}
.tp2-folder-panel{border:1px solid var(--border,#dce4ef);border-radius:13px;padding:0 12px;background:var(--card,#fff)}
.tp2 .tp2-folder-panel[open]{padding-bottom:12px}
.tp2 .tp2-folder-panel summary{min-height:44px;padding:12px 0;font-size:14px}


/* Listas e controlos adaptam-se à largura útil, incluindo tablets em janela. */
.tp2,.tp2 > *,.tp2-editor-grid > *, .tp2-playbook-entry > *{min-width:0}
.tp2 [hidden]{display:none!important}
.tp2 input,.tp2 select,.tp2 textarea{max-width:100%;box-sizing:border-box}
.tp2 button,.tp2 summary{min-height:44px}
.tp2 .tp2-head{flex-wrap:wrap}
.tp2 .tp2-card{overflow-wrap:anywhere}
@media(min-width:760px){
  #page.page:has([data-training-playbooks-root]){width:min(1200px,100%)}
  .tp2:has(> .tp2-tabs) > .tp2-list{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
  .tp2-list > .tp2-empty{grid-column:1/-1}
  .tp2 > .tp2-board-shell{width:100%;max-width:1000px;justify-self:center}
}
.tp2-tools button{min-width:0;overflow-wrap:anywhere}

.tp2 { color:var(--text); }
.tp2-tabs { display:flex; flex-wrap:wrap; background:var(--surface); border:1px solid var(--border); }
.tp2-tabs button { flex:1 1 100px; min-height:44px; }
.tp2-tabs button.active { color:var(--primary); background:var(--primary-soft); box-shadow:none; }
.tp2-card { padding:16px; border-radius:14px; }
.tp2-library-management { padding:14px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.tp2-library-management summary { min-height:32px; cursor:pointer; font-weight:700; }
.tp2-library-management p { color:var(--muted); font-size:13px; }
.tp2 button:focus-visible, .tp2 summary:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
@media(min-width:700px){.tp2-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.tp2-empty{grid-column:1/-1}}

#page.tp2-playing-board > :not(.tp2-fullscreen){display:none!important}