/* BVISION Media Tracker 0.6 — faithful visual system based on approved mockups */
:root{--lime:#41E5A1;--lime-dark:#007E70;--bg:#070f17;--surface:#0e1b27;--border:#21323f;--sub:#91a5b3;--text:#ecf2f6}body{background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;background:var(--bg)}.app-sidebar{background:linear-gradient(170deg,#0c1922,#07111b);border-right:1px solid #24313d;width:244px}.sidebar-brand{display:flex;align-items:center;gap:9px;padding:19px 16px 17px;border-bottom:1px solid var(--border)}.sidebar-brand img{width:151px;max-width:calc(100% - 42px);height:auto;object-fit:contain}.brand-version{font-size:10px;color:var(--sub)}.sidebar-navigation{padding:15px 12px}.nav-caption{color:#8fa2af;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:21px 12px 10px}.side-link{border-radius:7px;display:flex;align-items:center;gap:14px;padding:12px 13px;font-size:13px;font-weight:650;color:#c6d3dd;margin-bottom:4px}.side-link i{width:18px;text-align:center}.side-link:hover{background:#162532}.side-link.active{background:var(--lime);color:#0a1500}.side-link.active i{color:#0a1500}.side-footer{color:#91a5b3;font-size:10px}.side-footer small{display:block;margin-top:5px}.shell-main{min-width:0}.app-header{background:linear-gradient(180deg,#0c1922,#0a151e);border-bottom:1px solid var(--border);height:70px;padding:0 25px;display:flex;gap:18px;align-items:center;justify-content:space-between}.header-company{display:flex;gap:10px;align-items:center;margin-right:auto}.company-brand-holder{width:45px;height:45px;border:1px solid #263745;background:#050b10;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}.company-brand{width:100%;height:100%;object-fit:contain;padding:4px}.company-brand-fallback{font-weight:800;font-size:23px;color:var(--lime)}.company-switch label span{display:block;font-size:10px;color:#a0b1bb;line-height:13px}.company-switch select{background:#101e2a;border:1px solid #293949;color:#f1f5f8;min-width:185px;max-width:230px;height:34px;font-size:12px;border-radius:7px}.header-user{display:flex;align-items:center;gap:12px}.header-user-avatar{width:34px;height:34px;border-radius:50%;background:#e9eff6;color:#192635;display:flex;align-items:center;justify-content:center;font-weight:800}.account-name{font-weight:650;font-size:12px;display:flex;flex-direction:column;gap:2px}.account-name small{color:#9aabb7;font-size:10px;font-weight:400}.header-logout{font-size:12px}.page.mock-page{max-width:none;width:auto;padding:28px 34px 55px}.mock-page .page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px}.mock-page .page-heading h1{font-size:23px;line-height:1.2;font-weight:750;margin:0 0 5px}.mock-page .page-heading p{margin:0;color:#96aab6;font-size:13px}.mock-page .button.primary,.mock-page button.primary{background:var(--lime);color:#0a1602;font-size:12px;font-weight:800;border-color:var(--lime);border-radius:7px}.mock-page .card{background:#0e1b26;border:1px solid #253441;border-radius:9px;box-shadow:none}.mock-page .metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mock-page .metric-card{min-height:100px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:0 12px;background:#0d1a24;border:1px solid #20303d;border-radius:8px;padding:17px 18px}.mock-page .metric-card small{grid-column:2;color:#9eb1bf;font-size:12px;align-self:end}.mock-page .metric-card strong{grid-column:2;align-self:start;font-size:23px}.mock-page .metric-card .metric-company{font-size:15px}.stat-icon{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:9px;background:#153B31;color:#41E5A1;font-size:19px}.stat-icon.blue{background:#12335e;color:#7faefa}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:15px;margin-top:16px}.dashboard-columns .card{padding:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 20px;border-bottom:1px solid #21323e}.panel-heading h2{font-size:15px;margin:0}.panel-heading p{margin:3px 0 0;font-size:11px;color:#90a4b1}.panel-heading a{font-size:12px;color:#41E5A1}.recent-event,.quick-link{display:flex;align-items:center;gap:12px;border-bottom:1px solid #21323e;padding:11px 17px;text-decoration:none}.recent-event:last-child,.quick-link:last-child{border-bottom:none}.recent-thumb{width:64px;height:46px;flex-shrink:0;background:#071018;display:flex;align-items:center;justify-content:center;color:var(--lime);border-radius:5px;overflow:hidden}.recent-thumb img{width:100%;height:100%;object-fit:cover}.recent-event-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:5px}.recent-event-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-event-copy small{font-size:10px;color:#98abb8}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:99px;padding:4px 9px;font-size:10px;font-weight:700;background:#172b40;color:#b9d5ee}.status-pill.yes{background:#1A4739;color:#80F2C4}.status-pill.no{background:#4b3315;color:#ffce80}.row-arrow{color:#8295a2;font-size:11px}.quick-link i:first-child{color:var(--lime);background:#153B31;display:grid;place-items:center;width:33px;height:33px;border-radius:50%}.quick-link span{flex:1;display:flex;flex-direction:column;gap:5px}.quick-link strong{font-size:12px}.quick-link small{font-size:10px;color:#8ea1ae}.quick-link>i:last-child{font-size:11px;color:#78909c}.toolbar{display:flex;gap:11px;justify-content:space-between;align-items:center;margin:14px 0}.toolbar form{margin:0}.search-input{position:relative;display:flex;align-items:center;max-width:410px;flex:1;margin:0}.search-input i{position:absolute;left:14px;color:#91a7b8;font-size:12px}.search-input input{width:100%;padding-left:35px!important;background:#0e1c28;color:#ebf5f9;border:1px solid #2b3d4c;border-radius:7px}.toolbar select{min-width:190px;background:#0e1c28;color:#ebf5f9;border:1px solid #2b3d4c;border-radius:7px}.table-panel{padding:0!important;overflow:hidden}.table-scroll{overflow-x:auto}.mock-table{width:100%;border-collapse:collapse;font-size:12px}.mock-table th{text-transform:uppercase;letter-spacing:.035em;text-align:left;font-size:10px;font-weight:650;color:#9aadba;background:#142430;padding:14px 15px}.mock-table td{padding:12px 15px;border-top:1px solid #21313c;color:#d5e1e8;vertical-align:middle}.mock-table tr:hover td{background:#14232d}.mock-table strong{font-weight:650;color:#f0f5f9}.table-logo{display:grid;place-items:center;width:37px;height:37px;background:#050b11;border-radius:5px;color:var(--lime);font-size:19px;overflow:hidden}.table-logo img{width:100%;height:100%;object-fit:contain}.action-buttons{display:flex;align-items:center;gap:6px}.action-buttons a,.action-buttons button{border:1px solid #2d4050;background:#101d28;color:#d0e0eb;border-radius:6px;min-width:32px;height:31px;display:grid;place-items:center;text-decoration:none}.action-buttons a:hover,.action-buttons button:hover{border-color:var(--lime);color:var(--lime)}.company-mini{display:inline-flex;gap:6px;align-items:center;margin:2px 8px 2px 0;font-size:11px}.role-tag{padding:3px 7px;border-radius:14px;background:#283847;color:#c8d6e1;font-size:10px;white-space:nowrap}.role-tag.admin{background:#163d78;color:#83b5ff}.role-tag.super{background:#43226d;color:#dcb6ff}.inline-limit{display:flex;align-items:center;gap:5px;margin:0}.inline-limit input{width:62px!important;padding:6px!important;text-align:center;margin:0!important;background:#101d28;border:1px solid #2d4050}.create-company{margin:10px 0 18px;padding:16px!important}.create-company[hidden]{display:none!important}.create-company .panel-heading{padding:0 0 12px;margin-bottom:15px}.muted{color:#91a6b4;font-size:11px}.empty-inline{padding:15px 20px;color:#99adba}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.dashboard-columns{grid-template-columns:1fr}.page.mock-page{padding:24px 20px 45px}}@media(max-width:760px){.app-header{padding:0 12px;min-height:60px;height:60px;gap:8px}.header-company{gap:6px}.company-brand-holder{width:38px;height:38px}.company-switch select{min-width:0;width:130px;max-width:140px}.header-user .account-name,.header-logout{display:none}.header-user{gap:5px}.header-user-avatar{width:30px;height:30px}.page.mock-page{padding:19px 13px 90px}.mock-page .page-heading{align-items:flex-start}.mock-page .page-heading h1{font-size:19px}.mock-page .page-heading .button{font-size:11px;padding:10px}.mock-page .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mock-page .metric-card{padding:11px;min-height:82px;grid-template-columns:34px 1fr;gap:6px}.mock-page .metric-card strong{font-size:18px}.stat-icon{width:32px;height:32px;font-size:14px}.mock-page .metric-card:last-child{grid-column:1/-1}.mock-table th,.mock-table td{padding:11px 10px}.mock-table{min-width:580px}.toolbar{flex-wrap:wrap}.toolbar select{min-width:0;width:100%}.toolbar form{width:100%}.search-input{max-width:none;width:100%}.mobile-bottom-nav{background:#09151e;border-top:1px solid #263541}.mobile-bottom-nav a.selected{color:var(--lime)}.mobile-bottom-nav a.selected i{color:var(--lime)}}/* Overrides of legacy 0.5.4 header sizing, scoped to authenticated shell */
.app-shell .app-header{height:70px;min-height:70px;padding:0 25px}
.app-shell .header-company .company-brand{width:45px;height:45px;max-width:45px;max-height:45px;background:#050b10;padding:4px;border-radius:9px}
.app-shell .header-user-avatar{display:flex}
@media(max-width:780px){.app-shell .app-header{height:64px;min-height:64px;padding:0 12px}.app-shell .header-company .company-brand{width:38px;height:38px;max-width:38px;max-height:38px}.app-shell .header-user-avatar{display:flex}.app-shell .shell-main{padding-bottom:75px}}

/* v0.6.1 — Botões de ações de tabelas e formulários */
.mock-page .action-buttons{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:8px;white-space:nowrap}
.mock-page .action-buttons>a,.mock-page .action-buttons>button,.mock-page .inline-limit button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;margin:0;border:1px solid #344653;border-radius:7px;background:#13232e;color:#d4e3ed;line-height:1;font-size:14px;flex-shrink:0}
.mock-page .inline-limit{display:inline-flex;flex-direction:row;align-items:center;gap:8px;margin:0;width:auto}
.mock-page .inline-limit input[type=number]{width:70px!important;height:36px!important;min-width:70px;padding:6px!important;margin:0!important;border:1px solid #344653;border-radius:7px;font-size:13px}
.mock-page .inline-limit button:hover,.mock-page .action-buttons>a:hover{color:var(--lime);border-color:var(--lime);background:#1a3028}
.mock-page .mock-table td:last-child{min-width:130px}.mock-page .mock-table td .action-buttons form{max-width:none;margin:0}
.support-card{max-width:920px}.support-card form{max-width:800px!important}.support-card label{font-size:13px}.support-card textarea,.support-card select{width:100%;display:block;padding:12px;margin-top:7px;background:#0b1b29;color:#f2f7fa;border:1px solid #344653;border-radius:7px;font:inherit;resize:vertical}.support-ticket{padding:16px 0;border-bottom:1px solid #263945}.support-ticket>div:first-child,.support-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.support-ticket small{color:#92a9bb}.support-ticket p,.support-body{white-space:pre-wrap;overflow-wrap:anywhere}.support-reply{background:#182c31;border-left:3px solid var(--lime);padding:12px 16px;margin-top:12px;border-radius:6px}.support-status{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0;padding:12px 0;border-block:1px solid #263945}.support-status label{flex:1;min-width:200px}.support-status button{margin-bottom:0}.support-card button.primary{width:auto;min-height:39px}
@media(max-width:760px){.mock-page .mock-table td:last-child{min-width:110px}.support-card{padding:16px}.support-status button{width:100%}}