:root{--azul-principal:#1b5e7d;--azul-escuro:#0a3d54;--azul-claro:#eef5f9;--fundo-pagina:#f4f7f6;--texto-principal:#333;--texto-secundario:#666;--vermelho-alerta:#e74c3c;--verde-sucesso:#2ecc71;--borda-suave:#e0e6ed;--branco:#fff;--amarelo-claro:#fffbdb;--amarelo-alerta:#d3be02}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--fundo-pagina);color:var(--texto-principal);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{max-width:1200px;margin:0 auto;padding:30px 20px}.main-layout{align-items:flex-start;gap:30px;display:flex}.left-column{flex-direction:column;flex:2;gap:25px;display:flex}.right-column{flex-direction:column;flex:1;gap:25px;display:flex;position:sticky;top:30px}.card{background-color:var(--branco);border:1px solid var(--borda-suave);border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000000a}h2{color:var(--azul-escuro);border-bottom:2px solid var(--azul-claro);margin-bottom:20px;padding-bottom:10px;font-size:1.4rem}h3{color:var(--azul-principal);margin-bottom:15px;font-size:1.1rem}.input-group label{color:var(--texto-secundario);margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.search-controls{gap:15px;display:flex}.input-text{border:1px solid var(--borda-suave);border-radius:8px;flex:1;padding:12px 15px;font-size:1rem;transition:border-color .3s}.input-text:focus{border-color:var(--azul-principal);outline:none}.btn-buscar{background-color:var(--azul-principal);color:var(--branco);cursor:pointer;border:none;border-radius:8px;padding:0 25px;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-buscar:hover:not(:disabled){background-color:var(--azul-escuro)}.btn-buscar:disabled{cursor:not-allowed;background-color:#a4c5d6}.error-text{color:var(--vermelho-alerta);margin-top:8px;font-size:.85rem;display:block}.details-card{border-left:5px solid var(--azul-principal)}.card-header-flex{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.card-header-flex h3{margin-bottom:0}.btn-editar{background-color:var(--azul-principal);color:var(--branco);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:background-color .2s;display:flex}.btn-editar:hover{background-color:var(--azul-escuro)}.icon-editar{filter:brightness(0)invert();width:18px;height:18px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.detail-item.full-width{border-bottom:1px dashed var(--borda-suave);grid-column:1/-1;padding-bottom:15px}.ssn-destaque{color:var(--texto-principal);font-size:1.25rem!important}.detail-item span{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;font-size:1.05rem;font-weight:600;display:block}.badge{text-align:center;border-radius:20px;width:fit-content;padding:5px 12px;font-size:.85rem;font-weight:700;display:inline-block}.badge.disponivel{color:var(--verde-sucesso);background-color:#e8f8f5}.badge.indisponivel{color:var(--vermelho-alerta);background-color:#fceceb}.badge.reaproveitado{background-color:var(--amarelo-claro);color:var(--amarelo-alerta)}.table-header-flex{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.table-header-flex h3{margin-bottom:0}.status-filter{border:1px solid var(--borda-suave);color:var(--texto-principal);background-color:var(--branco);cursor:pointer;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:.9rem}.status-filter:focus{border-color:var(--azul-principal)}.table-responsive{max-height:585px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--borda-suave);padding:12px 15px}th{background-color:var(--azul-claro);color:var(--azul-escuro);text-transform:uppercase;z-index:1;font-size:.9rem;font-weight:600;position:sticky;top:0}tbody tr:hover{background-color:#fcfcfc}.empty-state{text-align:center;color:var(--texto-secundario);font-style:italic;padding:30px 10px!important}.alerta-texto{color:var(--texto-secundario);margin-bottom:20px;font-size:.85rem;line-height:1.4}.counters-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.counter-box{background-color:var(--azul-claro);text-align:center;border:1px solid var(--borda-suave);border-radius:10px;padding:20px 15px}.counter-label{color:var(--azul-escuro);text-transform:uppercase;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.counter-value{color:var(--azul-principal);font-size:2.2rem;font-weight:700}.indisponiveis-box{background-color:#fceceb;border:1px solid #fadbd8;padding:25px 15px}.indisponiveis-box .counter-label,.indisponiveis-box .counter-value{color:var(--vermelho-alerta)}.reaproveitados-box{background-color:var(--amarelo-claro);border:1px solid #faf094;padding:25px 15px}.reaproveitados-box .counter-label,.reaproveitados-box .counter-value{color:var(--amarelo-alerta)}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--branco);border-radius:12px;width:90%;max-width:500px;padding:30px;box-shadow:0 10px 25px #0003}.modal-content h3{border-bottom:1px solid var(--borda-suave);color:var(--azul-escuro);margin-bottom:20px;padding-bottom:10px}.form-group{text-align:left;margin-bottom:15px}.form-group label{color:var(--texto-secundario);margin-bottom:5px;font-size:.9rem;font-weight:600;display:block}.modal-actions{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.btn-cancelar{color:var(--texto-secundario);border:1px solid var(--borda-suave);cursor:pointer;background-color:#0000;border-radius:8px;padding:10px 20px;font-weight:700}.btn-cancelar:hover{background-color:#f1f1f1}.btn-salvar{background-color:var(--verde-sucesso);color:var(--branco);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.btn-salvar:hover{background-color:#27ae60}@media (width<=860px){.main-layout{flex-direction:column}.left-column,.right-column{flex:none;width:100%}.right-column{order:-1;position:static}}@media (width<=480px){.search-controls{flex-direction:column}.btn-buscar{padding:12px}.counters-grid{grid-template-columns:repeat(2,1fr)}}