:root{
--ordenador-bg-container:var(--white);
--ordenador-border-input:var(--light-gray);
--ordenador-text-input:#212529;
--ordenador-bg-input:#fff;
--ordenador-placeholder-color:var(--medium-gray);
--ordenador-label-color:#343a40;
--ordenador-bg-opcoes:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
--ordenador-bg-feedback-green:#f8fff9;
--ordenador-bg-feedback-blue:#f0f8ff;
}
[data-theme="dark"]{
--ordenador-bg-container:var(--white);
--ordenador-border-input:#495057;
--ordenador-text-input:#e9ecef;
--ordenador-bg-input:#2d2d2d;
--ordenador-placeholder-color:#adb5bd;
--ordenador-label-color:#e9ecef;
--ordenador-bg-opcoes:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%);
--ordenador-bg-feedback-green:#1d3a2a;
--ordenador-bg-feedback-blue:#1a2f3a;
}
/* Estilização específica do Ordenador de Lista */
.ordenador-lista-container{background-color:var(--ordenador-bg-container);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:24px;overflow:hidden;position:relative;}
.ordenador-lista-textarea,.ordenador-lista-resultado{width:100%;min-height:200px;max-height:400px;padding:16px;font-size:16px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;border:2px solid var(--ordenador-border-input);border-radius:8px;resize:vertical;box-sizing:border-box;transition:all 0.3s ease;background-color:var(--ordenador-bg-input);color:var(--ordenador-text-input);}
.ordenador-lista-textarea:focus,.ordenador-lista-resultado:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(0,114,188,0.1);}
.ordenador-lista-textarea::placeholder,.ordenador-lista-resultado::placeholder{color:var(--ordenador-placeholder-color);font-style:italic;}
.ordenador-lista-opcoes{display:flex;flex-direction:column;gap:16px;margin:20px 0;padding:20px;background:var(--ordenador-bg-opcoes);border-radius:8px;}
.opcoes-tipo{display:flex;gap:20px;flex-wrap:wrap;}
.opcoes-extras{display:flex;gap:20px;flex-wrap:wrap;}
.ordenador-lista-opcoes label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--ordenador-label-color);cursor:pointer;transition:color 0.2s ease;}
.ordenador-lista-opcoes label:hover{color:var(--primary-blue);}
.ordenador-lista-opcoes input[type="radio"],.ordenador-lista-opcoes input[type="checkbox"]{margin:0;cursor:pointer;}
.ordenador-lista-botoes{display:flex;justify-content:center;gap:12px;margin:24px 0 20px 0;flex-wrap:wrap;}
.ordenador-lista-botoes button{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.ordenador-lista-botoes button:nth-child(1){background:linear-gradient(135deg,var(--primary-green) 0%,var(--dark-green) 100%);color:#fff;}
.ordenador-lista-botoes button:nth-child(1):hover{background:linear-gradient(135deg,var(--dark-green) 0%,#005a2a 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,166,81,0.3);}
.ordenador-lista-botoes button:nth-child(2){background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:#fff;}
.ordenador-lista-botoes button:nth-child(2):hover{background:linear-gradient(135deg,var(--dark-blue) 0%,#004173 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,114,188,0.3);}
.ordenador-lista-botoes button:nth-child(3){background:linear-gradient(135deg,var(--danger) 0%,#c82333 100%);color:#fff;}
.ordenador-lista-botoes button:nth-child(3):hover{background:linear-gradient(135deg,#c82333 0%,#a71e2a 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,53,69,0.3);}
.ordenador-lista-botoes button:active{transform:translateY(0);}
.ordenador-lista-botoes button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;}
/* Classes para controle de visibilidade */
.hidden-initially{display:none;}
.show-element{display:flex;}
.show-element.ordenador-lista-textarea,.show-element.ordenador-lista-resultado{display:block;}
.show-element.ordenador-lista-opcoes{display:flex;}
/* Controle específico para botão de copiar */
.botao-copiar-hidden{display:none!important;}
/* Estados de feedback visual */
.ordenador-lista-textarea.has-content{border-color:var(--primary-green);background-color:var(--ordenador-bg-feedback-green);}
.ordenador-lista-resultado.has-content{border-color:var(--primary-blue);background-color:var(--ordenador-bg-feedback-blue);}
.ordenador-lista-container *{transition:all 0.2s ease;}
.ordenador-lista-botoes button.loading{opacity:.7;pointer-events:none;}
.ordenador-lista-botoes button.loading::after{content:'';display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@media (max-width:768px){
.ordenador-lista-container{padding:20px;}
.opcoes-tipo{flex-direction:column;gap:12px;}
.opcoes-extras{flex-direction:column;gap:12px;}
.ordenador-lista-opcoes label{width:100%;padding:8px 0;}
.ordenador-lista-botoes{flex-direction:column;align-items:stretch;}
.ordenador-lista-botoes button{width:100%;min-width:auto;}
.ordenador-lista-textarea,.ordenador-lista-resultado{min-height:180px;font-size:16px;}
}
@media (max-width:480px){
.ordenador-lista-container{padding:16px;margin:0 -8px;}
.ordenador-lista-opcoes{padding:16px;margin:16px 0;}
.ordenador-lista-textarea,.ordenador-lista-resultado{min-height:160px;padding:12px;}
.ordenador-lista-botoes{margin:20px 0 16px 0;gap:8px;}
.ordenador-lista-botoes button{padding:14px 20px;font-size:15px;}
}