
:root{--mid-bg:#f8fafc;--mid-surface:#eef2f7;--mid-card:#ffffff;--mid-line:#d9e2ec;--mid-text:#102033;--mid-sub:#5b6b7f;--mid-accent:#0f172a;--mid-accent-2:#1e3a5f;--mid-brand:#2563eb;--mid-brand-soft:#dbeafe;--mid-success:#dcfce7;--mid-hero-custom:#0f172a;--mid-hero-custom-2:#1e3a5f;--mid-warning:#fef3c7;--mid-danger:#fee2e2;--mid-purple:#ede9fe}
body{background:var(--mid-bg)}
.metodo-id-wrap{max-width:1180px;margin:28px auto;padding:24px;border-radius:28px;background:linear-gradient(180deg,#f8fafc,#eef3f9);font-family:Inter,Arial,sans-serif;color:var(--mid-text);box-shadow:0 18px 50px rgba(15,23,42,.08)}
.metodo-id-grid{display:grid;gap:18px}.metodo-id-grid-top{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.metodo-id-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--mid-line);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.06);margin-bottom:18px}
.metodo-id-card h3{margin:0 0 10px;font-size:24px;line-height:1.15}
.metodo-id-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--mid-hero-custom);background:linear-gradient(135deg,var(--mid-hero-custom), var(--mid-hero-custom-2));color:#fff;border:1px solid rgba(255,255,255,.08)}
.metodo-id-hero p,.metodo-id-hero span{color:#dbe7ff}
.metodo-id-eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.metodo-id-hero h2{margin:10px 0 8px;font-size:44px;line-height:1.04;color:#fff}
.metodo-id-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.metodo-id-hero-stats div{padding:14px;border-radius:18px;text-align:center;border:1px solid rgba(255,255,255,.08)}
.metodo-id-hero-stats div:nth-child(1){background:rgba(37,99,235,.18)}
.metodo-id-hero-stats div:nth-child(2){background:rgba(34,197,94,.16)}
.metodo-id-hero-stats div:nth-child(3){background:rgba(139,92,246,.16)}
.metodo-id-hero-stats strong{display:block;font-size:26px;color:#fff}.metodo-id-hero-stats span{font-size:12px}
.metodo-id-progress{width:100%;height:12px;background:#e7edf6;border-radius:999px;overflow:hidden;margin-top:12px}.metodo-id-progress span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px}
.metodo-id-muted{color:var(--mid-sub);font-size:14px}.metodo-id-task-title{font-size:18px;font-weight:700}
.metodo-id-button{background:linear-gradient(90deg,#1d4ed8,#2563eb);color:#fff;border:none;border-radius:14px;padding:12px 18px;cursor:pointer;font-weight:700;box-shadow:0 10px 24px rgba(37,99,235,.22);margin-right:8px}.metodo-id-button-secondary{background:#eef4ff;color:#173e88;box-shadow:none}
.metodo-id-form label{display:block;margin-bottom:14px;font-weight:600}.metodo-id-form input[type=text],.metodo-id-form input[type=url],.metodo-id-form textarea,.metodo-id-form select{width:100%;margin-top:8px;border:1px solid #ccd7e5;border-radius:14px;padding:12px;background:#fff;color:var(--mid-text)}
.metodo-id-form input[type=text]:focus,.metodo-id-form input[type=url]:focus,.metodo-id-form textarea:focus,.metodo-id-form select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.metodo-id-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metodo-id-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0 20px}.metodo-id-checkbox{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;font-weight:500}
.metodo-id-status{display:inline-block;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.metodo-id-status-done_on_time{background:var(--mid-success);color:#166534}.metodo-id-status-done_late{background:var(--mid-warning);color:#92400e}.metodo-id-status-pending{background:#e8edf4;color:#4f5b6f}.metodo-id-status-missed{background:var(--mid-danger);color:#b91c1c}
.metodo-id-table{width:100%;border-collapse:collapse}.metodo-id-table th,.metodo-id-table td{border-bottom:1px solid #ebf0f6;padding:12px;text-align:left;vertical-align:top}
.metodo-id-days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.metodo-id-day-pill{border-radius:14px;padding:10px 12px;background:#eff6ff;border:1px solid #dbeafe;font-weight:700}.metodo-id-day-pill small{display:block;font-weight:500;color:var(--mid-sub)}.metodo-id-day-pill.is-locked{opacity:.55}.metodo-id-day-pill-done_on_time{background:var(--mid-success);border-color:#bbf7d0}.metodo-id-day-pill-done_late{background:var(--mid-warning);border-color:#fde68a}.metodo-id-day-pill-missed{background:var(--mid-danger);border-color:#fecaca}
.metodo-id-heatmap{display:grid;grid-template-columns:repeat(15,1fr);gap:6px}.metodo-id-heatmap-cell{display:block;width:100%;padding-bottom:100%;border-radius:8px;border:1px solid rgba(0,0,0,.04)}
@media print{body{background:#fff}.metodo-id-button,.metodo-id-button-secondary,form{display:none!important}.metodo-id-wrap{background:#fff;box-shadow:none;padding:0;max-width:100%}.metodo-id-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}}
@media (max-width:760px){.metodo-id-wrap{padding:16px}.metodo-id-hero{flex-direction:column;align-items:flex-start}.metodo-id-hero h2{font-size:34px}.metodo-id-hero-stats{width:100%}.metodo-id-table{display:block;overflow:auto}.metodo-id-heatmap{grid-template-columns:repeat(10,1fr)}}

.metodo-id-auth-box {
    max-width: 680px;
    margin: 32px auto;
    padding: 28px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    text-align: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.metodo-id-auth-box h3 {
    margin: 0 0 8px;
    font-size: 28px;
    color: #0f172a;
}

.metodo-id-auth-box p {
    margin: 0 0 18px;
    color: #475569;
}

.metodo-id-ranking-list{display:flex;flex-direction:column;gap:14px}
.metodo-id-ranking-row{display:grid;grid-template-columns:72px 1.2fr 2fr;gap:18px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px}
.metodo-id-ranking-row.is-current-user{border-color:#16a34a;background:#f0fdf4}
.metodo-id-ranking-position{font-size:26px;font-weight:800;text-align:center}
.metodo-id-ranking-user strong{font-size:18px;color:#0f172a;display:block}
.metodo-id-ranking-user strong span{font-size:11px;text-transform:uppercase;background:#16a34a;color:#fff;padding:3px 7px;border-radius:999px;margin-left:6px;vertical-align:middle}
.metodo-id-ranking-user small{color:#64748b}
.metodo-id-ranking-metrics{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:10px;text-align:center}
.metodo-id-ranking-metrics div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px}
.metodo-id-ranking-metrics strong{display:block;font-size:18px;color:#0f172a}
.metodo-id-ranking-metrics span{font-size:12px;color:#64748b}
@media(max-width:900px){.metodo-id-ranking-row{grid-template-columns:1fr}.metodo-id-ranking-position{text-align:left}.metodo-id-ranking-metrics{grid-template-columns:repeat(2,1fr)}}

/* Painel do Professor */
.metodo-id-professor-wrap .metodo-id-hero h2{margin:10px 0 8px;font-size:34px;line-height:1.1}
.metodo-id-professor-wrap .metodo-id-hero p{margin:0;opacity:.9}
.metodo-id-professor-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.metodo-id-professor-filters input,.metodo-id-professor-filters select{min-height:42px;border:1px solid #dbe5f0;border-radius:12px;padding:8px 12px;background:#fff;min-width:220px}
.metodo-id-professor-table-wrap{overflow:auto;width:100%}
.metodo-id-professor-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:920px}
.metodo-id-professor-table th{text-align:left;color:#64748b;font-size:13px;padding:8px 12px;white-space:nowrap}
.metodo-id-professor-table td{background:#f8fbff;padding:14px 12px;border-top:1px solid #e6eef8;border-bottom:1px solid #e6eef8;vertical-align:middle}
.metodo-id-professor-table td:first-child{border-left:1px solid #e6eef8;border-radius:14px 0 0 14px}
.metodo-id-professor-table td:last-child{border-right:1px solid #e6eef8;border-radius:0 14px 14px 0}
.metodo-id-professor-table small{color:#64748b}
.metodo-id-mini-progress{height:9px;background:#e6edf5;border-radius:999px;overflow:hidden;min-width:150px;margin-bottom:6px}
.metodo-id-mini-progress span{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:999px}
.metodo-id-status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;background:#e2e8f0;color:#334155;text-transform:capitalize}
.metodo-id-status-active{background:#dcfce7;color:#166534}
.metodo-id-status-completed{background:#dbeafe;color:#1d4ed8}
@media (max-width:720px){.metodo-id-professor-filters input,.metodo-id-professor-filters select,.metodo-id-professor-filters .metodo-id-button{width:100%;min-width:0}.metodo-id-professor-wrap .metodo-id-hero h2{font-size:28px}}

/* Painel do Professor - visual clean v2 */
.metodo-id-professor-wrap{
    max-width:1240px !important;
    padding:28px !important;
    border-radius:28px !important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%) !important;
}
.metodo-id-professor-wrap .metodo-id-hero{
    background:linear-gradient(135deg,#ffffff 0%,#f1f7ff 100%) !important;
    color:#102033 !important;
    border:1px solid #d9e7f5 !important;
    border-radius:26px !important;
    padding:30px 32px !important;
    box-shadow:0 16px 38px rgba(15,23,42,.07) !important;
}
.metodo-id-professor-wrap .metodo-id-badge{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    background:#eaf2ff !important;
    color:#2457a6 !important;
    font-weight:800 !important;
    font-size:12px !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}
.metodo-id-professor-wrap .metodo-id-hero h2{
    color:#102033 !important;
    margin:14px 0 10px !important;
    font-size:42px !important;
    letter-spacing:-.04em !important;
    line-height:1.05 !important;
}
.metodo-id-professor-wrap .metodo-id-hero p{
    color:#526176 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    max-width:720px !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(105px,1fr)) !important;
    gap:14px !important;
    min-width:360px !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats div{
    border-radius:22px !important;
    padding:18px 16px !important;
    background:#ffffff !important;
    border:1px solid #dce8f6 !important;
    box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats div:nth-child(1){background:#eff6ff !important;border-color:#bfdbfe !important;}
.metodo-id-professor-wrap .metodo-id-hero-stats div:nth-child(2){background:#f0fdf4 !important;border-color:#bbf7d0 !important;}
.metodo-id-professor-wrap .metodo-id-hero-stats div:nth-child(3){background:#faf5ff !important;border-color:#e9d5ff !important;}
.metodo-id-professor-wrap .metodo-id-hero-stats strong{
    color:#102033 !important;
    font-size:32px !important;
    line-height:1 !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats span{
    color:#64748b !important;
    font-size:13px !important;
    font-weight:700 !important;
}
.metodo-id-professor-filter-card{
    padding:26px !important;
    border-radius:24px !important;
    background:#ffffff !important;
    border:1px solid #dce8f6 !important;
    box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}
.metodo-id-professor-filters{
    gap:14px !important;
}
.metodo-id-professor-filters input,
.metodo-id-professor-filters select{
    height:54px !important;
    min-height:54px !important;
    border:1px solid #d2dfed !important;
    border-radius:16px !important;
    padding:0 18px !important;
    background:#fbfdff !important;
    color:#102033 !important;
    font-size:15px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}
.metodo-id-professor-filters input:focus,
.metodo-id-professor-filters select:focus{
    outline:none !important;
    border-color:#93c5fd !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12) !important;
}
.metodo-id-professor-filters .metodo-id-button{
    min-height:54px !important;
    border-radius:16px !important;
    padding:0 28px !important;
    background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
}
.metodo-id-professor-wrap .metodo-id-card:not(.metodo-id-professor-filter-card){
    padding:30px !important;
    border-radius:26px !important;
    background:#ffffff !important;
    border:1px solid #dce8f6 !important;
    box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}
.metodo-id-professor-wrap .metodo-id-card h3{
    color:#102033 !important;
    font-size:34px !important;
    letter-spacing:-.035em !important;
    margin-bottom:20px !important;
}
.metodo-id-professor-table{
    border-spacing:0 12px !important;
}
.metodo-id-professor-table th{
    background:#f5f8fc !important;
    color:#5b6b7f !important;
    font-size:13px !important;
    font-weight:800 !important;
    padding:14px 16px !important;
    text-transform:none !important;
}
.metodo-id-professor-table th:first-child{border-radius:14px 0 0 14px !important;}
.metodo-id-professor-table th:last-child{border-radius:0 14px 14px 0 !important;}
.metodo-id-professor-table td{
    background:#ffffff !important;
    padding:18px 16px !important;
    border-top:1px solid #dce8f6 !important;
    border-bottom:1px solid #dce8f6 !important;
    color:#172333 !important;
}
.metodo-id-professor-table td:first-child{
    border-left:1px solid #dce8f6 !important;
    border-radius:18px 0 0 18px !important;
}
.metodo-id-professor-table td:last-child{
    border-right:1px solid #dce8f6 !important;
    border-radius:0 18px 18px 0 !important;
}
.metodo-id-professor-table tbody tr:hover td{
    background:#f8fbff !important;
    border-color:#bfdbfe !important;
}
.metodo-id-professor-table td strong{
    color:#0f172a !important;
    font-size:16px !important;
}
.metodo-id-professor-table small{
    color:#64748b !important;
    font-size:13px !important;
}
.metodo-id-mini-progress{
    height:10px !important;
    min-width:170px !important;
    background:#edf3fa !important;
    border-radius:999px !important;
}
.metodo-id-mini-progress span{
    background:linear-gradient(90deg,#2563eb,#22c55e) !important;
}
.metodo-id-status-pill{
    padding:8px 12px !important;
    font-size:12px !important;
    font-weight:800 !important;
}
@media (max-width:900px){
    .metodo-id-professor-wrap .metodo-id-hero{align-items:flex-start !important;}
    .metodo-id-professor-wrap .metodo-id-hero-stats{min-width:0 !important;width:100% !important;grid-template-columns:repeat(3,1fr) !important;}
}
@media (max-width:720px){
    .metodo-id-professor-wrap{padding:18px !important;}
    .metodo-id-professor-wrap .metodo-id-hero{padding:24px !important;}
    .metodo-id-professor-wrap .metodo-id-hero h2{font-size:31px !important;}
    .metodo-id-professor-wrap .metodo-id-hero-stats{grid-template-columns:1fr !important;}
}


/* Visual clean aplicado aos painéis principais */
.metodo-id-wrap:not(.metodo-id-professor-wrap){
    max-width:1180px !important;
    padding:28px !important;
    border-radius:28px !important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%) !important;
    box-shadow:0 18px 50px rgba(15,23,42,.08) !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) > .metodo-id-hero{
    border-radius:26px !important;
    padding:30px 32px !important;
    box-shadow:0 16px 38px rgba(15,23,42,.10) !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-card{
    padding:30px !important;
    border-radius:26px !important;
    background:#ffffff !important;
    border:1px solid #dce8f6 !important;
    box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-card h3{
    color:#102033 !important;
    font-size:32px !important;
    letter-spacing:-.035em !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-muted,
.metodo-id-wrap:not(.metodo-id-professor-wrap) small{
    color:#64748b !important;
}
.metodo-id-days-grid .metodo-id-day-pill{
    border-radius:18px !important;
    padding:16px 14px !important;
    min-height:72px !important;
    background:#f8fbff !important;
    border:1px solid #dce8f6 !important;
    color:#102033 !important;
}
.metodo-id-days-grid .metodo-id-day-pill:not(.is-locked):hover{
    border-color:#93c5fd !important;
    box-shadow:0 10px 24px rgba(37,99,235,.10) !important;
}
.metodo-id-days-grid .metodo-id-day-pill.is-locked{
    background:#f3f7fb !important;
    color:#7c8a9b !important;
}

/* Ações e adicionar aluno */
.metodo-id-professor-add-card{
    margin-top:18px !important;
}
.metodo-id-professor-add-form,
.metodo-id-add-student-form{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:14px;
}
.metodo-id-professor-add-form input,
.metodo-id-professor-add-form select,
.metodo-id-add-student-form input,
.metodo-id-add-student-form select{
    height:52px;
    min-width:260px;
    border:1px solid #d2dfed;
    border-radius:16px;
    padding:0 16px;
    background:#fbfdff;
    color:#102033;
}
.metodo-id-professor-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.metodo-id-professor-actions form{
    margin:0;
}
.metodo-id-small-action{
    border:1px solid #d2dfed;
    background:#ffffff;
    color:#1e3a5f;
    border-radius:12px;
    padding:8px 10px;
    font-weight:800;
    cursor:pointer;
}
.metodo-id-small-action:hover{
    border-color:#93c5fd;
    background:#eff6ff;
}
.metodo-id-small-danger{
    color:#b91c1c;
}
.metodo-id-small-danger:hover{
    border-color:#fecaca;
    background:#fff1f2;
}
@media(max-width:760px){
    .metodo-id-professor-add-form input,
    .metodo-id-professor-add-form select,
    .metodo-id-professor-add-form .metodo-id-button,
    .metodo-id-add-student-form input,
    .metodo-id-add-student-form select,
    .metodo-id-add-student-form button{
        width:100%;
        min-width:0;
    }
}

/* Ajuste visual clean final v3 - todos os painéis */
.metodo-id-wrap,
.metodo-id-professor-wrap{
    background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%) !important;
    border:1px solid #dbe7f5 !important;
    box-shadow:0 18px 50px rgba(15,23,42,.08) !important;
}
.metodo-id-wrap .metodo-id-hero,
.metodo-id-professor-wrap .metodo-id-hero,
.metodo-id-wrap:not(.metodo-id-professor-wrap) > .metodo-id-hero{
    background:linear-gradient(135deg,#ffffff 0%,#f6faff 100%) !important;
    color:#102033 !important;
    border:1px solid #d9e7f5 !important;
    border-radius:26px !important;
    padding:26px 30px !important;
    box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
    background-image:none !important;
}
.metodo-id-wrap .metodo-id-hero h2,
.metodo-id-professor-wrap .metodo-id-hero h2{
    color:#102033 !important;
    text-shadow:none !important;
    letter-spacing:-.045em !important;
}
.metodo-id-wrap .metodo-id-hero p,
.metodo-id-wrap .metodo-id-hero span,
.metodo-id-professor-wrap .metodo-id-hero p,
.metodo-id-professor-wrap .metodo-id-hero span{
    color:#5b6b7f !important;
    opacity:1 !important;
}
.metodo-id-wrap .metodo-id-eyebrow,
.metodo-id-professor-wrap .metodo-id-badge,
.metodo-id-wrap .metodo-id-badge{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    background:#eaf2ff !important;
    color:#2457a6 !important;
    border:1px solid #d6e8ff !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}
.metodo-id-wrap .metodo-id-hero-stats div,
.metodo-id-professor-wrap .metodo-id-hero-stats div{
    border:1px solid #dbe7f5 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.metodo-id-wrap .metodo-id-hero-stats div:nth-child(1),
.metodo-id-professor-wrap .metodo-id-hero-stats div:nth-child(1){background:#eaf2ff !important;}
.metodo-id-wrap .metodo-id-hero-stats div:nth-child(2),
.metodo-id-professor-wrap .metodo-id-hero-stats div:nth-child(2){background:#eafaf0 !important;}
.metodo-id-wrap .metodo-id-hero-stats div:nth-child(3),
.metodo-id-professor-wrap .metodo-id-hero-stats div:nth-child(3){background:#f0eaff !important;}
.metodo-id-wrap .metodo-id-hero-stats strong,
.metodo-id-professor-wrap .metodo-id-hero-stats strong{
    color:#102033 !important;
    text-shadow:none !important;
}
.metodo-id-wrap .metodo-id-hero-stats span,
.metodo-id-professor-wrap .metodo-id-hero-stats span{
    color:#5b6b7f !important;
}
.metodo-id-card{
    background:#ffffff !important;
    border:1px solid #dce8f6 !important;
    box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
}

/* Painel do professor mais compacto */
.metodo-id-professor-wrap{
    max-width:1240px !important;
    padding:20px !important;
}
.metodo-id-professor-wrap .metodo-id-hero{
    padding:20px 24px !important;
    margin-bottom:14px !important;
}
.metodo-id-professor-wrap .metodo-id-hero h2{
    font-size:30px !important;
    margin:8px 0 6px !important;
}
.metodo-id-professor-wrap .metodo-id-hero p{
    font-size:15px !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats{
    gap:10px !important;
    min-width:270px !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats div{
    padding:10px 12px !important;
    border-radius:16px !important;
}
.metodo-id-professor-wrap .metodo-id-hero-stats strong{
    font-size:24px !important;
}
.metodo-id-professor-wrap .metodo-id-card{
    padding:20px !important;
    border-radius:22px !important;
    margin-bottom:14px !important;
}
.metodo-id-professor-wrap .metodo-id-card h3{
    font-size:26px !important;
    margin-bottom:14px !important;
}
.metodo-id-professor-filter-card{
    padding:16px !important;
}
.metodo-id-professor-filters{
    gap:10px !important;
}
.metodo-id-professor-filters input,
.metodo-id-professor-filters select{
    height:44px !important;
    min-height:44px !important;
    border-radius:13px !important;
    padding:0 14px !important;
    font-size:14px !important;
}
.metodo-id-professor-filters .metodo-id-button,
.metodo-id-professor-add-form .metodo-id-button{
    min-height:44px !important;
    height:44px !important;
    border-radius:13px !important;
    padding:0 20px !important;
}
.metodo-id-professor-add-form input,
.metodo-id-professor-add-form select,
.metodo-id-add-student-form input,
.metodo-id-add-student-form select{
    height:44px !important;
    min-height:44px !important;
    border-radius:13px !important;
}
.metodo-id-professor-table{
    border-spacing:0 8px !important;
    min-width:900px !important;
}
.metodo-id-professor-table th{
    padding:10px 12px !important;
    font-size:12px !important;
}
.metodo-id-professor-table td{
    padding:11px 12px !important;
    font-size:14px !important;
}
.metodo-id-professor-table td strong{
    font-size:15px !important;
}
.metodo-id-professor-table small{
    font-size:12px !important;
}
.metodo-id-mini-progress{
    height:8px !important;
    min-width:140px !important;
}
.metodo-id-status-pill{
    padding:6px 10px !important;
    font-size:11px !important;
}
.metodo-id-professor-actions{
    gap:6px !important;
    flex-wrap:nowrap !important;
}
.metodo-id-professor-actions form{margin:0 !important;display:inline-block !important;}
.metodo-id-professor-actions .metodo-id-small-action,
button.metodo-id-small-action,
.metodo-id-small-action{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:76px !important;
    max-width:110px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    background:#ffffff !important;
    color:#1e3a5f !important;
    border:1px solid #cfe0f2 !important;
    box-shadow:none !important;
    text-transform:none !important;
}
.metodo-id-professor-actions .metodo-id-small-danger,
button.metodo-id-small-danger,
.metodo-id-small-danger{
    color:#b91c1c !important;
    border-color:#f5c2c7 !important;
    background:#fff7f7 !important;
}
@media(max-width:900px){
    .metodo-id-professor-wrap .metodo-id-hero{align-items:flex-start !important;}
    .metodo-id-professor-actions{flex-wrap:wrap !important;}
}

/* SaaS polish v4 */
.metodo-id-wrap.metodo-id-saas-wrap,
.metodo-id-wrap{
    --mid-bg:#f6f9fc;
    --mid-surface:#ffffff;
    --mid-line:#dbe8f6;
    --mid-text:#0f1f33;
    --mid-muted:#64748b;
    --mid-primary:#2563eb;
    --mid-success:#16a34a;
    --mid-danger:#dc2626;
    --mid-radius:24px;
}
.metodo-id-wrap{
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    overflow:visible !important;
}
.metodo-id-wrap *{box-sizing:border-box;}
.metodo-id-wrap .metodo-id-card,
.metodo-id-card{
    background:rgba(255,255,255,.94) !important;
    border:1px solid var(--mid-line) !important;
    border-radius:var(--mid-radius) !important;
    box-shadow:0 18px 45px rgba(15,31,51,.07) !important;
}
.metodo-id-wrap .metodo-id-hero,
.metodo-id-professor-wrap .metodo-id-hero{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%) !important;
    border:1px solid var(--mid-line) !important;
    color:var(--mid-text) !important;
    min-height:auto !important;
}
.metodo-id-wrap .metodo-id-hero h2,
.metodo-id-professor-wrap .metodo-id-hero h2{
    color:var(--mid-text) !important;
    font-size:clamp(30px,3.7vw,58px) !important;
    line-height:1.02 !important;
    letter-spacing:-.055em !important;
    margin:14px 0 12px !important;
    font-weight:850 !important;
}
.metodo-id-wrap .metodo-id-hero p,
.metodo-id-professor-wrap .metodo-id-hero p{
    color:var(--mid-muted) !important;
    max-width:760px !important;
    font-size:clamp(15px,1.25vw,21px) !important;
    line-height:1.55 !important;
}
.metodo-id-eyebrow,
.metodo-id-badge,
.metodo-id-kicker{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:#eef5ff !important;
    border:1px solid #d9eaff !important;
    color:#2354a2 !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
}
.metodo-id-hero-stats{
    display:flex !important;
    gap:12px !important;
    flex-shrink:0 !important;
}
.metodo-id-hero-stats div{
    min-width:86px !important;
    padding:14px 14px !important;
    border-radius:20px !important;
    text-align:center !important;
    border:1px solid var(--mid-line) !important;
}
.metodo-id-hero-stats strong{
    color:var(--mid-text) !important;
    font-size:30px !important;
    line-height:1 !important;
}
.metodo-id-hero-stats span{font-size:12px !important;color:var(--mid-muted) !important;}
.metodo-id-grid-top{gap:18px !important;}
.metodo-id-grid-top .metodo-id-card{padding:24px !important;}
.metodo-id-grid-top .metodo-id-card h3,
.metodo-id-card h3{
    color:var(--mid-text) !important;
    font-size:clamp(24px,2.5vw,38px) !important;
    letter-spacing:-.04em !important;
    line-height:1.12 !important;
}
.metodo-id-muted,.metodo-id-card small{color:var(--mid-muted) !important;}
.metodo-id-button{
    background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
    border:0 !important;
    color:#fff !important;
    border-radius:14px !important;
    box-shadow:0 12px 24px rgba(37,99,235,.22) !important;
    font-weight:850 !important;
}
.metodo-id-button:hover{filter:brightness(.98);transform:translateY(-1px);}
.metodo-id-progress,.metodo-id-mini-progress{
    background:#eef4fb !important;
    border-radius:999px !important;
    overflow:hidden !important;
}
.metodo-id-progress span,.metodo-id-mini-progress span{background:linear-gradient(90deg,#2563eb,#16a34a) !important;}

/* Professor SaaS layout */
.metodo-id-professor-wrap{
    max-width:1280px !important;
    padding:18px !important;
    border-radius:28px !important;
}
.metodo-id-professor-wrap .metodo-id-saas-hero{
    padding:18px 22px !important;
    margin-bottom:12px !important;
}
.metodo-id-professor-wrap .metodo-id-saas-hero h2{
    font-size:32px !important;
    margin:8px 0 4px !important;
}
.metodo-id-professor-wrap .metodo-id-saas-hero p{font-size:14px !important;margin:0 !important;}
.metodo-id-saas-toolbar{
    display:grid !important;
    grid-template-columns:1.15fr .85fr !important;
    gap:12px !important;
    margin-bottom:12px !important;
}
.metodo-id-professor-filter-card,
.metodo-id-professor-add-card{
    padding:14px !important;
    margin:0 !important;
}
.metodo-id-professor-add-card h3{font-size:18px !important;margin:6px 0 10px !important;}
.metodo-id-professor-filters,
.metodo-id-professor-add-form{
    display:flex !important;
    gap:8px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
}
.metodo-id-professor-filters input,
.metodo-id-professor-filters select,
.metodo-id-professor-add-form input,
.metodo-id-professor-add-form select{
    height:40px !important;
    min-height:40px !important;
    padding:0 12px !important;
    border:1px solid var(--mid-line) !important;
    border-radius:12px !important;
    font-size:13px !important;
    background:#fff !important;
    min-width:0 !important;
}
.metodo-id-professor-add-form input{max-width:210px !important;}
.metodo-id-professor-add-form select{max-width:220px !important;}
.metodo-id-professor-filters .metodo-id-button,
.metodo-id-professor-add-form .metodo-id-button{
    height:40px !important;
    min-height:40px !important;
    padding:0 16px !important;
    white-space:nowrap !important;
}
.metodo-id-section-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-bottom:14px !important;
}
.metodo-id-section-head h3{font-size:28px !important;margin:6px 0 0 !important;}
.metodo-id-count-pill{
    display:inline-flex !important;
    align-items:center !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:#f1f5f9 !important;
    color:#475569 !important;
    font-weight:800 !important;
    font-size:12px !important;
}
.metodo-id-professor-list-card{padding:18px !important;overflow:hidden !important;}
.metodo-id-student-list{display:grid !important;gap:8px !important;width:100% !important;overflow:visible !important;}
.metodo-id-student-head,
.metodo-id-student-row{
    display:grid !important;
    grid-template-columns:minmax(190px,1.6fr) 84px 54px minmax(130px,1fr) 76px 58px 66px 70px 86px 150px !important;
    gap:10px !important;
    align-items:center !important;
}
.metodo-id-student-head{
    padding:10px 12px !important;
    background:#f5f8fc !important;
    border-radius:14px !important;
    color:#5e6f85 !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}
.metodo-id-student-row{
    padding:10px 12px !important;
    min-height:70px !important;
    background:#fff !important;
    border:1px solid #dbe8f6 !important;
    border-radius:18px !important;
    box-shadow:0 7px 18px rgba(15,31,51,.04) !important;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
.metodo-id-student-row:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,31,51,.075) !important;border-color:#c5daf1 !important;}
.metodo-id-student-person{display:flex !important;gap:10px !important;align-items:center !important;min-width:0 !important;}
.metodo-id-avatar{
    width:34px !important;height:34px !important;border-radius:12px !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    background:linear-gradient(135deg,#eaf2ff,#eefaf4) !important;
    color:#1d4ed8 !important;font-weight:900 !important;flex-shrink:0 !important;
}
.metodo-id-student-person strong{display:block !important;color:#0f172a !important;font-size:14px !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.metodo-id-student-person small{display:block !important;color:#64748b !important;font-size:12px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:210px !important;}
.metodo-id-status-pill{border-radius:999px !important;padding:6px 9px !important;font-size:10.5px !important;font-weight:900 !important;text-transform:uppercase !important;}
.metodo-id-status-active{background:#dcfce7 !important;color:#166534 !important;}
.metodo-id-status-completed{background:#dbeafe !important;color:#1d4ed8 !important;}
.metodo-id-progress-cell small{font-size:11px !important;color:#64748b !important;display:block !important;margin-top:4px !important;}
.metodo-id-mini-progress{height:7px !important;min-width:110px !important;width:100% !important;}
.metodo-id-mobile-stat span{display:none !important;}
.metodo-id-mobile-stat strong,
.metodo-id-student-row > div{font-size:13px !important;color:#0f172a !important;}
.metodo-id-saas-actions{
    display:flex !important;
    gap:6px !important;
    justify-content:flex-end !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
}
.metodo-id-saas-actions form{margin:0 !important;}
.metodo-id-saas-actions .metodo-id-small-action{
    height:32px !important;min-height:32px !important;min-width:66px !important;
    padding:0 10px !important;border-radius:10px !important;font-size:11px !important;
    background:#fff !important;color:#1e3a5f !important;border:1px solid #cfe0f2 !important;
    box-shadow:none !important;font-weight:900 !important;
}
.metodo-id-saas-actions .metodo-id-small-danger{color:#b91c1c !important;border-color:#fecaca !important;background:#fff7f7 !important;}
.metodo-id-professor-table-wrap{overflow:visible !important;}
@media(max-width:1180px){
    .metodo-id-student-head{display:none !important;}
    .metodo-id-student-row{grid-template-columns:1.6fr 90px 70px 1fr 150px !important;}
    .metodo-id-student-row > div:nth-child(5),
    .metodo-id-student-row > div:nth-child(6),
    .metodo-id-student-row > div:nth-child(7),
    .metodo-id-student-row > div:nth-child(8),
    .metodo-id-student-row > div:nth-child(9){display:none !important;}
}
@media(max-width:860px){
    .metodo-id-saas-toolbar{grid-template-columns:1fr !important;}
    .metodo-id-professor-filters,.metodo-id-professor-add-form{flex-wrap:wrap !important;}
    .metodo-id-professor-filters input,.metodo-id-professor-filters select,.metodo-id-professor-filters .metodo-id-button,
    .metodo-id-professor-add-form input,.metodo-id-professor-add-form select,.metodo-id-professor-add-form .metodo-id-button{width:100% !important;max-width:none !important;}
    .metodo-id-student-row{grid-template-columns:1fr !important;gap:8px !important;}
    .metodo-id-mobile-stat{display:flex !important;justify-content:space-between !important;border-top:1px solid #eef2f7 !important;padding-top:7px !important;}
    .metodo-id-mobile-stat span{display:inline !important;color:#64748b !important;font-size:12px !important;}
    .metodo-id-student-row > div:nth-child(5),
    .metodo-id-student-row > div:nth-child(6),
    .metodo-id-student-row > div:nth-child(7),
    .metodo-id-student-row > div:nth-child(8),
    .metodo-id-student-row > div:nth-child(9){display:flex !important;}
    .metodo-id-saas-actions{justify-content:flex-start !important;}
    .metodo-id-wrap .metodo-id-hero{flex-direction:column !important;align-items:flex-start !important;}
}

/* ===== Método ID - SaaS v2 compact polish ===== */
.metodo-id-saas-v2,
.metodo-id-wrap{
    --mid-bg:#f6f9fc;
    --mid-surface:#ffffff;
    --mid-text:#0f172a;
    --mid-soft:#64748b;
    --mid-line:#d9e8f8;
    --mid-primary:#2563eb;
    --mid-green:#16a34a;
    color:var(--mid-text) !important;
}
.metodo-id-saas-v2{padding:14px !important;max-width:1320px !important;background:linear-gradient(180deg,#f8fbff,#f2f7fd) !important;border:1px solid var(--mid-line) !important;box-shadow:0 20px 55px rgba(15,23,42,.08) !important;}
.metodo-id-saas-v2 .metodo-id-saas-hero{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;padding:16px 18px !important;border-radius:22px !important;background:#fff !important;border:1px solid var(--mid-line) !important;box-shadow:0 12px 28px rgba(15,23,42,.05) !important;margin-bottom:10px !important;}
.metodo-id-saas-v2 .metodo-id-saas-hero h2{font-size:28px !important;color:var(--mid-text) !important;margin:6px 0 2px !important;letter-spacing:-.04em !important;}
.metodo-id-saas-v2 .metodo-id-saas-hero p{font-size:13px !important;color:var(--mid-soft) !important;margin:0 !important;}
.metodo-id-saas-v2 .metodo-id-badge,.metodo-id-saas-v2 .metodo-id-kicker{background:#eef6ff !important;border:1px solid #d7eaff !important;color:#2459a8 !important;padding:5px 9px !important;font-size:10px !important;}
.metodo-id-saas-v2 .metodo-id-hero-stats{gap:8px !important;}
.metodo-id-saas-v2 .metodo-id-hero-stats div{min-width:72px !important;padding:10px 12px !important;border-radius:16px !important;background:#f8fbff !important;}
.metodo-id-saas-v2 .metodo-id-hero-stats strong{font-size:24px !important;color:var(--mid-text) !important;}
.metodo-id-saas-v2 .metodo-id-hero-stats span{font-size:11px !important;color:var(--mid-soft) !important;}
.metodo-id-saas-v2 .metodo-id-saas-toolbar{grid-template-columns:1fr 1fr !important;gap:10px !important;margin-bottom:10px !important;}
.metodo-id-saas-v2 .metodo-id-card{border-radius:20px !important;border:1px solid var(--mid-line) !important;background:#fff !important;box-shadow:0 12px 30px rgba(15,23,42,.045) !important;}
.metodo-id-saas-v2 .metodo-id-professor-filter-card,.metodo-id-saas-v2 .metodo-id-professor-add-card{padding:12px !important;}
.metodo-id-saas-v2 .metodo-id-professor-filters,.metodo-id-saas-v2 .metodo-id-professor-add-form{gap:7px !important;}
.metodo-id-saas-v2 input,.metodo-id-saas-v2 select{height:36px !important;min-height:36px !important;border-radius:11px !important;font-size:12px !important;color:var(--mid-text) !important;}
.metodo-id-saas-v2 .metodo-id-button{height:36px !important;min-height:36px !important;border-radius:11px !important;padding:0 14px !important;font-size:12px !important;background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;}
.metodo-id-saas-v2 .metodo-id-professor-list-card{padding:14px !important;overflow:visible !important;}
.metodo-id-saas-v2 .metodo-id-section-head{margin-bottom:10px !important;align-items:center !important;}
.metodo-id-saas-v2 .metodo-id-section-head h3{font-size:24px !important;margin:4px 0 0 !important;color:var(--mid-text) !important;}
.metodo-id-saas-v2 .metodo-id-count-pill{padding:6px 10px !important;font-size:11px !important;}
.metodo-id-saas-v2 .metodo-id-saas-student-cards{gap:7px !important;overflow:visible !important;}
.metodo-id-saas-v2 .metodo-id-student-head{display:none !important;}
.metodo-id-saas-v2 .metodo-id-saas-student-row{display:grid !important;grid-template-columns:minmax(210px,1.1fr) minmax(620px,3fr) auto !important;gap:12px !important;align-items:center !important;padding:10px 12px !important;min-height:76px !important;border-radius:18px !important;background:#fff !important;border:1px solid #dbe8f6 !important;box-shadow:0 8px 20px rgba(15,23,42,.035) !important;}
.metodo-id-saas-v2 .metodo-id-student-person{min-width:0 !important;}
.metodo-id-saas-v2 .metodo-id-avatar{width:34px !important;height:34px !important;border-radius:12px !important;background:#eff6ff !important;color:#1d4ed8 !important;}
.metodo-id-saas-v2 .metodo-id-student-person strong{font-size:14px !important;color:var(--mid-text) !important;}
.metodo-id-saas-v2 .metodo-id-student-person small{font-size:11.5px !important;color:var(--mid-soft) !important;max-width:220px !important;}
.metodo-id-saas-v2 .metodo-id-student-metrics{display:grid !important;grid-template-columns:82px 42px minmax(120px,1.2fr) 70px 48px 56px 58px 70px !important;gap:6px !important;align-items:center !important;min-width:0 !important;}
.metodo-id-saas-v2 .metodo-id-metric{min-width:0 !important;}
.metodo-id-saas-v2 .metodo-id-metric span{display:block !important;font-size:9px !important;line-height:1 !important;color:#94a3b8 !important;text-transform:uppercase !important;font-weight:900 !important;letter-spacing:.05em !important;margin-bottom:4px !important;}
.metodo-id-saas-v2 .metodo-id-metric strong{display:block !important;font-size:13px !important;color:var(--mid-text) !important;font-weight:850 !important;white-space:nowrap !important;}
.metodo-id-saas-v2 .metodo-id-metric small{font-size:10.5px !important;color:var(--mid-soft) !important;white-space:nowrap !important;}
.metodo-id-saas-v2 .metodo-id-status-pill{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:max-content !important;padding:5px 8px !important;font-size:9.5px !important;border-radius:999px !important;}
.metodo-id-saas-v2 .metodo-id-mini-progress{height:6px !important;min-width:80px !important;background:#edf4fb !important;}
.metodo-id-saas-v2 .metodo-id-saas-actions{gap:5px !important;min-width:130px !important;}
.metodo-id-saas-v2 .metodo-id-saas-actions .metodo-id-small-action{height:30px !important;min-height:30px !important;min-width:58px !important;padding:0 8px !important;border-radius:10px !important;font-size:10.5px !important;background:#fff !important;}
@media(max-width:1100px){.metodo-id-saas-v2 .metodo-id-saas-student-row{grid-template-columns:1fr !important}.metodo-id-saas-v2 .metodo-id-student-metrics{grid-template-columns:repeat(4,1fr) !important}.metodo-id-saas-v2 .metodo-id-saas-actions{justify-content:flex-start !important}}
@media(max-width:760px){.metodo-id-saas-v2 .metodo-id-saas-toolbar{grid-template-columns:1fr !important}.metodo-id-saas-v2 .metodo-id-professor-filters,.metodo-id-saas-v2 .metodo-id-professor-add-form{flex-wrap:wrap !important}.metodo-id-saas-v2 .metodo-id-professor-filters input,.metodo-id-saas-v2 .metodo-id-professor-filters select,.metodo-id-saas-v2 .metodo-id-professor-add-form input,.metodo-id-saas-v2 .metodo-id-professor-add-form select,.metodo-id-saas-v2 .metodo-id-button{width:100% !important;max-width:none !important}.metodo-id-saas-v2 .metodo-id-student-metrics{grid-template-columns:repeat(2,1fr) !important}.metodo-id-saas-v2 .metodo-id-saas-hero{flex-direction:column !important;align-items:flex-start !important}.metodo-id-saas-v2 .metodo-id-hero-stats{width:100% !important}.metodo-id-saas-v2 .metodo-id-hero-stats div{flex:1 !important}}

/* ===== Clean SaaS aplicado nos painéis principais ===== */
.metodo-id-wrap:not(.metodo-id-professor-wrap){
    max-width:1320px;
    background:linear-gradient(180deg,#f8fbff,#f2f7fd) !important;
    border:1px solid #d9e8f8 !important;
    border-radius:28px !important;
    box-shadow:0 20px 55px rgba(15,23,42,.08) !important;
    padding:26px !important;
    color:#0f172a !important;
    overflow:hidden !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-hero{
    background:#ffffff !important;
    border:1px solid #d9e8f8 !important;
    color:#0f172a !important;
    border-radius:26px !important;
    box-shadow:0 12px 30px rgba(15,23,42,.055) !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-hero h2,
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-card h2,
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-card h3{
    color:#0f172a !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-hero p,
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-muted{
    color:#64748b !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-eyebrow{
    background:#eef6ff !important;
    border:1px solid #d7eaff !important;
    color:#2459a8 !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-hero-stats div{
    background:#f8fbff !important;
    color:#0f172a !important;
    border:1px solid #d9e8f8 !important;
    box-shadow:none !important;
}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-hero-stats strong{color:#0f172a !important;}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-hero-stats span{color:#64748b !important;}
.metodo-id-wrap:not(.metodo-id-professor-wrap) .metodo-id-card{
    background:#ffffff !important;
    border:1px solid #d9e8f8 !important;
    border-radius:24px !important;
    box-shadow:0 12px 30px rgba(15,23,42,.045) !important;
}
.metodo-id-days-grid{overflow:hidden !important;}
.metodo-id-auth-box.metodo-id-waiting-box{border-color:#d9e8f8;background:#fff;}

/* Ajustes autorização/pendentes */
.metodo-id-pending-card { margin-top: 18px; }
.metodo-id-pending-list { display: grid; gap: 10px; }
.metodo-id-pending-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #dbeafe;
    background: #f8fbff;
    border-radius: 16px;
}
.metodo-id-pending-row strong { display:block; color:#0f172a; font-size:14px; }
.metodo-id-pending-row small { display:block; color:#64748b; font-size:12px; margin-top:2px; }
.metodo-id-small-primary { background:#2563eb !important; color:#fff !important; border-color:#2563eb !important; }
.metodo-id-compact-head { margin-bottom: 12px !important; }
@media (max-width: 900px) {
    .metodo-id-pending-row { align-items:flex-start; flex-direction:column; }
}

/* Ajustes finais: relatório, PDF e ranking compacto */
.metodo-id-actions-card .metodo-id-action-buttons{display:flex !important;flex-direction:column !important;gap:14px !important;align-items:stretch !important;}
.metodo-id-actions-card .metodo-id-button{width:100% !important;text-align:center !important;text-decoration:none !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;box-sizing:border-box !important;}
.metodo-id-download-pdf.is-loading{opacity:.72 !important;pointer-events:none !important;}
.metodo-id-ranking-wrap .metodo-id-card{overflow:hidden !important;}
.metodo-id-ranking-list{width:100% !important;}
.metodo-id-ranking-row{width:100% !important;box-sizing:border-box !important;}
@media (max-width:720px){
.metodo-id-ranking-wrap{padding:14px !important;}
.metodo-id-ranking-wrap .metodo-id-hero{padding:18px !important;border-radius:20px !important;}
.metodo-id-ranking-wrap .metodo-id-hero h2{font-size:26px !important;line-height:1.08 !important;margin:8px 0 6px !important;}
.metodo-id-ranking-wrap .metodo-id-hero p{font-size:13px !important;line-height:1.35 !important;}
.metodo-id-ranking-wrap .metodo-id-card{padding:14px !important;border-radius:20px !important;}
.metodo-id-ranking-list{gap:8px !important;}
.metodo-id-ranking-row{display:grid !important;grid-template-columns:42px minmax(0,1fr) auto !important;gap:10px !important;align-items:center !important;padding:10px 12px !important;border-radius:14px !important;min-height:0 !important;}
.metodo-id-ranking-position{font-size:20px !important;text-align:center !important;line-height:1 !important;}
.metodo-id-ranking-user{min-width:0 !important;}
.metodo-id-ranking-user strong{font-size:14px !important;line-height:1.2 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.metodo-id-ranking-user small{display:none !important;}
.metodo-id-ranking-user strong span{font-size:9px !important;padding:2px 5px !important;margin-left:4px !important;}
.metodo-id-ranking-metrics{display:flex !important;align-items:center !important;gap:6px !important;text-align:center !important;width:auto !important;}
.metodo-id-ranking-metrics div{padding:5px 7px !important;border-radius:10px !important;min-width:44px !important;background:#fff !important;}
.metodo-id-ranking-metrics div:nth-child(3),.metodo-id-ranking-metrics div:nth-child(4){display:none !important;}
.metodo-id-ranking-metrics strong{font-size:13px !important;line-height:1.1 !important;white-space:nowrap !important;}
.metodo-id-ranking-metrics span{font-size:9px !important;line-height:1 !important;display:block !important;}
}

/* ===== Ajustes mobile + histórico do aluno no painel do professor ===== */
.metodo-id-student-item{
    display:block !important;
}
.metodo-id-history-details{
    margin:0 !important;
    display:inline-block !important;
}
.metodo-id-history-details summary{
    list-style:none !important;
    cursor:pointer !important;
}
.metodo-id-history-details summary::-webkit-details-marker{display:none !important;}
.metodo-id-student-history-panel{
    display:none;
    margin:8px 0 12px !important;
    padding:14px !important;
    border:1px solid #dbe8f6 !important;
    border-radius:18px !important;
    background:#f8fbff !important;
}
.metodo-id-student-row:has(.metodo-id-history-details[open]) + .metodo-id-student-history-panel{
    display:block !important;
}
.metodo-id-student-history-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:12px !important;
    color:#0f172a !important;
}
.metodo-id-student-history-head span{
    background:#eef5ff !important;
    border:1px solid #d9eaff !important;
    color:#2457a6 !important;
    border-radius:999px !important;
    padding:5px 9px !important;
    font-size:11px !important;
    font-weight:900 !important;
}
.metodo-id-answer-list{display:grid !important;gap:8px !important;}
.metodo-id-answer-item{
    background:#fff !important;
    border:1px solid #dbe8f6 !important;
    border-radius:14px !important;
    overflow:hidden !important;
}
.metodo-id-answer-item > summary{
    display:grid !important;
    grid-template-columns:80px minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:center !important;
    padding:10px 12px !important;
    cursor:pointer !important;
    list-style:none !important;
}
.metodo-id-answer-item > summary::-webkit-details-marker{display:none !important;}
.metodo-id-answer-item > summary strong{font-size:13px !important;color:#0f172a !important;}
.metodo-id-answer-item > summary span{font-size:12px !important;color:#64748b !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.metodo-id-answer-item > summary em{font-style:normal !important;font-size:10px !important;font-weight:900 !important;text-transform:uppercase !important;color:#2457a6 !important;background:#eef5ff !important;border-radius:999px !important;padding:5px 8px !important;}
.metodo-id-answer-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:8px !important;
    padding:0 12px 10px !important;
}
.metodo-id-answer-grid div,
.metodo-id-answer-texts > div{
    background:#f8fbff !important;
    border:1px solid #edf3fb !important;
    border-radius:12px !important;
    padding:9px !important;
}
.metodo-id-answer-grid small,
.metodo-id-answer-texts small{
    display:block !important;
    color:#94a3b8 !important;
    font-size:10px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    margin-bottom:4px !important;
}
.metodo-id-answer-grid strong{font-size:12px !important;color:#0f172a !important;}
.metodo-id-answer-texts{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    padding:0 12px 12px !important;
}
.metodo-id-answer-texts p{margin:0 !important;color:#334155 !important;font-size:12px !important;line-height:1.45 !important;}
.metodo-id-answer-texts > div:nth-child(n+3){grid-column:1 / -1 !important;}
.metodo-id-check-chip{
    display:inline-flex !important;
    margin:2px 4px 2px 0 !important;
    padding:4px 7px !important;
    border-radius:999px !important;
    background:#fff7ed !important;
    color:#9a3412 !important;
    font-size:10px !important;
    font-weight:800 !important;
}
.metodo-id-check-chip.is-done{background:#dcfce7 !important;color:#166534 !important;}

@media(max-width:760px){
    .metodo-id-professor-wrap{
        padding:10px !important;
        margin:10px auto !important;
        border-radius:20px !important;
    }
    .metodo-id-professor-wrap .metodo-id-saas-hero,
    .metodo-id-professor-wrap .metodo-id-hero{
        padding:14px !important;
        border-radius:18px !important;
        gap:12px !important;
    }
    .metodo-id-professor-wrap .metodo-id-saas-hero h2,
    .metodo-id-professor-wrap .metodo-id-hero h2{
        font-size:28px !important;
        line-height:1.05 !important;
        margin:8px 0 4px !important;
    }
    .metodo-id-professor-wrap .metodo-id-hero p{
        font-size:14px !important;
        line-height:1.35 !important;
    }
    .metodo-id-professor-wrap .metodo-id-hero-stats{
        width:100% !important;
        min-width:0 !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    .metodo-id-professor-wrap .metodo-id-hero-stats div{
        min-width:0 !important;
        padding:10px 6px !important;
        border-radius:14px !important;
    }
    .metodo-id-professor-wrap .metodo-id-hero-stats strong{
        font-size:22px !important;
    }
    .metodo-id-professor-wrap .metodo-id-hero-stats span{
        font-size:10px !important;
        line-height:1.1 !important;
    }
    .metodo-id-professor-wrap .metodo-id-card{
        padding:14px !important;
        border-radius:18px !important;
        margin-bottom:12px !important;
    }
    .metodo-id-section-head{
        align-items:center !important;
        gap:8px !important;
        margin-bottom:10px !important;
    }
    .metodo-id-section-head h3{
        font-size:24px !important;
        line-height:1.05 !important;
        margin-top:6px !important;
    }
    .metodo-id-count-pill{
        padding:7px 9px !important;
        font-size:10px !important;
        min-width:auto !important;
        white-space:nowrap !important;
    }
    .metodo-id-pending-row{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:8px !important;
        padding:10px !important;
        border-radius:14px !important;
    }
    .metodo-id-pending-row strong{font-size:13px !important;}
    .metodo-id-pending-row small{font-size:11px !important;word-break:break-word !important;}
    .metodo-id-pending-row .metodo-id-small-action{
        min-width:76px !important;
        height:32px !important;
        font-size:11px !important;
        padding:0 10px !important;
    }
    .metodo-id-saas-v2 .metodo-id-student-list,
    .metodo-id-student-list{
        gap:8px !important;
    }
    .metodo-id-saas-v2 .metodo-id-saas-student-row,
    .metodo-id-student-row{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:8px !important;
        padding:10px !important;
        border-radius:16px !important;
        min-height:0 !important;
    }
    .metodo-id-student-person{
        gap:8px !important;
    }
    .metodo-id-avatar{
        width:32px !important;
        height:32px !important;
        border-radius:10px !important;
    }
    .metodo-id-student-person strong{
        font-size:14px !important;
    }
    .metodo-id-student-person small{
        font-size:11px !important;
        max-width:260px !important;
    }
    .metodo-id-saas-v2 .metodo-id-student-metrics,
    .metodo-id-student-metrics{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:6px !important;
    }
    .metodo-id-saas-v2 .metodo-id-metric,
    .metodo-id-metric{
        background:#f8fbff !important;
        border:1px solid #eef4fb !important;
        border-radius:10px !important;
        padding:7px !important;
        min-width:0 !important;
    }
    .metodo-id-saas-v2 .metodo-id-metric-progress,
    .metodo-id-metric-progress{
        grid-column:1 / -1 !important;
    }
    .metodo-id-saas-v2 .metodo-id-metric span,
    .metodo-id-metric span{
        font-size:8px !important;
        margin-bottom:3px !important;
    }
    .metodo-id-saas-v2 .metodo-id-metric strong,
    .metodo-id-metric strong{
        font-size:12px !important;
        white-space:nowrap !important;
    }
    .metodo-id-saas-v2 .metodo-id-metric small,
    .metodo-id-metric small{
        font-size:10px !important;
    }
    .metodo-id-saas-v2 .metodo-id-saas-actions,
    .metodo-id-professor-actions{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:6px !important;
        width:100% !important;
        justify-content:stretch !important;
    }
    .metodo-id-professor-actions form,
    .metodo-id-history-details{
        width:100% !important;
    }
    .metodo-id-saas-v2 .metodo-id-saas-actions .metodo-id-small-action,
    .metodo-id-professor-actions .metodo-id-small-action,
    .metodo-id-history-toggle{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        height:34px !important;
        font-size:10.5px !important;
        padding:0 6px !important;
    }
    .metodo-id-student-history-panel{
        padding:10px !important;
        border-radius:14px !important;
    }
    .metodo-id-student-history-head{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:5px !important;
    }
    .metodo-id-answer-item > summary{
        grid-template-columns:52px minmax(0,1fr) !important;
        gap:6px !important;
        padding:9px !important;
    }
    .metodo-id-answer-item > summary em{
        grid-column:1 / -1 !important;
        width:max-content !important;
    }
    .metodo-id-answer-grid{
        grid-template-columns:repeat(2,1fr) !important;
        gap:6px !important;
        padding:0 9px 9px !important;
    }
    .metodo-id-answer-texts{
        grid-template-columns:1fr !important;
        gap:6px !important;
        padding:0 9px 9px !important;
    }
}

/* ===== Ajuste final: espaçamento dos botões do painel do professor ===== */
.metodo-id-professor-actions,
.metodo-id-saas-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:12px !important;
    flex-wrap:nowrap !important;
    margin-left:18px !important;
}
.metodo-id-professor-actions form,
.metodo-id-saas-actions form{
    margin:0 !important;
    padding:0 !important;
}
.metodo-id-professor-actions .metodo-id-small-action,
.metodo-id-saas-actions .metodo-id-small-action,
button.metodo-id-small-action,
summary.metodo-id-small-action{
    margin:0 !important;
    white-space:nowrap !important;
}
.metodo-id-saas-v2 .metodo-id-saas-actions{
    gap:12px !important;
    min-width:330px !important;
    padding-left:10px !important;
}
@media(max-width:760px){
    .metodo-id-professor-actions,
    .metodo-id-saas-actions,
    .metodo-id-saas-v2 .metodo-id-saas-actions{
        justify-content:flex-start !important;
        gap:10px !important;
        margin-left:0 !important;
        min-width:0 !important;
        padding-left:0 !important;
        flex-wrap:wrap !important;
    }
}

/* ===== Método ID - Professor cards premium + modal histórico (v2.0.7) ===== */
.metodo-id-professor-wrap .metodo-id-professor-list-card{overflow:hidden!important;}
.metodo-id-professor-wrap .metodo-id-saas-student-cards{display:grid!important;gap:14px!important;overflow:visible!important;}
.metodo-id-professor-wrap .metodo-id-student-item{border:0!important;background:transparent!important;box-shadow:none!important;}
.metodo-id-professor-wrap .metodo-id-saas-student-row{
  display:grid!important;
  grid-template-columns:minmax(230px,1.05fr) minmax(560px,2.6fr) minmax(300px,.95fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 16px 42px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
.metodo-id-professor-wrap .metodo-id-student-person{min-width:0!important;display:flex!important;gap:12px!important;align-items:center!important;}
.metodo-id-professor-wrap .metodo-id-student-person strong{font-size:17px!important;line-height:1.12!important;color:#0f172a!important;}
.metodo-id-professor-wrap .metodo-id-student-person small{display:block!important;max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#64748b!important;}
.metodo-id-professor-wrap .metodo-id-avatar{width:44px!important;height:44px!important;border-radius:16px!important;background:#eff6ff!important;color:#2563eb!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;flex:0 0 44px!important;}
.metodo-id-professor-wrap .metodo-id-student-metrics{display:grid!important;grid-template-columns:.7fr .45fr 1.55fr .65fr .55fr .55fr .65fr .8fr!important;gap:10px!important;align-items:center!important;min-width:0!important;}
.metodo-id-professor-wrap .metodo-id-metric{min-width:0!important;}
.metodo-id-professor-wrap .metodo-id-metric span{display:block!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#94a3b8!important;font-weight:900!important;margin-bottom:5px!important;}
.metodo-id-professor-wrap .metodo-id-metric strong{font-size:16px!important;color:#0f172a!important;white-space:nowrap!important;}
.metodo-id-professor-wrap .metodo-id-status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:999px!important;background:#dcfce7!important;color:#166534!important;font-size:13px!important;text-transform:uppercase!important;}
.metodo-id-professor-wrap .metodo-id-mini-progress{height:8px!important;background:#eaf2fb!important;border-radius:999px!important;overflow:hidden!important;min-width:150px!important;}
.metodo-id-professor-wrap .metodo-id-mini-progress span{display:block!important;height:100%!important;background:#2563eb!important;border-radius:999px!important;}
.metodo-id-professor-wrap .metodo-id-metric-progress small{font-size:12px!important;color:#64748b!important;white-space:nowrap!important;}
.metodo-id-professor-wrap .metodo-id-saas-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;min-width:0!important;}
.metodo-id-professor-wrap .metodo-id-saas-actions form{margin:0!important;}
.metodo-id-professor-wrap .metodo-id-small-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:9px 14px!important;border-radius:14px!important;border:1px solid #bfdbfe!important;background:#fff!important;color:#183b68!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important;}
.metodo-id-professor-wrap .metodo-id-small-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.07)!important;}
.metodo-id-professor-wrap .metodo-id-history-toggle{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;}
.metodo-id-professor-wrap .metodo-id-small-danger{border-color:#fecaca!important;color:#b91c1c!important;background:#fff!important;}

.metodo-id-modal{display:none!important;position:fixed!important;inset:0!important;z-index:999999!important;}
.metodo-id-modal.is-open{display:block!important;}
.metodo-id-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(5px)!important;}
.metodo-id-modal-dialog{position:relative!important;width:min(1040px,calc(100vw - 32px))!important;max-height:calc(100vh - 48px)!important;margin:24px auto!important;overflow:auto!important;background:#fff!important;border-radius:28px!important;border:1px solid #dbeafe!important;box-shadow:0 30px 90px rgba(15,23,42,.32)!important;padding:24px!important;}
.metodo-id-modal-close{position:sticky!important;top:0!important;float:right!important;width:40px!important;height:40px!important;border-radius:999px!important;border:1px solid #dbeafe!important;background:#fff!important;color:#0f172a!important;font-size:26px!important;line-height:1!important;font-weight:800!important;cursor:pointer!important;z-index:2!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;}
.metodo-id-modal .metodo-id-student-history-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;padding:0 48px 16px 0!important;border-bottom:1px solid #e2edf8!important;}
.metodo-id-modal .metodo-id-student-history-head strong{display:block!important;font-size:24px!important;color:#0f172a!important;margin-top:8px!important;}
.metodo-id-modal .metodo-id-student-history-head>span{background:#f1f5f9!important;border-radius:999px!important;padding:10px 14px!important;font-weight:800!important;color:#475569!important;white-space:nowrap!important;}
.metodo-id-modal .metodo-id-answer-list{display:grid!important;gap:12px!important;}
.metodo-id-modal .metodo-id-answer-item{border:1px solid #dbeafe!important;border-radius:18px!important;background:#fbfdff!important;overflow:hidden!important;}
.metodo-id-modal .metodo-id-answer-item summary{cursor:pointer!important;display:grid!important;grid-template-columns:90px 1fr auto!important;gap:12px!important;align-items:center!important;padding:14px 16px!important;color:#0f172a!important;}
.metodo-id-modal .metodo-id-answer-item summary span{color:#475569!important;font-weight:700!important;}
.metodo-id-modal .metodo-id-answer-item summary em{font-style:normal!important;background:#e0f2fe!important;color:#075985!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:800!important;}
.metodo-id-modal .metodo-id-answer-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:0 16px 14px!important;}
.metodo-id-modal .metodo-id-answer-grid>div,.metodo-id-modal .metodo-id-answer-texts>div{background:#fff!important;border:1px solid #edf4fb!important;border-radius:14px!important;padding:12px!important;}
.metodo-id-modal small{display:block!important;color:#64748b!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:10px!important;margin-bottom:6px!important;}
.metodo-id-modal .metodo-id-answer-texts{display:grid!important;gap:10px!important;padding:0 16px 16px!important;}
.metodo-id-modal .metodo-id-answer-texts p{margin:0!important;color:#334155!important;line-height:1.55!important;}
.metodo-id-modal .metodo-id-check-chip{display:inline-flex!important;margin:3px 5px 3px 0!important;padding:5px 8px!important;border-radius:999px!important;background:#f1f5f9!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;}
.metodo-id-modal .metodo-id-check-chip.is-done{background:#dcfce7!important;color:#166534!important;}

@media(max-width:1280px){
  .metodo-id-professor-wrap .metodo-id-saas-student-row{grid-template-columns:1fr!important;gap:12px!important;}
  .metodo-id-professor-wrap .metodo-id-student-metrics{grid-template-columns:repeat(4,minmax(80px,1fr))!important;}
  .metodo-id-professor-wrap .metodo-id-saas-actions{justify-content:flex-start!important;flex-wrap:wrap!important;}
}
@media(max-width:768px){
  .metodo-id-professor-wrap .metodo-id-saas-student-row{padding:14px!important;border-radius:22px!important;}
  .metodo-id-professor-wrap .metodo-id-student-metrics{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  .metodo-id-professor-wrap .metodo-id-metric{background:#f8fbff!important;border:1px solid #edf4fb!important;border-radius:14px!important;padding:9px!important;}
  .metodo-id-professor-wrap .metodo-id-metric-progress{grid-column:1/-1!important;}
  .metodo-id-professor-wrap .metodo-id-mini-progress{min-width:100%!important;}
  .metodo-id-professor-wrap .metodo-id-saas-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;width:100%!important;gap:8px!important;}
  .metodo-id-professor-wrap .metodo-id-saas-actions form{display:block!important;}
  .metodo-id-professor-wrap .metodo-id-small-action{width:100%!important;min-height:40px!important;padding:9px 8px!important;font-size:13px!important;}
  .metodo-id-modal-dialog{width:calc(100vw - 18px)!important;max-height:calc(100vh - 18px)!important;margin:9px auto!important;border-radius:22px!important;padding:16px!important;}
  .metodo-id-modal .metodo-id-student-history-head{display:block!important;padding-right:44px!important;}
  .metodo-id-modal .metodo-id-student-history-head strong{font-size:20px!important;}
  .metodo-id-modal .metodo-id-student-history-head>span{display:inline-flex!important;margin-top:10px!important;}
  .metodo-id-modal .metodo-id-answer-item summary{grid-template-columns:1fr!important;gap:6px!important;}
  .metodo-id-modal .metodo-id-answer-grid{grid-template-columns:1fr 1fr!important;}
}

/* ===== Método ID - Correção professor: lista premium + modal fechado dentro (v2.0.8) ===== */
.metodo-id-professor-wrap .metodo-id-professor-list-card{
    overflow:hidden !important;
}
.metodo-id-professor-wrap .metodo-id-saas-student-cards{
    display:grid !important;
    gap:10px !important;
}
.metodo-id-professor-wrap .metodo-id-student-item{
    width:100% !important;
}
.metodo-id-professor-wrap .metodo-id-saas-student-row{
    display:grid !important;
    grid-template-columns:minmax(220px,1.15fr) minmax(0,3fr) auto !important;
    gap:14px !important;
    align-items:center !important;
    padding:12px 14px !important;
    min-height:78px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid #dbeafe !important;
    box-shadow:0 8px 22px rgba(15,23,42,.035) !important;
    overflow:hidden !important;
}
.metodo-id-professor-wrap .metodo-id-student-person{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
}
.metodo-id-professor-wrap .metodo-id-student-person strong{
    font-size:15px !important;
    line-height:1.15 !important;
}
.metodo-id-professor-wrap .metodo-id-student-person small{
    max-width:175px !important;
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:12px !important;
}
.metodo-id-professor-wrap .metodo-id-avatar{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    border-radius:14px !important;
}
.metodo-id-professor-wrap .metodo-id-student-metrics{
    display:grid !important;
    grid-template-columns:84px 44px minmax(130px,1.1fr) 70px 52px 58px 64px 76px !important;
    gap:8px !important;
    align-items:center !important;
    min-width:0 !important;
}
.metodo-id-professor-wrap .metodo-id-metric{
    min-width:0 !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
}
.metodo-id-professor-wrap .metodo-id-metric span{
    font-size:9px !important;
    letter-spacing:.10em !important;
    margin-bottom:4px !important;
}
.metodo-id-professor-wrap .metodo-id-metric strong{
    font-size:14px !important;
}
.metodo-id-professor-wrap .metodo-id-status-pill{
    padding:7px 10px !important;
    font-size:12px !important;
}
.metodo-id-professor-wrap .metodo-id-mini-progress{
    min-width:100px !important;
    height:7px !important;
}
.metodo-id-professor-wrap .metodo-id-metric-progress small{
    font-size:11px !important;
}
.metodo-id-professor-wrap .metodo-id-saas-actions,
.metodo-id-professor-wrap .metodo-id-professor-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
    min-width:300px !important;
    margin-left:0 !important;
    padding-left:0 !important;
}
.metodo-id-professor-wrap .metodo-id-saas-actions form,
.metodo-id-professor-wrap .metodo-id-professor-actions form{
    margin:0 !important;
    padding:0 !important;
    flex:0 0 auto !important;
}
.metodo-id-professor-wrap .metodo-id-small-action,
.metodo-id-professor-wrap .metodo-id-history-toggle{
    width:auto !important;
    min-width:82px !important;
    min-height:34px !important;
    padding:8px 12px !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#183b68 !important;
    border:1px solid #bfdbfe !important;
    font-size:13px !important;
    font-weight:800 !important;
    text-indent:0 !important;
    opacity:1 !important;
}
.metodo-id-professor-wrap .metodo-id-small-danger{
    color:#b91c1c !important;
    border-color:#fecaca !important;
}

.metodo-id-modal-dialog{
    position:relative !important;
    overflow:auto !important;
    padding:24px !important;
    padding-top:26px !important;
}
.metodo-id-modal-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    float:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    padding:0 !important;
    border-radius:999px !important;
    line-height:1 !important;
    font-size:26px !important;
    font-weight:900 !important;
    background:#fff !important;
    color:#0f172a !important;
    border:1px solid #dbeafe !important;
    z-index:20 !important;
}
.metodo-id-modal .metodo-id-student-history-head{
    padding-right:58px !important;
}

@media(max-width:1280px){
    .metodo-id-professor-wrap .metodo-id-saas-student-row{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
    .metodo-id-professor-wrap .metodo-id-student-metrics{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }
    .metodo-id-professor-wrap .metodo-id-saas-actions,
    .metodo-id-professor-wrap .metodo-id-professor-actions{
        justify-content:flex-start !important;
        min-width:0 !important;
        flex-wrap:wrap !important;
    }
}
@media(max-width:768px){
    .metodo-id-professor-wrap .metodo-id-saas-student-row{
        padding:12px !important;
        border-radius:18px !important;
        min-height:0 !important;
    }
    .metodo-id-professor-wrap .metodo-id-student-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    .metodo-id-professor-wrap .metodo-id-metric{
        background:#f8fbff !important;
        border:1px solid #edf4fb !important;
        border-radius:12px !important;
        padding:8px !important;
    }
    .metodo-id-professor-wrap .metodo-id-metric-progress{
        grid-column:1/-1 !important;
    }
    .metodo-id-professor-wrap .metodo-id-saas-actions,
    .metodo-id-professor-wrap .metodo-id-professor-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr 1fr !important;
        width:100% !important;
        gap:8px !important;
    }
    .metodo-id-professor-wrap .metodo-id-small-action,
    .metodo-id-professor-wrap .metodo-id-history-toggle{
        width:100% !important;
        min-width:0 !important;
        font-size:12px !important;
        padding:8px 6px !important;
    }
    .metodo-id-modal-dialog{
        width:calc(100vw - 18px) !important;
        margin:9px auto !important;
        padding:14px !important;
        padding-top:18px !important;
    }
    .metodo-id-modal-close{
        top:12px !important;
        right:12px !important;
        width:38px !important;
        min-width:38px !important;
        max-width:38px !important;
        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;
        font-size:24px !important;
    }
    .metodo-id-modal .metodo-id-student-history-head{
        padding-right:46px !important;
    }
}

/* ===== Método ID 2.0.9 — Botões SaaS padronizados ===== */
.metodo-id-professor-wrap .metodo-id-status-pill,
.metodo-id-professor-wrap .metodo-id-status-pill.active,
.metodo-id-professor-wrap .status-badge,
.metodo-id-professor-wrap .status-badge.active{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:auto !important;
    max-width:max-content !important;
    min-height:0 !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    letter-spacing:.04em !important;
    font-weight:800 !important;
    background:#dcfce7 !important;
    color:#166534 !important;
    border:1px solid #bbf7d0 !important;
    box-shadow:none !important;
}

.metodo-id-professor-wrap .metodo-id-saas-actions,
.metodo-id-professor-wrap .metodo-id-professor-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    min-width:330px !important;
    max-width:100% !important;
}

.metodo-id-professor-wrap .metodo-id-saas-actions form,
.metodo-id-professor-wrap .metodo-id-professor-actions form{
    display:inline-flex !important;
    margin:0 !important;
    padding:0 !important;
}

.metodo-id-professor-wrap .metodo-id-small-action,
.metodo-id-professor-wrap button.metodo-id-small-action,
.metodo-id-professor-wrap .metodo-id-history-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:auto !important;
    min-width:86px !important;
    max-width:none !important;
    min-height:36px !important;
    height:36px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    border:1px solid #c7ddff !important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    color:#173b68 !important;
    font-size:13px !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.01em !important;
    text-indent:0 !important;
    text-align:center !important;
    opacity:1 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    cursor:pointer !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 18px rgba(37,99,235,.06) !important;
    transform:translateY(0) scale(1) !important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

.metodo-id-professor-wrap .metodo-id-small-action:hover,
.metodo-id-professor-wrap button.metodo-id-small-action:hover,
.metodo-id-professor-wrap .metodo-id-history-toggle:hover{
    transform:translateY(-2px) scale(1.015) !important;
    border-color:#7fb2ff !important;
    background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%) !important;
    color:#0f2f5f !important;
    box-shadow:0 8px 18px rgba(15,23,42,.08),0 14px 28px rgba(37,99,235,.14) !important;
}

.metodo-id-professor-wrap .metodo-id-small-action:active,
.metodo-id-professor-wrap button.metodo-id-small-action:active,
.metodo-id-professor-wrap .metodo-id-history-toggle:active{
    transform:translateY(0) scale(.985) !important;
    box-shadow:0 2px 8px rgba(15,23,42,.08) !important;
}

.metodo-id-professor-wrap .metodo-id-history-toggle{
    border-color:#bfdbfe !important;
    color:#1d4ed8 !important;
}
.metodo-id-professor-wrap .metodo-id-history-toggle::before{
    content:"" !important;
    display:none !important;
}
.metodo-id-professor-wrap .metodo-id-history-toggle{
    font-size:0 !important;
}
.metodo-id-professor-wrap .metodo-id-history-toggle::after{
    content:"Histórico" !important;
    font-size:13px !important;
    line-height:1 !important;
}

.metodo-id-professor-wrap .metodo-id-small-danger,
.metodo-id-professor-wrap button.metodo-id-small-danger{
    border-color:#fecaca !important;
    background:linear-gradient(180deg,#ffffff 0%,#fff7f7 100%) !important;
    color:#b91c1c !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 18px rgba(239,68,68,.06) !important;
}
.metodo-id-professor-wrap .metodo-id-small-danger:hover,
.metodo-id-professor-wrap button.metodo-id-small-danger:hover{
    border-color:#fca5a5 !important;
    background:linear-gradient(180deg,#ffffff 0%,#fff1f2 100%) !important;
    color:#991b1b !important;
    box-shadow:0 8px 18px rgba(15,23,42,.08),0 14px 28px rgba(239,68,68,.12) !important;
}

@media(max-width:1280px){
    .metodo-id-professor-wrap .metodo-id-saas-actions,
    .metodo-id-professor-wrap .metodo-id-professor-actions{
        justify-content:flex-start !important;
        min-width:0 !important;
        width:100% !important;
    }
}

@media(max-width:768px){
    .metodo-id-professor-wrap .metodo-id-status-pill,
    .metodo-id-professor-wrap .metodo-id-status-pill.active{
        padding:4px 8px !important;
        font-size:10px !important;
    }
    .metodo-id-professor-wrap .metodo-id-saas-actions,
    .metodo-id-professor-wrap .metodo-id-professor-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr 1fr !important;
        gap:8px !important;
        width:100% !important;
        min-width:0 !important;
    }
    .metodo-id-professor-wrap .metodo-id-saas-actions form,
    .metodo-id-professor-wrap .metodo-id-professor-actions form{
        display:block !important;
        width:100% !important;
    }
    .metodo-id-professor-wrap .metodo-id-small-action,
    .metodo-id-professor-wrap button.metodo-id-small-action,
    .metodo-id-professor-wrap .metodo-id-history-toggle{
        width:100% !important;
        min-width:0 !important;
        height:36px !important;
        min-height:36px !important;
        padding:0 8px !important;
        font-size:12px !important;
        border-radius:12px !important;
    }
    .metodo-id-professor-wrap .metodo-id-history-toggle::after{
        font-size:12px !important;
    }
}

/* Turma / início do desafio */
.metodo-id-cohort-card {
    border: 1px solid #dbeafe;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.metodo-id-cohort-form-front,
.metodo-id-cohort-form {
    display: flex;
    align-items: end;
    gap: 12px;
    flex-wrap: wrap;
}
.metodo-id-cohort-form-front input,
.metodo-id-cohort-form input {
    min-height: 44px;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    padding: 10px 12px;
    background: #fff;
}
.metodo-id-professor-cohort-card .metodo-id-section-head {
    margin-bottom: 12px;
}
@media (max-width: 768px) {
    .metodo-id-cohort-form-front,
    .metodo-id-cohort-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .metodo-id-cohort-form-front input[name="cohort_name"],
    .metodo-id-cohort-form input[name="cohort_name"] {
        grid-column: 1 / -1;
    }
    .metodo-id-cohort-form-front button,
    .metodo-id-cohort-form button {
        grid-column: 1 / -1;
        width: 100%;
    }
}


/* Ajustes 2.1.4 - Temas, ranking professor e ações */
.metodo-id-theme-manager-card summary{cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none}.metodo-id-theme-manager-card summary::-webkit-details-marker{display:none}.metodo-id-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;max-height:520px;overflow:auto;padding-right:6px}.metodo-id-theme-grid label{display:flex;flex-direction:column;gap:6px;background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;padding:12px}.metodo-id-theme-grid label span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#2563eb}.metodo-id-theme-grid input{width:100%;border:1px solid #cfe2ff;border-radius:10px;padding:10px 12px}.metodo-id-theme-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.metodo-id-ranking-mini-list{display:grid;gap:10px}.metodo-id-ranking-mini-row{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px 14px}.metodo-id-ranking-mini-row strong{color:#2563eb}.metodo-id-ranking-mini-row span{font-weight:800;color:#0f172a}.metodo-id-ranking-mini-row em{font-style:normal;font-weight:800;color:#16a34a}.metodo-id-pending-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.metodo-id-pending-actions form{margin:0}
@media(max-width:768px){.metodo-id-ranking-mini-row{grid-template-columns:40px 1fr;}.metodo-id-ranking-mini-row em{grid-column:2}.metodo-id-theme-grid{grid-template-columns:1fr;max-height:420px}.metodo-id-theme-actions .metodo-id-button,.metodo-id-theme-actions .metodo-id-small-action{width:100%;justify-content:center}}

/* Método ID - tarefas completas e mapa 90 dias */
.metodo-id-full-task{margin-top:14px;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #dbeafe;line-height:1.55;max-height:420px;overflow:auto}
.metodo-id-full-task strong{display:block;margin-bottom:10px;color:#0f172a}
.metodo-id-day-pill{appearance:none;text-align:left;cursor:default;color:#102033}
button.metodo-id-day-pill{cursor:pointer;width:100%;font-family:inherit}
.metodo-id-day-pill.is-current-day{background:#fef3c7!important;border-color:#f59e0b!important;box-shadow:0 10px 24px rgba(245,158,11,.16)}
.metodo-id-day-pill.is-completed{background:#dcfce7!important;border-color:#22c55e!important;color:#14532d!important}
.metodo-id-day-pill.is-completed small{color:#166534!important}
.metodo-id-day-pill.is-locked{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;box-shadow:none!important}
.metodo-id-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:22px}
.metodo-id-modal.is-open{display:flex}
.metodo-id-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px)}
.metodo-id-modal-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:22px;border:1px solid #dbeafe;padding:26px;box-shadow:0 24px 70px rgba(15,23,42,.28)}
.metodo-id-modal-close{position:absolute;top:12px;right:14px;border:0;background:#f1f5f9;color:#0f172a;border-radius:999px;width:36px;height:36px;font-size:24px;line-height:1;cursor:pointer}
.metodo-id-readonly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}
.metodo-id-readonly-grid div,.metodo-id-readonly-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:12px}
.metodo-id-readonly-grid p,.metodo-id-readonly-section p{margin:8px 0 0;color:#334155;line-height:1.55}
.metodo-id-modal-open{overflow:hidden}

/* Roda da Vida restaurada */
.metodo-id-roda-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.metodo-id-roda-history-item{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#fff;box-shadow:0 8px 22px rgba(2,8,23,.06);overflow:hidden}
.metodo-id-roda-history-item img{display:block;width:100%;height:auto;border-radius:12px;margin-top:10px}
.metodo-id-friday-roda-notice{border-color:#bfdbfe!important;background:#eff6ff!important;color:#1e3a8a!important;font-weight:700}
.metodo-id-map-toggle,.mapa-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:999px!important;border:1px solid #dbe4ff!important;background:#fff!important;color:#2563eb!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:18px auto 0!important;padding:0!important;box-shadow:0 4px 14px rgba(37,99,235,.10)!important;cursor:pointer!important}
.metodo-id-map-toggle svg,.mapa-toggle svg{width:18px!important;height:18px!important;stroke:#2563eb!important}


/* 5.6.32 - mapa 90 dias compacto + botão minimalista centralizado */
.metodo-id-days-grid.metodo-id-days-grid-collapsed:not(.is-expanded) .metodo-id-day-pill:nth-child(n+7){display:none!important;}
.metodo-id-map-toggle,
.metodo-id-card button.metodo-id-map-toggle,
button.metodo-id-map-toggle{
    width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    margin:18px auto 0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid #dbe4ff!important;background:#fff!important;color:#2563eb!important;border-radius:999px!important;
    box-shadow:0 4px 14px rgba(37,99,235,.10)!important;cursor:pointer!important;transition:.18s ease!important;
}
.metodo-id-map-toggle:hover,
.metodo-id-card button.metodo-id-map-toggle:hover,
button.metodo-id-map-toggle:hover{border-color:#2563eb!important;box-shadow:0 8px 20px rgba(37,99,235,.14)!important;transform:translateY(-1px)!important;}
.metodo-id-map-toggle svg,
.metodo-id-card button.metodo-id-map-toggle svg,
button.metodo-id-map-toggle svg{width:18px!important;height:18px!important;stroke:#2563eb!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;transition:transform .18s ease!important;}
.metodo-id-map-toggle.is-open svg,
.metodo-id-card button.metodo-id-map-toggle.is-open svg,
button.metodo-id-map-toggle.is-open svg{transform:rotate(180deg)!important;}


/* 5.6.34 - correção final do mapa compacto e ranking do dia atual */
.metodo-id-days-grid.metodo-id-days-grid-collapsed:not(.is-expanded) > .metodo-id-map-extra-day,
.metodo-id-days-grid.metodo-id-days-grid-collapsed:not(.is-expanded) > *:nth-child(n+7){
    display:none !important;
}
.metodo-id-days-grid.metodo-id-days-grid-collapsed:not(.is-expanded){
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:12px !important;
    max-height:none !important;
    overflow:visible !important;
}
.metodo-id-map-toggle,
.metodo-id-card > .metodo-id-map-toggle,
button.metodo-id-map-toggle{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    margin:20px auto 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#eff6ff !important;
    border:1px solid #bfdbfe !important;
    color:#2563eb !important;
    border-radius:999px !important;
    box-shadow:0 8px 20px rgba(37,99,235,.10) !important;
}
.metodo-id-map-toggle svg{stroke:#2563eb !important;width:19px !important;height:19px !important;}
.metodo-id-map-toggle.is-open svg{transform:rotate(180deg) !important;}
@media(max-width:900px){
    .metodo-id-days-grid.metodo-id-days-grid-collapsed:not(.is-expanded){
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }
    .metodo-id-day-pill{min-height:92px !important;text-align:center !important;align-items:center !important;justify-content:center !important;}
}


/* Fix 5.6.35 — mapa responsivo e minimizar minimalista */
.metodo-id-days-grid-collapsed:not(.is-expanded) .metodo-id-map-extra-day{display:none!important;}
.metodo-id-days-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
}
.metodo-id-days-grid .metodo-id-day-pill{
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.metodo-id-days-grid .metodo-id-day-pill span{
  display:block!important;
  font-size:clamp(15px,1.5vw,20px)!important;
  line-height:1.15!important;
}
.metodo-id-days-grid .metodo-id-day-pill small{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(11px,1.1vw,14px)!important;
}
.metodo-id-map-toggle{
  width:42px!important;
  height:42px!important;
  padding:0!important;
  margin:18px auto 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid #dbe7ff!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(37,99,235,.10)!important;
  cursor:pointer!important;
}
.metodo-id-map-toggle svg{width:18px!important;height:18px!important;stroke:#2563eb!important;stroke-width:2.7!important;transition:transform .18s ease!important;}
.metodo-id-map-toggle.is-open svg{transform:rotate(180deg)!important;}
@media(max-width:1100px){.metodo-id-days-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:640px){.metodo-id-days-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.metodo-id-days-grid .metodo-id-day-pill{padding:14px 10px!important;min-height:76px!important}}
