:root{--red:#e5202a;--red-dark:#c81720;--ink:#171719;--nav:#151516;--soft:#f5f6f8;--line:#e5e6ea;--muted:#70727b;--ok:#1f9d63;--warn:#d98b13}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--soft);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 78% 18%,#ffd6d8 0,#f5f6f8 31%,#f5f6f8 100%)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 28px 80px rgba(0,0,0,.1)}.brand-mark{width:54px;height:54px;border-radius:15px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-1px}.brand-mark.small{width:40px;height:40px;border-radius:11px;font-size:12px}.login-kicker,.eyebrow{display:block;margin-top:20px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.15em}.login-card h1{font-size:36px;margin:8px 0}.login-card p{color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:14px;margin-top:26px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#4b4d55}input,select,textarea{border:1px solid #d9dae0;border-radius:9px;padding:11px 12px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#ff8e94;box-shadow:0 0 0 3px rgba(229,32,42,.08)}.primary,.secondary,.small-btn,.link-btn,.icon-btn,.site-pill{border:0;border-radius:9px;font-weight:800}.primary{background:var(--red);color:#fff;padding:11px 16px}.primary:hover{background:var(--red-dark)}.full{width:100%;padding:13px}.secondary{background:#f0f1f3;color:#333;padding:10px 14px}.form-error{color:#bb1720;font-size:13px;font-weight:700}.back-site{display:inline-block;margin-top:20px;color:#555;text-decoration:none;font-size:13px;font-weight:800}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#fff;position:sticky;top:0;height:100vh;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:4px 8px 25px}.brand strong{display:block;font-size:18px}.brand span{display:block;font-size:11px;color:#999;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aeb0b5;text-align:left;padding:12px 13px;border-radius:9px;font-weight:700}.nav-item:hover{background:#232326;color:#fff}.nav-item.active{background:var(--red);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #2d2d31;padding:16px 8px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b8b8bd}.link-btn{background:transparent;color:#fff;padding:6px}.content{padding:0 34px 50px;min-width:0}.topbar{min-height:128px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}.topbar .eyebrow{margin:0}.topbar h1{font-size:31px;margin:6px 0 3px}.top-subtitle{margin:0;color:var(--muted);font-size:13px}.site-pill{padding:10px 14px;background:#fff;border:1px solid var(--line);text-decoration:none;color:#333;font-size:12px}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 30px rgba(0,0,0,.035)}.stat-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#fff1f2;font-size:19px}.stat span{display:block;color:var(--muted);font-size:12px;font-weight:800}.stat strong{display:block;font-size:30px;margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 7px 25px rgba(0,0,0,.025)}.panel h2{font-size:18px;margin:0 0 5px}.panel p{color:var(--muted);font-size:13px;margin:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.dashboard-list{display:grid}.dashboard-list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f0f2}.dashboard-list-row:first-child{border-top:0}.dashboard-list-row strong,.dashboard-list-row span{display:block}.dashboard-list-row span{font-size:12px;color:var(--muted);margin-top:3px}.avatar{width:36px;height:36px;border-radius:50%;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-weight:900}.pending-dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #fff0f1;margin:0 10px}.callout-panel{margin-top:18px;background:linear-gradient(110deg,#fff,#fff3f3);display:flex;justify-content:space-between;align-items:center;gap:20px;border-color:#ffd7da}.callout-panel .eyebrow{margin:0 0 8px}.callout-panel h2{font-size:24px}.callout-panel p{max-width:760px;line-height:1.55}.search{min-width:250px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide-left{grid-template-columns:1.7fr .8fr}.stack-form{display:grid;gap:13px}.toolbar{display:flex;gap:10px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);padding:11px 10px}td{padding:14px 10px;border-bottom:1px solid #f0f0f2;vertical-align:top}.meta{font-size:11px;color:var(--muted)}.tag{display:inline-block;background:#f1f2f4;padding:4px 7px;border-radius:999px;font-size:10px;margin:2px}.actions{display:flex;gap:6px;flex-wrap:wrap}.small-btn{padding:7px 9px;background:#f2f3f5;color:#333;font-size:11px}.primary-mini,.approve{background:var(--red);color:#fff}.danger{color:#bb1820;background:#fff0f1}.empty{padding:28px;text-align:center;color:#92949b;font-size:13px}.rule-card,.workout-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:14px}.rule-card p{margin-bottom:12px}.rule-checks,.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rule-checks label,.checks label{display:flex;flex-direction:row;align-items:center;gap:7px;font-weight:600}.rule-checks input,.checks input{width:auto}.rule-actions{margin-top:15px}.workout-head{display:flex;justify-content:space-between;gap:16px}.status,.badge{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.status.pendente{background:#fff4de;color:#a66a09}.status.aprovado,.badge.approved{background:#e7f7ef;color:#178654}.status.rejeitado{background:#fff0f1;color:#b5151d}.review-note{padding:9px 12px;background:#fafafa;border-radius:8px;margin:12px 0;font-size:12px}.day-block{margin-top:18px}.day-block h4{margin:0 0 8px;color:var(--red)}.workout-items{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.workout-item{padding:11px;border:1px solid #ececef;border-radius:9px}.workout-item strong,.workout-item span,.workout-item small,.workout-item em{display:block}.workout-item span{font-size:12px;margin:5px 0}.workout-item small,.workout-item em{font-size:10px;color:#777}.workout-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-card{border:1px solid var(--line);border-radius:12px;padding:18px}.integration-card .icon{font-size:24px}.integration-card h3{margin:10px 0 5px}.status-line{margin-top:14px;font-size:12px;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot.ok{background:#22a36b}.dot.warn{background:#d98b13}.editor-warning{background:#fff8e9;border:1px solid #ffe1a8;color:#725018;border-radius:9px;padding:11px 13px;font-size:12px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.25);width:min(980px,92vw)}dialog::backdrop{background:rgba(0,0,0,.45)}.modal-form{padding:25px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.modal-head h2{margin:0}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.icon-btn{background:#f1f2f4;width:34px;height:34px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid.three{grid-template-columns:repeat(3,1fr)}fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;margin:15px 0}legend{font-size:12px;font-weight:900}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.detail-grid>div{background:#f7f7f8;border-radius:9px;padding:11px}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{font-size:10px;color:#777;margin-bottom:4px}.history-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:12px}.editor-dialog{width:min(1180px,95vw)}.editor-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px}.editor-toolbar label{flex:1}.editor-items{display:grid;gap:10px;margin-top:14px}.editor-row{border:1px solid var(--line);border-radius:10px;padding:12px}.editor-main{display:grid;grid-template-columns:.55fr 2fr .6fr .8fr .8fr .8fr;gap:9px}.editor-notes{display:flex;gap:10px;margin-top:8px}.editor-notes>input{flex:1}.row-actions{display:flex;gap:5px}.toast{position:fixed;right:24px;bottom:24px;background:#1b1b1d;color:#fff;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;font-size:12px;z-index:999}.toast.show{opacity:1;transform:none}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 8px;border-bottom:1px solid #eee;font-size:12px}.table-row.header{font-weight:900;color:#777}@media(max-width:1050px){.app-shell{grid-template-columns:210px 1fr}.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.panel-grid,.wide-left{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr}.rule-checks{grid-template-columns:1fr 1fr}.editor-main{grid-template-columns:1fr 2fr 1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:1fr 1fr}.content{padding:0 16px 35px}.topbar{min-height:110px}.site-pill{display:none}.stats{grid-template-columns:1fr 1fr}.callout-panel{align-items:flex-start;flex-direction:column}.form-grid,.form-grid.three,.detail-grid,.integration-grid{grid-template-columns:1fr}.rule-checks,.checks{grid-template-columns:1fr}.workout-items{grid-template-columns:1fr}.search{min-width:0;width:100%}.panel-head{align-items:flex-start;flex-direction:column}.editor-main{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1fr 1fr;gap:5px}} /* ===== MovePlan Professional Dashboard refresh ===== */ .dashboard-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#15161a 0%,#1c1d22 62%,#3a0c0f 100%);color:#fff;border-radius:18px;padding:28px 30px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 50px rgba(15,16,20,.14)}.dashboard-hero:after{content:"IV";position:absolute;right:22px;top:-38px;font-size:150px;line-height:1;font-weight:950;color:rgba(255,255,255,.035);letter-spacing:-.08em}.dashboard-hero>div{position:relative;z-index:1}.dashboard-hero .eyebrow{color:#ff858b}.dashboard-hero h2{font-size:30px;margin:7px 0 6px}.dashboard-hero p{color:#bfc0c5;margin:0;max-width:670px;line-height:1.55;font-size:13px}.dashboard-hero-actions{display:flex;gap:9px;flex-shrink:0}.dashboard-hero .secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.15);text-decoration:none}.stats{gap:14px}.stat{position:relative;overflow:hidden;padding:20px 20px 19px;border-radius:16px;min-height:112px}.stat:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-22px;top:-22px;background:#fff1f2}.stat-icon{position:relative;z-index:1}.stat-copy{position:relative;z-index:1}.stat-copy small{display:block;font-size:10px;color:#9b9da4;margin-top:2px;font-weight:700}.dashboard-insights{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:18px}.panel-kicker{display:block;font-size:9px;font-weight:950;letter-spacing:.14em;color:var(--red);margin-bottom:5px}.status-panel,.quick-panel{min-height:270px}.workout-status-wrap{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center;padding-top:3px}.workout-ring{--approved:0%;width:154px;height:154px;border-radius:50%;background:conic-gradient(var(--red) 0 var(--approved),#ececf0 var(--approved) 100%);display:grid;place-items:center;position:relative}.workout-ring:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#fff}.workout-ring>div{position:relative;z-index:1;text-align:center}.workout-ring strong{display:block;font-size:29px}.workout-ring span{font-size:10px;color:#83858c;font-weight:800}.status-legend{display:grid;gap:10px}.status-legend>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #f0f0f2;padding:8px 0;font-size:12px}.status-legend strong{font-size:16px}.legend-dot{width:8px;height:8px;border-radius:50%}.approved-dot{background:var(--red)}.pending-dot-legend{background:#e5a11b}.rejected-dot{background:#8c8e95}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{border:1px solid #ececf0;background:#fafafb;border-radius:12px;padding:13px;display:flex;gap:11px;align-items:center;text-align:left;cursor:pointer;transition:.18s}.quick-actions button:hover{border-color:#ffc9cc;background:#fff6f6;transform:translateY(-1px)}.quick-actions button>span{width:34px;height:34px;border-radius:9px;background:#fff0f1;display:grid;place-items:center}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:12px}.quick-actions small{font-size:9px;color:#8b8d94;margin-top:2px}.form-section{background:#fafafb;border:1px solid #ececf0;border-radius:12px;padding:16px;margin-bottom:14px}.form-section h3{font-size:13px;margin:0 0 14px}.login-screen{background:radial-gradient(circle at 15% 15%,rgba(229,32,42,.12),transparent 28%),linear-gradient(135deg,#f5f6f8,#fff)}.login-card{border-radius:20px;box-shadow:0 30px 80px rgba(20,20,25,.12);border:1px solid #e7e7ea}.sidebar{background:linear-gradient(180deg,#111216,#191a1f)}.brand-mark{box-shadow:0 10px 25px rgba(229,32,42,.22)} @media(max-width:1050px){.dashboard-insights{grid-template-columns:1fr}.status-panel,.quick-panel{min-height:auto}} @media(max-width:760px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero-actions{width:100%}.dashboard-hero-actions>*{flex:1}.workout-status-wrap{grid-template-columns:140px 1fr}.workout-ring{width:132px;height:132px}.workout-ring:before{width:96px;height:96px}.quick-actions{grid-template-columns:1fr}} @media(max-width:480px){.workout-status-wrap{grid-template-columns:1fr}.workout-ring{margin:auto}.dashboard-hero h2{font-size:24px}} /* Accordions de treino */ .accordion-card{overflow:hidden}.accordion-head{align-items:center}.workout-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.collapse-btn,.day-toggle{border:1px solid #e4e4e8;background:#fff;color:#323238;cursor:pointer;font-weight:850;transition:.18s}.collapse-btn{display:flex;align-items:center;gap:8px;border-radius:10px;padding:8px 10px;font-size:11px}.collapse-btn:hover,.day-toggle:hover{border-color:#f2a5aa;background:#fff7f7}.collapse-btn i,.day-toggle i{font-style:normal;font-size:17px;line-height:1;transition:transform .22s}.collapse-btn.open i,.day-toggle.open i{transform:rotate(180deg)}.workout-collapsible,.day-collapsible{display:none}.workout-collapsible.open,.day-collapsible.open{display:block}.workout-collapsible.open{animation:accordionFade .18s ease}.day-collapsible.open{animation:accordionFade .16s ease}@keyframes accordionFade{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.day-block.accordion-day{border:1px solid #ececf0;border-radius:13px;margin-top:12px;background:#fff;overflow:hidden}.day-toggle{width:100%;display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:10px;text-align:left;border:0;border-radius:0;padding:13px 15px;background:#fafafb}.day-toggle span{color:#17171a;font-size:13px}.day-toggle small{color:#8a8c93;font-size:10px}.day-collapsible .workout-items{padding:8px 12px 12px}.workout-collapsible .workout-actions{padding-top:16px} @media(max-width:700px){.accordion-head{align-items:flex-start}.workout-head-actions{justify-content:flex-end}.collapse-btn span{display:none}.day-toggle{grid-template-columns:1fr auto 18px}} /* ===== MovePlan Signature UI 2026 ===== */ :root{--mp-red:#ef233c;--mp-black:#0d0e11;--mp-paper:#f2f1ed;--mp-cream:#fbfaf7;--mp-line:#d9d8d3} body{background:var(--mp-paper)} .sidebar{width:auto;background:var(--mp-black);border-right:1px solid #292a2f}.brand{padding-top:8px}.brand-mark.small{border-radius:50%;background:var(--mp-red)}.nav-item{border-radius:0;border-left:2px solid transparent;padding:13px 12px}.nav-item.active{background:transparent;color:#fff;border-left-color:var(--mp-red)}.nav-item.active:after{content:"";float:right;width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--mp-red)} .content{max-width:1600px}.topbar{border-bottom-color:#d4d3ce}.topbar h1{font-size:38px;letter-spacing:-.045em}.eyebrow,.panel-kicker{letter-spacing:.2em} .dashboard-hero{border-radius:2px;min-height:220px;padding:38px 40px;background:linear-gradient(100deg,#0d0e11 0 70%,#ef233c 70%);box-shadow:none}.dashboard-hero:after{content:"MOVE\A PLAN";white-space:pre;right:36px;top:23px;font-size:62px;line-height:.78;text-align:right;color:rgba(255,255,255,.12)}.dashboard-hero h2{font-size:44px;letter-spacing:-.05em;max-width:650px}.dashboard-hero p{max-width:600px}.dashboard-hero .primary{background:#fff;color:#111}.dashboard-hero .secondary{border-radius:0} .stats{gap:0;border-top:1px solid #c9c8c3;border-bottom:1px solid #c9c8c3}.stat{border:0;border-right:1px solid #c9c8c3;border-radius:0;box-shadow:none;background:transparent;padding:25px 22px;min-height:130px}.stat:last-child{border-right:0}.stat:after{display:none}.stat-icon{display:none}.stat strong{font-size:46px;line-height:1;letter-spacing:-.06em}.stat span{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.stat-copy small{margin-top:9px} .panel{border-radius:2px;box-shadow:none;border-color:#d8d7d2;background:var(--mp-cream)}.dashboard-insights,.dashboard-grid{gap:12px}.quick-actions button{border-radius:2px;background:#fff}.quick-actions button>span{border-radius:50%}.workout-ring{border-radius:50%;background:conic-gradient(var(--mp-red) 0 var(--approved),#deddd8 var(--approved) 100%)} #workoutsView>.panel{background:transparent;border:0;padding:0}.workout-card{position:relative;border:0;border-top:1px solid #c9c8c3;border-radius:0;background:transparent;padding:0;margin:0}.workout-head{padding:22px 18px}.workout-head h3{margin:0 0 5px;font-size:23px;letter-spacing:-.025em}.workout-head:before{content:"FICHA";font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--mp-red);writing-mode:vertical-rl;transform:rotate(180deg);margin-right:2px}.workout-head>div:first-of-type{flex:1}.collapse-btn{border-radius:999px;background:transparent}.status{border-radius:2px;letter-spacing:.08em}.day-block.accordion-day{border:0;border-top:1px solid #d8d7d2;border-radius:0;margin:0;background:var(--mp-cream)}.day-toggle{padding:17px 18px;background:transparent}.day-toggle span{font-size:18px;letter-spacing:-.02em}.day-toggle span:before{content:"●";font-size:8px;color:var(--mp-red);margin-right:12px;vertical-align:2px}.day-toggle:hover{background:#fff}.day-collapsible .workout-items{padding:0 18px 18px;grid-template-columns:1fr}.workout-item{position:relative;border:0;border-top:1px solid #e2e1dc;border-radius:0;padding:15px 12px 15px 48px;display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:center}.workout-item:before{counter-increment:exercise;content:counter(exercise,decimal-leading-zero);position:absolute;left:8px;font-weight:950;font-size:13px;color:#a3a29e}.workout-items{counter-reset:exercise}.workout-item strong{font-size:14px}.workout-item span{margin:0}.workout-actions{padding:16px 18px 20px!important;border-top:1px solid #d8d7d2}.small-btn,.primary,.secondary{border-radius:2px} @media(max-width:760px){.dashboard-hero{background:linear-gradient(145deg,#0d0e11 0 82%,#ef233c 82%);padding:28px 22px}.dashboard-hero h2{font-size:34px}.dashboard-hero:after{font-size:38px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #c9c8c3}.workout-item{grid-template-columns:1fr;padding-left:44px;gap:4px}} /* MovePlan commercial / billing */ .billing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.billing-head h2{font-size:34px;margin:6px 0}.billing-summary{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-bottom:22px}.billing-summary>div{background:#111827;color:white;border-radius:18px;padding:22px}.billing-summary span{display:block;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.billing-summary strong{display:block;font-size:36px;margin-top:7px}.plans-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-admin-card{border:1px solid #e6e8ec;border-radius:18px;padding:22px;background:white}.plan-admin-card.highlighted{border:2px solid #e5202a;box-shadow:0 12px 35px rgba(229,32,42,.08)}.plan-admin-top{display:flex;justify-content:space-between;gap:16px}.plan-admin-top span{font-size:10px;font-weight:900;color:#6b7280}.plan-admin-top h3{font-size:22px;margin:4px 0}.plan-admin-top strong{font-size:20px}.plan-admin-top small{display:block;font-size:11px;color:#777}.plan-admin-card p{color:#6b7280;min-height:40px}.plan-admin-card ul{padding-left:18px;color:#4b5563;line-height:1.8}.billing-table{display:flex;flex-direction:column}.billing-row{display:grid;grid-template-columns:1.5fr 1fr 1.3fr .85fr 1.3fr;gap:12px;align-items:center;padding:14px 8px;border-bottom:1px solid #eceef2}.billing-row-head{font-size:11px;font-weight:900;text-transform:uppercase;color:#7a8190}.billing-row span>small{display:block;color:#7a8190;margin-top:3px}.billing-row select,.billing-row input{width:100%;padding:10px;border:1px solid #dfe3e8;border-radius:10px;background:white}.service-chip{display:inline-block!important;margin-top:5px;padding:4px 7px;border-radius:999px;font-size:9px!important;font-weight:900}.service-chip.ok{background:#e8f8ee;color:#14723a}.service-chip.blocked{background:#fff0f0;color:#b91c1c}.billing-actions{display:flex;flex-wrap:wrap;gap:6px}.small-btn.reactivate{background:#fff0f0;color:#b91c1c;border-color:#ffd0d0}.plan-step{border:1px solid #e6e8ec;border-radius:16px;padding:18px;background:#fbfbfc}.registration-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.register-plan{display:block;cursor:pointer}.register-plan input{position:absolute;opacity:0}.register-plan span{display:flex;flex-direction:column;height:100%;padding:16px;border:1px solid #dfe3e8;border-radius:14px;background:white}.register-plan input:checked+span{border:2px solid #e5202a;box-shadow:0 8px 24px rgba(229,32,42,.08)}.register-plan strong{font-size:17px}.register-plan b{font-size:20px;margin:8px 0;color:#e5202a}.register-plan b small{font-size:10px;color:#777}.register-plan em{font-size:12px;color:#6b7280;font-style:normal;line-height:1.4}@media(max-width:1000px){.plans-admin-grid{grid-template-columns:1fr}.billing-row{grid-template-columns:1fr 1fr}.billing-row-head{display:none}.registration-plans{grid-template-columns:1fr}} /* ===== Central de atenção profissional ===== */ .attention-center{margin:22px 0;border-top:4px solid #17181c}.attention-head-count{display:flex;align-items:baseline;gap:8px;background:#15161a;color:#fff;border-radius:16px;padding:12px 16px}.attention-head-count strong{font-size:28px;color:#ff414c}.attention-head-count span{font-size:11px;color:#a4a6ae;text-transform:uppercase;letter-spacing:.06em}.attention-list{display:grid;gap:8px}.attention-row{width:100%;display:grid;grid-template-columns:10px 1fr 26px;gap:14px;align-items:center;text-align:left;border:1px solid #e7e7ea;background:#fff;border-radius:16px;padding:15px;cursor:pointer;transition:.18s}.attention-row:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(18,20,28,.07)}.attention-signal{width:8px;height:40px;border-radius:10px;background:#c8cad1}.attention-row.high .attention-signal{background:#e51f2b}.attention-row.medium .attention-signal{background:#f19a28}.attention-row.low .attention-signal{background:#758399}.attention-row small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#91949c;margin-bottom:4px}.attention-row strong{font-size:14px}.attention-row p{margin:3px 0 0;color:#777a83;font-size:12px}.attention-row>b{font-size:20px}.attention-clear{display:flex;gap:14px;align-items:center;background:#f6fbf7;border:1px solid #dceee0;border-radius:16px;padding:18px}.attention-clear>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2a9d55;color:#fff;font-weight:900}.attention-clear p{margin:3px 0 0;color:#6f7671}.session-feedback.attention{border-left:4px solid #e51f2b;background:#fff3f4} /* Ítallo Vilardo - identidade visual */ .itallo-wordmark,.itallo-public-logo{position:relative;display:inline-flex;flex-direction:column;line-height:.88;text-decoration:none;color:inherit} .itallo-wordmark small,.itallo-public-logo small{font-size:10px;letter-spacing:.06em;font-weight:700;align-self:flex-end;margin:0 3px 4px 0;color:var(--muted,#68707d)} .itallo-wordmark strong,.itallo-public-logo strong{font-family:Arial Narrow,Impact,Haettenschweiler,sans-serif;font-size:31px;font-stretch:condensed;font-style:italic;letter-spacing:-1.8px;color:#111} .itallo-wordmark strong::after,.itallo-public-logo strong::after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;background:#e31d2b;border-radius:50%;vertical-align:baseline} .sidebar .itallo-wordmark strong{color:#fff;font-size:25px}.sidebar .itallo-wordmark small{color:#aeb6c6}.login-wordmark strong{font-size:42px}.login-wordmark small{font-size:12px} .itallo-portal-brand{gap:10px;align-items:flex-end}.itallo-portal-brand em{font-style:normal;font-size:12px;color:#6e7781} .catalog-code,.qualification-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;letter-spacing:.04em;background:#111;color:#fff} .qualification-badge{background:#e31d2b} .group-reference{overflow:hidden}.group-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.group-reference-grid>div{border:1px solid #e6e8ec;border-radius:18px;padding:18px;background:#fafafa}.group-reference-grid h3{margin:0 0 12px;font-size:15px}.group-reference-grid p{margin:8px 0;color:#414753;font-size:13px}.group-reference-grid b{color:#e31d2b}.source-rules-note{margin-top:16px;padding:16px 18px;border-left:4px solid #e31d2b;background:#fff5f5;border-radius:0 14px 14px 0;font-size:13px;line-height:1.55} @media(max-width:900px){.group-reference-grid{grid-template-columns:1fr}.itallo-wordmark strong,.itallo-public-logo strong{font-size:26px}} .group-detail{margin-top:14px;border:1px solid #ececf0;border-radius:14px;background:#fff}.group-detail summary{cursor:pointer;padding:14px 16px;font-size:12px;font-weight:900;color:#202126}.group-detail[open] summary{border-bottom:1px solid #ececf0}.rule-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.rule-matrix section{padding:18px;border-right:1px solid #ececf0}.rule-matrix section:last-child{border-right:0}.rule-matrix h4{margin:0 0 10px;font-size:13px;color:#e31d2b}.rule-matrix p,.base-protocol p{font-size:12px;line-height:1.6;margin:8px 0;color:#4e535d}.base-protocol{padding:16px 18px}.rule-matrix b,.base-protocol b{color:#111}@media(max-width:900px){.rule-matrix{grid-template-columns:1fr}.rule-matrix section{border-right:0;border-bottom:1px solid #ececf0}.rule-matrix section:last-child{border-bottom:0}} /* ===== Ítallo Vilardo red/black system ===== */ :root{--mp-red:#e21f2f!important;--red:#e21f2f!important;--accent:#e21f2f!important;--mp-black:#0b0b0d;--mp-paper:#f5f3f0;--mp-line:#d6d2cc} body{background:#efede9;color:#111}.sidebar{background:#0b0b0d!important;border-right:1px solid #29292d}.sidebar:before{content:"";display:block;height:5px;background:#e21f2f;position:absolute;top:0;left:0;right:0}.nav-item{color:#b9b9bf!important;border-radius:0!important;border-left:3px solid transparent!important}.nav-item:hover{background:#17171a!important;color:#fff!important}.nav-item.active{background:#18181c!important;color:#fff!important;border-left-color:#e21f2f!important}.topbar{background:#efede9!important;border-bottom:1px solid #d5d1ca!important}.content{background:#efede9!important}.dashboard-hero{background:#0b0b0d!important;border-radius:0!important;border-top:6px solid #e21f2f!important}.dashboard-hero:after{content:"#melhorsistemadetreinos"!important;color:#2c2c31!important;opacity:1!important}.panel{border-radius:0!important;background:#f8f6f2!important;border:1px solid #d4d0c9!important;box-shadow:none!important}.stat{background:#f8f6f2!important;border-radius:0!important}.stat strong{color:#111!important}.stat:before{background:#e21f2f!important}.primary{background:#e21f2f!important;border-color:#e21f2f!important;color:#fff!important}.secondary,.small-btn{border-radius:0!important}.status.pending{background:#fff1d9!important}.status.approved{background:#e5f5ea!important}.status.rejected{background:#ffe4e6!important;color:#a81220!important}.workout-card{background:#f8f6f2!important;border-top:2px solid #141416!important}.workout-head:before{color:#e21f2f!important}.day-toggle span:before{color:#e21f2f!important}.catalog-code{background:#0b0b0d!important;border-radius:0!important}.qualification-badge{background:#e21f2f!important;border-radius:0!important}.login-screen{background:#0b0b0d!important}.login-card{border-radius:0!important;border-top:7px solid #e21f2f!important}.itallo-wordmark small,.itallo-public-logo small{color:#777!important}.itallo-wordmark strong,.itallo-public-logo strong{font-family:Impact,'Arial Narrow',sans-serif!important;font-style:italic!important;letter-spacing:-1.5px!important}.itallo-wordmark strong::after,.itallo-public-logo strong::after{width:18px!important;height:5px!important;border-radius:0!important;background:#e21f2f!important}.sidebar .itallo-wordmark strong{color:#fff!important}.sidebar .itallo-wordmark small{color:#aaa!important}.billing-summary>div{border-radius:0!important;background:#0b0b0d!important;border-top:5px solid #e21f2f}.plan-admin-card{border-radius:0!important}.attention-row,.attention-clear,.attention-head-count{border-radius:0!important}.site-pill{border-radius:0!important}.search,input,select,textarea{border-radius:0!important} /* ===== Professional soft identity 2026-08-29 ===== */ :root{--primary:#25292e;--primary-2:#343941;--accent:#b84c52;--accent-soft:#f2e5e6;--bg:#f3f4f5;--panel:#fbfbfa;--ink:#25282d;--muted:#777b82;--line:#e0e2e5} body{background:var(--bg);color:var(--ink)} .iv-brand{display:inline-grid;grid-template-columns:auto 22px;grid-template-rows:auto auto;align-items:center;column-gap:9px;color:#fff;line-height:1}.iv-brand-name{grid-column:1;font-size:16px;font-weight:950;letter-spacing:.06em;white-space:nowrap}.iv-brand-rule{grid-column:2;width:20px;height:3px;background:var(--accent);border-radius:99px}.iv-brand small{grid-column:1/-1;margin-top:5px;color:#a9adb2;font-size:8px;letter-spacing:.17em;text-transform:uppercase;font-weight:800} .sidebar{background:#23272c;border-right:1px solid #34383e}.sidebar .brand{padding-top:28px;padding-bottom:26px}.sidebar .nav-item{color:#c7c9cc;border-radius:8px;margin:2px 12px;width:calc(100% - 24px);font-weight:700}.sidebar .nav-item:hover{background:#2d3238;color:#fff}.sidebar .nav-item.active{background:#f5f5f4;color:#262a2f;box-shadow:none}.sidebar .nav-item.active:before{background:var(--accent)}.sidebar-footer{border-color:#34383e;color:#aaaeb4} .login-screen{background:linear-gradient(135deg,#202328,#2a2e33)}.login-card{border-top:3px solid var(--accent);box-shadow:0 30px 80px rgba(0,0,0,.22)}.login-kicker,.panel-kicker{color:var(--accent)} .topbar{background:rgba(251,251,250,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.page-title h1{letter-spacing:-.03em}.metric-card,.dashboard-card,.panel-card,.data-card{border-color:var(--line);box-shadow:0 8px 28px rgba(30,34,40,.045);background:#fff}.metric-card:before{background:var(--accent)}.metric-card strong{color:#282c31}.status-pill.pending,.badge.pending{background:#f4ece4;color:#85613b}.status-pill.approved,.badge.approved{background:#eaf1ed;color:#436d57}.status-pill.rejected,.badge.rejected{background:#f4e7e8;color:#97434a} .primary,.btn-primary{background:#292d32!important;border-color:#292d32!important}.primary:hover,.btn-primary:hover{background:#1e2125!important}.secondary{background:#f0f1f2!important;color:#32363b!important;border-color:#dfe1e4!important}.danger{background:#f6e9ea!important;color:#9a4349!important}.quick-action:hover{border-color:#c9a4a7}.attention-item.high{border-left-color:#b84c52}.attention-item.medium{border-left-color:#bc8a52}.chart-bar-fill{background:#6f757c}.chart-bar-fill.accent{background:#b84c52} .workout-card{border-color:#e0e2e5;box-shadow:0 10px 30px rgba(31,35,40,.05)}.workout-card-header{background:#fafaf9}.workout-day-toggle{background:#f7f7f6;border-color:#e2e3e5}.workout-day-toggle:hover{background:#f1f1f0}.workout-day-toggle .day-letter{background:#2a2e33}.workout-day.open .workout-day-toggle{border-color:#d7c3c5;background:#fbf7f7}.workout-day.open .day-letter{background:#a9474d} @media(max-width:760px){.iv-brand-name{font-size:14px}.iv-brand small{font-size:7px}} /* ===== Official Ítallo Vilardo logo ===== */ .admin-logo{display:flex;align-items:center;text-decoration:none;max-width:100%} .admin-logo img{display:block;object-fit:contain;object-position:left center;border:0;border-radius:0} .admin-logo-login img{width:min(410px,80vw);height:88px} .admin-logo-sidebar img{width:210px;height:58px} .sidebar .brand{padding:18px 16px 20px!important;min-height:auto!important} @media(max-width:900px){.admin-logo-sidebar img{width:176px;height:50px}} /* Contatos e indicadores operacionais */ .nav-badge{float:right;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;background:#c53b45;color:#fff;border-radius:99px;font-size:10px}.operations-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 22px}.operations-kpis>div{background:#fff;border:1px solid var(--line);padding:18px;border-top:3px solid #343941}.operations-kpis span{display:block;color:#777b82;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.operations-kpis strong{display:block;font-size:29px;margin-top:5px}.contacts-list{display:grid;gap:10px}.contact-row{width:100%;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.4fr) 30px;gap:20px;align-items:center;text-align:left;background:#fff;border:1px solid #e0e2e5;padding:18px;cursor:pointer}.contact-row.novo{border-left:5px solid #b84c52}.contact-row.respondido{opacity:.78}.contact-row>div>*{display:block}.contact-row strong{font-size:15px;margin:7px 0 4px}.contact-row small{color:#777b82}.contact-row b{margin-bottom:5px}.contact-row p{margin:0;color:#6f737a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-row i{font-style:normal;font-size:20px}.contact-status-pill{width:max-content;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#9a3f47}.contact-original{padding:18px;background:#f4f4f3;border-left:4px solid #b84c52;margin-bottom:18px}.contact-original p{white-space:pre-wrap;line-height:1.6}@media(max-width:800px){.operations-kpis{grid-template-columns:1fr 1fr}.contact-row{grid-template-columns:1fr}.contact-row i{display:none}} .password-rules{padding:13px 15px;background:#f4ece4;border-left:4px solid #b84c52;color:#635b55;font-size:12px;line-height:1.5} /* Professional login refresh - 2026-08-31 */ .login-screen{padding:28px!important;background:#0b0c0f!important;align-items:center;justify-items:center}.pro-login-shell{width:min(1120px,96vw);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;box-shadow:0 36px 100px rgba(0,0,0,.35);overflow:hidden}.pro-login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:54px;background:linear-gradient(145deg,#0a0b0d 0%,#15171b 72%,#2c1114 100%);color:#fff;overflow:hidden}.pro-login-brand:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-190px;top:-165px;box-shadow:0 0 0 64px rgba(255,255,255,.018),0 0 0 128px rgba(255,255,255,.012)}.pro-login-brand:after{content:"";position:absolute;left:54px;bottom:0;width:84px;height:6px;background:var(--red)}.pro-login-brand>*{position:relative;z-index:1}.pro-login-brand .admin-logo-login{display:block;width:min(420px,100%);background:#050607;padding:12px 16px;border:1px solid rgba(255,255,255,.08)}.pro-login-brand .admin-logo-login img{display:block;width:100%;height:auto;max-height:92px;object-fit:contain}.pro-login-label{display:block;color:#ff6e76;font-size:11px;font-weight:950;letter-spacing:.18em;margin-bottom:16px}.pro-login-brand-copy h1{font-size:clamp(42px,4vw,64px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px;max-width:570px}.pro-login-brand-copy p{max-width:560px;color:#b8bbc1;font-size:15px;line-height:1.7;margin:0}.pro-login-features{display:flex;gap:20px;flex-wrap:wrap;color:#d8d9dd;font-size:11px;font-weight:800}.pro-login-form-panel{padding:70px 62px;display:flex;flex-direction:column;justify-content:center;background:#f7f7f6}.pro-login-form-head .login-kicker{margin:0 0 12px}.pro-login-form-head h2{font-size:38px;line-height:1.05;margin:0 0 10px;letter-spacing:-.04em}.pro-login-form-head p{color:#74767c;margin:0 0 30px;font-size:14px}.pro-login-form{display:grid;gap:17px}.pro-login-form label{font-size:12px;color:#34363c}.pro-login-form input{height:54px;border-radius:0!important;border:1px solid #d4d6da;background:#fff;padding:0 16px}.pro-login-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,32,42,.08)}.pro-login-form .primary{height:54px;border-radius:0!important;text-transform:uppercase;letter-spacing:.05em;font-size:12px;margin-top:4px}.pro-login-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid #dddfe2}.pro-login-foot .back-site{margin:0}.pro-login-foot span{font-size:10px;color:#999ba1;text-transform:uppercase;letter-spacing:.08em;font-weight:800}@media(max-width:900px){.pro-login-shell{grid-template-columns:1fr;min-height:0}.pro-login-brand{padding:30px;min-height:270px}.pro-login-brand-copy h1{font-size:38px}.pro-login-features{display:none}.pro-login-form-panel{padding:42px 30px}}@media(max-width:520px){.login-screen{padding:0!important}.pro-login-shell{width:100vw;min-height:100vh}.pro-login-brand{min-height:220px;padding:24px}.pro-login-brand .admin-logo-login{width:100%;max-width:360px}.pro-login-brand-copy h1{font-size:31px}.pro-login-brand-copy p{display:none}.pro-login-form-panel{padding:34px 24px}.pro-login-foot{align-items:flex-start;flex-direction:column}} /* v2.3 painel profissional: financeiro e automação */ .finance-dashboard-block{margin:0 0 22px;padding:24px;background:#fff;border:1px solid #dedede}.finance-dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.finance-dashboard-head h2{font-size:30px;margin:5px 0}.finance-dashboard-head p{max-width:760px}.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.finance-kpi-grid article{background:#111214;color:#fff;padding:20px;border-top:4px solid var(--red)}.finance-kpi-grid span,.finance-mini-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;font-weight:800}.finance-kpi-grid strong{display:block;font-size:27px;margin-top:8px}.finance-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.finance-mini-grid>div{padding:16px;border:1px solid #e2e2e2;background:#fafafa}.finance-mini-grid strong{display:block;font-size:20px;margin-top:5px}.auto-workout-status{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auto-workout-status>div{padding:18px;background:#f8f8f8;border-left:4px solid var(--red)}.auto-workout-status strong{display:block;font-size:34px}.auto-workout-status span{font-size:11px;color:#6b7280}.dashboard-review-row{width:100%;display:grid;grid-template-columns:12px 1fr 20px;gap:10px;align-items:center;text-align:left;padding:13px 0;border:0;border-top:1px solid #eee;background:transparent}.dashboard-review-row:first-child{border-top:0}.dashboard-review-row strong,.dashboard-review-row small{display:block}.dashboard-review-row small{color:#777;margin-top:4px}.review-severity{width:9px;height:9px;border-radius:50%;background:#999}.review-severity.high{background:#d71920}.review-severity.medium{background:#d98b13}@media(max-width:900px){.finance-kpi-grid{grid-template-columns:1fr 1fr}.finance-mini-grid{grid-template-columns:1fr}.auto-workout-status{grid-template-columns:1fr}} .finance-inside-billing{margin-top:22px;margin-bottom:22px}.actions{display:flex;flex-wrap:wrap;gap:6px}.actions .small-btn{white-space:nowrap}#whatsappTestModal{width:min(720px,94vw)}#whatsappTestMessage{font-family:inherit;line-height:1.55;min-height:220px} /* WhatsApp test preview: mirrors the future two-CTA template without sending media. */ .whatsapp-preview-modal{max-width:620px}.wa-preview{background:#eef2f3;border:1px solid #dfe5e7;border-radius:18px;padding:16px}.wa-preview-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7378;margin-bottom:10px}.wa-bubble{max-width:430px;margin:0 auto;background:#fff;border-radius:12px 12px 4px 12px;box-shadow:0 4px 18px rgba(0,0,0,.08);overflow:hidden}.wa-message{padding:18px;display:grid;gap:8px;color:#202428}.wa-message strong{font-size:17px}.wa-message span{font-size:14px;color:#5f676c}.wa-cta-grid{border-top:1px solid #e8ebed;display:grid;grid-template-columns:1fr 1fr}.wa-cta{appearance:none;border:0;background:#fff;color:#c6272f;font-weight:800;padding:14px 10px;cursor:pointer}.wa-cta+ .wa-cta{border-left:1px solid #e8ebed}.wa-cta:hover{background:#faf7f7}.wa-note{display:block;margin:12px auto 0;max-width:470px;color:#687177;line-height:1.45}.wa-raw{margin-top:14px}.wa-raw summary{cursor:pointer;font-weight:700;color:#555}@media(max-width:560px){.wa-cta-grid{grid-template-columns:1fr}.wa-cta+ .wa-cta{border-left:0;border-top:1px solid #e8ebed}} /* Matriz de segurança por restrição */ .safety-rule-help{margin:0 0 18px;padding:16px 18px;border:1px solid #e4e4e4;border-left:4px solid #c51d24;border-radius:12px;background:#fafafa}.safety-rule-help strong{display:block;margin-bottom:5px}.safety-rule-help p{margin:0;color:#555;line-height:1.45}.rule-matrix{display:grid;gap:8px;margin-top:14px}.rule-matrix-row{display:grid;grid-template-columns:minmax(230px,1.7fr) minmax(145px,.7fr) minmax(145px,.7fr) minmax(180px,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.rule-matrix-row>div{display:flex;flex-direction:column;gap:2px}.rule-matrix-row small{color:#777}.rule-matrix-row select,.rule-matrix-row input{width:100%;min-height:40px;border:1px solid #d8d8d8;border-radius:8px;padding:8px;background:#fff}@media(max-width:900px){.rule-matrix-row{grid-template-columns:1fr 1fr}.rule-matrix-row>div,.rule-matrix-row .rule-note{grid-column:1/-1}} /* Dashboard profissional consolidado - preto, branco e vermelho */ .dashboard-pro-view{display:none}.dashboard-pro-view.active{display:block}.prof-dashboard-titlebar{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;background:#0b0b0d;color:#fff;border-top:6px solid var(--red);padding:28px 30px;margin-bottom:18px}.prof-dashboard-titlebar .panel-kicker{color:#ff5a63}.prof-dashboard-titlebar h2{font-size:34px;line-height:1;margin:6px 0 8px}.prof-dashboard-titlebar p{margin:0;color:#bfc0c5}.prof-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.prof-kpi-grid article{background:#f8f6f2;border:1px solid #d4d0c9;border-top:4px solid #171719;padding:22px}.prof-kpi-grid article:last-child{border-top-color:var(--red)}.prof-kpi-grid span,.system-health-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#73757b;font-weight:900}.prof-kpi-grid strong{display:block;font-size:34px;letter-spacing:-.04em;margin:7px 0 4px}.prof-kpi-grid small{font-size:11px;color:#8a8c92}.prof-dashboard-main-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:12px;margin-bottom:12px}.prof-chart-panel,.prof-status-panel{min-height:330px}.system-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.system-health-grid>div{background:#fff;border:1px solid #ddd9d2;padding:16px}.system-health-grid strong{display:block;font-size:26px;margin-top:5px}.dashboard-status-line{display:grid;grid-template-columns:150px 1fr 82px;gap:12px;align-items:center;margin:14px 0;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.status-track{height:8px;background:#dedbd5;overflow:hidden}.status-track i{display:block;height:100%;background:var(--red)}.status-track.muted i{background:#a9aaae}.dashboard-status-line>b{font-size:10px;text-align:right}.subscription-donut-wrap{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center;min-height:220px}.subscription-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--red) 0 72%,#1a1a1d 72% 90%,#d6d3ce 90%);position:relative;display:grid;place-items:center}.subscription-donut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#f8f6f2}.subscription-donut>div{position:relative;z-index:2;text-align:center}.subscription-donut strong{display:block;font-size:30px}.subscription-donut span{font-size:10px;color:#777;text-transform:uppercase}.subscription-legend{display:grid;gap:14px}.subscription-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #dfdcd7;padding-bottom:10px}.subscription-legend i{width:8px;height:8px;border-radius:50%;background:#aaa}.subscription-legend i.ok{background:var(--red)}.subscription-legend i.warn{background:#171719}.subscription-legend i.neutral{background:#aaa}.subscription-legend span{font-size:12px;color:#666}.subscription-legend strong{font-size:16px}.prof-lists-grid{margin-bottom:12px}.production-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.production-card{padding:0!important;overflow:hidden}.production-card-head{display:flex;gap:14px;align-items:center;background:#111214;color:#fff;padding:20px 22px;border-bottom:4px solid var(--red)}.production-card-head>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #5f6166;font-size:20px;font-weight:900}.production-card-head small{display:block;color:#aeb0b5;font-size:9px;letter-spacing:.12em;font-weight:900}.production-card-head h2{margin:3px 0 0;font-size:21px}.pending-card .production-card-head{border-bottom-color:#171719}.production-check-list{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:10px 20px 20px}.production-check-list>div{font-size:12px;padding:10px 6px;border-bottom:1px solid #e3dfd9;color:#3e4045}.production-check-list:not(.pending)>div{color:#2c5b3a}.production-check-list.pending>div{color:#5f4a2d}.done-card{border-top:0!important}.pending-card{border-top:0!important}@media(max-width:1100px){.prof-kpi-grid{grid-template-columns:1fr 1fr}.prof-dashboard-main-grid,.production-overview-grid{grid-template-columns:1fr}.system-health-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.prof-dashboard-titlebar{align-items:flex-start;flex-direction:column}.prof-kpi-grid{grid-template-columns:1fr}.system-health-grid{grid-template-columns:1fr}.subscription-donut-wrap{grid-template-columns:1fr}.subscription-donut{margin:auto}.production-check-list{grid-template-columns:1fr}.dashboard-status-line{grid-template-columns:1fr}.dashboard-status-line>b{text-align:left}} .billing-row span small+small{margin-top:5px}.billing-row .service-chip+small{font-size:10px!important;line-height:1.35;color:#6f7480!important}.billing-status.warn{border-color:#efb8bc!important;background:#fff8f8!important}.billing-status.ok{border-color:#b9dfc6!important;background:#f6fff8!important} /* V1.0 - Central de operacao e perfil 360 */ .operation-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.operation-hero h2{font-size:34px;margin:4px 0 6px}.operation-hero p{margin:0;color:#69707d}.operation-kpis{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:20px}.operation-kpis article{background:#fff;border:1px solid #e7e9ee;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(16,24,40,.04)}.operation-kpis span{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7b8190;text-transform:uppercase}.operation-kpis strong{display:block;font-size:28px;margin-top:6px}.operation-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:18px}.op-alert{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eceef2}.op-alert:last-child{border-bottom:0}.op-dot{width:10px;height:10px;border-radius:50%;background:#aaa}.op-alert.high .op-dot{background:#d72638;box-shadow:0 0 0 5px rgba(215,38,56,.09)}.op-alert.medium .op-dot{background:#f59e0b}.op-alert.low .op-dot{background:#64748b}.op-alert small{display:block;color:#7b8190;margin-top:4px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eceef2}.health-row b.ok{color:#137a3d}.health-row b.warn{color:#b26a00}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quality-item{border:1px solid #e5e7eb;border-radius:14px;padding:13px;background:#fafafa}.quality-item strong{display:block}.quality-item small{display:block;color:#777;margin:5px 0}.quality-score{font-weight:900;color:#d51d32}.quality-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#fff0f2;color:#b31227}.quality-chip.ok{background:#e9f7ef;color:#16743d}.detail-360-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.detail-360-nav button{border:1px solid #ddd;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800}.detail-360-section{border-top:1px solid #eceef2;padding-top:16px;margin-top:16px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-card{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fafafa}.comparison-card h4{margin:0 0 8px}.comparison-metric{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #ddd}.comparison-metric:last-child{border:0}.suggestion-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee}.suggestion-row b.up{color:#137a3d}.suggestion-row b.down{color:#b42318}@media(max-width:1050px){.operation-kpis{grid-template-columns:repeat(3,1fr)}.operation-grid{grid-template-columns:1fr}.quality-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.operation-kpis{grid-template-columns:repeat(2,1fr)}.quality-grid,.comparison-grid{grid-template-columns:1fr}.operation-hero{align-items:flex-start;flex-direction:column}.operation-hero h2{font-size:28px}} /* Alunos: busca, ordenação e status */ .student-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.student-tools .search{min-width:280px}.student-status-filter{min-width:130px!important}.student-inactive{opacity:.72;background:#faf8f6}.status-inactive{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:999px;background:#eee;color:#6f6f6f;font-size:10px;font-weight:800;letter-spacing:.08em;vertical-align:middle} @media(max-width:760px){.student-tools{width:100%}.student-tools .search,.student-status-filter{width:100%;min-width:0!important}} .students-pager{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;font-size:13px;color:#666} .students-pager-btns{display:flex;gap:8px} .students-pager-btns button:disabled{opacity:.4;cursor:not-allowed} /* Biblioteca visual de exercicios - 2026-09-02 */ .exercise-library-view{max-width:1500px}.exercise-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.exercise-library-head h2{font-size:30px;margin:4px 0 5px}.exercise-library-head p{margin:0;color:#6b7280}.exercise-library-filters{display:flex;gap:12px;min-width:min(100%,520px)}.exercise-library-filters .search{flex:1}.exercise-library-filters select{min-width:190px}.exercise-library-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.65fr);gap:18px;align-items:start}.exercise-catalog-panel{padding:0!important;overflow:hidden}.exercise-count{padding:18px 20px;border-bottom:1px solid #dedbd5;font-size:14px;color:#5f636b}.exercise-count strong{font-size:18px;color:#e21f2f;margin-right:4px}.exercise-catalog-list{display:flex;flex-direction:column}.exercise-catalog-item{width:100%;display:grid;grid-template-columns:96px 1fr 20px;gap:14px;align-items:center;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #e0ddd8;background:transparent;color:#111;cursor:pointer;transition:.18s ease}.exercise-catalog-item:hover{background:#f0ede8}.exercise-catalog-item.active{background:linear-gradient(90deg,rgba(226,31,47,.13),rgba(226,31,47,.03));box-shadow:inset 3px 0 #e21f2f}.exercise-thumb{height:72px;background:#fff;border:1px solid #dedbd5;display:flex;align-items:center;justify-content:center;overflow:hidden}.exercise-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;padding:0;background:#fff}.exercise-thumb span{display:flex;width:38px;height:38px;align-items:center;justify-content:center;background:#111;color:#fff;font-weight:900;font-size:18px}.exercise-catalog-copy{min-width:0}.exercise-catalog-copy strong{display:block;font-size:15px;margin-bottom:5px}.exercise-catalog-copy small{display:block;color:#70747c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.exercise-catalog-copy>div{display:flex;gap:6px;flex-wrap:wrap}.difficulty-tag,.catalog-mini{display:inline-flex;padding:4px 7px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.difficulty-tag{background:#e4f4e8;color:#27703d}.catalog-mini{background:#e8eef9;color:#2357a7}.exercise-catalog-item>i{font-style:normal;font-size:22px;color:#999}.exercise-pagination{display:flex;align-items:center;justify-content:center;gap:7px;padding:14px;border-top:1px solid #dedbd5}.exercise-pagination button{width:34px;height:34px;border:1px solid #d4d0c9;background:#fff;cursor:pointer;font-weight:800}.exercise-pagination button.active{background:#e21f2f;color:#fff;border-color:#e21f2f}.exercise-pagination button:disabled{opacity:.35;cursor:not-allowed}.exercise-pagination span{font-size:12px;color:#777}.exercise-detail-panel{min-height:700px}.exercise-detail-empty{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a8e96;text-align:center}.exercise-detail-empty strong{font-size:22px;color:#333}.exercise-detail-content h2{font-size:26px;margin:0 0 9px}.exercise-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.exercise-detail-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.exercise-detail-tags>span:not(.difficulty-tag){font-size:12px;color:#666;background:#ece9e4;padding:4px 8px}.exercise-detail-separator{height:1px;background:#ddd9d2;margin:18px 0}.exercise-detail-content>h3,.exercise-description h3{font-size:15px;margin:0 0 10px}.exercise-detail-image{min-height:340px;height:auto;aspect-ratio:3/2;background:#fff;border:1px solid #d8d4cd;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px}.exercise-detail-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:0}.exercise-detail-image.missing{background:repeating-linear-gradient(135deg,#faf9f7,#faf9f7 12px,#f3f1ed 12px,#f3f1ed 24px)}.exercise-image-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#777}.exercise-image-placeholder b{display:flex;width:70px;height:70px;align-items:center;justify-content:center;background:#111;color:#fff;font-size:28px}.exercise-description{border:1px solid #dedbd5;background:#fff;padding:14px;margin-bottom:18px}.exercise-description p{margin:0;line-height:1.65;color:#474b52}.exercise-detail-info{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dedbd5;border-bottom:1px solid #dedbd5}.exercise-detail-info>div{padding:16px}.exercise-detail-info>div+div{border-left:1px solid #dedbd5}.exercise-detail-info h4{margin:0 0 7px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6f737a}.exercise-detail-info strong,.exercise-detail-info small{display:block}.exercise-detail-info small{margin-top:5px;color:#7b7f86}.exercise-detail-actions{display:flex;justify-content:flex-end;margin-top:16px}.exercise-admin-form{margin-top:18px}.exercise-admin-form summary{cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:900}.exercise-admin-form summary small{font-weight:400;color:#7a7e86}.exercise-form-body{padding-top:18px}.exercise-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.exercise-form-grid label{margin:0}.exercise-instructions-field{grid-column:1/-1}.exercise-form-grid .primary{grid-column:1/-1;justify-self:start}.exercise-form-grid small{display:block;margin-top:5px;color:#777} @media(max-width:1150px){.exercise-library-grid{grid-template-columns:1fr}.exercise-detail-panel{min-height:0}.exercise-detail-empty{min-height:280px}.exercise-detail-image{height:300px}}@media(max-width:720px){.exercise-library-head{align-items:stretch;flex-direction:column}.exercise-library-filters{min-width:0;flex-direction:column}.exercise-library-filters select{min-width:0}.exercise-catalog-item{grid-template-columns:76px 1fr 14px}.exercise-thumb{height:62px}.exercise-detail-top{flex-direction:column}.exercise-detail-image{height:240px}.exercise-detail-info{grid-template-columns:1fr}.exercise-detail-info>div+div{border-left:0;border-top:1px solid #dedbd5}.exercise-form-grid{grid-template-columns:1fr}.exercise-instructions-field,.exercise-form-grid .primary{grid-column:auto}} /* Biblioteca de exercicios - midia v5 quality */ .exercise-detail-image{aspect-ratio:3/2!important;min-height:0!important;height:auto!important;background:#fff!important;padding:0!important} .exercise-detail-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;image-rendering:auto!important;filter:none!important} .exercise-thumb{aspect-ratio:3/2!important;height:auto!important;min-height:64px!important;background:#fff!important} .exercise-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;image-rendering:auto!important;filter:none!important} /* Qualidade ampliada da biblioteca no portal profissional */ .exercise-library-view{max-width:1700px!important} .exercise-library-grid{grid-template-columns:minmax(360px,.72fr) minmax(680px,1.9fr)!important} .exercise-detail-panel{padding:22px!important} .exercise-detail-image{aspect-ratio:16/10!important;min-height:520px!important;max-height:72vh!important;background:linear-gradient(180deg,#fff,#fbfbfb)!important;border:1px solid #d5d5d5!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important;cursor:zoom-in!important} .exercise-detail-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:10px!important;image-rendering:auto!important;transform:translateZ(0);backface-visibility:hidden} .exercise-thumb{min-width:112px!important;aspect-ratio:3/2!important;min-height:74px!important;border-color:#d7d7d7!important} .exercise-thumb img{object-fit:contain!important;padding:3px!important} .exercise-catalog-item{grid-template-columns:112px 1fr 20px!important;padding:13px 15px!important} .exercise-image-modal{position:fixed;inset:0;z-index:99999;background:rgba(5,7,10,.94);display:none;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(8px)} .exercise-image-modal.open{display:flex} .exercise-image-modal-stage{width:min(1500px,96vw);height:min(900px,88vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px} .exercise-image-modal-stage img{display:block;max-width:100%;max-height:calc(88vh - 54px);width:auto;height:auto;object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.45)} .exercise-image-modal-caption{color:#fff;font-size:16px;font-weight:800;text-align:center} .exercise-image-modal-close{position:fixed;top:20px;right:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:32px;line-height:1;cursor:pointer} @media(max-width:1150px){.exercise-library-grid{grid-template-columns:1fr!important}.exercise-detail-image{min-height:420px!important}} @media(max-width:720px){.exercise-detail-image{min-height:280px!important;aspect-ratio:4/3!important}.exercise-catalog-item{grid-template-columns:86px 1fr 14px!important}.exercise-thumb{min-width:86px!important;min-height:58px!important}} /* ===== v2.4: previews de treino e PDFs por dia no portal profissional ===== */ .pro-day-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:18px 0 20px} .pro-day-card{border:1px solid #e3e4e8;border-radius:12px;background:#fff;overflow:hidden;min-width:0} .pro-day-image{aspect-ratio:16/9;background:#f7f7f5;display:flex;align-items:center;justify-content:center;overflow:hidden} .pro-day-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#fff} .pro-day-copy{padding:10px 11px;display:grid;gap:4px} .pro-day-copy strong{font-size:13px}.pro-day-copy small{color:#777;font-size:10px}.pro-pdf-btn{margin-top:5px;width:100%}.pro-pdf-all{background:#171719!important;color:#fff!important} @media(max-width:1250px){.pro-day-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}} @media(max-width:760px){.pro-day-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.pro-day-grid{grid-template-columns:1fr}} /* ===== v2.6: midia sem legenda e imagem inteira nos dois portais ===== */ .exercise-image-modal-caption{display:none!important} .exercise-detail-image img,.exercise-thumb img,.pro-day-image img{object-fit:contain!important;object-position:center!important;background:#fff!important} /* V7 - cards profissionais: somente A-D e sugestão do dia */ .pro-day-card{position:relative}.pro-day-card.suggested{border:2px solid #e21f2f}.pro-suggested-badge{position:absolute;top:8px;left:8px;z-index:4;background:#e21f2f;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.pro-day-grid{grid-template-columns:repeat(4,minmax(150px,1fr))} @media(max-width:1250px){.pro-day-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}} .sport-profile-detail{display:grid;gap:8px}.sport-profile-detail p{margin:0;padding:10px 12px;background:#f7f7f7;border-left:3px solid #c92332;line-height:1.5}.sport-profile-detail b{color:#222} /* v9 - biblioteca sempre visivel e imagens completas */ #studentsView.active,#exercisesView.active{display:block!important;visibility:visible!important;opacity:1!important;min-height:420px} #studentsTable,#exercisesTable,.exercise-library-grid{visibility:visible!important;opacity:1!important} .exercise-detail-panel{min-height:0!important} .exercise-detail-image{ min-height:460px!important; height:min(68vh,720px)!important; aspect-ratio:auto!important; padding:14px!important; overflow:visible!important; background:#fff!important; } .exercise-detail-image img{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; padding:0!important; background:#fff!important; } .exercise-thumb{height:84px!important;overflow:visible!important;background:#fff!important} .exercise-thumb img{object-fit:contain!important;object-position:center!important;padding:4px!important} .exercise-image-modal-stage img{max-width:94vw!important;max-height:90vh!important;width:auto!important;height:auto!important;object-fit:contain!important;background:#fff!important} @media(max-width:720px){.exercise-detail-image{min-height:320px!important;height:52vh!important}} /* v18 - exercicios em alta resolucao: nunca recortar a midia */ .exercise-detail-image img, .exercise-thumb img, .exercise-media-demo img, .today-exercise-preview img, .runner-media img, .exercise-media img, .day-cover-media img, .day-cover-card > img { object-fit: contain !important; object-position: center !important; background: #fff !important; padding: 0 !important; image-rendering: auto !important; filter: none !important; transform: none !important; } .exercise-detail-image { aspect-ratio: 3 / 2 !important; overflow: hidden !important; background:#fff !important; } /* Treinamento x Consultoria */ .service-difference { padding: 90px 24px; background: #f5f4f2; } .service-difference-inner { width: min(1180px, 100%); margin: 0 auto; } .service-intro { max-width: 720px; margin-bottom: 42px; } .service-eyebrow { display: block; margin-bottom: 12px; color: #e21f26; font-size: 12px; font-weight: 800; letter-spacing: 2px; } .service-intro h2 { margin: 0 0 14px; font-size: clamp(38px, 5vw, 64px); line-height: .98; letter-spacing: -2px; } .service-intro p { max-width: 620px; margin: 0; color: #737373; font-size: 17px; line-height: 1.7; } .service-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .service-card { position: relative; padding: 38px; border: 1px solid #ddd; background: #fff; border-radius: 8px; } .service-card-training { border-top: 4px solid #e21f26; } .service-card-consulting { background: #181818; color: #fff; border-color: #181818; border-top: 4px solid #e21f26; } .service-number { display: block; margin-bottom: 28px; color: #e21f26; font-size: 13px; font-weight: 800; letter-spacing: 2px; } .service-card h3 { margin: 0 0 12px; font-size: 30px; } .service-card p { line-height: 1.7; } .service-highlight { font-size: 18px; font-weight: 700; } .service-card-training p:not(.service-highlight) { color: #6f6f6f; } .service-card-consulting p:not(.service-highlight) { color: #c5c5c5; } .service-tag { margin-top: 28px; padding-top: 20px; border-top: 1px solid #ddd; font-size: 13px; font-weight: 700; } .service-link { display: inline-block; margin-top: 18px; color: #fff; font-weight: 800; text-decoration: none; border-bottom: 2px solid #e21f26; padding-bottom: 5px; } .service-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin-top: 38px; padding-top: 34px; border-top: 1px solid #d6d6d6; } .service-faq h4 { margin: 0 0 8px; font-size: 17px; } .service-faq p { margin: 0; color: #777; line-height: 1.65; } @media (max-width: 760px) { .service-difference { padding: 64px 20px; } .service-cards, .service-faq { grid-template-columns: 1fr; } .service-card { padding: 28px; } .service-intro h2 { letter-spacing: -1px; } } /* ===== Regras de restrição ===== */ #rulesEditor { display: grid; gap: 22px; } .safety-rule-card { border: 1px solid #ddd; background: #fff; border-radius: 10px; overflow: hidden; } .safety-rule-card-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; padding: 22px; border-bottom: 1px solid #eee; } .safety-rule-card-head span { display: block; margin-bottom: 6px; color: #ed1c24; font-size: 11px; font-weight: 900; letter-spacing: 1.5px; } .safety-rule-card-head h3 { margin: 0 0 8px; font-size: 22px; } .safety-rule-card-head p { margin: 0; color: #666; line-height: 1.5; max-width: 720px; } .safety-rule-search-wrap { padding: 14px 22px; border-bottom: 1px solid #eee; background: #fafafa; } .safety-rule-search { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid #ccc; border-radius: 6px; } .safety-rule-columns, .safety-rule-row { display: grid; grid-template-columns: minmax(260px, 2fr) minmax(150px, .8fr) minmax(120px, .6fr) minmax(220px, 1.2fr); gap: 12px; align-items: center; } .safety-rule-columns { padding: 11px 22px; background: #f3f3f3; border-bottom: 1px solid #ddd; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; } .safety-rule-list { max-height: 620px; overflow: auto; } .safety-rule-row { padding: 12px 22px; border-bottom: 1px solid #eee; } .safety-rule-row:last-child { border-bottom: 0; } .safety-rule-exercise { display: flex; flex-direction: column; gap: 4px; } .safety-rule-exercise strong { font-size: 14px; } .safety-rule-exercise small { color: #777; } .safety-rule-row select, .safety-rule-row input { width: 100%; min-height: 38px; border: 1px solid #ccc; border-radius: 5px; padding: 0 9px; background: #fff; } .safety-rule-row select.rule-action { font-weight: 700; } @media (max-width: 980px) { .safety-rule-card-head { flex-direction: column; } .safety-rule-columns { display: none; } .safety-rule-row { grid-template-columns: 1fr; gap: 8px; } .safety-rule-list { max-height: none; } } /* ========================================================= PERFIL 360 - FEEDBACK E EXECUCAO RECENTE ========================================================= */ #studentDetailModal .detail-360-section{ margin-top:24px; padding-top:22px; border-top:1px solid #e7e7ea; } #studentDetailModal .detail-360-section > h3{ margin:0 0 16px; font-size:18px; font-weight:800; color:#171719; } /* ===== Feedback recente ===== */ #studentDetailModal .session-feedback{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; margin-bottom:8px; border:1px solid #e7e7ea; border-radius:12px; background:#fff; } #studentDetailModal .session-feedback strong{ font-size:13px; color:#171719; } #studentDetailModal .session-feedback span{ font-size:12px; color:#60636b; text-align:right; } #studentDetailModal .session-feedback.attention{ border-left:4px solid #d62431; } /* ===== Execucao recente ===== */ #studentDetailModal .admin-execution-card{ margin:0 0 18px; overflow:hidden; background:#fff; border:1px solid #e2e4e8; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.035); } #studentDetailModal .admin-execution-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; background:#f7f7f8; border-bottom:1px solid #e2e4e8; } #studentDetailModal .admin-execution-head > div{ display:flex; align-items:center; justify-content:space-between; width:100%; gap:16px; } #studentDetailModal .admin-execution-head strong{ display:block; font-size:14px; font-weight:800; color:#18181a; } #studentDetailModal .admin-execution-head small{ font-size:11px; font-weight:600; color:#747780; white-space:nowrap; } #studentDetailModal .admin-execution-series{ display:grid; width:100%; } #studentDetailModal .admin-execution-series::before{ content:"SÉRIE REPETIÇÕES CARGA RPE"; display:block; padding:10px 18px; background:#fafafb; border-bottom:1px solid #eceef1; color:#777b83; font-size:10px; font-weight:800; letter-spacing:.05em; white-space:pre; } #studentDetailModal .admin-execution-row{ display:grid; grid-template-columns:100px 1fr 1fr 1fr; align-items:center; gap:14px; padding:12px 18px; border-bottom:1px solid #eef0f2; font-size:13px; color:#26272a; } #studentDetailModal .admin-execution-row:last-child{ border-bottom:0; } #studentDetailModal .admin-execution-row span:first-child{ font-weight:800; color:#d62431; } #studentDetailModal .admin-execution-row span:nth-child(2), #studentDetailModal .admin-execution-row span:nth-child(3), #studentDetailModal .admin-execution-row span:nth-child(4){ font-weight:600; } /* ===== Sugestoes de carga ===== */ #studentDetailModal .suggestion-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; padding:13px 14px; border-bottom:1px solid #eceef1; } #studentDetailModal .suggestion-row > div{ min-width:0; } #studentDetailModal .suggestion-row strong{ display:block; margin-bottom:3px; font-size:13px; } #studentDetailModal .suggestion-row small{ display:block; color:#6f7279; line-height:1.4; } #studentDetailModal .suggestion-row > b{ white-space:nowrap; font-size:13px; } #studentDetailModal .suggestion-row > b.up{ color:#16803d; } #studentDetailModal .suggestion-row > b.down{ color:#d62431; } /* ===== Responsivo ===== */ @media (max-width:760px){ #studentDetailModal .session-feedback{ flex-direction:column; align-items:flex-start; } #studentDetailModal .session-feedback span{ text-align:left; } #studentDetailModal .admin-execution-series::before{ display:none; } #studentDetailModal .admin-execution-row{ grid-template-columns:1fr 1fr; gap:8px 14px; } #studentDetailModal .admin-execution-head > div{ align-items:flex-start; flex-direction:column; gap:3px; } #studentDetailModal .suggestion-row{ grid-template-columns:1fr; gap:6px; } } /* ========================================================= PERFIL 360 - FEEDBACK E EXECUCAO RECENTE ========================================================= */ #studentDetailModal .detail-360-section{ margin-top:24px; padding-top:22px; border-top:1px solid #e7e7ea; } #studentDetailModal .detail-360-section > h3{ margin:0 0 16px; font-size:18px; font-weight:800; color:#171719; } /* ===== Feedback recente ===== */ #studentDetailModal .session-feedback{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 16px; margin-bottom:8px; border:1px solid #e7e7ea; border-radius:12px; background:#fff; } #studentDetailModal .session-feedback strong{ font-size:13px; color:#171719; } #studentDetailModal .session-feedback span{ font-size:12px; color:#60636b; text-align:right; } #studentDetailModal .session-feedback.attention{ border-left:4px solid #d62431; } /* ===== Execucao recente ===== */ #studentDetailModal .admin-execution-card{ margin:0 0 18px; overflow:hidden; background:#fff; border:1px solid #e2e4e8; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.035); } #studentDetailModal .admin-execution-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 18px; background:#f7f7f8; border-bottom:1px solid #e2e4e8; } #studentDetailModal .admin-execution-head > div{ display:flex; align-items:center; justify-content:space-between; width:100%; gap:16px; } #studentDetailModal .admin-execution-head strong{ display:block; font-size:14px; font-weight:800; color:#18181a; } #studentDetailModal .admin-execution-head small{ font-size:11px; font-weight:600; color:#747780; white-space:nowrap; } #studentDetailModal .admin-execution-series{ display:grid; width:100%; } #studentDetailModal .admin-execution-series::before{ content:"SÉRIE REPETIÇÕES CARGA RPE"; display:block; padding:10px 18px; background:#fafafb; border-bottom:1px solid #eceef1; color:#777b83; font-size:10px; font-weight:800; letter-spacing:.05em; white-space:pre; } #studentDetailModal .admin-execution-row{ display:grid; grid-template-columns:100px 1fr 1fr 1fr; align-items:center; gap:14px; padding:12px 18px; border-bottom:1px solid #eef0f2; font-size:13px; color:#26272a; } #studentDetailModal .admin-execution-row:last-child{ border-bottom:0; } #studentDetailModal .admin-execution-row span:first-child{ font-weight:800; color:#d62431; } #studentDetailModal .admin-execution-row span:nth-child(2), #studentDetailModal .admin-execution-row span:nth-child(3), #studentDetailModal .admin-execution-row span:nth-child(4){ font-weight:600; } /* ===== Sugestoes de carga ===== */ #studentDetailModal .suggestion-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; padding:13px 14px; border-bottom:1px solid #eceef1; } #studentDetailModal .suggestion-row > div{ min-width:0; } #studentDetailModal .suggestion-row strong{ display:block; margin-bottom:3px; font-size:13px; } #studentDetailModal .suggestion-row small{ display:block; color:#6f7279; line-height:1.4; } #studentDetailModal .suggestion-row > b{ white-space:nowrap; font-size:13px; } #studentDetailModal .suggestion-row > b.up{ color:#16803d; } #studentDetailModal .suggestion-row > b.down{ color:#d62431; } /* ===== Responsivo ===== */ @media (max-width:760px){ #studentDetailModal .session-feedback{ flex-direction:column; align-items:flex-start; } #studentDetailModal .session-feedback span{ text-align:left; } #studentDetailModal .admin-execution-series::before{ display:none; } #studentDetailModal .admin-execution-row{ grid-template-columns:1fr 1fr; gap:8px 14px; } #studentDetailModal .admin-execution-head > div{ align-items:flex-start; flex-direction:column; gap:3px; } #studentDetailModal .suggestion-row{ grid-template-columns:1fr; gap:6px; } } /* ========================================================= ADMIN MOBILE - MENU LATERAL ========================================================= */ .admin-mobile-menu-btn, .admin-sidebar-overlay{ display:none; } @media(max-width:900px){ body{ overflow-x:hidden; } .app-shell{ display:block !important; } .content{ width:100% !important; min-width:0 !important; margin-left:0 !important; } /* Topo */ .topbar{ position:sticky !important; top:0 !important; z-index:80 !important; display:grid !important; grid-template-columns:48px minmax(0,1fr) !important; align-items:center !important; gap:12px !important; min-height:76px !important; padding:12px 16px !important; background:#111316 !important; color:#fff !important; } .topbar > div{ min-width:0 !important; } .topbar .eyebrow{ color:#ef3340 !important; } .topbar h1{ margin:3px 0 0 !important; color:#fff !important; font-size:24px !important; line-height:1.1 !important; } .topbar .top-subtitle{ display:none !important; } /* Botao hamburguer */ .admin-mobile-menu-btn{ display:flex !important; width:44px !important; height:44px !important; padding:10px !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:5px !important; border:1px solid #383b41 !important; border-radius:8px !important; background:#1b1d21 !important; cursor:pointer !important; } .admin-mobile-menu-btn span{ display:block !important; width:21px !important; height:2px !important; background:#fff !important; border-radius:3px !important; } /* Sidebar */ .sidebar{ position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important; z-index:100 !important; width:min(84vw,330px) !important; height:100dvh !important; transform:translateX(-105%) !important; transition:transform .24s ease !important; overflow-y:auto !important; box-shadow:18px 0 55px rgba(0,0,0,.28) !important; } .sidebar.admin-mobile-open{ transform:translateX(0) !important; } /* Overlay */ .admin-sidebar-overlay{ display:block !important; position:fixed !important; inset:0 !important; z-index:95 !important; background:rgba(0,0,0,.56) !important; opacity:0 !important; visibility:hidden !important; transition:.22s ease !important; } .admin-sidebar-overlay.open{ opacity:1 !important; visibility:visible !important; } body.admin-menu-open{ overflow:hidden !important; } /* Conteudo */ .content{ padding:0 !important; } .view{ padding:18px 14px 40px !important; } } /* ========================================================= ADMIN MOBILE - MENU LATERAL COMPACTO V2 ========================================================= */ @media(max-width:900px){ .sidebar{ width:min(82vw,320px) !important; padding:18px 14px !important; } /* Logo */ .sidebar .brand{ padding:8px 8px 20px !important; margin:0 0 8px !important; } .sidebar .admin-logo-sidebar{ display:block !important; width:190px !important; max-width:90% !important; margin:0 auto !important; } .sidebar .admin-logo-sidebar img{ display:block !important; width:100% !important; height:auto !important; } /* Navegacao em UMA coluna */ .sidebar nav{ display:flex !important; flex-direction:column !important; grid-template-columns:none !important; gap:4px !important; width:100% !important; } .sidebar .nav-item{ display:flex !important; width:100% !important; min-height:48px !important; align-items:center !important; justify-content:flex-start !important; margin:0 !important; padding:11px 14px !important; border-radius:8px !important; font-size:15px !important; line-height:1.25 !important; text-align:left !important; white-space:normal !important; } .sidebar .nav-item.active{ border-left:3px solid #ef3340 !important; padding-left:11px !important; } /* Rodape */ .sidebar-footer{ margin-top:20px !important; padding:18px 8px 4px !important; font-size:14px !important; } } /* ========================================================= ADMIN MOBILE - DASHBOARD ========================================================= */ @media(max-width:900px){ /* Titulo do dashboard */ .prof-dashboard-titlebar{ display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:16px !important; padding:18px 16px !important; margin:0 0 16px !important; } .prof-dashboard-titlebar h2{ margin:4px 0 6px !important; font-size:28px !important; line-height:1.05 !important; } .prof-dashboard-titlebar p{ margin:0 !important; font-size:14px !important; line-height:1.45 !important; } .dashboard-hero-actions{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; width:100% !important; } .dashboard-hero-actions a, .dashboard-hero-actions button{ width:100% !important; min-height:46px !important; justify-content:center !important; text-align:center !important; } /* KPIs */ .prof-kpi-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; margin-bottom:16px !important; } .prof-kpi-grid article{ min-width:0 !important; padding:16px 14px !important; border-radius:12px !important; } .prof-kpi-grid article span{ font-size:11px !important; line-height:1.25 !important; } .prof-kpi-grid article strong{ display:block !important; margin:6px 0 4px !important; font-size:24px !important; line-height:1 !important; overflow-wrap:anywhere !important; } .prof-kpi-grid article small{ font-size:10px !important; line-height:1.3 !important; } /* Blocos principais */ .prof-dashboard-main-grid{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; } .dashboard-pro-view .panel{ min-width:0 !important; padding:16px !important; border-radius:12px !important; } .dashboard-pro-view .panel-head{ display:block !important; margin-bottom:14px !important; } .dashboard-pro-view .panel-head h2{ margin:4px 0 5px !important; font-size:21px !important; line-height:1.1 !important; } .dashboard-pro-view .panel-head p{ font-size:13px !important; line-height:1.4 !important; } /* Saude do sistema */ .system-health-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; } .system-health-grid > div{ min-width:0 !important; padding:12px !important; } .system-health-grid span{ font-size:10px !important; line-height:1.25 !important; } .system-health-grid strong{ display:block !important; margin-top:5px !important; font-size:20px !important; } /* Linhas de status */ .dashboard-status-line{ display:grid !important; grid-template-columns:1fr auto !important; gap:7px 10px !important; align-items:center !important; padding:11px 0 !important; } .dashboard-status-line > span{ font-size:12px !important; } .dashboard-status-line > b{ font-size:11px !important; } .dashboard-status-line .status-track{ grid-column:1 / -1 !important; width:100% !important; } /* Assinaturas */ .subscription-donut-wrap{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:18px !important; } .subscription-donut{ width:180px !important; height:180px !important; max-width:70vw !important; } .subscription-legend{ width:100% !important; } .subscription-legend > div{ display:grid !important; grid-template-columns:12px 1fr auto !important; align-items:center !important; gap:8px !important; padding:9px 0 !important; } /* Paineis inferiores */ .prof-dashboard-secondary-grid, .dashboard-secondary-grid{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; } .dashboard-pro-view .small-btn{ width:100% !important; margin-top:10px !important; } } @media(max-width:420px){ .prof-kpi-grid{ grid-template-columns:1fr 1fr !important; } .prof-kpi-grid article{ padding:14px 12px !important; } .prof-kpi-grid article strong{ font-size:21px !important; } .system-health-grid{ grid-template-columns:1fr 1fr !important; } } /* ========================================================= ADMIN MOBILE - ALUNOS EM CARDS ========================================================= */ .students-mobile-list{ display:none; } @media(max-width:900px){ #studentsView .panel{ padding:16px !important; overflow:visible !important; } #studentsView .panel-head{ display:block !important; } #studentsView .panel-head h2{ font-size:24px !important; margin-bottom:6px !important; } #studentsView .panel-head p{ font-size:13px !important; line-height:1.4 !important; } .student-tools{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; margin-top:14px !important; width:100% !important; } .student-tools .search, .student-status-filter{ width:100% !important; min-width:0 !important; min-height:46px !important; } .students-desktop-table{ display:none !important; } .students-mobile-list{ display:grid !important; gap:14px !important; margin-top:16px !important; } .student-mobile-card{ width:100% !important; min-width:0 !important; padding:16px !important; background:#fff !important; border:1px solid #dedfe3 !important; border-radius:14px !important; box-shadow:0 6px 20px rgba(0,0,0,.04) !important; } .student-mobile-card-inactive{ opacity:.78; background:#f8f8f8 !important; } .student-mobile-head{ display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:12px !important; padding-bottom:14px !important; margin-bottom:14px !important; border-bottom:1px solid #ececef !important; } .student-mobile-head > div{ min-width:0 !important; } .student-mobile-head h3{ margin:0 0 5px !important; font-size:19px !important; line-height:1.2 !important; overflow-wrap:anywhere !important; } .student-mobile-head p{ margin:0 !important; color:#72757d !important; font-size:12px !important; line-height:1.35 !important; overflow-wrap:anywhere !important; } .student-mobile-status{ flex:0 0 auto !important; padding:6px 9px !important; border-radius:999px !important; font-size:10px !important; font-weight:800 !important; text-transform:uppercase !important; } .student-mobile-status.active{ background:#eaf8ef !important; color:#168044 !important; } .student-mobile-status.inactive{ background:#fdecec !important; color:#b72b35 !important; } .student-mobile-info{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; } .student-mobile-info > div{ min-width:0 !important; padding:12px !important; background:#f7f7f8 !important; border:1px solid #e6e6e8 !important; border-radius:10px !important; } .student-mobile-info .wide{ grid-column:1 / -1 !important; } .student-mobile-info span{ display:block !important; margin-bottom:5px !important; color:#7b7d83 !important; font-size:9px !important; font-weight:800 !important; text-transform:uppercase !important; letter-spacing:.05em !important; } .student-mobile-info strong{ display:block !important; font-size:14px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } .student-mobile-info small{ display:block !important; margin-top:3px !important; color:#85878c !important; font-size:10px !important; } .student-mobile-actions{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; margin-top:14px !important; } .student-mobile-actions button{ width:100% !important; min-height:43px !important; margin:0 !important; justify-content:center !important; text-align:center !important; } .student-mobile-actions .wide{ grid-column:1 / -1 !important; } .students-pager{ display:flex !important; flex-direction:column !important; gap:10px !important; margin-top:16px !important; } .students-pager > span{ text-align:center !important; font-size:11px !important; } .students-pager-btns{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; } .students-pager-btns button{ width:100% !important; min-height:42px !important; } } /* ========================================================= ADMIN MOBILE - PERFIL 360 ========================================================= */ @media(max-width:900px){ /* Dialog */ #studentDetailModal{ width:100% !important; max-width:none !important; height:100dvh !important; max-height:100dvh !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:#f5f4f1 !important; } #studentDetailModal::backdrop{ background:rgba(0,0,0,.62) !important; } #studentDetailModal .modal-form{ width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:14px !important; border-radius:0 !important; overflow-x:hidden !important; } /* Cabecalho */ #studentDetailModal .modal-head{ position:sticky !important; top:0 !important; z-index:20 !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:10px !important; margin:-14px -14px 14px !important; padding:16px !important; background:#111316 !important; border-bottom:3px solid #e32636 !important; } #studentDetailModal .modal-head > div{ min-width:0 !important; } #studentDetailModal .modal-head h2{ margin:0 0 4px !important; color:#fff !important; font-size:22px !important; line-height:1.15 !important; overflow-wrap:anywhere !important; } #studentDetailModal .modal-head p{ margin:0 !important; color:#aeb0b6 !important; font-size:11px !important; line-height:1.35 !important; } /* Botoes do cabecalho */ #studentDetailModal .modal-head button{ min-width:42px !important; min-height:42px !important; margin:0 !important; padding:9px 11px !important; font-size:12px !important; } /* Container geral do Perfil 360 */ #studentDetailModal #studentDetail, #studentDetailModal .detail-360{ width:100% !important; min-width:0 !important; display:block !important; } /* Cada secao vira um card */ #studentDetailModal .detail-360-section{ width:100% !important; min-width:0 !important; margin:0 0 14px !important; padding:16px !important; background:#fff !important; border:1px solid #dedfe2 !important; border-radius:14px !important; box-shadow:0 5px 18px rgba(0,0,0,.035) !important; overflow:hidden !important; } #studentDetailModal .detail-360-section > h3{ margin:0 0 14px !important; padding-bottom:10px !important; border-bottom:1px solid #ececef !important; font-size:18px !important; line-height:1.2 !important; } /* Textos longos do perfil */ #studentDetailModal .detail-360-section p{ margin:0 !important; padding:9px 0 !important; border-bottom:1px solid #f0f0f1 !important; font-size:13px !important; line-height:1.45 !important; overflow-wrap:anywhere !important; } #studentDetailModal .detail-360-section p:last-child{ border-bottom:0 !important; } #studentDetailModal .detail-360-section p b{ display:block !important; margin-bottom:3px !important; color:#74767d !important; font-size:10px !important; line-height:1.2 !important; text-transform:uppercase !important; letter-spacing:.05em !important; } /* Comparacao de ciclos */ #studentDetailModal .comparison-grid{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; } #studentDetailModal .comparison-grid > *{ min-width:0 !important; } /* Sugestoes de carga */ #studentDetailModal .suggestion-row{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; padding:12px 0 !important; border-bottom:1px solid #ececef !important; } #studentDetailModal .suggestion-row:last-child{ border-bottom:0 !important; } #studentDetailModal .suggestion-row > div{ min-width:0 !important; } #studentDetailModal .suggestion-row strong{ display:block !important; font-size:14px !important; line-height:1.3 !important; } #studentDetailModal .suggestion-row small{ display:block !important; margin-top:4px !important; color:#797b81 !important; font-size:11px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; } #studentDetailModal .suggestion-row > b{ justify-self:start !important; padding:6px 9px !important; background:#f4f4f5 !important; border-radius:7px !important; font-size:12px !important; } /* Feedback / Financeiro / Auditoria */ #studentDetailModal .history-row{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:5px !important; padding:12px 0 !important; border-bottom:1px solid #ececef !important; } #studentDetailModal .history-row:last-child{ border-bottom:0 !important; } #studentDetailModal .history-row strong{ width:100% !important; font-size:13px !important; line-height:1.35 !important; overflow-wrap:anywhere !important; } #studentDetailModal .history-row span{ width:100% !important; color:#72747a !important; font-size:11px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; } /* Execucao recente */ #studentDetailModal .admin-execution-card{ margin:0 0 12px !important; border:1px solid #e2e3e5 !important; border-radius:12px !important; overflow:hidden !important; } #studentDetailModal .admin-execution-head{ padding:12px !important; background:#f7f7f8 !important; } #studentDetailModal .admin-execution-head strong{ display:block !important; font-size:14px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } #studentDetailModal .admin-execution-head small{ display:block !important; margin-top:3px !important; color:#777980 !important; font-size:10px !important; } #studentDetailModal .admin-execution-row{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px 12px !important; padding:11px 12px !important; border-top:1px solid #ececef !important; } #studentDetailModal .admin-execution-row span{ min-width:0 !important; font-size:12px !important; line-height:1.3 !important; } #studentDetailModal .admin-execution-row span:nth-child(3), #studentDetailModal .admin-execution-row span:nth-child(4){ color:#686a70 !important; } /* Empty states */ #studentDetailModal .empty{ padding:16px 10px !important; font-size:12px !important; line-height:1.4 !important; text-align:center !important; } } /* ========================================================= ADMIN MOBILE - BIBLIOTECA DE EXERCICIOS ========================================================= */ @media(max-width:900px){ /* Cabecalho */ #exercisesView{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #exercisesView .exercise-library-head{ display:block !important; margin-bottom:14px !important; } #exercisesView .exercise-library-head h2{ margin:4px 0 5px !important; font-size:26px !important; line-height:1.1 !important; } #exercisesView .exercise-library-head p{ margin:0 !important; font-size:12px !important; line-height:1.45 !important; } /* Busca + filtro */ #exercisesView .exercise-library-filters{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; width:100% !important; margin-top:14px !important; } #exercisesView #exerciseSearch, #exercisesView #exerciseGroupFilter{ width:100% !important; min-width:0 !important; min-height:46px !important; margin:0 !important; } /* Lista primeiro, detalhe depois */ #exercisesView .exercise-library-grid{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; width:100% !important; } #exercisesView .exercise-catalog-panel, #exercisesView .exercise-detail-panel{ width:100% !important; min-width:0 !important; padding:14px !important; } #exercisesView .exercise-count{ margin-bottom:10px !important; font-size:12px !important; } /* Cards da lista */ #exercisesView .exercise-catalog-list{ display:grid !important; gap:8px !important; } #exercisesView .exercise-catalog-item{ width:100% !important; min-width:0 !important; display:grid !important; grid-template-columns:78px minmax(0,1fr) 14px !important; align-items:center !important; gap:10px !important; padding:9px !important; border-radius:12px !important; overflow:hidden !important; } #exercisesView .exercise-thumb{ width:78px !important; min-width:78px !important; height:64px !important; min-height:64px !important; aspect-ratio:auto !important; padding:2px !important; overflow:hidden !important; border-radius:9px !important; background:#fff !important; } #exercisesView .exercise-thumb img{ display:block !important; width:100% !important; height:100% !important; padding:0 !important; object-fit:contain !important; object-position:center !important; } #exercisesView .exercise-catalog-copy{ min-width:0 !important; text-align:left !important; } #exercisesView .exercise-catalog-copy strong{ display:block !important; margin-bottom:3px !important; font-size:13px !important; line-height:1.25 !important; overflow-wrap:anywhere !important; } #exercisesView .exercise-catalog-copy small{ display:block !important; margin-bottom:6px !important; color:#74767c !important; font-size:10px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } #exercisesView .difficulty-tag, #exercisesView .catalog-mini{ display:inline-flex !important; margin:0 4px 2px 0 !important; padding:4px 6px !important; font-size:9px !important; line-height:1 !important; } /* Paginacao */ #exercisesView .exercise-pagination{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; gap:5px !important; margin-top:12px !important; } #exercisesView .exercise-pagination button{ min-width:36px !important; min-height:36px !important; padding:6px !important; } #exercisesView .exercise-pagination span{ font-size:10px !important; } /* Detalhe selecionado */ #exercisesView .exercise-detail-panel{ min-height:0 !important; } #exercisesView .exercise-detail-empty{ min-height:150px !important; padding:24px 14px !important; } #exercisesView .exercise-detail-content{ width:100% !important; min-width:0 !important; } #exercisesView .exercise-detail-top{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; } #exercisesView .exercise-detail-top h2{ margin:0 0 8px !important; font-size:22px !important; line-height:1.15 !important; overflow-wrap:anywhere !important; } #exercisesView .exercise-detail-tags{ display:flex !important; flex-wrap:wrap !important; gap:5px !important; } #exercisesView .exercise-detail-top .edit-btn{ width:100% !important; min-height:42px !important; } #exercisesView .exercise-detail-separator{ margin:14px 0 !important; } #exercisesView .exercise-detail-content > h3, #exercisesView .exercise-description h3{ font-size:15px !important; } /* Imagem: elimina os min-height antigos */ #exercisesView .exercise-detail-image{ width:100% !important; min-height:0 !important; height:auto !important; max-height:none !important; aspect-ratio:3 / 2 !important; margin:8px 0 16px !important; padding:5px !important; overflow:hidden !important; border-radius:12px !important; background:#fff !important; } #exercisesView .exercise-detail-image img{ display:block !important; width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; padding:0 !important; object-fit:contain !important; object-position:center !important; } /* Descricao */ #exercisesView .exercise-description{ margin-top:12px !important; padding:14px !important; border-radius:12px !important; } #exercisesView .exercise-description p{ margin-bottom:0 !important; font-size:12px !important; line-height:1.55 !important; overflow-wrap:anywhere !important; } /* Informacoes */ #exercisesView .exercise-detail-info{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-top:12px !important; } #exercisesView .exercise-detail-info > div{ min-width:0 !important; padding:12px !important; border-radius:10px !important; } #exercisesView .exercise-detail-info h4{ margin:0 0 4px !important; font-size:10px !important; } #exercisesView .exercise-detail-info strong{ display:block !important; font-size:13px !important; overflow-wrap:anywhere !important; } #exercisesView .exercise-detail-info small{ display:block !important; margin-top:3px !important; font-size:10px !important; overflow-wrap:anywhere !important; } /* Excluir */ #exercisesView .exercise-detail-actions{ margin-top:14px !important; } #exercisesView .exercise-detail-actions .danger{ width:100% !important; min-height:42px !important; } /* Cadastro / edicao */ #exercisesView .exercise-admin-form{ width:100% !important; min-width:0 !important; margin-top:14px !important; overflow:hidden !important; } #exercisesView .exercise-admin-form summary{ padding:14px !important; } #exercisesView .exercise-form-body{ padding:14px !important; } #exercisesView .exercise-form-grid{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; } #exercisesView .exercise-form-grid label{ min-width:0 !important; } #exercisesView .exercise-form-grid input, #exercisesView .exercise-form-grid select, #exercisesView .exercise-form-grid textarea{ width:100% !important; min-width:0 !important; } #exercisesView .exercise-instructions-field{ grid-column:1 !important; } #exercisesView #exerciseSubmitBtn{ width:100% !important; min-height:46px !important; } } /* ========================================================= ADMIN MOBILE - TREINOS ========================================================= */ @media(max-width:900px){ #workoutsView{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #workoutsView > .panel{ width:100% !important; min-width:0 !important; padding:0 !important; } /* Cabecalho */ #workoutsView > .panel > .panel-head{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; margin-bottom:14px !important; padding:0 0 14px !important; border-bottom:1px solid #dedfe2 !important; } #workoutsView .panel-head h2{ margin:0 0 4px !important; font-size:26px !important; line-height:1.1 !important; } #workoutsView .panel-head p{ margin:0 !important; font-size:12px !important; line-height:1.45 !important; } #workoutsView > .panel > .panel-head > .danger{ width:100% !important; min-height:42px !important; } /* Card de cada treino */ #workoutsView .workout-card{ width:100% !important; min-width:0 !important; margin:0 0 14px !important; border:1px solid #dfe0e3 !important; border-radius:14px !important; background:#fff !important; overflow:hidden !important; } /* Cabecalho do treino */ #workoutsView .workout-head{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; padding:15px !important; background:#fafafa !important; } #workoutsView .workout-head > div:first-child{ min-width:0 !important; } #workoutsView .workout-head h3{ margin:0 0 5px !important; font-size:18px !important; line-height:1.2 !important; overflow-wrap:anywhere !important; } #workoutsView .workout-head .meta{ font-size:10px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; } /* Status + excluir + expandir */ #workoutsView .workout-head-actions{ display:grid !important; grid-template-columns:1fr auto auto !important; align-items:center !important; gap:7px !important; width:100% !important; } #workoutsView .workout-head-actions .status{ justify-self:start !important; max-width:100% !important; padding:6px 8px !important; font-size:9px !important; white-space:normal !important; } #workoutsView .workout-delete-head{ min-height:38px !important; padding:7px 9px !important; font-size:10px !important; } #workoutsView .collapse-btn{ min-width:40px !important; min-height:38px !important; padding:7px !important; } #workoutsView .collapse-btn span{ display:none !important; } /* Conteudo */ #workoutsView .workout-collapsible{ min-width:0 !important; } #workoutsView .workout-collapsible.open{ padding:0 12px 14px !important; } /* A-D SEMPRE 2 x 2 no celular */ #workoutsView .pro-day-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; margin:12px 0 16px !important; } #workoutsView .pro-day-card{ width:100% !important; min-width:0 !important; border-radius:10px !important; overflow:hidden !important; } #workoutsView .pro-day-image{ width:100% !important; aspect-ratio:4 / 3 !important; overflow:hidden !important; background:#fff !important; } #workoutsView .pro-day-image img{ display:block !important; width:100% !important; height:100% !important; object-fit:contain !important; object-position:center !important; } #workoutsView .pro-day-copy{ padding:8px !important; gap:3px !important; } #workoutsView .pro-day-copy strong{ font-size:12px !important; } #workoutsView .pro-day-copy small{ font-size:9px !important; } #workoutsView .pro-pdf-btn{ width:100% !important; min-height:34px !important; margin-top:5px !important; padding:6px 4px !important; font-size:9px !important; white-space:normal !important; } #workoutsView .pro-suggested-badge{ top:5px !important; left:5px !important; max-width:calc(100% - 10px) !important; padding:4px 6px !important; font-size:8px !important; white-space:normal !important; } /* Dias detalhados */ #workoutsView .day-block{ width:100% !important; min-width:0 !important; margin-bottom:8px !important; overflow:hidden !important; border-radius:10px !important; } #workoutsView .day-toggle{ width:100% !important; display:grid !important; grid-template-columns:1fr auto 16px !important; gap:7px !important; padding:12px !important; } #workoutsView .day-toggle span{ min-width:0 !important; font-size:13px !important; text-align:left !important; } #workoutsView .day-toggle small{ font-size:9px !important; } /* Exercicios */ #workoutsView .workout-items{ display:grid !important; grid-template-columns:1fr !important; gap:7px !important; padding:8px !important; } #workoutsView .workout-item{ min-width:0 !important; padding:11px !important; border-radius:9px !important; background:#fff !important; } #workoutsView .workout-item strong{ display:block !important; margin-bottom:4px !important; font-size:13px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } #workoutsView .workout-item span{ display:block !important; margin-bottom:3px !important; font-size:11px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; } #workoutsView .workout-item small, #workoutsView .workout-item em{ display:block !important; margin-top:3px !important; font-size:9px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; } /* Acoes finais */ #workoutsView .workout-actions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important; width:100% !important; margin-top:14px !important; } #workoutsView .workout-actions button{ width:100% !important; min-width:0 !important; min-height:42px !important; padding:8px !important; font-size:10px !important; white-space:normal !important; } #workoutsView .workout-actions .pro-pdf-all{ grid-column:1 / -1 !important; } } /* Mantem A-D em 2x2 inclusive abaixo de 480px */ @media(max-width:480px){ #workoutsView .pro-day-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* ========================================================= ADMIN MOBILE - GRUPOS E REGRAS / RESTRICOES ========================================================= */ @media(max-width:900px){ #rulesView{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #rulesEditor{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; width:100% !important; } /* Card de cada restricao */ #rulesView .safety-rule-card{ width:100% !important; min-width:0 !important; border:1px solid #dedfe2 !important; border-radius:14px !important; background:#fff !important; overflow:hidden !important; } /* Cabecalho */ #rulesView .safety-rule-card-head{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; padding:15px !important; background:#fafafa !important; } #rulesView .safety-rule-card-head > *{ min-width:0 !important; } #rulesView .safety-rule-card-head span{ margin-bottom:5px !important; font-size:9px !important; letter-spacing:1.2px !important; } #rulesView .safety-rule-card-head h3{ margin:0 0 6px !important; font-size:19px !important; line-height:1.2 !important; overflow-wrap:anywhere !important; } #rulesView .safety-rule-card-head p{ margin:0 !important; max-width:none !important; font-size:11px !important; line-height:1.45 !important; overflow-wrap:anywhere !important; } /* Botao do cabecalho */ #rulesView .safety-rule-card-head button{ width:100% !important; min-height:42px !important; margin:0 !important; } /* Busca */ #rulesView .safety-rule-search-wrap{ padding:10px !important; background:#f5f5f6 !important; } #rulesView .safety-rule-search{ width:100% !important; min-width:0 !important; min-height:44px !important; padding:0 12px !important; font-size:13px !important; } /* Cabecalho da tabela nao e necessario no celular */ #rulesView .safety-rule-columns{ display:none !important; } /* Lista */ #rulesView .safety-rule-list{ display:grid !important; grid-template-columns:1fr !important; gap:9px !important; width:100% !important; max-height:none !important; padding:10px !important; overflow:visible !important; background:#f5f5f6 !important; } /* Cada exercicio vira card */ #rulesView .safety-rule-row{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; width:100% !important; min-width:0 !important; padding:12px !important; border:1px solid #dedfe2 !important; border-radius:11px !important; background:#fff !important; box-shadow:0 3px 10px rgba(0,0,0,.025) !important; } /* Nome do exercicio ocupa a largura inteira */ #rulesView .safety-rule-exercise{ grid-column:1 / -1 !important; min-width:0 !important; padding-bottom:9px !important; border-bottom:1px solid #eeeeef !important; } #rulesView .safety-rule-exercise strong{ display:block !important; font-size:13px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } #rulesView .safety-rule-exercise small{ display:block !important; margin-top:3px !important; font-size:9px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } /* Acao e risco lado a lado */ #rulesView .safety-rule-row select{ width:100% !important; min-width:0 !important; min-height:42px !important; padding:0 7px !important; font-size:11px !important; } /* Observacao ocupa toda a largura */ #rulesView .safety-rule-row input{ grid-column:1 / -1 !important; width:100% !important; min-width:0 !important; min-height:42px !important; padding:0 10px !important; font-size:11px !important; } /* Ajuda da matriz */ #rulesView .safety-rule-help{ margin:0 0 14px !important; padding:13px !important; border-radius:10px !important; font-size:11px !important; line-height:1.45 !important; } #rulesView .safety-rule-help strong{ font-size:12px !important; } } /* Celulares menores */ @media(max-width:420px){ #rulesView .safety-rule-row{ grid-template-columns:1fr !important; } #rulesView .safety-rule-exercise, #rulesView .safety-rule-row input{ grid-column:1 !important; } } /* ========================================================= ADMIN MOBILE - PLANOS E COBRANCA ========================================================= */ @media(max-width:900px){ #billingView{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } /* Cabecalho */ #billingView .billing-head{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; margin-bottom:16px !important; } #billingView .billing-head h2{ margin:4px 0 6px !important; font-size:26px !important; line-height:1.1 !important; } #billingView .billing-head p{ margin:0 !important; font-size:12px !important; line-height:1.45 !important; } #billingView #newPlanBtn{ width:100% !important; min-height:46px !important; } /* Resumo */ #billingView .billing-summary{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin-bottom:16px !important; } #billingView .billing-summary > div{ min-width:0 !important; padding:14px !important; border-radius:12px !important; } #billingView .billing-summary span{ display:block !important; font-size:10px !important; line-height:1.25 !important; } #billingView .billing-summary strong{ display:block !important; margin-top:5px !important; font-size:22px !important; } /* Paineis */ #billingView .panel{ width:100% !important; min-width:0 !important; padding:14px !important; overflow:visible !important; } #billingView .panel-head{ display:block !important; margin-bottom:12px !important; } #billingView .panel-head h2{ margin:0 0 5px !important; font-size:20px !important; } #billingView .panel-head p{ margin:0 !important; font-size:11px !important; line-height:1.4 !important; } /* Planos */ #billingView .plans-admin-grid{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; } #billingView .plan-admin-card{ min-width:0 !important; padding:14px !important; border-radius:12px !important; } #billingView .plan-admin-top{ display:grid !important; grid-template-columns:1fr auto !important; gap:10px !important; align-items:start !important; } #billingView .plan-admin-top h3{ margin:4px 0 0 !important; font-size:18px !important; line-height:1.2 !important; } #billingView .plan-admin-top > strong{ text-align:right !important; font-size:18px !important; white-space:nowrap !important; } #billingView .plan-admin-top > strong small{ display:block !important; font-size:9px !important; font-weight:600 !important; } #billingView .plan-admin-card p{ font-size:11px !important; line-height:1.45 !important; } #billingView .plan-admin-card ul{ padding-left:18px !important; } #billingView .plan-admin-card li{ margin-bottom:4px !important; font-size:11px !important; line-height:1.35 !important; } #billingView .plan-admin-card .small-btn{ width:100% !important; min-height:42px !important; margin-top:10px !important; } /* Busca de cobranca */ #billingView #billingSearch{ width:100% !important; min-width:0 !important; min-height:46px !important; } /* Cabecalho da tabela some no mobile */ #billingView .billing-row-head{ display:none !important; } /* Cada aluno vira card */ #billingView .billing-row{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; width:100% !important; min-width:0 !important; margin-bottom:12px !important; padding:14px !important; border:1px solid #dedfe2 !important; border-radius:12px !important; background:#fff !important; } #billingView .billing-row > span{ display:block !important; min-width:0 !important; width:100% !important; } #billingView .billing-row > span + span{ padding-top:10px !important; border-top:1px solid #ececef !important; } #billingView .billing-row strong{ display:block !important; font-size:14px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } #billingView .billing-row small{ display:block !important; margin-top:4px !important; font-size:10px !important; line-height:1.35 !important; overflow-wrap:anywhere !important; } #billingView .billing-row select, #billingView .billing-row input{ width:100% !important; min-width:0 !important; min-height:42px !important; margin-bottom:7px !important; font-size:12px !important; } #billingView .billing-status{ width:100% !important; } #billingView .service-chip{ display:inline-flex !important; width:auto !important; margin-top:4px !important; padding:5px 8px !important; font-size:9px !important; } /* Acoes financeiras */ #billingView .billing-actions{ display:grid !important; grid-template-columns:1fr !important; gap:7px !important; width:100% !important; } #billingView .billing-actions button{ width:100% !important; min-height:42px !important; margin:0 !important; white-space:normal !important; } } /* ========================================================= ADMIN MOBILE - AUDITORIA ========================================================= */ .audit-mobile-list{ display:none; } @media(max-width:900px){ #auditView{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #auditView .panel{ width:100% !important; min-width:0 !important; padding:14px !important; overflow:visible !important; } #auditView .panel-head{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; margin-bottom:14px !important; } #auditView .panel-head h2{ margin:3px 0 5px !important; font-size:24px !important; } #auditView .panel-head p{ margin:0 !important; font-size:12px !important; line-height:1.4 !important; } #auditView .panel-head button{ width:100% !important; min-height:44px !important; margin:0 !important; } /* Desktop escondido somente no celular */ #auditView .audit-desktop-table{ display:none !important; } #auditView .audit-mobile-list{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; } #auditView .audit-mobile-card{ width:100% !important; min-width:0 !important; padding:14px !important; background:#fff !important; border:1px solid #dedfe3 !important; border-radius:12px !important; box-shadow:0 4px 14px rgba(0,0,0,.03) !important; } .audit-mobile-head{ display:grid !important; grid-template-columns:1fr !important; gap:6px !important; padding-bottom:10px !important; border-bottom:1px solid #ececef !important; } .audit-mobile-head small, .audit-mobile-info small, .audit-mobile-details small, .audit-mobile-ip small{ display:block !important; margin-bottom:3px !important; color:#85878d !important; font-size:8px !important; font-weight:900 !important; letter-spacing:1px !important; } .audit-mobile-head strong{ display:block !important; color:#171719 !important; font-size:14px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } .audit-mobile-head time{ color:#6d7077 !important; font-size:10px !important; } .audit-mobile-info{ display:grid !important; grid-template-columns:1fr auto !important; gap:12px !important; padding:11px 0 !important; } .audit-mobile-info strong{ display:block !important; font-size:12px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } .audit-mobile-details{ padding:10px !important; background:#f6f6f7 !important; border-radius:8px !important; } .audit-mobile-details p{ margin:0 !important; font-size:11px !important; line-height:1.45 !important; overflow-wrap:anywhere !important; word-break:break-word !important; } .audit-mobile-ip{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin-top:10px !important; padding-top:10px !important; border-top:1px solid #ececef !important; } .audit-mobile-ip small{ margin:0 !important; } .audit-mobile-ip span{ min-width:0 !important; color:#696c73 !important; font-size:10px !important; overflow-wrap:anywhere !important; } } @media(min-width:901px){ .audit-desktop-table{ display:block; } .audit-mobile-list{ display:none !important; } } /* ========================================================= ADMIN MOBILE - ACESSOS ========================================================= */ .access-mobile-list{ display:none; } @media(max-width:900px){ #accessesView{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; } #accessesView .panel{ width:100% !important; min-width:0 !important; padding:14px !important; overflow:visible !important; } /* Cabecalho */ #accessesView .panel-head{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; margin-bottom:14px !important; } #accessesView .panel-head h2{ margin:3px 0 5px !important; font-size:24px !important; line-height:1.1 !important; } #accessesView .panel-head p{ margin:0 !important; font-size:12px !important; line-height:1.45 !important; } #accessesView #newAccessBtn{ width:100% !important; min-height:46px !important; margin:0 !important; } /* Esconde tabela desktop */ #accessesView .access-desktop-table{ display:none !important; } /* Cards mobile */ #accessesView .access-mobile-list{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; } #accessesView .access-mobile-card{ width:100% !important; min-width:0 !important; padding:14px !important; background:#fff !important; border:1px solid #dedfe3 !important; border-radius:13px !important; box-shadow:0 4px 14px rgba(0,0,0,.03) !important; } #accessesView .access-mobile-card.inactive{ opacity:.72 !important; background:#f7f7f7 !important; } /* Cabecalho do usuario */ #accessesView .access-mobile-head{ display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:10px !important; padding-bottom:11px !important; border-bottom:1px solid #ececef !important; } #accessesView .access-mobile-head > div{ min-width:0 !important; } #accessesView .access-mobile-head h3{ margin:0 0 4px !important; font-size:17px !important; line-height:1.2 !important; overflow-wrap:anywhere !important; } #accessesView .access-mobile-head p{ margin:0 !important; color:#70737a !important; font-size:11px !important; line-height:1.35 !important; overflow-wrap:anywhere !important; } #accessesView .access-mobile-status{ flex:0 0 auto !important; padding:5px 8px !important; border-radius:999px !important; font-size:9px !important; font-weight:900 !important; text-transform:uppercase !important; } #accessesView .access-mobile-status.active{ background:#e8f7ee !important; color:#187a45 !important; } #accessesView .access-mobile-status.inactive{ background:#fdebec !important; color:#b52a34 !important; } /* Perfil + senha */ #accessesView .access-mobile-info{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; margin-top:11px !important; } #accessesView .access-mobile-info > div{ min-width:0 !important; padding:11px !important; background:#f6f6f7 !important; border-radius:9px !important; } #accessesView .access-mobile-info small{ display:block !important; margin-bottom:4px !important; color:#80838a !important; font-size:8px !important; font-weight:900 !important; letter-spacing:.8px !important; } #accessesView .access-mobile-info strong{ display:block !important; font-size:12px !important; line-height:1.3 !important; overflow-wrap:anywhere !important; } /* Acoes */ #accessesView .access-mobile-actions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:7px !important; margin-top:12px !important; } #accessesView .access-mobile-actions button{ width:100% !important; min-width:0 !important; min-height:42px !important; margin:0 !important; white-space:normal !important; } #accessesView .access-mobile-actions .wide{ grid-column:1 / -1 !important; } /* Modal de novo/editar acesso */ #accessModal{ width:100% !important; max-width:none !important; height:100dvh !important; max-height:100dvh !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; } #accessModal .modal-form{ width:100% !important; max-width:none !important; min-width:0 !important; padding:16px !important; } #accessModal .form-grid{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; } #accessModal input, #accessModal select{ width:100% !important; min-width:0 !important; min-height:44px !important; } #accessModal .checks{ display:grid !important; grid-template-columns:1fr !important; gap:10px !important; } #accessModal .modal-actions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; } #accessModal .modal-actions button{ width:100% !important; min-height:44px !important; } } @media(min-width:901px){ .access-desktop-table{ display:block; } .access-mobile-list{ display:none !important; } } /* Monitoramento - cards de divergencias */ .monitoring-alert-row{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px 20px; border:1px solid #e8e8e8; border-radius:12px; margin-bottom:12px; background:#fff; } .monitoring-alert-row > div{ width:100%; } .monitoring-alert-row span{ display:block; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.65; margin-bottom:6px; } .monitoring-alert-row small{ display:block; font-size:14px; line-height:1.5; } .monitoring-alert-actions{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; } .monitoring-alert-actions .warn{ display:block; font-size:15px; line-height:1.4; } .monitoring-alert-actions .small-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:9px 16px; border-radius:9px; border:1px solid #181818; background:#181818; color:#fff; font-size:13px; font-weight:700; cursor:pointer; transition:transform .15s ease, opacity .15s ease; } .monitoring-alert-actions .small-btn:hover{ transform:translateY(-1px); opacity:.88; } .monitoring-alert-actions .small-btn:focus-visible{ outline:3px solid rgba(0,0,0,.18); outline-offset:2px; } /* Status de liberação do treino */ .workout-release-status{ margin-top:10px; display:flex; flex-direction:column; align-items:flex-start; gap:3px; } .workout-release-status strong{ font-size:12px; font-weight:800; letter-spacing:.04em; } .workout-release-status small{ font-size:12px; line-height:1.35; } .workout-release-status.waiting strong{ color:#b7791f; } .workout-release-status.waiting small{ color:#8a6116; } .workout-release-status.released strong{ color:#16803c; } .workout-release-status.released small{ color:#367348; } .workout-release-status.late strong{ color:#c62828; } .workout-release-status.late small{ color:#9e2a2a; } /* Desktop - ocupar toda a largura disponivel */ @media (min-width:901px){ .app-shell{width:100%!important;max-width:none!important;} .content{width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important;} } /* ========================================================= MONITORAMENTO - layout compacto ========================================================= */ .monitoring-nav-badge{ float:right; min-width:22px; height:22px; padding:0 7px; margin-left:auto; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#e5202a; color:#fff; font-size:11px; font-weight:900; } .monitoring-nav-badge.hidden{ display:none!important; } [data-view="monitoring"]{ display:flex!important; align-items:center; gap:8px; } #monitoringView .operation-hero{ position:sticky; top:0; z-index:15; padding:16px 18px; margin-bottom:14px; background:rgba(239,237,233,.96); backdrop-filter:blur(10px); border-bottom:1px solid #d9d7d2; } #monitoringView .operation-kpis{ grid-template-columns:repeat(4,minmax(150px,1fr)); gap:10px; margin-bottom:14px; } #monitoringView .operation-kpis article{ min-height:82px; padding:14px 16px; } #monitoringView .operation-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } #monitoringView .panel{ margin:0; padding:17px; border:1px solid #dcdad6; background:#fff; } #monitoringView .panel-head{ margin-bottom:10px; } #monitoringView .panel-head h2{ font-size:17px; margin:3px 0; } #monitoringView .panel-head p{ font-size:11px; line-height:1.4; } /* Listas grandes nao aumentam a pagina indefinidamente */ #monitoringIntegrity, #monitoringIncidents{ max-height:340px; overflow:auto; padding-right:5px; } #monitoringView .monitoring-alert-row{ padding:13px 14px; margin-bottom:8px; } #monitoringView .health-row{ min-height:38px; } /* Os dois blocos grandes ficam lado a lado */ #monitoringView > article.panel{ display:inline-block; vertical-align:top; width:calc(50% - 8px); margin-top:14px!important; } #monitoringView > article.panel:last-of-type{ margin-left:12px; } @media(max-width:1250px){ #monitoringView .operation-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:900px){ #monitoringView .operation-kpis{ grid-template-columns:repeat(2,1fr); } #monitoringView .operation-grid{ grid-template-columns:1fr; } #monitoringView > article.panel{ display:block; width:100%; } #monitoringView > article.panel:last-of-type{ margin-left:0; } #monitoringView .operation-hero{ position:static; } } /* Monitoramento - Divergencias e Incidentes lado a lado */ #monitoringView .monitoring-bottom-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:14px; align-items:start; } #monitoringView .monitoring-bottom-grid > .panel{ width:100% !important; margin:0 !important; display:block !important; } #monitoringView .monitoring-bottom-grid #monitoringIntegrity, #monitoringView .monitoring-bottom-grid #monitoringIncidents{ max-height:340px; overflow:auto; } @media(max-width:900px){ #monitoringView .monitoring-bottom-grid{ grid-template-columns:1fr; } } /* Monitoramento - cabecalho compacto igual Acessos */ #monitoringView .operation-hero{ position:relative !important; top:auto !important; z-index:auto !important; margin:0 0 18px !important; padding:0 0 16px !important; background:transparent !important; backdrop-filter:none !important; border-bottom:1px solid #d4d3ce !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:20px !important; } #monitoringView .operation-hero h2{ margin:4px 0 6px !important; font-size:34px !important; line-height:1.05 !important; } #monitoringView .operation-hero p{ margin:0 !important; } #monitoringView .operation-hero .panel-kicker{ display:block; margin-bottom:8px; } @media(max-width:900px){ #monitoringView .operation-hero{ align-items:flex-start !important; flex-direction:column !important; } } /* Monitoramento - cabecalho no mesmo padrao das outras abas */ #monitoringView .monitoring-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 14px !important; padding:10px 0 14px !important; border-bottom:1px solid #d4d3ce; } #monitoringView .monitoring-toolbar .panel-kicker{ display:block; margin:0 0 4px; } #monitoringView .monitoring-toolbar p{ margin:0; font-size:12px; color:#6d727c; } #monitoringView .monitoring-toolbar .primary{ flex-shrink:0; } @media(max-width:760px){ #monitoringView .monitoring-toolbar{ align-items:flex-start; flex-direction:column; } #monitoringView .monitoring-toolbar .primary{ width:100%; } } /* Monitoramento - botao abaixo de Ver site publico */ #monitoringView .monitoring-toolbar{ position:absolute !important; top:76px !important; right:28px !important; width:auto !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; display:block !important; } #monitoringView .monitoring-toolbar .primary{ min-width:172px; min-height:40px; } @media(max-width:900px){ #monitoringView .monitoring-toolbar{ position:static !important; margin:0 0 14px !important; } #monitoringView .monitoring-toolbar .primary{ width:100%; } } /* ========================================================= CORRECAO MOBILE - somente uma tela ativa por vez ========================================================= */ @media (max-width:900px){ /* Nenhuma view inativa pode ocupar espaco na pagina */ .content > .view:not(.active){ display:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important; } /* Somente a aba selecionada aparece */ .content > .view.active{ display:block !important; visibility:visible !important; height:auto !important; min-height:0 !important; overflow:visible !important; } /* Conteudo começa imediatamente abaixo do cabecalho */ .content{ width:100% !important; min-width:0 !important; max-width:none !important; overflow-x:hidden !important; } /* Evita que Dashboard mantenha comportamento proprio quando outra tela estiver selecionada */ .dashboard-pro-view:not(.active){ display:none !important; } .dashboard-pro-view.active{ display:block !important; } /* Monitoramento nao fica empurrado para baixo */ #monitoringView.active{ margin-top:0 !important; padding-top:0 !important; } /* Acessos idem */ #accessesView.active{ margin-top:0 !important; padding-top:0 !important; } } /* SEGURANCA VISUAL - painel nunca aparece antes do login */ #appShell.hidden{display:none!important;visibility:hidden!important;} #loginScreen.hidden{display:none!important;visibility:hidden!important;} #appShell:not(.hidden){visibility:visible;} /* SEGURANCA VISUAL - painel nunca aparece antes do login */ #appShell.hidden{display:none!important;visibility:hidden!important;} #loginScreen.hidden{display:none!important;visibility:hidden!important;} #appShell:not(.hidden){visibility:visible;} /* Resumo de pagamentos por metodo */ .payments-method-summary{ display:grid; grid-template-columns:repeat(4,minmax(160px,1fr)); gap:12px; margin:0 0 18px; } .payments-method-summary article{ padding:16px 18px; border:1px solid #dedede; border-radius:12px; background:#fff; display:flex; flex-direction:column; gap:5px; } .payments-method-summary span{ font-size:10px; font-weight:900; letter-spacing:.12em; color:#777; } .payments-method-summary strong{ font-size:20px; line-height:1.1; } .payments-method-summary small{ font-size:13px; font-weight:700; color:#555; } .payments-method-summary .payments-total-card{ background:#171719; color:#fff; border-color:#171719; } .payments-method-summary .payments-total-card span, .payments-method-summary .payments-total-card small{ color:#fff; } @media(max-width:900px){ .payments-method-summary{ grid-template-columns:repeat(2,1fr); } } @media(max-width:520px){ .payments-method-summary{ grid-template-columns:1fr; } } /* Financeiro - historico mensal */ .payments-finance-extra{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:16px; margin:18px 0; } .payments-accumulated-card{ background:#171719; color:#fff; padding:22px; border-radius:14px; min-height:150px; display:flex; flex-direction:column; justify-content:center; } .payments-accumulated-card .panel-kicker{ color:#aaa; } .payments-accumulated-card strong{ display:block; font-size:30px; margin:8px 0 4px; } .payments-accumulated-card small{ color:#ddd; } .payments-history-panel{ min-width:0; } .payments-history-head{ margin-bottom:10px; } .payments-history-head h3{ margin:3px 0 0; } #paymentsMonthlyHistory{ display:grid; gap:10px; max-height:420px; overflow:auto; padding-right:4px; } .payments-month-card{ border:1px solid #dfdfdf; border-radius:12px; background:#fff; padding:15px 16px; } .payments-month-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:15px; margin-bottom:13px; } .payments-month-head span{ display:block; text-transform:capitalize; font-size:12px; font-weight:800; } .payments-month-head strong{ display:block; margin-top:3px; font-size:20px; } .payments-month-head small{ color:#777; } .payments-month-methods{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; } .payments-month-methods > div{ background:#f6f6f6; border-radius:9px; padding:10px 12px; } .payments-month-methods span{ display:block; font-size:9px; font-weight:900; color:#777; letter-spacing:.08em; } .payments-month-methods strong{ display:block; font-size:18px; margin:3px 0; } .payments-month-methods small{ color:#555; } @media(max-width:900px){ .payments-finance-extra{ grid-template-columns:1fr; } } @media(max-width:560px){ .payments-month-methods{ grid-template-columns:1fr; } } /* ========================================================= FINANCEIRO FINAL ========================================================= */ .payments-period-filter{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:4px 0 16px; padding:14px 16px; border:1px solid #dedede; border-radius:12px; background:#f8f8f8; } .payments-period-filter > div{ display:flex; flex-direction:column; gap:3px; } .payments-period-filter label{ font-size:12px; font-weight:900; color:#222; } .payments-period-filter small{ font-size:10px; color:#777; } .payments-period-filter select{ min-width:230px; min-height:42px; padding:0 12px; border:1px solid #ccc; border-radius:9px; background:#fff; color:#222; font-weight:700; } /* Cards de metodo */ .payments-method-summary{ display:grid; grid-template-columns:repeat(4,minmax(160px,1fr)); gap:12px; margin:0 0 18px; } .payments-method-summary article{ min-width:0; padding:17px 18px; border:1px solid #dedede; border-radius:12px; background:#fff; display:flex; flex-direction:column; gap:6px; } .payments-method-summary span{ font-size:10px; font-weight:900; letter-spacing:.12em; color:#777; } .payments-method-summary strong{ font-size:20px; line-height:1.15; } .payments-method-summary small{ font-size:13px; font-weight:700; color:#555; } .payments-method-summary .payments-total-card{ background:#171719; color:#fff; border-color:#171719; } .payments-method-summary .payments-total-card span, .payments-method-summary .payments-total-card small{ color:#eee; } /* Acumulado + historico */ .payments-finance-extra{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:16px; margin:18px 0 22px; } .payments-accumulated-card{ min-height:160px; padding:22px; border-radius:14px; background:#171719; color:#fff; display:flex; flex-direction:column; justify-content:center; } .payments-accumulated-card .panel-kicker{ color:#aaa; } .payments-accumulated-card strong{ display:block; margin:8px 0 5px; font-size:30px; line-height:1.1; } .payments-accumulated-card small{ color:#ddd; line-height:1.4; } .payments-history-panel{ min-width:0; } .payments-history-head{ margin-bottom:10px; } .payments-history-head h3{ margin:3px 0; } .payments-history-head p{ margin:0; font-size:11px; color:#777; } #paymentsMonthlyHistory{ display:grid; gap:10px; max-height:430px; overflow:auto; padding-right:4px; } .payments-month-card{ padding:15px 16px; border:1px solid #dfdfdf; border-radius:12px; background:#fff; } .payments-month-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:13px; } .payments-month-head span{ display:block; font-size:12px; font-weight:900; } .payments-month-head strong{ display:block; margin-top:3px; font-size:20px; } .payments-month-head small{ color:#777; } .payments-month-methods{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; } .payments-month-methods > div{ padding:10px 12px; border-radius:9px; background:#f6f6f6; } .payments-month-methods span{ display:block; font-size:9px; font-weight:900; letter-spacing:.08em; color:#777; } .payments-month-methods strong{ display:block; margin:3px 0; font-size:18px; } .payments-month-methods small{ color:#555; } /* Status na tabela */ .payment-status{ display:inline-flex; align-items:center; justify-content:center; min-height:26px; padding:4px 9px; border-radius:999px; font-size:10px; font-weight:900; background:#eee; } .payment-status-paid{ background:#e8f6ee; color:#187443; } .payment-status-pending{ background:#fff4d9; color:#946200; } .payment-status-failed, .payment-status-canceled, .payment-status-cancelled{ background:#fdeaea; color:#a52b2b; } .payment-status-refunded{ background:#ececf8; color:#555594; } /* Responsivo */ @media(max-width:1050px){ .payments-method-summary{ grid-template-columns:repeat(2,1fr); } .payments-finance-extra{ grid-template-columns:1fr; } } @media(max-width:650px){ .payments-period-filter{ align-items:stretch; flex-direction:column; } .payments-period-filter select{ width:100%; min-width:0; } .payments-method-summary{ grid-template-columns:1fr; } .payments-month-methods{ grid-template-columns:1fr; } .payments-month-head{ flex-direction:column; } } /* ========================================================= CORRECAO FINAL - EXERCICIOS EM DESKTOP 1366 Evita overflow horizontal sem alterar mobile ========================================================= */ @media (min-width:901px) and (max-width:1450px){ #exercisesView{ min-width:0 !important; overflow-x:hidden !important; } #exercisesView .exercise-library-layout, #exercisesView .exercise-library-grid, #exercisesView .exercise-browser, #exercisesView .exercise-content{ min-width:0 !important; max-width:100% !important; } #exercisesView .panel{ min-width:0 !important; max-width:100% !important; } #exercisesView .exercise-list, #exercisesView .exercise-detail, #exercisesView .exercise-detail-empty{ min-width:0 !important; max-width:100% !important; } #exercisesView img{ max-width:100%; height:auto; } #exercisesView input, #exercisesView select, #exercisesView textarea{ max-width:100%; } } /* ========================================================= CORRECAO FINAL - DETALHE DO EXERCICIO EM DESKTOP MENOR ========================================================= */ @media (min-width:901px) and (max-width:1450px){ #exercisesView .exercise-detail{ min-width:0 !important; max-width:100% !important; overflow:hidden !important; } #exercisesView .exercise-detail-image{ width:100% !important; max-width:100% !important; min-width:0 !important; overflow:hidden !important; } #exercisesView .exercise-detail-image img{ display:block !important; width:100% !important; max-width:100% !important; height:auto !important; object-fit:contain !important; } } /* ========================================================= AUDITORIA - VISUAL MODERNO ========================================================= */ #auditView .audit-modern-table table{ width:100%; border-collapse:collapse; } #auditView .audit-modern-table th{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#777; padding:14px 12px; } #auditView .audit-modern-table td{ vertical-align:top; padding:18px 12px; } #auditView .audit-date-cell{ white-space:nowrap; font-weight:700; } #auditView .audit-action-chip{ display:inline-flex; padding:7px 10px; border-radius:999px; background:#f1f2f4; font-size:12px; font-weight:900; } #auditView .audit-secondary{ display:block; margin-top:5px; color:#777; font-size:11px; } #auditView .audit-detail-box{ line-height:1.6; } #auditView .audit-detail-box small{ display:block; margin-top:8px; color:#888; } #auditView .audit-modern-card{ border:1px solid #e4e4e4; border-radius:14px; padding:16px; background:#fff; } #auditView .audit-mobile-main-item{ margin-top:14px; } #auditView .audit-mobile-main-item small{ display:block; font-size:10px; font-weight:900; letter-spacing:.08em; color:#888; } #auditView .audit-mobile-main-item strong{ display:block; margin-top:4px; } #auditView .audit-mobile-main-item span{ display:block; margin-top:4px; font-size:12px; color:#777; } /* ========================================================= RESTRICOES RECOLHIVEIS ========================================================= */ .safety-rule-collapse-toggle{ width:100%; border:0; background:transparent; display:flex; align-items:center; gap:10px; padding:16px 18px; cursor:pointer; text-align:left; font:inherit; } .safety-rule-collapse-toggle:hover{ background:rgba(0,0,0,.025); } .safety-rule-collapse-arrow{ width:20px; flex:0 0 20px; font-size:14px; line-height:1; } .safety-rule-collapse-title{ font-weight:700; font-size:15px; } .safety-rule-collapsible{ display:block; } .safety-rule-card.collapsed .safety-rule-collapsible{ display:none; } /* ========================================================= AUDITORIA DAS REGRAS - LAYOUT ========================================================= */ #restrictionReviewPanel{ overflow:hidden; } #restrictionReviewPanel .student-tools{ display:grid; grid-template-columns:minmax(220px, 1fr) minmax(220px, 1fr); gap:10px; margin-bottom:14px; } #restrictionReviewPanel .student-tools select{ width:100%; min-width:0; } #restrictionReviewPanel .restriction-review-row{ display:grid; grid-template-columns: minmax(260px, 1.5fr) minmax(230px, 1.2fr) minmax(150px, .75fr) minmax(105px, .45fr) minmax(150px, .7fr) minmax(110px, .45fr); align-items:center; gap:12px; padding:14px 18px; } #restrictionReviewPanel .restriction-review-row > *{ min-width:0; } #restrictionReviewPanel .safety-rule-exercise{ min-width:0; } #restrictionReviewPanel .safety-rule-exercise strong{ display:block; overflow-wrap:anywhere; } #restrictionReviewPanel .safety-rule-exercise small{ display:block; margin-top:3px; overflow-wrap:anywhere; } #restrictionReviewPanel .restriction-review-row > div:nth-child(2){ min-width:0; } #restrictionReviewPanel .restriction-review-row > div:nth-child(2) strong{ display:block; line-height:1.25; overflow-wrap:anywhere; } #restrictionReviewPanel .restriction-review-row > div:nth-child(2) small{ display:block; margin-top:3px; } #restrictionReviewPanel .review-action, #restrictionReviewPanel .review-risk{ width:100%; min-width:0; min-height:40px; } #restrictionReviewPanel .restriction-review-row > div:nth-child(5){ min-width:0; line-height:1.35; } #restrictionReviewPanel .restriction-review-row > div:nth-child(5) small{ display:block; overflow-wrap:anywhere; } #restrictionReviewPanel .restriction-review-row .small-btn{ width:100%; min-width:0; min-height:40px; white-space:nowrap; } /* Tablets */ @media(max-width:1200px){ #restrictionReviewPanel .restriction-review-row{ grid-template-columns: minmax(220px, 1.5fr) minmax(200px, 1.2fr) minmax(130px, .8fr) minmax(90px, .5fr); gap:10px; } #restrictionReviewPanel .restriction-review-row > div:nth-child(5){ grid-column:1 / 4; } #restrictionReviewPanel .restriction-review-row .small-btn{ grid-column:4; } } /* Mobile */ @media(max-width:900px){ #restrictionReviewPanel{ overflow:visible; } #restrictionReviewPanel .student-tools{ grid-template-columns:1fr; } #restrictionReviewPanel .restriction-review-row{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; margin-bottom:12px; padding:14px !important; border:1px solid #dedfe2; border-radius:11px; background:#fff; } #restrictionReviewPanel .restriction-review-row .safety-rule-exercise{ grid-column:1 / -1 !important; padding-bottom:9px; border-bottom:1px solid #eee; } #restrictionReviewPanel .restriction-review-row > div:nth-child(2){ grid-column:1 / -1; } #restrictionReviewPanel .review-action{ grid-column:1; } #restrictionReviewPanel .review-risk{ grid-column:2; } #restrictionReviewPanel .restriction-review-row > div:nth-child(5){ grid-column:1 / -1; } #restrictionReviewPanel .restriction-review-row .small-btn{ grid-column:1 / -1; width:100%; } } /* Celulares pequenos */ @media(max-width:520px){ #restrictionReviewPanel .restriction-review-row{ grid-template-columns:1fr !important; } #restrictionReviewPanel .review-action, #restrictionReviewPanel .review-risk, #restrictionReviewPanel .restriction-review-row > div:nth-child(5), #restrictionReviewPanel .restriction-review-row .small-btn{ grid-column:1 !important; } } /* ========================================================= CENTRAL DE CHAMADOS - PROFISSIONAL ========================================================= */ .support-admin-view{ padding-bottom:50px; } .support-admin-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; } .support-admin-head h2{ margin:5px 0 6px; font-size:29px; } .support-admin-head p{ margin:0; color:#70727b; } .support-admin-tabs{ display:flex; gap:8px; margin-bottom:20px; overflow-x:auto; padding-bottom:4px; } .support-admin-tab{ display:flex; align-items:center; gap:9px; flex:none; min-height:43px; padding:9px 15px; border:1px solid #dedfe4; border-radius:9px; background:#fff; color:#444750; font:inherit; font-size:13px; font-weight:800; cursor:pointer; } .support-admin-tab b{ display:inline-grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border-radius:999px; background:#f0f1f3; font-size:11px; } .support-admin-tab.active{ border-color:#171719; background:#171719; color:#fff; } .support-admin-tab.active b{ background:#fff; color:#171719; } .support-admin-panel{ overflow:hidden; padding:0 !important; } .support-admin-table-head, .support-admin-row{ display:grid; grid-template-columns: 135px 155px 155px 175px minmax(220px,1fr) 220px; gap:15px; align-items:center; } .support-admin-table-head{ padding:13px 17px; border-bottom:1px solid #e4e5e9; background:#f6f7f9; color:#777a83; font-size:11px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; } .support-admin-list{ min-height:150px; } .support-admin-row{ width:100%; padding:16px 17px; border:0; border-bottom:1px solid #ededf0; background:#fff; color:#242529; text-align:left; font:inherit; font-size:13px; cursor:pointer; } .support-admin-row:last-child{ border-bottom:0; } .support-admin-row:hover{ background:#f8f8fa; } .support-admin-number{ font-weight:900; } .support-admin-subject{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; } .support-admin-student{ display:grid; gap:3px; } .support-admin-student small{ color:#777a83; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .support-admin-status{ display:inline-flex; align-items:center; justify-content:center; max-width:100%; border-radius:999px; padding:7px 10px; background:#f0f1f3; font-size:11px; font-weight:900; } .support-admin-status.em_aberto{ background:#fff0f1; color:#c81720; } .support-admin-status.na_fila{ background:#f1f2f4; color:#555a65; } .support-admin-status.aguardando_atendimento{ background:#fff6df; color:#8f6500; } .support-admin-status.em_andamento{ background:#edf5ff; color:#225ba1; } .support-admin-status.resolvido{ background:#eaf8f0; color:#167848; } .support-admin-empty{ padding:36px 20px; text-align:center; color:#777a83; } /* BADGE MENU */ .nav-item[data-view="contacts"]{ position:relative; } .support-nav-badge{ display:inline-grid; place-items:center; min-width:21px; height:21px; margin-left:auto; padding:0 6px; border-radius:999px; background:#e5202a; color:#fff; font-size:10px; font-weight:900; } .support-nav-badge.hidden{ display:none !important; } /* MODAL */ .support-ticket-admin-modal{ width:min(900px,calc(100vw - 30px)); max-width:900px; padding:0; border:0; border-radius:18px; overflow:hidden; } .support-ticket-admin-modal::backdrop{ background:rgba(10,10,12,.66); backdrop-filter:blur(2px); } .support-ticket-admin-shell{ max-height:88vh; display:flex; flex-direction:column; background:#fff; } .support-ticket-admin-modal-head{ display:flex; justify-content:space-between; gap:25px; align-items:flex-start; padding:22px 24px; border-bottom:1px solid #e5e6ea; } .support-ticket-admin-modal-head h2{ margin:5px 0 5px; } .support-ticket-admin-modal-head p{ margin:0; color:#747782; } .support-admin-modal-close{ width:38px; height:38px; flex:none; border:0; border-radius:9px; background:#f1f2f4; font-size:23px; cursor:pointer; } .support-ticket-admin-controls{ display:flex; align-items:flex-end; gap:12px; padding:15px 24px; border-bottom:1px solid #e5e6ea; background:#fafafb; } .support-ticket-admin-controls label{ display:grid; gap:5px; min-width:250px; font-size:12px; font-weight:800; } .support-ticket-admin-controls select{ min-height:42px; padding:0 10px; border:1px solid #d9dbe0; border-radius:8px; background:#fff; } .support-admin-conversation{ display:flex; flex-direction:column; gap:12px; min-height:250px; max-height:430px; overflow-y:auto; padding:22px 24px; background:#f6f7f9; } .support-admin-message{ width:min(75%,620px); padding:13px 15px; border-radius:13px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.05); } .support-admin-message.aluno{ align-self:flex-start; } .support-admin-message.operador{ align-self:flex-end; background:#171719; color:#fff; } .support-admin-message.sistema{ align-self:center; width:auto; max-width:85%; background:#eceef1; color:#555a65; text-align:center; font-size:12px; } .support-admin-message-author{ margin-bottom:5px; font-size:11px; font-weight:900; } .support-admin-message-text{ white-space:pre-wrap; line-height:1.5; } .support-admin-message small{ display:block; margin-top:7px; opacity:.65; } .support-admin-reply{ display:flex; gap:12px; align-items:flex-end; padding:17px 24px 22px; border-top:1px solid #e5e6ea; } .support-admin-reply label{ flex:1; display:grid; gap:6px; font-size:12px; font-weight:800; } .support-admin-reply textarea{ width:100%; resize:vertical; min-height:86px; max-height:180px; padding:11px 12px; border:1px solid #d9dbe0; border-radius:9px; font:inherit; } /* MOBILE */ @media(max-width:900px){ .support-admin-head{ display:grid; } .support-admin-table-head{ display:none; } .support-admin-row{ grid-template-columns:1fr; gap:5px; padding:16px; } .support-admin-row > span:nth-child(2)::before{ content:"Criação: "; font-weight:800; } .support-admin-row > span:nth-child(3)::before{ content:"Alterado: "; font-weight:800; } .support-admin-subject{ white-space:normal; } .support-ticket-admin-controls{ align-items:stretch; flex-direction:column; } .support-ticket-admin-controls label{ min-width:0; width:100%; } .support-admin-reply{ flex-direction:column; align-items:stretch; } .support-admin-message{ width:90%; } } .support-admin-status.aguardando_cliente{ background:#f6efff; color:#6f42a8; } /* ===== MONITORAMENTO DE SEGURANCA ===== */ .security-monitor-dashboard{ display:grid; gap:18px; } .security-monitor-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .security-monitor-card{ display:flex; align-items:center; gap:12px; min-height:92px; padding:16px; border:1px solid rgba(148,163,184,.18); border-radius:14px; background:rgba(255,255,255,.035); } .security-monitor-card.is-ok{ border-color:rgba(34,197,94,.25); } .security-monitor-card.is-alert{ border-color:rgba(245,158,11,.35); } .security-monitor-icon{ display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:12px; background:rgba(255,255,255,.06); font-size:21px; } .security-monitor-card span{ display:block; opacity:.72; font-size:12px; } .security-monitor-card strong{ display:block; margin-top:3px; font-size:18px; } .security-monitor-card small{ display:block; margin-top:4px; opacity:.62; font-size:11px; } .security-monitor-details, .security-monitor-rankings{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .security-monitor-panel, .security-monitor-events{ padding:16px; border:1px solid rgba(148,163,184,.18); border-radius:14px; background:rgba(255,255,255,.025); } .security-monitor-panel h4, .security-monitor-events h4{ margin:0 0 12px; } .security-monitor-title{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; } .security-monitor-title h4{ margin:0; } .security-monitor-title small{ opacity:.65; } .security-event-header, .security-event-row{ display:grid; grid-template-columns: 70px minmax(120px,1fr) minmax(180px,2fr) 80px minmax(130px,1fr); gap:10px; align-items:center; padding:9px 8px; } .security-event-header{ opacity:.55; font-size:11px; font-weight:700; text-transform:uppercase; } .security-event-row{ border-top:1px solid rgba(148,163,184,.12); font-size:12px; } .security-event-type{ font-weight:700; } .security-event-path{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .security-ranking-row{ display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-top:1px solid rgba(148,163,184,.12); font-size:12px; } .security-ranking-row span{ overflow-wrap:anywhere; } .security-empty{ padding:14px; border:1px dashed rgba(148,163,184,.22); border-radius:10px; opacity:.65; font-size:12px; } .security-blocked-list{ display:flex; flex-wrap:wrap; gap:8px; } .security-blocked-list code{ padding:6px 9px; border-radius:8px; background:rgba(239,68,68,.08); font-size:12px; } @media(max-width:900px){ .security-monitor-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); } .security-monitor-details, .security-monitor-rankings{ grid-template-columns:1fr; } .security-monitor-events{ overflow-x:auto; } .security-event-header, .security-event-row{ min-width:720px; } } @media(max-width:560px){ .security-monitor-summary{ grid-template-columns:1fr; } } /* ================================================== MONITORAMENTO - SEGURANCA V3 ================================================== */ #monitoringSecurity{ display:block; } .security-v3{ display:grid; gap:16px; } .security-v3-head h3{ margin:3px 0 2px; font-size:18px; } .security-v3-head p{ margin:0; font-size:12px; opacity:.62; } .sec-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .sec-card{ display:flex; align-items:center; gap:12px; min-height:96px; padding:15px; border-radius:12px; border:1px solid #dce2e8; background:#fff; } .sec-card.sec-ok{ background:#f1fbf5; border-color:#bce8ca; } .sec-card.sec-warn{ background:#fff8eb; border-color:#f4d89b; } .sec-card.sec-info{ background:#f1f7ff; border-color:#c8dcfb; } .sec-card.sec-danger{ background:#fff2f2; border-color:#f0c0c0; } .sec-icon{ width:42px; height:42px; display:grid; place-items:center; flex:0 0 42px; border-radius:10px; background:rgba(255,255,255,.72); font-size:21px; } .sec-card-body{ min-width:0; } .sec-card-body span{ display:block; font-size:12px; font-weight:700; } .sec-card-body strong{ display:block; margin:2px 0; font-size:19px; } .sec-ok strong{ color:#079447; } .sec-warn strong{ color:#b65b00; } .sec-info strong{ color:#145ccc; } .sec-danger strong{ color:#c52b2b; } .sec-card-body small{ display:block; font-size:11px; opacity:.65; } .sec-middle{ display:grid; grid-template-columns:minmax(270px,.72fr) minmax(480px,1.6fr); gap:12px; } .sec-bottom{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .sec-panel{ border:1px solid #dde2e8; border-radius:12px; background:#fff; padding:15px; } .sec-panel h4{ margin:0 0 12px; font-size:14px; } .sec-title-line{ display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:12px; } .sec-title-line h4{ margin:0; } .sec-title-line small{ display:block; margin-top:3px; opacity:.62; } .sec-count{ border:1px solid #c4d7ff; background:#eef5ff; color:#165dcc; border-radius:8px; padding:6px 10px; font-size:11px; font-weight:700; white-space:nowrap; } .sec-event-head, .sec-event-row{ display:grid; grid-template-columns: 65px minmax(115px,1fr) minmax(170px,2fr) 75px minmax(125px,1fr); align-items:center; gap:8px; } .sec-event-head{ padding:8px 7px; background:#f3f6fa; border-radius:7px; font-size:10px; text-transform:uppercase; font-weight:700; opacity:.7; } .sec-event-row{ padding:9px 7px; border-bottom:1px solid #edf0f3; font-size:11px; } .sec-event-row:last-child{ border-bottom:0; } .sec-event-target{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .sec-ranking-row{ display:flex; justify-content:space-between; gap:10px; padding:8px 2px; border-bottom:1px solid #edf0f3; font-size:11px; } .sec-ranking-row:last-child{ border-bottom:0; } .sec-ranking-row span{ overflow-wrap:anywhere; } .sec-empty{ padding:12px; border:1px dashed #d4dae1; border-radius:8px; font-size:11px; opacity:.65; } @media(max-width:1100px){ .sec-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } .sec-middle{ grid-template-columns:1fr; } } @media(max-width:720px){ .sec-cards{ grid-template-columns:1fr; } .sec-bottom{ grid-template-columns:1fr; } .sec-events-panel{ overflow-x:auto; } .sec-event-head, .sec-event-row{ min-width:700px; } } /* ================================================== MONITORAMENTO - LAYOUT FINAL ================================================== */ /* Desktop: 1) Disponibilidade + Infraestrutura 2) Segurança em largura total 3) Erros + Backup + Integrações */ #monitoringView .operation-grid{ grid-template-columns:repeat(6,minmax(0,1fr)) !important; align-items:start; } /* 1º bloco */ #monitoringView .operation-grid > .panel:nth-child(1){ grid-column:span 3; } /* 2º bloco */ #monitoringView .operation-grid > .panel:nth-child(2){ grid-column:span 3; } /* SEGURANÇA */ #monitoringView .operation-grid > .panel:nth-child(3){ grid-column:1 / -1; } /* Erros */ #monitoringView .operation-grid > .panel:nth-child(4){ grid-column:span 2; } /* Backup */ #monitoringView .operation-grid > .panel:nth-child(5){ grid-column:span 2; } /* Integrações */ #monitoringView .operation-grid > .panel:nth-child(6){ grid-column:span 2; } /* Segurança agora pode usar toda a largura */ #monitoringView .operation-grid > .panel:nth-child(3){ padding:20px; } #monitoringView .operation-grid > .panel:nth-child(3) .panel-head{ margin-bottom:16px; } /* Cards de segurança maiores e organizados */ #monitoringView .operation-grid > .panel:nth-child(3) .sec-cards{ grid-template-columns:repeat(6,minmax(0,1fr)); } /* Proteções HTTP + eventos */ #monitoringView .operation-grid > .panel:nth-child(3) .sec-middle{ grid-template-columns:minmax(280px,.7fr) minmax(600px,1.8fr); } /* rankings */ #monitoringView .operation-grid > .panel:nth-child(3) .sec-bottom{ grid-template-columns:1fr 1fr; } /* Evita estouro horizontal */ #monitoringView .operation-grid > .panel{ min-width:0; } #monitoringSecurity, .security-v3, .sec-middle, .sec-bottom, .sec-events-panel{ min-width:0; } /* Tablet */ @media(max-width:1250px){ #monitoringView .operation-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } #monitoringView .operation-grid > .panel:nth-child(1), #monitoringView .operation-grid > .panel:nth-child(2), #monitoringView .operation-grid > .panel:nth-child(4), #monitoringView .operation-grid > .panel:nth-child(5), #monitoringView .operation-grid > .panel:nth-child(6){ grid-column:span 1; } #monitoringView .operation-grid > .panel:nth-child(3){ grid-column:1 / -1; } #monitoringView .operation-grid > .panel:nth-child(3) .sec-cards{ grid-template-columns:repeat(3,minmax(0,1fr)); } #monitoringView .operation-grid > .panel:nth-child(3) .sec-middle{ grid-template-columns:1fr; } } /* Mobile */ @media(max-width:900px){ #monitoringView .operation-grid{ grid-template-columns:1fr !important; } #monitoringView .operation-grid > .panel{ grid-column:1 !important; } #monitoringView .operation-grid > .panel:nth-child(3) .sec-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); } #monitoringView .operation-grid > .panel:nth-child(3) .sec-bottom{ grid-template-columns:1fr; } } @media(max-width:600px){ #monitoringView .operation-grid > .panel:nth-child(3) .sec-cards{ grid-template-columns:1fr; } } /* ========================================================== MONITORAMENTO - LAYOUT LIMPO FINAL ========================================================== */ #monitoringView .operation-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; align-items:start !important; } /* Reset das tentativas anteriores */ #monitoringView .operation-grid > .panel:nth-child(1), #monitoringView .operation-grid > .panel:nth-child(2), #monitoringView .operation-grid > .panel:nth-child(3), #monitoringView .operation-grid > .panel:nth-child(4), #monitoringView .operation-grid > .panel:nth-child(5), #monitoringView .operation-grid > .panel:nth-child(6){ grid-column:auto !important; min-width:0 !important; } /* Detalhes de segurança ocupam a largura toda */ #monitoringView .operation-grid > #monitoringSecurityDetails{ grid-column:1 / -1 !important; } /* Resumo da segurança */ .sec-summary-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .sec-summary-card{ min-height:82px; display:flex; align-items:center; gap:10px; padding:11px; border:1px solid #dfe4e9; border-radius:10px; background:#fff; } .sec-summary-card.ok{ background:#f2fbf5; border-color:#bce7ca; } .sec-summary-card.warn{ background:#fff8ea; border-color:#efd394; } .sec-summary-card.info{ background:#f1f6ff; border-color:#c4d8fb; } .sec-summary-card.danger{ background:#fff2f2; border-color:#efc0c0; } .sec-summary-icon{ width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:9px; background:rgba(255,255,255,.82); font-size:17px; } .sec-summary-card span{ display:block; font-size:10px; font-weight:700; } .sec-summary-card strong{ display:block; margin:2px 0; font-size:16px; } .sec-summary-card.ok strong{ color:#078a42; } .sec-summary-card.warn strong{ color:#b76500; } .sec-summary-card.info strong{ color:#175ec5; } .sec-summary-card.danger strong{ color:#c53636; } .sec-summary-card small{ display:block; font-size:9px; opacity:.62; } /* Detalhes */ .monitoring-security-details{ padding:18px !important; } .sec-details-title{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:14px; } .sec-details-title h2{ margin:3px 0; font-size:17px; } .sec-details-title p{ margin:0; font-size:11px; opacity:.65; } .sec-event-badge{ padding:7px 11px; border:1px solid #bfd5ff; border-radius:8px; background:#eef5ff; color:#155dcb; font-size:11px; font-weight:700; white-space:nowrap; } .sec-details-main{ display:grid; grid-template-columns:minmax(260px,.7fr) minmax(620px,2fr); gap:12px; } .sec-details-bottom{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; } .sec-detail-box{ min-width:0; padding:14px; border:1px solid #dde3e9; border-radius:10px; background:#fff; } .sec-detail-box h3{ margin:0 0 10px; font-size:13px; } .sec-detail-box > p{ margin:-5px 0 10px; font-size:10px; opacity:.6; } .sec-table-head, .sec-table-row{ display:grid; grid-template-columns: 65px 135px minmax(190px,1.7fr) 100px 145px; gap:8px; align-items:center; } .sec-table-head{ padding:7px 8px; border-radius:6px; background:#f3f6f9; font-size:9px; font-weight:700; text-transform:uppercase; opacity:.7; } .sec-table-row{ padding:9px 8px; border-bottom:1px solid #edf0f2; font-size:10px; } .sec-table-row:last-child{ border-bottom:0; } .sec-table-row span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .sec-rank-row{ display:flex; justify-content:space-between; align-items:center; gap:15px; min-height:31px; border-bottom:1px solid #edf0f2; font-size:10px; } .sec-rank-row:last-child{ border-bottom:0; } .sec-empty{ padding:12px; border:1px dashed #d9dee4; border-radius:7px; font-size:10px; opacity:.62; } /* Tablet */ @media(max-width:1250px){ #monitoringView .operation-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } #monitoringView .operation-grid > #monitoringSecurityDetails{ grid-column:1 / -1 !important; } .sec-details-main{ grid-template-columns:1fr; } } /* Celular */ @media(max-width:900px){ #monitoringView .operation-grid{ grid-template-columns:1fr !important; } #monitoringView .operation-grid > #monitoringSecurityDetails{ grid-column:1 !important; } .sec-details-bottom{ grid-template-columns:1fr; } .sec-activity-box{ overflow-x:auto; } .sec-table-head, .sec-table-row{ min-width:720px; } } @media(max-width:600px){ .sec-summary-grid{ grid-template-columns:1fr; } .sec-details-title{ display:block; } .sec-event-badge{ display:inline-block; margin-top:10px; } } /* ========================================================== ADMIN - SIDEBAR DESKTOP FIXA FINAL ========================================================== */ @media(min-width:901px){ :root{ --admin-sidebar-width:240px; } .app-shell{ display:block !important; width:100% !important; min-height:100vh !important; } /* Barra lateral fixa na tela */ .app-shell > aside.sidebar{ position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important; z-index:100 !important; width:var(--admin-sidebar-width) !important; height:100dvh !important; max-height:100dvh !important; display:grid !important; grid-template-rows:auto minmax(0,1fr) auto !important; overflow:hidden !important; margin:0 !important; box-sizing:border-box !important; } /* Logo permanece no topo */ .app-shell > aside.sidebar .brand{ grid-row:1 !important; flex:0 0 auto !important; } /* Somente os itens do menu rolam */ .app-shell > aside.sidebar nav{ grid-row:2 !important; min-height:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-bottom:12px !important; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.20) transparent; } .app-shell > aside.sidebar nav::-webkit-scrollbar{ width:5px; } .app-shell > aside.sidebar nav::-webkit-scrollbar-track{ background:transparent; } .app-shell > aside.sidebar nav::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.20); border-radius:999px; } /* Rodapé sempre visível */ .app-shell > aside.sidebar .sidebar-footer{ grid-row:3 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; width:100% !important; margin:0 !important; padding:14px 16px 16px !important; border-top:1px solid rgba(255,255,255,.16) !important; background:inherit !important; box-sizing:border-box !important; } .app-shell > aside.sidebar .sidebar-footer #userName{ min-width:0 !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; font-size:12px !important; } .app-shell > aside.sidebar .sidebar-footer #logoutBtn{ flex:0 0 auto !important; font-size:12px !important; font-weight:700 !important; } /* ESSENCIAL: reserva exatamente o espaço ocupado pela sidebar. Assim o conteúdo não fica escondido atrás dela. */ .app-shell > main.content{ width:calc(100% - var(--admin-sidebar-width)) !important; max-width:none !important; min-width:0 !important; margin-left:var(--admin-sidebar-width) !important; box-sizing:border-box !important; } } /* ========================================================== MOBILE Mantém o menu lateral móvel já existente ========================================================== */ @media(max-width:900px){ .app-shell{ display:block !important; } .app-shell > main.content{ width:100% !important; max-width:none !important; margin-left:0 !important; } } /* ========================================================== SIDEBAR DESKTOP - COMPACTA SEM SCROLL INTERNO ========================================================== */ @media(min-width:901px){ /* sidebar continua fixa */ .app-shell > aside.sidebar{ overflow:hidden !important; } /* LOGO: sobe e ocupa menos altura */ .app-shell > aside.sidebar .brand{ padding:8px 14px 7px !important; margin:0 !important; min-height:0 !important; } .app-shell > aside.sidebar .admin-logo-sidebar{ display:block !important; width:190px !important; max-width:100% !important; margin:0 auto !important; } .app-shell > aside.sidebar .admin-logo-sidebar img{ display:block !important; width:100% !important; height:auto !important; max-height:62px !important; object-fit:contain !important; } /* MENU sem scroll */ .app-shell > aside.sidebar nav{ overflow:visible !important; min-height:0 !important; display:flex !important; flex-direction:column !important; gap:2px !important; padding:2px 8px 4px !important; } /* Itens mais compactos */ .app-shell > aside.sidebar .nav-item{ display:flex !important; align-items:center !important; width:100% !important; min-height:38px !important; margin:0 !important; padding:7px 11px !important; border-radius:7px !important; font-size:14px !important; line-height:1.15 !important; white-space:normal !important; } /* Item ativo */ .app-shell > aside.sidebar .nav-item.active{ min-height:40px !important; padding-left:9px !important; border-left:3px solid #ef3340 !important; background:rgba(255,255,255,.075) !important; } /* Evita espaços adicionais entre botões */ .app-shell > aside.sidebar nav > *{ flex:0 0 auto !important; } /* Monitoramento badge */ .app-shell > aside.sidebar .monitoring-nav-badge{ margin-left:auto !important; } /* RODAPÉ ocupa pouco espaço e fica sempre no final */ .app-shell > aside.sidebar .sidebar-footer{ margin:0 !important; padding:10px 14px 11px !important; min-height:46px !important; border-top:1px solid rgba(255,255,255,.15) !important; } .app-shell > aside.sidebar .sidebar-footer #userName{ font-size:11px !important; } .app-shell > aside.sidebar .sidebar-footer #logoutBtn{ font-size:11px !important; } } @media(min-width:901px){ .app-shell > aside.sidebar{ display:flex !important; flex-direction:column !important; } .app-shell > aside.sidebar .brand{ flex:0 0 auto !important; } .app-shell > aside.sidebar nav{ flex:1 1 auto !important; } .app-shell > aside.sidebar .sidebar-footer{ flex:0 0 auto !important; } } /* ========================================================== SIDEBAR DESKTOP - AJUSTE DE TAMANHO FINAL ========================================================== */ @media(min-width:901px){ /* Logo um pouco maior */ .app-shell > aside.sidebar .admin-logo-sidebar{ width:205px !important; } .app-shell > aside.sidebar .admin-logo-sidebar img{ max-height:68px !important; } /* Itens do menu um pouco maiores */ .app-shell > aside.sidebar .nav-item{ min-height:40px !important; padding:8px 12px !important; font-size:15px !important; line-height:1.2 !important; } /* Item ativo */ .app-shell > aside.sidebar .nav-item.active{ min-height:42px !important; padding-left:10px !important; } /* Pequeno aumento do espaço entre itens */ .app-shell > aside.sidebar nav{ gap:3px !important; } /* Nome e Sair */ .app-shell > aside.sidebar .sidebar-footer #userName{ font-size:12px !important; } .app-shell > aside.sidebar .sidebar-footer #logoutBtn{ font-size:12px !important; } } /* ========================================================== SIDEBAR - ORGANIZACAO FINAL Auditoria acima do rodape ========================================================== */ @media(min-width:901px){ .app-shell > aside.sidebar{ display:flex !important; flex-direction:column !important; height:100dvh !important; overflow:hidden !important; } /* Logo compacto o suficiente para caber tudo */ .app-shell > aside.sidebar .brand{ flex:0 0 auto !important; padding:5px 12px 4px !important; margin:0 !important; } .app-shell > aside.sidebar .admin-logo-sidebar{ width:198px !important; margin:0 auto !important; } .app-shell > aside.sidebar .admin-logo-sidebar img{ max-height:63px !important; } /* Navegacao usa todo o espaço entre logo e rodape */ .app-shell > aside.sidebar nav{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; min-height:0 !important; gap:2px !important; padding:2px 8px 6px !important; overflow:hidden !important; } /* Mantém letras grandes, mas reduz altura */ .app-shell > aside.sidebar .nav-item{ flex:0 0 auto !important; width:100% !important; min-height:37px !important; margin:0 !important; padding:6px 11px !important; font-size:15px !important; line-height:1.15 !important; border-radius:7px !important; } .app-shell > aside.sidebar .nav-item.active{ min-height:39px !important; } /* Auditoria vai para o final da área de navegação, ficando imediatamente acima da linha do rodapé. */ .app-shell > aside.sidebar .nav-item[data-view="audit"]{ margin-top:auto !important; margin-bottom:5px !important; } /* Rodapé sempre aparece */ .app-shell > aside.sidebar .sidebar-footer{ flex:0 0 48px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; margin:0 !important; padding:10px 14px !important; border-top:1px solid rgba(255,255,255,.20) !important; background:#09090b !important; } .app-shell > aside.sidebar .sidebar-footer #userName{ font-size:11px !important; } .app-shell > aside.sidebar .sidebar-footer #logoutBtn{ font-size:11px !important; } } /* ========================================================== SIDEBAR - SEM ESPACO VAZIO ENTRE MENU E AUDITORIA ========================================================== */ @media(min-width:901px){ /* Auditoria volta para a sequência normal do menu */ .app-shell > aside.sidebar .nav-item[data-view="audit"]{ margin-top:0 !important; margin-bottom:0 !important; } /* Navegação não precisa preencher toda a altura. Assim não cria buraco entre Monitoramento e Auditoria. */ .app-shell > aside.sidebar nav{ flex:0 1 auto !important; overflow:visible !important; } /* Espaço restante fica entre o menu e o rodapé, não entre Monitoramento e Auditoria. */ .app-shell > aside.sidebar .sidebar-footer{ margin-top:auto !important; } } /* ========================================================== SIDEBAR FINAL - MENU PREENCHENDO TODA A ALTURA ========================================================== */ @media(min-width:901px){ .app-shell > aside.sidebar{ display:flex !important; flex-direction:column !important; height:100dvh !important; overflow:hidden !important; } /* Logo compacto no topo */ .app-shell > aside.sidebar .brand{ flex:0 0 auto !important; padding:5px 12px 4px !important; margin:0 !important; } .app-shell > aside.sidebar .admin-logo-sidebar{ width:202px !important; max-width:100% !important; margin:0 auto !important; } .app-shell > aside.sidebar .admin-logo-sidebar img{ display:block !important; width:100% !important; height:auto !important; max-height:64px !important; object-fit:contain !important; } /* A navegação ocupa TODO o espaço livre. Os itens são distribuídos de cima até embaixo. */ .app-shell > aside.sidebar nav{ flex:1 1 auto !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; min-height:0 !important; padding:4px 9px 8px !important; overflow:hidden !important; gap:0 !important; } /* Todos os itens seguem a mesma distribuição */ .app-shell > aside.sidebar nav > .nav-item{ flex:0 0 auto !important; display:flex !important; align-items:center !important; width:100% !important; min-height:40px !important; margin:0 !important; padding:8px 12px !important; border-radius:8px !important; font-size:16px !important; font-weight:700 !important; line-height:1.15 !important; white-space:normal !important; } /* Auditoria não é empurrada separadamente */ .app-shell > aside.sidebar .nav-item[data-view="audit"]{ margin:0 !important; } /* Item selecionado */ .app-shell > aside.sidebar .nav-item.active{ min-height:42px !important; padding-left:10px !important; border-left:3px solid #ef3340 !important; background:rgba(255,255,255,.075) !important; } /* Ícones e texto respiram melhor */ .app-shell > aside.sidebar .nav-item{ column-gap:4px !important; } /* Rodapé continua preso embaixo */ .app-shell > aside.sidebar .sidebar-footer{ flex:0 0 auto !important; display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; margin:0 !important; padding:11px 14px 13px !important; border-top:1px solid rgba(255,255,255,.20) !important; background:#09090b !important; } .app-shell > aside.sidebar .sidebar-footer #userName{ font-size:12px !important; } .app-shell > aside.sidebar .sidebar-footer #logoutBtn{ font-size:12px !important; font-weight:700 !important; } } /* Se a altura disponível ficar menor por causa de zoom, reduz levemente os itens em vez de criar rolagem. */ @media(min-width:901px) and (max-height:780px){ .app-shell > aside.sidebar nav > .nav-item{ min-height:35px !important; padding-top:5px !important; padding-bottom:5px !important; font-size:14px !important; } .app-shell > aside.sidebar .admin-logo-sidebar{ width:185px !important; } .app-shell > aside.sidebar .admin-logo-sidebar img{ max-height:55px !important; } } /* Toast de avisos */ #toast.toast { position: fixed; top: 24px; left: 50%; transform: translateX(-50%) translateY(-20px); z-index: 999999; max-width: min(560px, calc(100vw - 32px)); padding: 14px 18px; border-radius: 10px; background: #202124; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; box-shadow: 0 8px 28px rgba(0,0,0,.28); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s; } #toast.toast.show { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } /* Toast compacto - sobrescreve estilos herdados do modal */ #toast.toast { position: fixed !important; top: 24px !important; left: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: min(520px, calc(100vw - 32px)) !important; margin: 0 !important; padding: 12px 16px !important; transform: translate(-50%, -12px) !important; display: block !important; overflow: visible !important; background: #202124 !important; color: #fff !important; border: 0 !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.35 !important; box-shadow: 0 6px 20px rgba(0,0,0,.22) !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; z-index: 999999 !important; } #toast.toast.show { opacity: 1 !important; visibility: visible !important; transform: translate(-50%, 0) !important; } /* SAFARI_1610: efeitos de desfoque tambem no Safari do Mac/iPhone (prefixo -webkit-) */ .topbar{-webkit-backdrop-filter:blur(14px)} .exercise-image-modal{-webkit-backdrop-filter:blur(8px)} .support-ticket-admin-modal::backdrop{-webkit-backdrop-filter:blur(2px)} #monitoringView .operation-hero{-webkit-backdrop-filter:none !important} /* botao 'Ver site publico' nao espreme no tablet */ .site-pill{white-space:nowrap;flex:none} .topbar>.site-pill{grid-column:1/-1;justify-self:start;width:max-content}