:root{--azul: #11669c;--azul-escuro: #0b557c;--navy: #0b3d5f;--ciano: #5fc3ed;--ciano-soft: #e3f6fd;--grafite: #32373c;--muted: #637889;--bg: #eef7fb;--surface: #ffffff;--border: #d3e8f4;--ok: #2e9e5b;--warn: #e8a13d;--err: #d64545;--err-soft: #fff2f2;--shadow: 0 24px 70px rgba(7, 72, 108, .16);--shadow-card: 0 10px 28px rgba(7, 72, 108, .08);--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--grafite);background:linear-gradient(135deg,#ffffff 0%,var(--bg) 100%)}a{color:var(--azul);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{color:var(--navy)}.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;min-height:2.6rem;padding:0 1.1rem;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--ciano) 0%,var(--azul) 100%);color:#fff;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover:not(:disabled){box-shadow:0 14px 30px #126f9b3d;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--azul);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--azul);box-shadow:none;min-height:2.2rem;padding:0 .5rem}.btn.danger{background:linear-gradient(135deg,#e97070,var(--err))}.btn.sm{min-height:2.1rem;font-size:.85rem;padding:0 .8rem}label.field{display:grid;gap:.35rem;margin-bottom:.85rem;font-size:.9rem;font-weight:700;color:var(--grafite)}.field input,.field select,.field textarea,input.inp,select.inp{width:100%;min-height:2.7rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .9rem;background:#fbfcfe;color:var(--grafite);outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ciano);background:#fff;box-shadow:0 0 0 4px var(--ciano-soft)}.field textarea{min-height:5rem;resize:vertical}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.2rem}.grid{display:grid;gap:1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.pill.blue{background:var(--ciano-soft);color:var(--azul-escuro)}.pill.ok{background:#e9f9ef;color:var(--ok)}.pill.warn{background:#fdf3e3;color:#b26f16}.pill.err{background:var(--err-soft);color:var(--err)}.pill.gray{background:#eef2f6;color:var(--muted)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.app-shell.is-collapsed{grid-template-columns:74px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border)}.sidebar__brand{position:relative;display:flex;align-items:center;justify-content:center;min-height:5.5rem;padding:1rem;border-bottom:1px solid var(--border)}.sidebar__logo{max-width:82%;max-height:3.4rem;object-fit:contain}.app-shell.is-collapsed .sidebar__logo{max-width:2.6rem}.sidebar__toggle{position:absolute;right:-.85rem;top:1.6rem;width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--azul);box-shadow:var(--shadow-card);z-index:5}.sidebar__toggle:hover{background:var(--ciano-soft)}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:.2rem;padding:.8rem .7rem;overflow-y:auto}.sidebar__sec{margin:.8rem .4rem .25rem;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}.app-shell.is-collapsed .sidebar__sec{text-align:center;font-size:0;height:1px;background:var(--border);margin:.7rem .4rem}.sidebar__item{display:flex;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:0 .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--grafite);font-weight:600;font-size:.92rem;text-align:left}.sidebar__item:hover{background:var(--ciano-soft);color:var(--azul-escuro)}.sidebar__item.is-active{background:linear-gradient(135deg,var(--ciano) 0%,var(--azul) 100%);color:#fff;box-shadow:0 8px 18px #126f9b38}.sidebar__icon{display:inline-grid;place-items:center;flex:0 0 auto}.sidebar__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar__spacer{flex:1}.sidebar__bottom{border-top:1px solid var(--border);padding-top:.7rem;margin-top:.7rem}.app-shell.is-collapsed .sidebar__label{display:none}.app-shell.is-collapsed .sidebar__item{justify-content:center;padding:0}.main{padding:1.5rem clamp(1rem,3vw,2.2rem);overflow:auto;min-width:0}.topbar{display:flex;align-items:center;margin-bottom:1.3rem;gap:1rem}.topbar h1{margin:0;font-size:1.5rem}.account-menu{position:relative}.user-chip{display:flex;align-items:center;gap:.65rem;min-height:3.55rem;padding:.35rem .5rem .35rem 1rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--grafite);box-shadow:var(--shadow-card)}.user-chip:hover{border-color:var(--ciano);box-shadow:0 12px 26px #126f9b24;transform:translateY(-1px)}.user-chip__text{text-align:right;min-width:0;max-width:14rem}.user-chip__name{font-weight:800;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip__role{font-size:.75rem;line-height:1.2}.account-chevron{display:grid;color:var(--muted)}.avatar{width:2.85rem;height:2.85rem;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.05rem;overflow:hidden;text-transform:uppercase;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.account-dropdown{position:absolute;right:0;top:calc(100% + .55rem);z-index:60;width:min(18rem,calc(100vw - 2rem));padding:.35rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow)}.account-dropdown button{width:100%;min-height:2.55rem;display:flex;align-items:center;gap:.65rem;padding:0 .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--grafite);font-weight:750;text-align:left}.account-dropdown button:hover:not(:disabled){background:var(--ciano-soft);color:var(--azul-escuro)}.account-dropdown button:disabled{opacity:.6;cursor:not-allowed}.account-dropdown button.is-danger{color:var(--err)}.account-form{display:grid;gap:.85rem}.avatar-crop{display:grid;gap:1rem;justify-items:center}.avatar-crop__frame{position:relative;width:min(100%,300px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#eef7fb;border:4px solid #fff;box-shadow:0 0 0 1px var(--border),var(--shadow-card);cursor:grab;touch-action:none}.avatar-crop__frame:active{cursor:grabbing}.avatar-crop__frame img{position:absolute;left:50%;top:50%;max-width:none;-webkit-user-select:none;user-select:none;transform-origin:center}.avatar-crop__zoom{width:min(100%,300px);margin-bottom:0}.avatar-crop__zoom input{padding:0}@media (max-width: 820px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.sidebar{position:sticky;height:auto;flex-direction:row;align-items:center;overflow-x:auto;z-index:20}.sidebar__brand{min-height:auto;border-bottom:0;border-right:1px solid var(--border);padding:.5rem .8rem}.sidebar__logo{max-height:2.2rem}.sidebar__toggle,.sidebar__sec{display:none}.sidebar__nav{flex-direction:row;padding:.4rem}.sidebar__label,.sidebar__spacer{display:none}.sidebar__bottom{border-top:0;border-left:1px solid var(--border);padding:0 0 0 .4rem;margin:0 0 0 .2rem}.user-chip__text{display:none}}.filterbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.search-input{position:relative;flex:1;min-width:12rem;max-width:26rem}.search-input input{width:100%;min-height:2.6rem;padding:.5rem .9rem .5rem 2.4rem;border:1px solid var(--border);border-radius:999px;background:#fff;outline:none}.search-input input:focus{border-color:var(--ciano);box-shadow:0 0 0 4px var(--ciano-soft)}.search-input .ic{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--muted);display:grid}.filterbar select{min-height:2.6rem;padding:0 .8rem;border:1px solid var(--border);border-radius:999px;background:#fff}.filterbar .btn{flex:0 0 auto}@media (max-width: 640px){.filterbar{align-items:stretch}.search-input,.filterbar select,.filterbar .btn{flex:1 1 100%;max-width:none;width:100%}.filterbar .spacer{display:none}}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid var(--border);border-radius:999px;background:#fff;font-weight:700;font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}.chip-toggle.on{background:var(--ciano-soft);border-color:var(--ciano);color:var(--azul-escuro)}.chip-toggle.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.selbox{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem;background:#fbfdff}.selbox.is-disabled{opacity:.65}.selbox legend{font-weight:800;font-size:.82rem;color:var(--navy);padding:0 .3rem}.selbox .opt{display:flex;align-items:center;gap:.5rem;padding:.35rem .2rem;font-size:.9rem}.folder{border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-card);margin-bottom:1rem;overflow:hidden}.folder__head{display:flex;align-items:center;gap:.6rem;width:100%;padding:.8rem 1rem;background:#f2f9fd;font-weight:800;color:var(--navy);border:0;border-bottom:1px solid var(--border);text-align:left}.folder:not(.is-open) .folder__head{border-bottom:0}.folder__count{margin-left:auto;font-size:.78rem;color:var(--muted);font-weight:700}.folder__chev{display:grid;transition:transform .15s ease}.folder.is-open .folder__chev{transform:rotate(180deg)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(18rem,.88fr) minmax(20rem,1.12fr)}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(1.25rem,4vw,3.25rem);overflow:hidden;color:var(--grafite);background:linear-gradient(150deg,#fffffff5,#e3f6fdf0 48%,#126f9beb),#e9f7fd}.brand-panel:after{content:"";position:absolute;inset:clamp(.75rem,2vw,1.5rem);border:1px solid rgba(94,200,238,.42);border-radius:8px}.brand-showcase{position:relative;z-index:1;width:min(100%,34rem);text-align:center;display:grid;gap:1.2rem;justify-items:center}.brand-logo-mark{display:grid;place-items:center;width:min(100%,20rem);min-height:11rem;border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);background:#ffffff8f;box-shadow:0 24px 42px #07486c29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-logo-mark strong{color:var(--azul-escuro);font-size:clamp(3rem,9vw,5rem);line-height:.9}.brand-logo-mark span{display:block;margin-top:.5rem;color:var(--grafite);font-size:.85rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.brand-logo-img{width:min(100%,22rem);max-height:12rem;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(7,72,108,.18))}.forgot-link{display:block;width:fit-content;margin:1rem auto 0;color:var(--azul-escuro);font-weight:800;font-size:.9rem}.forgot-link:hover{text-decoration:underline}.brand-copy h1{font-size:clamp(1.6rem,2.7vw,2.3rem);margin:0}.brand-copy p{color:#06334dc7;margin-top:.6rem}.login-panel{display:grid;place-items:center;padding:clamp(1rem,3vw,3rem)}.login-form{width:min(100%,26rem);padding:clamp(1.25rem,3vw,2.15rem);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fffffff5;box-shadow:var(--shadow)}.login-form h2{margin:0 0 1.4rem;font-size:2rem}.password-control{position:relative}.password-control button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--azul-escuro);font-size:.8rem;font-weight:800}.form-error{margin-top:1rem;border:1px solid rgba(216,74,74,.34);border-radius:var(--radius-sm);padding:.7rem .9rem;background:var(--err-soft);color:var(--err);font-weight:700;font-size:.9rem;text-align:center}@media (max-width: 720px){.login-page{grid-template-columns:1fr}.brand-panel{min-height:34vh}}table.tbl{width:100%;border-collapse:collapse;background:#fff}table.tbl th,table.tbl td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--border);font-size:.9rem}table.tbl th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}table.tbl tr:hover td{background:#f7fbfe}table.tbl tr.is-inactive td{opacity:.5}.tbl-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow-card)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1rem}.kpi{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow-card)}.kpi .v{font-size:2rem;font-weight:900;color:var(--navy);line-height:1}.kpi .l{color:var(--muted);font-size:.82rem;font-weight:700;margin-top:.3rem}.bar{height:8px;border-radius:999px;background:#e6eef4;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--ciano),var(--azul))}.jornada-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.1rem}.curso-card{display:flex;flex-direction:column;gap:.6rem}.curso-card .thumb{height:7rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--azul),var(--navy));color:#fff;display:grid;place-items:center;font-weight:800;text-align:center;padding:.5rem}.curso-card .thumb-capa{width:100%;height:7rem;border-radius:var(--radius-sm);object-fit:cover;display:block}.curso-card .curso-card-titulo{color:var(--navy);line-height:1.25}.player-layout{display:grid;grid-template-columns:300px 1fr;gap:1.2rem;align-items:start}.modulo-tree{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.modulo-tree .mod-title{padding:.7rem .9rem;background:#f2f9fd;font-weight:800;font-size:.85rem;color:var(--navy);border-top:1px solid var(--border)}.modulo-tree .mod-title:first-child{border-top:0}.cont-item{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-top:1px solid #eef4f8;font-size:.88rem;width:100%;text-align:left;background:#fff;border-left:3px solid transparent}.cont-item:hover{background:#f7fbfe}.cont-item.active{border-left-color:var(--azul);background:var(--ciano-soft);font-weight:700}.cont-item.locked{color:#b8c4cf;cursor:not-allowed}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media (max-width: 820px){.player-layout{grid-template-columns:1fr}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#06334d73;display:grid;place-items:center;z-index:100;padding:1rem}.modal{width:min(100%,40rem);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow)}.modal.is-wide{width:min(100%,56rem)}.modal.is-viewer{width:min(100%,72rem)}.file-viewer{width:100%;height:74vh;border:1px solid var(--border);border-radius:var(--radius);background:#f5f5f5}.file-viewer-img{display:block;max-width:100%;max-height:74vh;margin:0 auto;border-radius:var(--radius);object-fit:contain}.modal h3{margin-top:0}.user-form{display:grid;gap:1rem}.user-form__section{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fbfdff;padding:1rem}.user-form__section h4{margin:0 0 .9rem;color:var(--navy);font-size:.95rem}.user-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.user-form__grid .field{margin-bottom:0}.access-kind{display:inline-flex;gap:.35rem;margin-bottom:1rem}.permission-matrix{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:#fff}.permission-matrix.is-disabled{opacity:.65}.permission-matrix__head,.permission-matrix__row{display:grid;grid-template-columns:minmax(0,1fr) 4.25rem 4.25rem;align-items:center;min-height:2.75rem}.permission-matrix__head{background:#f2f6f8;color:var(--navy);font-size:.75rem;font-weight:800;text-transform:uppercase}.permission-matrix__group-title{display:grid;grid-template-columns:minmax(0,1fr) 4.25rem 4.25rem;align-items:center;width:100%;min-height:2.8rem;border-top:1px solid var(--border);background:#f8fbfd;color:var(--azul-escuro)}.permission-matrix__group-title button{display:flex;justify-content:space-between;align-items:center;align-self:stretch;padding:.65rem .75rem;border:0;background:transparent;color:inherit;font-size:.76rem;font-weight:800;text-transform:uppercase;text-align:left}.permission-matrix__group-title button:hover{background:var(--ciano-soft)}.permission-matrix__group-title button span:last-child{color:var(--muted);font-size:.68rem}.permission-matrix__group-title>input{justify-self:center;width:1rem;min-height:1rem;accent-color:var(--azul)}.permission-matrix__row{border-top:1px solid var(--border);font-size:.88rem}.permission-matrix__head>*,.permission-matrix__row>*{padding:.6rem .75rem}.permission-matrix__head span:not(:first-child),.permission-matrix__row input{justify-self:center}.permission-matrix__row input{width:1rem;min-height:1rem;accent-color:var(--azul)}.instructor-toggle{margin-top:1rem;padding-top:.85rem}.instructor-toggle input{width:1rem;min-height:1rem}.status-toggle{justify-content:space-between;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .9rem;background:#fff;font-weight:800}@media (max-width: 720px){.user-form__grid{grid-template-columns:1fr}.permission-matrix__head,.permission-matrix__row,.permission-matrix__group-title{grid-template-columns:minmax(0,1fr) 3.5rem 3.5rem}.permission-matrix__head>*,.permission-matrix__row>*{padding:.55rem}}.questao{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;background:#fff}.alt{display:flex;gap:.6rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:.5rem;cursor:pointer}.alt:hover{border-color:var(--ciano);background:#f7fbfe}.alt.sel{border-color:var(--azul);background:var(--ciano-soft);font-weight:600}.alt.correct{border-color:var(--ok);background:#e9f9ef}.alt.wrong{border-color:var(--err);background:var(--err-soft)}.tbl .btn{min-height:1.85rem;font-size:.8rem;padding:0 .7rem}.tbl .btn.ghost{background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:none}.tbl td .row{flex-wrap:nowrap;gap:.35rem;justify-content:flex-end}.sidebar__sec--btn{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:calc(100% - .8rem);background:transparent;border:0;cursor:pointer;padding:0 .35rem 0 0}.sidebar__sec--btn:hover{color:var(--azul)}.sidebar__sec--btn .sec-chev{display:inline-flex;color:inherit;transition:transform .18s;transform:rotate(-90deg)}.sidebar__sec--btn .sec-chev.is-open{transform:rotate(0)}.btn-voltar{padding-left:.4rem;font-weight:700}.combo{position:relative;flex:1;min-width:13rem}.combo__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;cursor:pointer;text-align:left}.combo__caret{color:var(--muted)}.combo__pop{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.5rem}.combo__list{max-height:12rem;overflow:auto;margin-top:.4rem;border-top:1px solid #eef4f8}.chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.2rem;align-items:stretch}.donut-wrap{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.donut-legend{display:grid;gap:.35rem;font-size:.85rem;min-width:11rem;flex:1}.donut-legend .dot{width:.7rem;height:.7rem;border-radius:50%;flex:none}.filtro-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--ciano-soft);border:1px solid var(--ciano);border-radius:999px;padding:.2rem .3rem .2rem .7rem;font-size:.82rem;font-weight:600;color:var(--navy)}.filtro-chip button{border:0;background:transparent;cursor:pointer;color:var(--navy);font-weight:800;line-height:1;padding:.1rem .3rem}.user-pick__item{display:flex;width:100%;text-align:left;gap:.5rem;align-items:center;padding:.45rem .7rem;background:#fff;border:0;border-top:1px solid #eef4f8;font-size:.85rem;cursor:pointer}.user-pick__item:hover{background:#f7fbfe}.user-pick__item.sel{background:var(--ciano-soft);font-weight:700}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:1rem}.media-item{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-card)}.media-item img{width:100%;height:9rem;object-fit:cover;display:block;background:#f2f9fd;cursor:zoom-in}.media-item .meta{padding:.6rem .7rem}.viewmode{display:inline-flex;gap:.25rem}.media-list{display:flex;flex-direction:column;gap:.5rem}.media-row{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:.5rem .7rem;box-shadow:var(--shadow-card)}.media-thumb{width:3.4rem;height:3.4rem;border-radius:var(--radius-sm);object-fit:cover;background:#f2f9fd;cursor:zoom-in;display:grid;place-items:center;font-weight:700;font-size:.68rem;color:var(--navy);flex:none}.media-row .info{min-width:0}.media-row .info small{color:var(--muted)}.copy-box{border:1px dashed var(--ciano);background:#f7fdff;border-radius:var(--radius-sm);padding:.9rem;white-space:pre-wrap;font-size:.9rem}.center-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:200;background:var(--navy);color:#fff;padding:.7rem 1.1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow);font-weight:700}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.btn{height:2.6rem;min-height:2.6rem;line-height:1;white-space:nowrap;vertical-align:middle}.btn.sm{height:2.1rem;min-height:2.1rem}.filterbar{min-height:2.6rem;align-items:center}.filterbar .search-input,.filterbar select,.filterbar .btn{align-self:center;margin:0}.filterbar .search-input,.filterbar .search-input input,.filterbar select,.filterbar .btn{height:2.6rem;min-height:2.6rem}table.tbl td.row{display:table-cell;vertical-align:middle;white-space:nowrap;text-align:right}table.tbl td.row>.btn,table.tbl td.row>a.btn{display:inline-flex;margin-left:.3rem}table.tbl td.row>.btn:first-child,table.tbl td.row>a.btn:first-child{margin-left:0}table.tbl th,table.tbl td{vertical-align:middle}table.tbl td:last-child{white-space:nowrap}table.tbl td:last-child .btn{vertical-align:middle}.action-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:nowrap}@media (max-width: 640px){.filterbar .search-input,.filterbar select,.filterbar .btn{width:100%}.action-row{flex-wrap:wrap}}