/* Playbooks presentation only; reuse Oasis theme and .scp-drag-panel drawer shell. */
/* The filled opacity animation creates a stacking context below the header,
   trapping the shared phone rail and its close control. Rows are unchanged. */
@media(max-width:768px){.tl-layout.animate-fade-in{animation:none}}
.pb-main,.pb-rail{color:var(--ctp-text);min-width:0;font-size:12px}
.pb-main{width:100%;border:1px solid var(--ctp-surface1);border-radius:8px;background:var(--ctp-base);overflow:hidden}
.pb-toolbar,.pb-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--ctp-surface0);min-width:0}
.pb-toolbar h2{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.pb-count,.pb-controls>span{color:var(--ctp-subtext0);white-space:nowrap;font-size:11px}
.pb-info{margin-left:auto;flex-shrink:0}.pb-info,.pb-controls button,.pb-info-tabs button{border:1px solid var(--ctp-surface1);border-radius:5px;padding:4px 8px;white-space:nowrap}
.pb-search input,.pb-controls input,.pb-controls select{min-width:0;width:100%;height:30px;padding:0 8px;color:var(--ctp-text);background:var(--ctp-base);border:1px solid var(--ctp-surface1);border-radius:5px;font:inherit}
.pb-controls input{max-width:250px}.pb-controls select{max-width:190px}.pb-rail-title{display:flex;justify-content:space-between;padding:10px 3px 5px;font-weight:650;color:var(--ctp-subtext0)}
.pb-rail-list{max-height:65vh;overflow:auto}.pb-rail-item{width:100%;height:34px;display:flex;align-items:center;gap:6px;text-align:left;padding:0 8px;border-radius:5px;margin:1px 0}.pb-rail-item>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.pb-rail-item small{font-size:9px;color:var(--ctp-subtext0)}
.pb-rail-item:hover,.pb-active{background:var(--ctp-surface0)}.pb-active{font-weight:650;box-shadow:inset 3px 0 var(--ctp-mauve)}
.pb-table-scroll{width:100%;overflow:auto;max-height:calc(100vh - 240px)}.pb-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:780px}.pb-table th,.pb-table td{padding:0 10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--ctp-surface0);height:34px;font-size:12px;line-height:1.3}.pb-table th{height:32px;font-size:11px;color:var(--ctp-subtext0);background:var(--ctp-mantle);position:sticky;top:0;z-index:1}.pb-table th:first-child{width:30%}.pb-table th:nth-child(2){width:8%}.pb-table th:nth-child(3){width:8%}.pb-table th:nth-child(4){width:15%}.pb-table th:nth-child(5){width:13%}.pb-table th:nth-child(6){width:12%}.pb-table th:nth-child(7){width:14%}.pb-table tr:hover,.pb-selected{background:var(--ctp-surface0)}.pb-table button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.pb-topic-open{font-weight:550;text-align:left;width:100%;height:30px}.pb-numeric{font-variant-numeric:tabular-nums}.pb-action{font-size:11px;color:var(--ctp-text);text-decoration:underline;text-underline-offset:3px}.pb-action:disabled{opacity:.6;cursor:wait}.pb-empty{padding:20px;color:var(--ctp-subtext0)}.pb-empty button{text-decoration:underline}
.pb-main :focus-visible,.pb-rail :focus-visible,.pb-detail :focus-visible{outline:2px solid var(--ctp-lavender);outline-offset:2px}
.pb-detail .scp-det-head strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.pb-detail{font-size:12px;color:var(--ctp-text)}.pb-detail h3{font-size:12px;font-weight:650;margin:18px 0 8px}.pb-detail p{margin:10px 0;line-height:1.55;color:var(--ctp-subtext0)}.pb-facts{display:grid;grid-template-columns:145px minmax(0,1fr);gap:8px;margin:12px 0 18px}.pb-facts dt{color:var(--ctp-subtext0)}.pb-facts dd{margin:0;overflow-wrap:anywhere}.pb-pages{list-style:none;padding:0}.pb-pages li,.pb-record{padding:10px 0;border-bottom:1px solid var(--ctp-surface1)}.pb-pages a,.pb-pages span{display:block;overflow-wrap:anywhere;margin-top:4px}.pb-detail a{color:var(--ctp-text);text-decoration:underline}.pb-info-tabs{display:flex;gap:6px}.pb-info-tabs [aria-pressed=true]{background:var(--ctp-surface0);font-weight:650}.pb-detail .scp-det-body{min-width:0;overflow-x:hidden}.pb-detail table{min-width:500px}.pb-detail .grid{display:block}.pb-detail .grid>div{margin-bottom:12px}.pb-detail .text-ctp-overlay0,.pb-detail .text-ctp-overlay1{color:var(--ctp-subtext0)}
@media(max-width:650px){.pb-toolbar{flex-wrap:wrap}.pb-toolbar h2{max-width:calc(100% - 70px)}.pb-count{order:3;width:100%}.pb-controls{flex-wrap:wrap}.pb-controls input{max-width:none;flex:1;min-width:120px}.pb-controls select{max-width:170px}.pb-detail.scp-drag-panel{inset:0;height:100dvh;max-height:100dvh;width:100%;border-radius:0}.pb-detail .scp-det-body{padding:14px}.pb-facts{grid-template-columns:125px minmax(0,1fr)}.pb-table-scroll{max-height:65vh}}