.admin-sidebar{width: 200px;} body.sidebar-ready .admin-sidebar{transition: width 0.3s ease-in-out;} .admin-sidebar nav a, .admin-sidebar nav .admin-sidebar-appearance-trigger{display: flex;align-items: center;padding: 10px 15px;white-space: nowrap;cursor: pointer;} .admin-sidebar nav a:hover, .admin-sidebar nav .admin-sidebar-appearance-trigger:hover, .admin-sidebar nav a.active{background: var(--brand);color: #fff;} .admin-sidebar nav a:hover svg, .admin-sidebar nav a.active svg, .admin-sidebar nav .admin-sidebar-appearance-trigger:hover svg{color: #fff;} .admin-sidebar .nav-label{opacity: 1;width: auto;} body.sidebar-ready .admin-sidebar .nav-label{transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, margin 0.3s ease-in-out;} #toggle-sidebar{transition: transform 0.3s ease-in-out;z-index: 10;} body.sidebar-collapsed .admin-sidebar{width: 60px;} body.sidebar-collapsed .admin-sidebar .nav-label{opacity: 0;width: 0;margin-left: 0;pointer-events: none;} body.sidebar-collapsed .admin-sidebar nav a, body.sidebar-collapsed .admin-sidebar nav .admin-sidebar-appearance-trigger{justify-content: center;gap: 0;} body.sidebar-collapsed #toggle-sidebar svg{transform: rotate(180deg);} @media (max-width: 1023px){#toggle-sidebar{display: none !important;} } html, body{max-width: 100%;overflow-x: hidden;} .admin-header{color: #dddddd;background-color: var(--card);padding: 10px 16px;} .admin-header-inner{display: flex;align-items: center;} .admin-header-title{margin-left: 0;flex: 1;} .admin-header-title{margin-left: 12px;flex: 1;} .admin-header .logo{font-weight: bold;} .admin-header .top-nav a{color: #fff;margin-left: 15px;} .menu-toggle{display: none;font-size: 22px;background: none;border: none;color: var(--text);cursor: pointer;} .admin-layout{display: flex;max-width: 100%;align-items: stretch;} .admin-sidebar{width: 200px;min-height: 100vh;background: var(--bg);padding: 30px;position: relative;z-index: 20;overflow: visible;flex-shrink: 0;} .admin-sidebar nav a, .admin-sidebar nav label{display: flex;margin: 6px 0;padding: 11px;color: var(--text);border-radius: var(--radius);align-items: center;gap: 10px;} .admin-sidebar nav a:hover, .admin-sidebar nav a.active, .admin-sidebar nav label:hover{background: var(--brand);color: #fff;} .admin-content{flex: 1;min-width: 0;padding: 35px 20px;overflow-x: hidden;} .admin-footer{text-align: center;padding: 10px;background: #f0f0f0;font-size: 14px;margin-top: 20px;} .action-cell{white-space: nowrap;} .login-body{display: flex;justify-content: center;align-items: center;height: 100vh;background: var(--bg);} .login-wrapper{max-width: 400px;width: 100%;padding: 20px;} .login-card{text-align: center;} .login-card h1{margin-bottom: 20px;} .toggle-theme-btn{background: none;border: none;color: var(--text);cursor: pointer;font-size: 1.5rem;padding: 0.5rem;border-radius: 50%;transition: background-color 0.3s;} .toggle-theme-btn:hover{background-color: rgba(0, 0, 0, 0.1);} .cap-icons-navigate{align-items: center;} .icons-navigate{width: 15px;height: auto;padding: 0 10px 0 0;} .see-banner{display: block;padding: 5px;background-color: var(--success);color: white;font-weight: bold;border-radius: 50px;text-align: center;float: right;} .versao{display: flex;margin: 5px 0;padding: 12px;color: var(--text);border-radius: var(--radius);align-items: center;gap: 10px;opacity: 0.3;font-size: 10px;} .slash{border: 0;border-top: 1px solid var(--border);} .info-boxes-container{margin: 20px 0;display: flex;gap: 20px;align-items: center;flex-wrap: wrap;justify-content: center;} .info-box{display: flex;align-items: center;justify-content: center;gap: 20px;border-radius: 8px;color: #fff;width: 100%;flex: 1 1 200px;max-width: 100%;height: 160px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);} .info-box-icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);} .info-box-icon svg{width: 28px;height: 28px;stroke: #fff;} .info-box-content{display: flex;flex-direction: column;} .info-box-value{font-size: 2.2rem;font-weight: bold;line-height: 1;} .info-box-label{font-size: 0.9rem;opacity: 0.8;} .published-box{background: #007bff;} .scheduled-box{background: #dc6a35ff;} .categories-box{background: #ffc107;} .cache-box{background: #28a745;} .cache-box.alert{background: #ff4500;} .info-box-alert{display: block;font-size: 0.75rem;color: #fff;background: rgba(255, 255, 255, 0.2);padding: 2px 6px;border-radius: 4px;margin-top: 4px;font-weight: bold;} .per-page-filter span{font-size: 14px;color: #555;margin-left: 5px;padding-top: 5px;} .pagination-controls{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem 1rem;text-align: left;} .pagination-buttons{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 0.75rem;} .pagination-controls .btn-page{display: inline-block;padding: 8px 16px;border-radius: 4px;border: none;cursor: pointer;font: inherit;background-color: var(--brand);color: #fff;text-decoration: none;transition: background-color 0.2s ease;} .pagination-controls .btn-page:hover{background-color: var(--brand-dark, #0d6efd);color: #fff;text-decoration: none;} #content-form, .editor-area, .editor-box-select{overflow: visible;} .editor-area{display: flex;gap: 5px;margin-bottom: 20px;justify-content: space-around;flex-wrap: wrap;} .editor-boxes{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 30px;} .editor-box-select{width: 100%;padding: 30px;border: solid 1px var(--border);;border-radius: 7px;margin: 15px 0;} .admin-editor .editor-box-select>label{display: block;margin: 12px 0 4px 0;line-height: 1.3;} .admin-editor .editor-box-select>small{display: block;margin: 0 0 8px 0;line-height: 1.4;} input, select, textarea{margin: 10px 0;border-radius: var(--ed-border-color), var(--radius);background-color: transparent;color: var(--text);;} form textarea{resize: vertical;min-height: 83px;} .for-pass{border: 1px solid var(--border);height: 40px;border-radius: var(--radius);} .for-cover-img{position: relative;display: flex;justify-content: center;align-items: center;margin: 10px 0;height: 115px;width: 200px;border: 1px dashed #ccc;border-radius: 6px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bbb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'%3E%3C/circle%3E%3Cpolyline points='21 15 16 10 5 21'%3E%3C/polyline%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 60px;overflow: hidden;} .for-cover-img.has-image{background-image: none;border-style: solid;} .for-cover-img img{max-height: 100%;max-width: 100%;object-fit: contain;border-radius: 4px;} .content-img{display: block;width: auto;height: 115px;object-fit: cover;background: #f3f4f6;margin-top: 5px;} .control-margin{margin: 15px 0 20px 0;} .format-buttons{display: flex;align-items: center;gap: 30px;margin: 40px 0 0 0;} .format-buttons button{width: 200px;} .spinner{border: 4px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top: 4px solid #fff;width: 0.9em;height: 0.9em;animation: spin 1s linear infinite;display: inline-block;vertical-align: middle;margin-right: 8px;} @keyframes spin{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } .notification-message{position: fixed;bottom: 20px;left: 20px;padding: 15px 20px;color: white;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);z-index: 1000;opacity: 0;transition: opacity 0.5s ease-in-out;display: flex;align-items: center;} .notification-message.show{opacity: 1;} .notification-message.success{background-color: #4CAF50;} .notification-message.error{background-color: #f44336;} .action-buttons{display: flex;align-items: center;} .popup-message{position: fixed;bottom: 20px;left: 20px;background-color: #4CAF50;color: white;padding: 15px 20px;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;} .popup-message.show{opacity: 1;visibility: visible;} #editor{min-height: 400px;padding: 20px;line-height: 1.6;outline: none;font-family: inherit;transition: background-color 0.3s, color 0.3s;} html.dark-mode input, html.dark-mode select, html.dark-mode textarea{background-color: #3f4d65;color: #f1f1f1 } html{background: #f5f5f5;} html.dark-mode #editor{background-color: #3f4d65 !important;color: #f1f1f1 !important;} html.dark-mode #editor:focus{background-color: #46546d !important;} html.dark-mode #editor a{color: #82a9ff;cursor: rgb(75, 130, 248)r;} html.dark-mode #editor a:hover{color: #396eff;} html.dark-mode #toolbar{position: sticky;top: 0;background: #1e293b;} .th-single_text{text-align: left !important;} .hidden{opacity: 0;display: none;} .flat-editor-container{max-width: 900px;margin: 0 auto;background: #fff;padding: 20px;border-radius: 6px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);} .writing-zone{position: relative;overflow: visible !important;display: block;width: 100%;} #toolbar{position: relative;z-index: 1000;width: 100%;background: #f8f9fa;border: 1px solid var(--border);box-sizing: border-box;transition: box-shadow 0.2s;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 8px 6px;padding: 8px 10px;margin: 0 auto;} #toolbar .toolbar-group{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 4px;max-width: 100%;} #toolbar .toolbar-group+.toolbar-group{padding-left: 10px;margin-left: 2px;border-left: 1px solid rgba(0, 0, 0, 0.12);} html.dark-mode #toolbar .toolbar-group+.toolbar-group{border-left-color: rgba(255, 255, 255, 0.14);} #toolbar .toolbar-group--end{margin-left: auto;gap: 8px;} @media (max-width: 768px){#toolbar{gap: 6px 4px;padding: 8px;} #toolbar .toolbar-group--end{margin-left: 0;flex-basis: 100%;padding-top: 8px;margin-top: 2px;border-top: 1px solid rgba(0, 0, 0, 0.12);border-left: none;padding-left: 0;margin-left: 0;} html.dark-mode #toolbar .toolbar-group--end{border-top-color: rgba(255, 255, 255, 0.14);} } #toolbar.is-sticky{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);} #toolbar button{cursor: pointer;background: #f0f0f0c2;border-radius: 3px;display: inline-flex;align-items: center;justify-content: center;gap: 4px;padding: 6px 8px;min-height: 34px;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.06);} #toolbar button:hover{background: #e0e0e0;} html.dark-mode #toolbar button{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.14);color: #e2e8f0;} html.dark-mode #toolbar button:hover{background: rgba(255, 255, 255, 0.16);} #editor{background: #f5f5f5;min-height: 300px;padding: 30px 10%;border-radius: 0 0 3px 3px;font-size: 15px;} #editor:focus{outline: none;border-color: #0066cc;} #editor hr, .content hr{border: none;border-top: 2px solid #e5e7eb;margin: 24px 0;width: 100%;opacity: 0.8;} #toolbar .block-btn{background: #f0f0f0c2;color: #333;font-weight: bold;border: 1px solid #ddd;border-radius: 4px;padding: 4px 2px;width: 36px;min-width: 36px;flex-shrink: 0;} #toolbar .block-btn:hover{background: #e5e7eb;} html.dark-mode #toolbar .block-btn{background: rgba(255, 255, 255, 0.1);border-color: rgba(255, 255, 255, 0.18);color: #e2e8f0;} html.dark-mode #toolbar .block-btn:hover{background: rgba(255, 255, 255, 0.16);} #toolbar .toolbar-view-wrap{display: inline-flex;align-items: center;margin-top: 10px;} #editor h1{font-size: 1.8em !important;font-weight: 700;margin: 0.6em 0;color: var(--text);} #editor h2{font-size: 1.6em;font-weight: 600;margin: 0.6em 0;} #editor h3{font-size: 1.4em;font-weight: 600;margin: 0.5em 0;} #editor h4{font-size: 1.2em;font-weight: 600;margin: 0.4em 0;} #editor h5{font-size: 1em;font-weight: 600;margin: 0.4em 0;} #editor p{box-sizing: border-box;font-size: 1em;color: inherit;font-family: inherit;} #editor a{color: #2563eb;cursor: pointer;} #editor a:hover{color: #1d4ed8;} #editor .table-responsive{overflow-x: auto;margin: 1.5em 0;-webkit-overflow-scrolling: touch;} #editor table{border-collapse: collapse;width: 100%;max-width: 100%;font-size: 0.95em;} #editor table td, #editor table th{border: 1px solid #ddd;padding: 10px 18px !important;text-align: left;} #editor table th{background: #f5f5f5;font-weight: 600;} html.dark-mode #editor table td, html.dark-mode #editor table th{border-color: #4a5568;} html.dark-mode #editor table th{background: #374151;} .notification{position: fixed;bottom: 30px;left: 30px;padding: 14px 24px;border-radius: 6px;color: #fff;font-weight: 500;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);opacity: 0;transform: translateY(20px);pointer-events: none;transition: all 0.35s ease;z-index: 1000;} .notification.show{opacity: 1;transform: translateY(0);pointer-events: auto;} .notification.success{background-color: #22c55e;} .notification.error{background-color: #ef4444;} .notification.warning{background-color: #f59e0b;} .notification.info{background-color: #3b82f6;} .notification::before{content: '✔ ';font-weight: bold;margin-right: 6px;} .notification.error::before{content: '⚠ ';} .notification.warning::before{content: '⚠ ';color: #fff;} .notification.info::before{content: 'ℹ ';} .img-wrapper{position: relative;display: inline-block;text-align: center;margin: 15px 0;} .resizable-img{transition: box-shadow 0.2s ease;max-width: 100%;height: auto;} .resizable-img:focus, .img-wrapper:hover .resizable-img{outline: none;} .resize-handle{position: absolute;bottom: 2px;right: 2px;width: 14px;height: 14px;background: rgba(37, 99, 235, 0.7);border-radius: 3px;cursor: nwse-resize;transition: background 0.2s;} .resize-handle:hover{background: rgba(37, 99, 235, 1);} .img-wrapper{display: block;text-align: center;margin: 15px 0;position: relative;} .img-wrapper img{max-width: 100%;height: auto;display: inline-block;vertical-align: middle;} html:not(.admin-editor) .resize-handle{display: none !important;visibility: hidden !important;} .resize-handle{position: absolute;bottom: 0;right: 0;width: 18px;height: 18px;border-radius: 3px;cursor: nwse-resize;color: #fff;font-size: 14px;text-align: center;line-height: 18px;font-family: "Segoe UI Symbol", sans-serif;} .resize-handle::after{content: "⇱";} .ed-cover-group{display: flex;flex-direction: column;} .ed-cover-inputs-flex{display: flex;gap: 20px;align-items: flex-end;} @media (max-width: 768px){} .ed-cover-inputs-flex{flex-wrap: wrap;} .ed-cover-preview-box{flex-shrink: 0;width: 100%;max-width: 200px;padding: 6px;border: 1px solid #ddd;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);} #cover-preview{display: block;width: 100%;height: auto;object-fit: contain;} .ed-cover-fields-wrapper{flex-grow: 1;max-width: 180px;height: 100%;} .ed-cover-fields-wrapper-2{flex-grow: 1;max-width: 500px;display: flex;flex-direction: column;height: 100%;} .ed-cover-fields-wrapper input[type="text"]{width: 100%;padding: 10px 12px;border: 1px solid #ccc;box-sizing: border-box;margin-top: auto;} .ed-cover-fields-wrapper small{color: #666;font-size: 0.9em;margin: 10px 0 0 0;} .th-modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);display: none;justify-content: center;align-items: center;z-index: 2000;opacity: 0;transition: opacity .3s ease;} .th-modal-overlay.active{display: flex;opacity: 1;} .th-modal-content{background: white;color: #1e293b;padding: 25px;margin: 25px;border-radius: 8px;max-width: 400px;width: 90%;position: relative;transform: scale(0.8);transition: transform .25s ease;} .th-modal-overlay.active .th-modal-content{transform: scale(1);} .th-modal-header{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #eeeeeed0;padding-bottom: 10px;margin-bottom: 15px;} html.dark-mode .th-modal-content{background: var(--card);color: var(--text);border: 1px solid var(--border);} html.dark-mode .th-modal-header{border-bottom: 1px solid var(--border);} .th-close-btn{cursor: pointer;font-size: 1.5em;line-height: 1;} .th-modal-footer{display: flex;justify-content: flex-end;gap: 10px;} .th-btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: 96px;height: 38px;padding: 0 18px;border: none;border-radius: 6px;font-size: 14px;font-weight: 600;line-height: 1;cursor: pointer;transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;text-decoration: none;white-space: nowrap;} .th-btn:active{transform: translateY(1px);} .th-btn--primary{background-color: var(--brand, #0052cc);color: #ffffff;} .th-btn--primary:hover{background-color: var(--brand-dark, #003d99);} .th-btn--secondary{background-color: color-mix(in srgb, var(--brand, #0077cc) 16%, var(--card, #ffffff) 84%);color: var(--text, #1e293b);border: 1px solid color-mix(in srgb, var(--brand, #0077cc) 28%, transparent);} .th-btn--secondary:hover{background-color: color-mix(in srgb, var(--brand, #0077cc) 24%, var(--card, #ffffff) 76%);} .th-btn--danger{background-color: #c0392b;color: #ffffff;} .th-btn--danger:hover{background-color: #a5281b;} html.dark-mode .th-btn--secondary{background-color: #334155;color: #f1f5f9;} html.dark-mode .th-btn--secondary:hover{background-color: #475569;} .admin-confirm-modal__content{max-width: 440px;} .admin-confirm-modal__title{margin: 0;font-size: 1.15rem;font-weight: 700;} .admin-confirm-modal__body{padding: 6px 0 4px 0;} .admin-confirm-modal__message{margin: 0;font-size: 0.98rem;line-height: 1.55;color: inherit;word-break: break-word;} .admin-confirm-modal__footer{margin-top: 18px;} html.dark-mode #category-description{color: var(--text);} .primary-box label, .automations-box label{display: block;font-weight: 600;margin-bottom: 2px;} .primary-box small, .automations-box small{display: block;color: #666;font-size: 0.85em;margin-bottom: 8px;font-style: normal;} .primary-box input[type="text"], .primary-box input[type="datetime-local"], .primary-box select, .automations-box input[type="text"], .automations-box textarea{width: 100%;box-sizing: border-box;margin-bottom: 15px;} .responsive-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));gap: 30px;} .inner-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));gap: 15px;} .cover-image-container{width: 100%;min-height: 230px;border-radius: 8px;border: 1px dashed #ccc;display: flex;align-items: center;justify-content: center;overflow: hidden;margin-bottom: 15px;} .cover-image-container img{max-width: 100%;max-height: 100%;object-fit: contain;} .th-accordion.editor-seo-accordion{overflow: hidden;} .editor-seo-accordion__trigger{display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 6px 0 10px 0;margin: 0;text-align: left;cursor: pointer;background: none;border: none;font: inherit;color: inherit;box-sizing: border-box;gap: 12px;} .editor-seo-accordion__title{display: flex;align-items: center;gap: 10px;min-width: 0;} .editor-seo-accordion__title h3{margin: 0;font-size: 1.1em;font-weight: 600;color: inherit;line-height: 1.25;} .editor-seo-accordion__title svg{flex-shrink: 0;opacity: 0.9;} .editor-seo-accordion__chev{display: inline-flex;flex-shrink: 0;font-weight: 700;font-size: 0.7rem;line-height: 1;color: var(--text-muted, #64748b);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;} .th-accordion.editor-seo-accordion.is-open .editor-seo-accordion__chev{transform: rotate(180deg);color: var(--brand, #0077cc);} .th-accordion.editor-seo-accordion .th-accordion__panel.editor-seo-accordion__panel{--th-faq-panel-mh: 5000px;} .editor-seo-accordion__inner{box-sizing: border-box;} .th-accordion.editor-seo-accordion.is-open .editor-seo-accordion__inner{margin-top: 20px;padding-top: 20px;border-top: 1px dashed var(--border, rgba(0, 0, 0, 0.15));} html.dark-mode .th-accordion.editor-seo-accordion.is-open .editor-seo-accordion__inner{border-top-color: var(--border-dark, #4a5568);} .editor-seo-accordion__grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;} :root{--primary-color: #6e6e6eff;--text-lgpd: #6b6b6bff;--background-color: #f8f9fa;} body{background-color: var(--background-color);color: var(--text-lgpd);margin: 0;padding: 0;line-height: 1.6;} .lgpd-form-layout{width: minmax(250px, 1fr);gap: 30px;margin-bottom: 30px;} .container-lgpd{max-width: 900px;margin: 40px;padding: 30px;background: #fff;border-radius: 7px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} .card-lgpd{margin: 40px auto;padding: 20px;background: #fff;border-radius: 7px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);} h1{color: var(--primary-color);font-size: 2.0em;text-align: center;margin: 0;} .terms-content p{margin-bottom: 15px;text-align: justify;} .terms-content h2, .terms-content h3{color: #555;margin-top: 30px;padding-bottom: 5px;border-bottom: 1px dashed #eee;} .terms-content strong{color: var(--brand);} .terms-content ul, .terms-content ol{padding-left: 25px;} .terms-content li{margin-bottom: 8px;} .alert-popup{position: fixed;left: 20px;bottom: 20px;padding: 14px 20px;border-radius: 8px;color: #fff;font-weight: 600;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);z-index: 9999;opacity: 0;transform: translateY(15px);animation: popupSlide 0.4s forwards, popupHide 0.4s forwards 4s;} .alert-success{background: #28a745;} .alert-error{background: #dc3545;} @keyframes popupSlide{from{opacity: 0;transform: translateY(15px);} to{opacity: 1;transform: translateY(0);} } @keyframes popupHide{from{opacity: 1;transform: translateY(0);} to{opacity: 0;transform: translateY(15px);} } #slide-form-card.highlight-card{box-shadow: 0 0 0 4px rgba(0, 128, 0, 0.5);animation: pulse-green 1.2s infinite alternate;} @keyframes pulse-green{from{box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.3);} to{box-shadow: 0 0 0 4px rgba(0, 128, 0, 0.7);} } .td-actions{display: inline-flex;gap: 8px;align-items: center;} @media (max-width: 768px){.u-flex-row{flex-direction: column;gap: 8px;} } .container-audit{width: 95%;margin: 0 auto;} .dashboard-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;flex-wrap: wrap;gap: 10px;} .dashboard-header h1{font-size: 1.5rem;color: var(--primary-dark);} .last-update{font-size: 0.85rem;color: var(--text-muted);background: #ffffff86;padding: 5px 10px;border-radius: 20px;border: 1px solid var(--border);} .grid-strategic{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 20px;margin-bottom: 15px;} .grid-realtime{display: grid;grid-template-columns: 2fr 1fr;gap: 10px;margin-bottom: 15px;} .card-audit{background: var(--card);border-radius: 12px;padding: 15px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);border: 1px solid rgba(0, 0, 0, 0.02);transition: transform 0.2s;display: flex;flex-direction: column;justify-content: space-between;} .card-audit:hover{transform: translateY(-2px);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);} .card-label{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--text-muted);font-weight: 600;margin-bottom: 10px;} .card-value{font-size: 1.8rem;font-weight: 700;color: var(--text-main);} .card-sub{font-size: 0.85rem;margin-top: 5px;} .card-sub.up{color: var(--success);} .card-sub.down{color: var(--danger);} .border-yellow{border-top: 4px solid #f3a90a;} .border-blue{border-top: 4px solid #3b82f6;} .border-purple{border-top: 4px solid #8b5cf6;} .border-orange{border-top: 4px solid #f97316;} .border-red{border-top: 4px solid #ef4444;} .hero-card{border: 1px solid #dcfce7;} .hero-value{font-size: 3.5rem;color: var(--primary-dark);font-weight: 800;line-height: 1;} .hero-flex{display: flex;align-items: flex-end;justify-content: space-between;} .pulse-dot{display: inline-block;width: 10px;height: 10px;background: var(--success);border-radius: 50%;animation: pulse 2s infinite;margin-right: 5px;} .table-container{background: var(--card);border-radius: 12px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);} table{width: 100%;border-collapse: collapse;font-size: 0.9rem;} th{text-align: left;padding: 12px 20px;font-weight: 600;color: var(--text-muted);border-bottom: 1px solid var(--border);} td{padding: 12px 20px;border-bottom: 1px solid var(--border);color: var(--text-main);} tr:last-child td{border-bottom: none;} .badge{padding: 4px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 600;} .badge-geral{background: #e0f2fe;color: #0369a1;} .pagination{display: flex;justify-content: center;padding: 20px;gap: 5px;} .page-btn{padding: 5px 12px;border: 1px solid var(--border);background: #fff;border-radius: 4px;text-decoration: none;color: var(--text-main);font-size: 0.9rem;} .page-btn.active{background: var(--primary-dark);color: grey;border-color: var(--primary-dark);} @keyframes pulse{0%{opacity: 1;} 50%{opacity: 0.4;} 100%{opacity: 1;} } .timeline-graph{height: 6px;background: #e2e8f0;border-radius: 3px;position: relative;margin-top: 30px;margin-bottom: 10px;} .timeline-point{position: absolute;top: -4px;width: 14px;height: 14px;background: var(--primary-dark);border-radius: 50%;border: 2px solid #fff;cursor: pointer;} .timeline-label{position: absolute;top: 15px;font-size: 0.7rem;color: var(--text-muted);transform: translateX(-50%);} @media (max-width: 768px){.grid-realtime{grid-template-columns: 1fr;} } .ia-page .header-title.ia-header-title h2{margin-bottom: 0.35em;} .ia-header-lead{margin: 0.25rem 0 0;max-width: 40em;line-height: 1.5;font-size: 0.98rem;color: var(--text-muted, #666);} html.dark-mode .ia-header-lead{color: #94a3b8;} .ia-onboarding-intro{--ia-onboard-max-height: 500px;overflow: hidden;max-height: var(--ia-onboard-max-height);opacity: 1;margin: 0 0 75px 0;padding: 0 0 10px;background: transparent !important;border: none !important;box-shadow: none !important;transition: max-height 0.5s ease, opacity 0.4s ease, margin 0.45s ease, padding 0.45s ease, border-width 0.35s ease;} .ia-onboarding-intro--hidden{max-height: 0 !important;opacity: 0 !important;margin: 0 !important;padding-top: 0 !important;padding-bottom: 0 !important;border-width: 0 !important;pointer-events: none !important;} .ia-onboarding-visual{--ia-onboard-scale: 1;--ia-onboard-opacity: 1;position: relative;width: 100%;height: clamp(180px, 31vh, 280px);border-radius: 10px;border: none;background: transparent;overflow: hidden;transform: scale(var(--ia-onboard-scale));transform-origin: top center;opacity: var(--ia-onboard-opacity);transition: transform 0.2s linear, opacity 0.2s linear;} #ia-onboarding-canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;} .ia-onboarding-loader{--ia-loader-color: var(--brand, #63b3ed);position: absolute;left: 50%;top: 50%;width: min(45vmin, 230px);height: min(45vmin, 230px);transform: translate(-50%, -50%);pointer-events: none;display: none;} .ia-onboarding-loader span{position: absolute;inset: 0;transform: rotate(calc(36deg * var(--i)));} .ia-onboarding-loader span::before{content: '';position: absolute;top: 0;left: 0;width: clamp(11px, 1.65vmin, 16px);height: clamp(11px, 1.65vmin, 16px);border-radius: 50%;background: transparent;border: 2.4px solid var(--ia-loader-color);box-sizing: border-box;box-shadow: 0 0 10px color-mix(in srgb, var(--ia-loader-color) 80%, transparent), -20px -20px 0 var(--ia-loader-color), -20px -20px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent), 20px 20px 0 var(--ia-loader-color), 20px 20px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent), 20px -20px 0 var(--ia-loader-color), 20px -20px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent), -20px 20px 0 var(--ia-loader-color), -20px 20px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent);animation: ia-loader-glowballs 5s linear infinite;animation-delay: calc(-0.5s * 10 * var(--i));transform-origin: 18px;transition: 1.2s;} .ia-onboarding-loader:hover span::before{box-shadow: 0 0 10px color-mix(in srgb, var(--ia-loader-color) 80%, transparent), -120px -120px 0 var(--ia-loader-color), -120px -120px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent), 120px 120px 0 var(--ia-loader-color), 120px 120px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent), 120px -120px 0 var(--ia-loader-color), 120px -120px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent), -120px 120px 0 var(--ia-loader-color), -120px 120px 10px color-mix(in srgb, var(--ia-loader-color) 75%, transparent);transform-origin: 145px;} @keyframes ia-loader-glowballs{0%{transform: rotate(0deg);filter: hue-rotate(0deg);} 100%{transform: rotate(360deg);filter: hue-rotate(360deg);} } .ia-onboarding-signal-ripples{--ia-signal-color: var(--brand, #63b3ed);position: absolute;left: 50%;top: 50%;width: min(40vmin, 210px);height: min(40vmin, 210px);transform: translate(-50%, -50%);display: none;pointer-events: none;} .ia-onboarding-signal-ripples .ripple{position: absolute;left: 50%;top: 50%;width: min(8vmin, 32px);height: min(8vmin, 32px);border-radius: 50%;border: 2px solid var(--ia-signal-color);transform: translate(-50%, -50%) scale(0.2);opacity: 0;box-shadow: 0 0 14px color-mix(in srgb, var(--ia-signal-color) 45%, transparent);animation: ia-signal-ripple 2.8s ease-out infinite;} .ia-onboarding-signal-ripples .ripple:nth-child(2){animation-delay: 0.9s;} .ia-onboarding-signal-ripples .ripple:nth-child(3){animation-delay: 1.8s;} @keyframes ia-signal-ripple{0%{transform: translate(-50%, -50%) scale(0.2);opacity: 0.85;} 75%{opacity: 0.26;} 100%{transform: translate(-50%, -50%) scale(4.8);opacity: 0;} } .ia-onboarding-phrases{position: relative;height: 84px;margin-top: 16px;} .ia-onboarding-phrase{position: absolute;inset: 0;margin: 0;text-align: center;font-size: clamp(1.6rem, 3.2vw, 2.75rem);font-weight: 800;line-height: 1.15;letter-spacing: -0.015em;color: color-mix(in srgb, var(--text, #e2e8f0) 90%, #ffffff 10%);text-wrap: balance;text-shadow: 0 0 16px color-mix(in srgb, var(--brand, #63b3ed) 20%, transparent);opacity: 0;transform: translateY(14px);transition: opacity 0.45s ease, transform 0.45s ease;} .ia-onboarding-phrase.is-active{opacity: 1;transform: translateY(0);} html.dark-mode .ia-onboarding-visual{background: transparent;} html.dark-mode .ia-onboarding-phrase{color: color-mix(in srgb, #e2e8f0 92%, #ffffff 8%);text-shadow: 0 0 18px color-mix(in srgb, var(--brand, #63b3ed) 30%, transparent);} @media (max-width: 980px){.ia-onboarding-intro{--ia-onboard-max-height: 360px;padding: 0 0 50px;} .ia-onboarding-visual{height: clamp(220px, 38vh, 330px);} .ia-onboarding-phrases{height: 74px;margin-top: 10px;} .ia-onboarding-phrase{font-size: clamp(1.3rem, 5.4vw, 2rem);} } .ia-block.card{margin-bottom: 22px;border: 1px solid var(--border, rgba(0, 0, 0, .1));box-shadow: 0 1px 2px rgba(0, 0, 0, .04);} html.dark-mode .ia-block.card{border-color: var(--border-dark, #4a5568);box-shadow: none;} .ia-block--create{margin-top: 0;} .th-accordion.ia-connect-accordion{overflow: hidden;padding: 0;} .th-accordion.ia-connect-accordion>.th-accordion__trigger.ia-connect-accordion__summary{list-style: none;cursor: pointer;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 14px;padding: 14px 18px;margin: 0;width: 100%;text-align: left;background: linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 100%, var(--brand, #63b3ed) 3%), var(--card, #fff));border: none;font: inherit;color: inherit;border-radius: var(--radius, 6px);transition: background 0.28s ease, box-shadow 0.28s ease;user-select: none;-webkit-tap-highlight-color: transparent;box-sizing: border-box;} .th-accordion.ia-connect-accordion>.th-accordion__trigger.ia-connect-accordion__summary:hover{background: linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 98%, var(--brand, #63b3ed) 6%), var(--card, #fff));box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #63b3ed) 22%, transparent);} html.dark-mode .th-accordion.ia-connect-accordion>.th-accordion__trigger.ia-connect-accordion__summary{background: linear-gradient(180deg, color-mix(in srgb, var(--card, #2d3748) 96%, var(--brand, #63b3ed) 6%), var(--card, #2d3748));} html.dark-mode .th-accordion.ia-connect-accordion>.th-accordion__trigger.ia-connect-accordion__summary:hover{background: color-mix(in srgb, var(--card, #2d3748) 94%, #fff 4%);box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #63b3ed) 28%, transparent);} .ia-connect-accordion__summary{position: relative;} .ia-connect-accordion__summary-left{display: flex;align-items: flex-start;gap: 10px;flex: 1 1 200px;min-width: 0;} .ia-connect-accordion__summary-texts{display: flex;flex-direction: column;gap: 2px;min-width: 0;} .ia-connect-accordion__summary .ia-block-title{margin: 0;font-size: 1.05rem;font-weight: 600;line-height: 1.25;} .ia-connect-accordion__hint{font-size: 0.78rem;font-weight: 400;color: var(--text-muted, #64748b);line-height: 1.35;} html.dark-mode .ia-connect-accordion__hint{color: #94a3b8;} .ia-connect-accordion__chip{font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;padding: 5px 10px;border-radius: 999px;flex-shrink: 0;width: 220px;text-align: center;display: inline-block;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;} .ia-connect-accordion__chip--ok{background: color-mix(in srgb, var(--success, #22c55e) 16%, transparent);color: #166534;border: 1px solid color-mix(in srgb, var(--success) 45%, transparent);} .ia-connect-accordion__chip--need{background: color-mix(in srgb, var(--warning, #f59e0b) 18%, transparent);color: #92400e;border: 1px solid color-mix(in srgb, var(--warning) 40%, transparent);} html.dark-mode .ia-connect-accordion__chip--ok{color: #86efac;background: color-mix(in srgb, var(--success) 18%, transparent);border-color: color-mix(in srgb, var(--success) 35%, transparent);} html.dark-mode .ia-connect-accordion__chip--need{color: #fcd34d;background: color-mix(in srgb, var(--warning) 15%, transparent);border-color: color-mix(in srgb, var(--warning) 28%, transparent);} .ia-connect-accordion__chev{display: flex;align-items: center;justify-content: center;color: var(--text-muted, #64748b);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;} .th-accordion.ia-connect-accordion.is-open>.th-accordion__trigger .ia-connect-accordion__chev{transform: rotate(180deg);color: var(--brand, #63b3ed);} .th-accordion.ia-connect-accordion>.th-accordion__panel.ia-connect-accordion__body{padding: 0 20px;border-top: 0 solid transparent;box-sizing: border-box;--th-faq-panel-mh: 7200px;} .th-accordion.ia-connect-accordion.is-open>.th-accordion__panel.ia-connect-accordion__body{padding: 0 20px 20px 20px;border-top: 1px solid var(--border, rgba(0, 0, 0, .08));} html.dark-mode .th-accordion.ia-connect-accordion.is-open>.th-accordion__panel.ia-connect-accordion__body{border-top-color: var(--border-dark, #4a5568);} .th-accordion.ia-connect-accordion.is-open>.th-accordion__trigger.ia-connect-accordion__summary{border-radius: var(--radius, 6px) var(--radius, 6px) 0 0;box-shadow: none;border-bottom: 1px solid var(--border, rgba(0, 0, 0, .07));} html.dark-mode .th-accordion.ia-connect-accordion.is-open>.th-accordion__trigger.ia-connect-accordion__summary{border-bottom-color: var(--border-dark, #4a5568);} .ia-block-title{display: flex;align-items: center;gap: 10px;font-size: 1.1rem;font-weight: 600;margin: 0 0 0.4rem;color: var(--text, #1e293b);border-bottom: none;padding-bottom: 0;} html.dark-mode .ia-block-title{color: #e2e8f0;} .ia-step{display: inline-flex;align-items: center;justify-content: center;min-width: 1.6rem;height: 1.6rem;border-radius: 6px;background: var(--brand, #63b3ed);color: #fff;font-size: 0.9rem;font-weight: 700;} html.dark-mode[data-admin-appearance="noir"] .ia-step{background: #f5f5f5;color: #111;border: 1px solid #d4d4d4;} .ia-block-lead{margin: 1rem 0 1.1rem;line-height: 1.6;font-size: 0.9rem;color: var(--text-muted, #666);max-width: 52em;} html.dark-mode .ia-block-lead{color: #a0aec0;} .ia-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;} .ia-label-plain{display: block;font-weight: 600;font-size: 0.9rem;margin-bottom: 0.4rem;} .ia-label-sub{font-size: 0.82rem;font-weight: 600;margin-bottom: 4px;display: block;} .ia-form-row{margin-bottom: 0;} .ia-inline-form{display: inline;} .ia-inline-link{font-size: 0.9rem;margin: 0 0 10px;} .ia-inline-link a{color: var(--accent, #7c6af7);} html.dark-mode .ia-inline-link a{color: var(--brand, #63b3ed);} .ia-custom-model-field{width: 100%;max-width: 400px;margin-top: 6px;} .th-accordion.ia-details-tech, .ia-details-tech{margin: 0 0 1.2rem;border: 1px solid var(--border, rgba(0, 0, 0, .12));border-radius: 8px;background: var(--surface, #f8fafc);padding: 0;overflow: hidden;} html.dark-mode .th-accordion.ia-details-tech, html.dark-mode .ia-details-tech{border-color: var(--border-dark, #4a5568);background: color-mix(in srgb, var(--card) 96%, #000);} .th-accordion.ia-details-tech>.th-accordion__trigger{cursor: pointer;padding: 10px 14px;font-size: 0.88rem;font-weight: 500;list-style: none;display: block;width: 100%;text-align: left;background: none;border: none;font: inherit;color: inherit;box-sizing: border-box;} .th-accordion.ia-details-tech>.th-accordion__trigger::before{content: '▸';margin-right: 6px;display: inline-block;transition: transform var(--th-disclosure-duration, 0.38s) var(--th-disclosure-ease, cubic-bezier(0.4, 0, 0.2, 1));} .th-accordion.ia-details-tech.is-open>.th-accordion__trigger::before{transform: rotate(90deg);} .th-accordion.ia-details-tech>.th-accordion__panel{--th-faq-panel-mh: 3200px;} .ia-details-tech__body{padding: 0 14px 14px;font-size: 0.8rem;line-height: 1.55;color: var(--text-muted, #64748b);border-top: 0 solid transparent;} .th-accordion.ia-details-tech.is-open .ia-details-tech__body{border-top: 1px solid var(--border, rgba(0, 0, 0, .08));} html.dark-mode .th-accordion.ia-details-tech.is-open .ia-details-tech__body{border-top-color: var(--border-dark, #4a5568);} .ia-details-tech__body p{margin: 0.5em 0;} .ia-details-tech__body code{font-size: 0.9em;padding: 0.1em 0.35em;border-radius: 3px;background: rgba(0, 0, 0, .07);} html.dark-mode .ia-details-tech__body code{background: rgba(255, 255, 255, .1);color: #e2e8f0;} .ia-generating-pill{display: inline-flex;align-items: center;gap: 8px;font-size: 0.86rem;color: var(--text-muted, #666);padding: 4px 10px;border-radius: 999px;background: var(--surface-hover, rgba(0, 0, 0, .04));} html.dark-mode .ia-generating-pill{color: #94a3b8;background: rgba(255, 255, 255, .05);} .ia-panel-right{position: relative;} .ia-panel-loading{position: absolute;inset: 0;z-index: 2;display: none;align-items: center;justify-content: center;background: color-mix(in srgb, var(--card, #2d3748) 86%, #000 14%);border-radius: 13px;flex-direction: column;} .ia-panel-loading__box{text-align: center;} .ia-panel-loading__text{margin: 0.5rem 0 0;font-size: 0.92rem;color: #94a3b8;} .ia-md-h3{font-size: 1.02rem;font-weight: 600;margin: 1.1em 0 0.45em;color: var(--text, #222);} html.dark-mode .ia-md-h3, html.dark-mode .ia-result-content .ia-md-h3{color: #f1f1f1;} .ia-key-configured{display: flex;flex-direction: column;align-items: stretch;gap: 10px;background: var(--card, #f8fafc);color: var(--text, #334155);border: 1px solid color-mix(in srgb, var(--success, #22c55e) 32%, var(--border, #e2e8f0));border-radius: var(--radius, 6px);padding: 14px 16px;margin: 20px 0 0 0;} .ia-key-ok{display: flex;align-items: flex-start;gap: 8px;color: #166534;font-size: 0.9rem;line-height: 1.45;} .ia-key-ok svg{flex-shrink: 0;color: #22c55e;} html.dark-mode .ia-key-configured{background: color-mix(in srgb, var(--success) 8%, var(--card, #2d3748));color: #e2e8f0;border-color: color-mix(in srgb, var(--success) 40%, var(--border-dark, #4a5568));} html.dark-mode .ia-key-ok{color: #86efac;} .ia-key-inline-controls{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;} .ia-key-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;font-size: 0.82rem;} .ia-link-subtle{opacity: 0.85;text-decoration: underline;} .ia-link-subtle:hover{opacity: 1;} .ia-custom-wrap{align-items: center;gap: 6px;} .ia-setup-notice{display: flex;gap: 20px;align-items: flex-start;background: color-mix(in srgb, var(--accent, #7c6af7) 8%, var(--surface, #fff));border: 1px solid color-mix(in srgb, var(--accent, #7c6af7) 30%, transparent);border-radius: 12px;padding: 24px 28px;margin-bottom: 28px;} .ia-setup-notice svg{flex-shrink: 0;color: var(--accent, #7c6af7);margin-top: 2px;} .ia-setup-notice strong{display: block;font-size: 1.05rem;margin-bottom: 6px;} .ia-setup-notice p{margin: 0 0 14px;font-size: 0.92rem;line-height: 1.6;opacity: .85;} .ia-setup-notice a{color: var(--accent, #7c6af7);} .ia-key-form{display: flex;gap: 10px;flex-wrap: wrap;} .ia-key-form input[type="text"]{flex: 1;min-width: 240px;font-family: monospace;font-size: 0.92rem;} .ia-model-select{padding: 8px 10px;border-radius: 6px;border: 1px solid var(--border, rgba(0, 0, 0, .18));background: var(--surface, #fff);color: var(--text, #222);font-size: 0.88rem;cursor: pointer;} .ia-model-select--sm{padding: 4px 8px;font-size: 0.82rem;} .ia-model-inline-form{display: inline-flex;align-items: center;margin: 0 6px;} .ia-key-remove{color: var(--error, #ef4444);font-size: 0.8rem;margin-left: 6px;text-decoration: underline;opacity: .75;transition: opacity .2s;} .ia-key-remove:hover{opacity: 1;} .ia-workspace.ia-disabled{opacity: .45;pointer-events: none;user-select: none;} .ia-image-provider-block{margin-top: 1.4rem;padding-top: 1.1rem;border-top: 1px solid var(--border, rgba(0, 0, 0, .1));} .ia-image-provider-block__title{margin: 0 0 0.4rem;font-size: 1rem;font-weight: 600;color: var(--text, #1a1a1a);} .ia-image-provider-block__intro{margin: 0 0 0.9rem;font-size: 0.86rem;line-height: 1.5;color: var(--text-muted, #64748b);max-width: 52em;} .ia-page .ia-image-provider-form .form-group, .ia-image-provider-form .form-group{display: block !important;margin: 0 0 1.1rem;flex-direction: initial;align-items: initial;flex-wrap: initial;align-content: initial;} .ia-image-key-group{display: block;} .ia-image-key-group .ia-label-sub{display: block;width: 100%;max-width: 100%;float: none;margin: 0 0 0.3rem 0;} .ia-image-hint{display: block;width: 100%;margin: 0 0 0.55rem 0;color: var(--text-muted, #666);font-size: 0.82rem;line-height: 1.5;clear: both;} .ia-image-hint small{display: block;line-height: 1.5;} .ia-image-hint a{color: var(--brand, #0077cc);} html.dark-mode .ia-image-provider-block{border-top-color: var(--border-dark, #4a5568);} html.dark-mode .ia-image-provider-block__title{color: #e2e8f0;} .ia-image-key-group .ia-image-key-input{width: 100%;max-width: 520px;box-sizing: border-box;padding: 7px 10px;font-size: 0.9rem;border: 1px solid var(--border, #d0d0d0);border-radius: var(--radius, 3px);background: var(--card, #fff);color: var(--text, #3e4349);} html.dark-mode .ia-image-key-group .ia-image-key-input{background: #3f4d65;color: #f1f1f1;border-color: var(--border-dark, #4a5568);} .ia-image-active-line{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 0.75rem;margin: 0 0 0.8rem;} .ia-image-active-line__label{font-size: 0.9rem;color: var(--text-muted, #64748b);} html.dark-mode .ia-image-active-line__label{color: #a0aec0;} .ia-image-key-notice{margin: 0 0 1rem;padding: 12px 14px;border-radius: 8px;background: color-mix(in srgb, var(--warning, #f59e0b) 12%, var(--card, #fff));border: 1px solid color-mix(in srgb, var(--warning) 35%, transparent);font-size: 0.9rem;line-height: 1.5;} .ia-image-key-notice code{font-size: 0.85em;} html.dark-mode .ia-image-key-notice{background: rgba(180, 120, 30, 0.15);border-color: rgba(200, 150, 60, 0.4);color: #e2e8f0;} .ia-image-workspace.ia-disabled{opacity: .5;pointer-events: none;user-select: none;} .ia-image-key-notice+.ia-image-layout{margin-top: 0;} .ia-image-layout{display: grid;grid-template-columns: 1fr;gap: 1.5rem;} @media (min-width: 900px){.ia-image-layout{grid-template-columns: minmax(min(100%, 320px), 1fr) minmax(min(100%, 360px), 1.6fr);align-items: start;} } .ia-image-prompt-row{margin: 0 0 8px;} .ia-block--images .ia-field-group textarea, .ia-block--images .ia-field-group select, .ia-block--images .ia-img-textarea, .ia-block--images .ia-img-select{width: 100%;max-width: 100%;box-sizing: border-box;padding: 8px 10px;border: 1px solid var(--border, #d0d0d0);border-radius: var(--radius, 3px);font-size: 14px;line-height: 1.5;font-family: inherit;background: var(--card, #fff);color: var(--text, #3e4349);transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;} .ia-block--images .ia-field-group textarea, .ia-block--images .ia-img-textarea{resize: vertical;min-height: 100px;display: block;} .ia-block--images .ia-field-group textarea::placeholder, .ia-block--images .ia-img-textarea::placeholder{color: #888;} .ia-block--images .ia-field-group textarea:focus, .ia-block--images .ia-field-group select:focus, .ia-block--images .ia-img-textarea:focus, .ia-block--images .ia-img-select:focus{outline: none;border-color: var(--brand, #0077cc);box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #0077cc) 18%, transparent);} .ia-block--images .ia-field-group small{color: #666;} html.dark-mode .ia-block--images .ia-field-group textarea, html.dark-mode .ia-block--images .ia-field-group select, html.dark-mode .ia-block--images .ia-img-textarea, html.dark-mode .ia-block--images .ia-img-select{background-color: #3f4d65;color: #f1f1f1;border-color: var(--border-dark, #4a5568);box-shadow: none;} html.dark-mode .ia-block--images .ia-field-group textarea:focus, html.dark-mode .ia-block--images .ia-field-group select:focus, html.dark-mode .ia-block--images .ia-img-textarea:focus, html.dark-mode .ia-block--images .ia-img-select:focus{background-color: #46546d;border-color: var(--brand, #63b3ed);box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #63b3ed) 22%, transparent);} html.dark-mode .ia-block--images .ia-field-group textarea::placeholder, html.dark-mode .ia-block--images .ia-img-textarea::placeholder{color: #94a3b8;} html.dark-mode .ia-block--images .ia-field-group small{color: #a0aec0;} .ia-image-actions{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 4px;} .ia-image-layout__result{min-height: 340px;border: 1px solid var(--border, rgba(0, 0, 0, .12));border-radius: 14px;padding: 0;background: var(--surface, #fff);box-sizing: border-box;overflow: hidden;display: flex;flex-direction: column;} html.dark-mode .ia-image-layout__result{border-color: var(--border-dark, #4a5568);background: color-mix(in srgb, var(--card) 90%, #000);} .ia-image-result-placeholder{margin: 0;font-size: 0.9rem;line-height: 1.5;color: var(--text-muted, #64748b);} .ia-result-placeholder--image .ia-image-result-placeholder{max-width: 22rem;} .ia-image-grid{padding: 20px 24px;box-sizing: border-box;width: 100%;} .ia-image-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 14px;} .ia-image-tile{border: 1px solid var(--border, rgba(0, 0, 0, .1));border-radius: 8px;overflow: hidden;background: var(--card, #fff);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);} .ia-image-tile img{display: block;width: 100%;height: auto;vertical-align: top;} .ia-image-tile__bar{display: flex;justify-content: flex-end;padding: 8px 10px;border-top: 1px solid var(--border, rgba(0, 0, 0, .08));background: color-mix(in srgb, var(--card) 95%, #000);} html.dark-mode .ia-image-tile{border-color: var(--border-dark, #4a5568);} html.dark-mode .ia-image-tile__bar{background: #2d3a4f;border-color: #4a5568;} .ia-tabs{display: flex;gap: 4px;flex-wrap: wrap;margin-bottom: 20px;border-bottom: 2px solid var(--border, rgba(0, 0, 0, .1));padding-bottom: 0;} .ia-tab{display: inline-flex;align-items: center;gap: 7px;padding: 9px 18px;border: none;border-bottom: 3px solid transparent;background: transparent;color: var(--text-muted, #888);font-size: 0.9rem;font-weight: 500;border-radius: 8px 8px 0 0;cursor: pointer;transition: color .18s, border-color .18s, background .18s;margin-bottom: -2px;position: relative;} .ia-tab:hover{color: var(--text, #222);background: var(--surface-hover, rgba(0, 0, 0, .04));} .ia-tab.active{color: var(--accent, #7c6af7);border-bottom-color: var(--accent, #7c6af7);background: transparent;font-weight: 600;} .ia-panel{display: grid;grid-template-columns: minmax(min(100%, 320px), 1fr) minmax(min(100%, 360px), 1.6fr);gap: 24px;align-items: flex-start;} @media (max-width: 860px){.ia-panel{grid-template-columns: 1fr;} } .ia-field-group{margin-bottom: 18px;} .ia-field-group label{display: block;font-weight: 600;margin-bottom: 3px;font-size: 0.95rem;} .ia-field-group small{display: block;font-size: 0.82rem;color: var(--text-muted, #888);margin-bottom: 8px;} .ia-field-group textarea, .ia-field-group select{width: 100%;box-sizing: border-box;} .ia-workspace .ia-field-group textarea, .ia-workspace .ia-field-group select{padding: 8px 10px;margin: 0;border: 1px solid var(--border, #d0d0d0);border-radius: var(--radius, 3px);font-size: 14px;line-height: 1.5;font-family: inherit;background: var(--card, #fff);color: var(--text, #3e4349);transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;} .ia-workspace .ia-field-group select{cursor: pointer;min-height: 40px;} .ia-workspace .ia-field-group textarea{resize: vertical;min-height: 83px;display: block;} .ia-workspace .ia-field-group textarea::placeholder{color: #888;} .ia-workspace .ia-field-group textarea:focus, .ia-workspace .ia-field-group select:focus{outline: none;border-color: var(--brand, #0077cc);box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #0077cc) 18%, transparent);} .ia-workspace .ia-field-group small{color: #666;} html.dark-mode .ia-workspace .ia-field-group textarea, html.dark-mode .ia-workspace .ia-field-group select{background-color: #3f4d65;color: #f1f1f1;border-color: var(--border-dark, #4a5568);box-shadow: none;} html.dark-mode .ia-workspace .ia-field-group textarea:focus, html.dark-mode .ia-workspace .ia-field-group select:focus{background-color: #46546d;border-color: var(--brand, #63b3ed);box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #63b3ed) 22%, transparent);} html.dark-mode .ia-workspace .ia-field-group textarea::placeholder{color: #94a3b8;} .ia-article-combobox{position: relative;width: 100%;z-index: 1;} .ia-article-combobox.is-open{z-index: 5;} .ia-article-combobox__control{display: flex;align-items: stretch;width: 100%;min-height: 40px;box-sizing: border-box;border: 1px solid var(--border, #d0d0d0);border-radius: var(--radius, 3px);background: var(--card, #fff);overflow: hidden;transition: border-color 0.2s ease, box-shadow 0.2s ease;} .ia-article-combobox__control:focus-within{border-color: var(--brand, #0077cc);box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #0077cc) 18%, transparent);} .ia-article-combobox__input{flex: 1;min-width: 0;margin: 0;padding: 8px 10px;border: none;background: transparent;font: inherit;font-size: 14px;line-height: 1.5;color: var(--text, #3e4349);} .ia-article-combobox__input::placeholder{color: #888;} .ia-article-combobox__input:focus{outline: none;} .ia-article-combobox__toggle{flex-shrink: 0;display: flex;align-items: center;justify-content: center;min-width: 40px;margin: 0;padding: 0 8px;border: none;background: color-mix(in srgb, var(--card, #fff) 90%, #000 10%);color: var(--text-muted, #666);cursor: pointer;font: inherit;transition: background 0.15s ease, color 0.15s ease;} .ia-article-combobox__toggle:hover, .ia-article-combobox__toggle:focus-visible{background: color-mix(in srgb, var(--card, #fff) 80%, #000 20%);color: var(--text, #3e4349);outline: none;} .ia-article-combobox__chev{display: block;transition: transform 0.2s ease;} .ia-article-combobox.is-open .ia-article-combobox__chev{transform: rotate(180deg);} .ia-article-combobox__list{position: absolute;left: 0;right: 0;top: 100%;margin: 4px 0 0;padding: 4px 0;max-height: min(20vh, 250px);overflow-y: auto;list-style: none;background: var(--card, #fff);color: var(--text, #3e4349);border: 1px solid var(--border, #d0d0d0);border-radius: var(--radius, 3px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);box-sizing: border-box;z-index: 10;} .ia-article-combobox__option{margin: 0;padding: 8px 12px;font-size: 14px;line-height: 1.4;cursor: pointer;word-break: break-word;hyphens: auto;} .ia-article-combobox__option:hover, .ia-article-combobox__option:focus{outline: none;background: color-mix(in srgb, var(--brand, #0077cc) 12%, var(--card, #fff));} .ia-article-combobox__empty{margin: 0;padding: 10px 12px;font-size: 0.9rem;color: var(--text-muted, #666);font-style: normal;cursor: default;} html.dark-mode .ia-article-combobox__control{background-color: #3f4d65;border-color: var(--border-dark, #4a5568);box-shadow: none;} html.dark-mode .ia-article-combobox__control:focus-within{background-color: #46546d;border-color: var(--brand, #63b3ed);box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand, #63b3ed) 22%, transparent);} html.dark-mode .ia-article-combobox__input{color: #f1f1f1;} html.dark-mode .ia-article-combobox__input::placeholder{color: #94a3b8;} html.dark-mode .ia-article-combobox__toggle{background: rgba(0, 0, 0, 0.2);color: #a0aec0;} html.dark-mode .ia-article-combobox__toggle:hover, html.dark-mode .ia-article-combobox__toggle:focus-visible{background: rgba(0, 0, 0, 0.3);color: #e2e8f0;} html.dark-mode .ia-article-combobox__list{background: #2d3a4f;border-color: var(--border-dark, #4a5568);color: #f1f1f1;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);} html.dark-mode .ia-article-combobox__option:hover, html.dark-mode .ia-article-combobox__option:focus{background: color-mix(in srgb, var(--brand, #63b3ed) 20%, #2d3a4f);} html.dark-mode .ia-article-combobox__empty{color: #a0aec0;} .ia-actions{display: flex;align-items: center;gap: 14px;margin-top: 6px;} .ia-generate-btn{gap: 8px;padding: 10px 22px;font-size: 0.95rem;} .ia-generate-btn svg{flex-shrink: 0;} .ia-spinner{display: inline-block;width: 16px;height: 16px;border: 2px solid var(--accent, #7c6af7);border-top-color: transparent;border-radius: 50%;animation: ia-spin .7s linear infinite;vertical-align: middle;} @keyframes ia-spin{to{transform: rotate(360deg);} } #ia-loading-indicator{display: inline-flex;align-items: center;gap: 8px;font-size: 0.88rem;color: var(--text-muted, #888);} .ia-panel-right{background: var(--surface, #fff);border: 1px solid var(--border, rgba(0, 0, 0, .1));border-radius: 14px;min-height: 340px;overflow: hidden;display: flex;flex-direction: column;} .ia-result-placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;padding: 48px 24px;text-align: center;color: var(--text-muted, #aaa);gap: 10px;font-size: 0.9rem;} .ia-result-placeholder p{margin: 0;} .ia-result-placeholder p strong{font-size: 1.05em;} .ia-result-placeholder__hint{max-width: 22rem;line-height: 1.5;font-size: 0.88rem;opacity: 0.92;} .ia-result-toolbar{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 8px;padding: 12px 18px;border-bottom: 1px solid var(--border, rgba(0, 0, 0, .08));background: color-mix(in srgb, var(--surface, #fff) 95%, var(--accent, #7c6af7) 5%);} .ia-result-label{font-size: 0.82rem;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;color: var(--accent, #7c6af7);} .ia-result-actions{display: flex;gap: 8px;} .ia-result-content{padding: 20px 24px;overflow-y: auto;max-height: 65vh;font-size: 0.92rem;line-height: 1.75;} #ia-workspace-section .ia-result-content, #ia-workspace-section .ia-panel-left, #ia-workspace-section .ia-panel-right, #ia-workspace-section textarea, #ia-image-section textarea, #ia-image-section .ia-image-layout__result, #ia-image-section .ia-image-grid, #ia-workspace-section .ia-article-combobox__list{scrollbar-width: thin;scrollbar-color: color-mix(in srgb, var(--ia-scrollbar-thumb, #94a3b8) 55%, transparent) transparent;} #ia-workspace-section .ia-result-content::-webkit-scrollbar, #ia-workspace-section .ia-panel-left::-webkit-scrollbar, #ia-workspace-section .ia-panel-right::-webkit-scrollbar, #ia-workspace-section textarea::-webkit-scrollbar, #ia-image-section textarea::-webkit-scrollbar, #ia-image-section .ia-image-layout__result::-webkit-scrollbar, #ia-image-section .ia-image-grid::-webkit-scrollbar, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar{width: 7px;height: 7px;} #ia-workspace-section .ia-result-content::-webkit-scrollbar-button, #ia-workspace-section .ia-panel-left::-webkit-scrollbar-button, #ia-workspace-section .ia-panel-right::-webkit-scrollbar-button, #ia-workspace-section textarea::-webkit-scrollbar-button, #ia-image-section textarea::-webkit-scrollbar-button, #ia-image-section .ia-image-layout__result::-webkit-scrollbar-button, #ia-image-section .ia-image-grid::-webkit-scrollbar-button, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-button{display: none;width: 0;height: 0;appearance: none;} #ia-workspace-section .ia-result-content::-webkit-scrollbar-track, #ia-workspace-section .ia-panel-left::-webkit-scrollbar-track, #ia-workspace-section .ia-panel-right::-webkit-scrollbar-track, #ia-workspace-section textarea::-webkit-scrollbar-track, #ia-image-section textarea::-webkit-scrollbar-track, #ia-image-section .ia-image-layout__result::-webkit-scrollbar-track, #ia-image-section .ia-image-grid::-webkit-scrollbar-track, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-track{background: transparent;border-radius: 10px;} #ia-workspace-section .ia-result-content::-webkit-scrollbar-thumb, #ia-workspace-section .ia-panel-left::-webkit-scrollbar-thumb, #ia-workspace-section .ia-panel-right::-webkit-scrollbar-thumb, #ia-workspace-section textarea::-webkit-scrollbar-thumb, #ia-image-section textarea::-webkit-scrollbar-thumb, #ia-image-section .ia-image-layout__result::-webkit-scrollbar-thumb, #ia-image-section .ia-image-grid::-webkit-scrollbar-thumb, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-thumb{background: color-mix(in srgb, var(--ia-scrollbar-thumb, #94a3b8) 48%, transparent);border-radius: 10px;border: 2px solid transparent;background-clip: padding-box;min-height: 32px;min-width: 32px;} #ia-workspace-section .ia-result-content::-webkit-scrollbar-thumb:hover, #ia-workspace-section .ia-panel-left::-webkit-scrollbar-thumb:hover, #ia-workspace-section .ia-panel-right::-webkit-scrollbar-thumb:hover, #ia-workspace-section textarea::-webkit-scrollbar-thumb:hover, #ia-image-section textarea::-webkit-scrollbar-thumb:hover, #ia-image-section .ia-image-layout__result::-webkit-scrollbar-thumb:hover, #ia-image-section .ia-image-grid::-webkit-scrollbar-thumb:hover, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-thumb:hover{background: color-mix(in srgb, var(--ia-scrollbar-thumb-hover, #7dd3fc) 55%, #64748b 25%);background-clip: padding-box;} #ia-workspace-section .ia-result-content::-webkit-scrollbar-thumb:active, #ia-workspace-section .ia-panel-left::-webkit-scrollbar-thumb:active, #ia-workspace-section .ia-panel-right::-webkit-scrollbar-thumb:active, #ia-workspace-section textarea::-webkit-scrollbar-thumb:active, #ia-image-section textarea::-webkit-scrollbar-thumb:active, #ia-image-section .ia-image-layout__result::-webkit-scrollbar-thumb:active, #ia-image-section .ia-image-grid::-webkit-scrollbar-thumb:active, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-thumb:active{background: color-mix(in srgb, var(--ia-scrollbar-thumb, #38bdf8) 65%, #64748b 15%);background-clip: padding-box;} #ia-workspace-section .ia-result-content::-webkit-scrollbar-corner, #ia-workspace-section .ia-panel-left::-webkit-scrollbar-corner, #ia-workspace-section .ia-panel-right::-webkit-scrollbar-corner, #ia-workspace-section textarea::-webkit-scrollbar-corner, #ia-image-section textarea::-webkit-scrollbar-corner, #ia-image-section .ia-image-layout__result::-webkit-scrollbar-corner, #ia-image-section .ia-image-grid::-webkit-scrollbar-corner, #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-corner{background: transparent;} html.dark-mode #ia-workspace-section .ia-result-content, html.dark-mode #ia-workspace-section .ia-panel-left, html.dark-mode #ia-workspace-section .ia-panel-right, html.dark-mode #ia-workspace-section textarea, html.dark-mode #ia-image-section textarea, html.dark-mode #ia-image-section .ia-image-layout__result, html.dark-mode #ia-image-section .ia-image-grid, html.dark-mode #ia-workspace-section .ia-article-combobox__list{scrollbar-color: color-mix(in srgb, #cbd5e1 40%, #475569) transparent;} html.dark-mode #ia-workspace-section .ia-result-content::-webkit-scrollbar-thumb, html.dark-mode #ia-workspace-section .ia-panel-left::-webkit-scrollbar-thumb, html.dark-mode #ia-workspace-section .ia-panel-right::-webkit-scrollbar-thumb, html.dark-mode #ia-workspace-section textarea::-webkit-scrollbar-thumb, html.dark-mode #ia-image-section textarea::-webkit-scrollbar-thumb, html.dark-mode #ia-image-section .ia-image-layout__result::-webkit-scrollbar-thumb, html.dark-mode #ia-image-section .ia-image-grid::-webkit-scrollbar-thumb, html.dark-mode #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-thumb{background: color-mix(in srgb, #94a3b8 35%, #334155 50%);background-clip: padding-box;} html.dark-mode #ia-workspace-section .ia-result-content::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-workspace-section .ia-panel-left::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-workspace-section .ia-panel-right::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-workspace-section textarea::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-image-section textarea::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-image-section .ia-image-layout__result::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-image-section .ia-image-grid::-webkit-scrollbar-thumb:hover, html.dark-mode #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-thumb:hover{background: color-mix(in srgb, var(--brand, #63b3ed) 45%, #64748b 25%);background-clip: padding-box;} html.dark-mode #ia-workspace-section .ia-result-content::-webkit-scrollbar-thumb:active, html.dark-mode #ia-workspace-section .ia-panel-left::-webkit-scrollbar-thumb:active, html.dark-mode #ia-workspace-section .ia-panel-right::-webkit-scrollbar-thumb:active, html.dark-mode #ia-workspace-section textarea::-webkit-scrollbar-thumb:active, html.dark-mode #ia-image-section textarea::-webkit-scrollbar-thumb:active, html.dark-mode #ia-image-section .ia-image-layout__result::-webkit-scrollbar-thumb:active, html.dark-mode #ia-image-section .ia-image-grid::-webkit-scrollbar-thumb:active, html.dark-mode #ia-workspace-section .ia-article-combobox__list::-webkit-scrollbar-thumb:active{background: color-mix(in srgb, var(--brand, #63b3ed) 55%, #475569 20%);background-clip: padding-box;} .ia-result-content h2{font-size: 1.25rem;margin: 1.4em 0 .5em;} .ia-result-content h3{font-size: 1.05rem;margin: 1.2em 0 .4em;} .ia-result-content p{margin: 0 0 .9em;} .ia-result-content ul, .ia-result-content ol{padding-left: 1.4em;margin: 0 0 .9em;} .ia-result-content li{margin-bottom: .3em;} .ia-result-content strong{font-weight: 600;} .ia-section-title{color: var(--accent, #7c6af7);border-left: 3px solid var(--accent, #7c6af7);padding-left: 10px;font-size: 1rem;margin: 1.6em 0 .6em;} .ia-article-preview{font-size: 0.93rem;} .btn.btn-sm{padding: 6px 12px;font-size: 0.82rem;gap: 5px;border-radius: 6px;} .ia-provider-selector{margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 10px;align-items: center;font-size: 0.9rem;} .ia-form-row{gap: 10px;align-items: flex-end !important;} .ia-provider-selector{margin-bottom: 0;} .ia-provider-btn{padding: 8px 16px;border-radius: 8px;border: 1px solid var(--border, rgba(0, 0, 0, .15));background: var(--surface, #fff);color: var(--text, #222);cursor: pointer;font-size: 0.88rem;font-weight: 500;transition: all 0.2s ease;} .ia-provider-btn.active{background: var(--accent, #7c6af7);color: #fff;border-color: var(--accent, #7c6af7);box-shadow: 0 4px 12px color-mix(in srgb, var(--accent, #7c6af7) 30%, transparent);} .ia-provider-btn:hover:not(.active){background: var(--surface-hover, rgba(0, 0, 0, .05));border-color: var(--border-hover, rgba(0, 0, 0, .25));} html.dark-mode .ia-panel-right{background: var(--card, #2d3748);border-color: var(--border-dark, #4a5568);color: var(--text, #cbd5e1);} html.dark-mode .ia-result-toolbar{background: color-mix(in srgb, var(--card, #2d3748) 88%, #000 12%);border-bottom-color: var(--border-dark, #4a5568);} html.dark-mode .ia-result-label{color: var(--brand, #63b3ed);} html.dark-mode .ia-result-content{background: #3f4d65;color: #f1f1f1;} html.dark-mode .ia-result-content h1, html.dark-mode .ia-result-content h2, html.dark-mode .ia-result-content h3, html.dark-mode .ia-article-preview h1, html.dark-mode .ia-article-preview h2, html.dark-mode .ia-article-preview h3{color: #f1f1f1;} html.dark-mode .ia-result-content a, html.dark-mode .ia-article-preview a{color: #82a9ff;} html.dark-mode .ia-result-content a:hover, html.dark-mode .ia-article-preview a:hover{color: #396eff;} html.dark-mode .ia-section-title{color: var(--brand, #63b3ed);border-left-color: var(--brand, #63b3ed);} html.dark-mode .ia-result-placeholder{color: #94a3b8;} html.dark-mode .ia-result-placeholder__hint{color: #a0aec0;} html.dark-mode .ia-result-placeholder svg{opacity: 0.45;} html.dark-mode .ia-model-select, html.dark-mode .ia-provider-btn{background: var(--card, #2d3748);color: var(--text, #cbd5e1);border-color: var(--border-dark, #4a5568);} html.dark-mode .ia-provider-btn.active{background: var(--brand, #63b3ed);color: #1e293b;border-color: var(--brand, #63b3ed);} html.dark-mode .ia-tab{color: #94a3b8;} html.dark-mode .ia-tab:hover{color: var(--text, #cbd5e1);background: rgba(255, 255, 255, 0.06);} html.dark-mode .ia-tab.active{color: var(--brand, #63b3ed);border-bottom-color: var(--brand, #63b3ed);} html.dark-mode .ia-tabs{border-bottom-color: var(--border-dark, #4a5568);} html.dark-mode .ia-field-group small, html.dark-mode #ia-loading-indicator{color: #94a3b8;} html.dark-mode .ia-setup-notice{background: color-mix(in srgb, var(--brand, #63b3ed) 12%, var(--card, #2d3748));border-color: color-mix(in srgb, var(--brand, #63b3ed) 35%, var(--border-dark, #4a5568));} html.dark-mode .ia-setup-notice p, html.dark-mode .ia-field-group label{color: var(--text, #cbd5e1);} html.dark-mode .ia-panel-loading{background: color-mix(in srgb, var(--card) 88%, #000 12%);} html.dark-mode .ia-panel-loading__text{color: #94a3b8;} html.dark-mode .ia-generating-pill{color: #94a3b8;} html.dark-mode #ia-loading-indicator{color: #94a3b8;} .ia-block-create-header{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 12px 18px;margin-bottom: 0.2rem;} .ia-block-create-header__main{flex: 1 1 220px;min-width: 0;} .ia-block-create-header__toolbar{flex: 0 0 auto;display: flex;align-items: center;gap: 8px;padding-top: 2px;} .ia-fullframe-btn{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;margin: 0;padding: 0;border: 1px solid var(--border, rgba(0, 0, 0, .14));border-radius: 10px;background: var(--card, #fff);color: var(--text-muted, #64748b);cursor: pointer;box-shadow: 0 1px 2px rgba(0, 0, 0, .04);transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.25s ease, transform 0.2s ease;} .ia-fullframe-btn:hover{color: var(--brand, #63b3ed);border-color: color-mix(in srgb, var(--brand, #63b3ed) 45%, var(--border, #ccc));box-shadow: 0 4px 14px color-mix(in srgb, var(--brand) 18%, transparent);} .ia-fullframe-btn:focus{outline: none;} .ia-fullframe-btn:focus-visible{outline: 2px solid var(--brand, #63b3ed);outline-offset: 2px;} .ia-fullframe-btn[aria-pressed="true"]{color: var(--brand, #63b3ed);background: color-mix(in srgb, var(--brand) 10%, var(--card, #fff));border-color: color-mix(in srgb, var(--brand) 40%, var(--border));} html.dark-mode .ia-fullframe-btn{background: var(--card, #2d3748);border-color: var(--border-dark, #4a5568);color: #94a3b8;box-shadow: none;} html.dark-mode .ia-fullframe-btn:hover, html.dark-mode .ia-fullframe-btn[aria-pressed="true"]{color: var(--brand, #63b3ed);background: color-mix(in srgb, var(--brand) 12%, var(--card, #2d3748));} html.ia-step2-fullframe, html.ia-step2-fullframe body{overflow: hidden;height: 100%;min-height: 100dvh;} html.ia-step2-fullframe .admin-header, html.ia-step2-fullframe .admin-menu-overlay, html.ia-step2-fullframe .admin-sidebar, html.ia-step2-fullframe .ia-header-title, html.ia-step2-fullframe #ia-section-connect{visibility: hidden;position: absolute;width: 0;height: 0;margin: 0;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;pointer-events: none;} html.ia-step2-fullframe .admin-content.ia-page{padding: 0;margin: 0;min-height: 0;display: block;overflow: visible;} html.ia-step2-fullframe #ia-workspace-section{position: fixed;z-index: 20050;inset: 0;width: 100vw;max-width: none;min-height: 0;height: 100dvh;max-height: 100dvh;margin: 0;border-radius: 0;box-sizing: border-box;display: flex;flex-direction: column;overflow: hidden;padding: clamp(12px, 2.5vw, 28px) clamp(14px, 2.2vw, 32px) clamp(16px, 3vh, 28px);box-shadow: none;background: var(--bg, #f9f9f9);border: none;animation: ia-fullframe-elevate 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;} html.ia-step2-fullframe #ia-workspace-section>.th-accordion__trigger{flex-shrink: 0;} html.dark-mode.ia-step2-fullframe #ia-workspace-section{background: var(--bg-dark, #1a1a1a);} html.ia-step2-fullframe .ia-block-create-header, html.ia-step2-fullframe .th-accordion.ia-details-tech{flex-shrink: 0;} html.ia-step2-fullframe .ia-workspace{flex: 1 1 0;min-height: 0;display: flex;flex-direction: column;overflow: hidden;} html.ia-step2-fullframe .ia-tabs{flex-shrink: 0;} html.ia-step2-fullframe .ia-panel{flex: 1 1 0;min-height: 0;height: auto;align-items: stretch;display: grid;overflow: hidden;} html.ia-step2-fullframe .ia-panel-left, html.ia-step2-fullframe .ia-panel-right{min-height: 0;overflow: auto;-webkit-overflow-scrolling: touch;} html.ia-step2-fullframe .ia-panel-right{max-height: none;height: 100%;min-height: 0;} html.ia-step2-fullframe .ia-result-placeholder, html.ia-step2-fullframe .ia-panel-loading{min-height: 0;flex: 1;} @keyframes ia-fullframe-elevate{from{opacity: 0.9;transform: scale(0.988);} to{opacity: 1;transform: scale(1);} } @media (prefers-reduced-motion: reduce){html.ia-step2-fullframe #ia-workspace-section{animation: none;} } .th-accordion.ia-create-accordion, .th-accordion.ia-images-accordion{overflow: hidden;padding: 0;} .th-accordion.ia-create-accordion>.th-accordion__trigger.ia-create-accordion__summary, .th-accordion.ia-images-accordion>.th-accordion__trigger.ia-images-accordion__summary{list-style: none;cursor: pointer;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 14px;padding: 14px 18px;margin: 0;width: 100%;text-align: left;background: linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 100%, var(--brand, #63b3ed) 3%), var(--card, #fff));border: none;font: inherit;color: inherit;border-radius: var(--radius, 6px);transition: background 0.28s ease, box-shadow 0.28s ease;user-select: none;-webkit-tap-highlight-color: transparent;box-sizing: border-box;} .th-accordion.ia-create-accordion>.th-accordion__trigger.ia-create-accordion__summary:hover, .th-accordion.ia-images-accordion>.th-accordion__trigger.ia-images-accordion__summary:hover{background: linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 98%, var(--brand, #63b3ed) 6%), var(--card, #fff));box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #63b3ed) 22%, transparent);} html.dark-mode .th-accordion.ia-create-accordion>.th-accordion__trigger.ia-create-accordion__summary, html.dark-mode .th-accordion.ia-images-accordion>.th-accordion__trigger.ia-images-accordion__summary{background: linear-gradient(180deg, color-mix(in srgb, var(--card, #2d3748) 96%, var(--brand, #63b3ed) 6%), var(--card, #2d3748));} .ia-create-accordion__toolbar, .ia-images-accordion__toolbar, .ia-connect-accordion__toolbar{display: flex;align-items: center;flex-shrink: 0;} .ia-images-accordion__summary .ia-images-accordion__header-provider.ia-connect-accordion__chip--ok{flex-shrink: 0;min-width: 220px;max-width: 220px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ia-create-accordion__chev, .ia-images-accordion__chev{display: flex;align-items: center;justify-content: center;color: var(--text-muted, #64748b);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;} .th-accordion.ia-create-accordion.is-open>.th-accordion__trigger .ia-create-accordion__chev, .th-accordion.ia-images-accordion.is-open>.th-accordion__trigger .ia-images-accordion__chev{transform: rotate(180deg);color: var(--brand, #63b3ed);} .th-accordion.ia-create-accordion:not(.is-open) .ia-create-accordion__toolbar, .th-accordion.ia-images-accordion:not(.is-open) .ia-images-accordion__toolbar, .th-accordion.ia-connect-accordion:not(.is-open) .ia-connect-accordion__toolbar{display: none !important;} html.ia-step1-fullframe .ia-connect-accordion__chev, html.ia-step2-fullframe .ia-create-accordion__chev, html.ia-step3-fullframe .ia-images-accordion__chev{display: none !important;} .th-accordion.ia-create-accordion>.th-accordion__panel.ia-create-accordion__body, .th-accordion.ia-images-accordion>.th-accordion__panel.ia-images-accordion__body{padding: 0 20px;box-sizing: border-box;--th-faq-panel-mh: 7200px;} .th-accordion.ia-create-accordion.is-open>.th-accordion__panel.ia-create-accordion__body, .th-accordion.ia-images-accordion.is-open>.th-accordion__panel.ia-images-accordion__body{padding: 0 20px 20px 20px;border-top: 1px solid var(--border, rgba(0, 0, 0, .08));} html.dark-mode .th-accordion.ia-create-accordion.is-open>.th-accordion__panel.ia-create-accordion__body, html.dark-mode .th-accordion.ia-images-accordion.is-open>.th-accordion__panel.ia-images-accordion__body{border-top-color: var(--border-dark, #4a5568);} .th-accordion.ia-create-accordion.is-open>.th-accordion__trigger.ia-create-accordion__summary, .th-accordion.ia-images-accordion.is-open>.th-accordion__trigger.ia-images-accordion__summary{border-radius: var(--radius, 6px) var(--radius, 6px) 0 0;box-shadow: none;border-bottom: 1px solid var(--border, rgba(0, 0, 0, .07));} html.dark-mode .th-accordion.ia-create-accordion.is-open>.th-accordion__trigger.ia-create-accordion__summary, html.dark-mode .th-accordion.ia-images-accordion.is-open>.th-accordion__trigger.ia-images-accordion__summary{border-bottom-color: var(--border-dark, #4a5568);} html.ia-step2-fullframe #ia-image-section{visibility: hidden;position: absolute;width: 0;height: 0;margin: 0;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;pointer-events: none;} html.ia-step2-fullframe .ia-create-accordion__summary, html.ia-step2-fullframe .ia-block-create-header{flex-shrink: 0;} html.ia-step2-fullframe .ia-create-accordion__body{flex: 1 1 0;min-height: 0;display: flex;flex-direction: column;overflow: hidden;} html.ia-step1-fullframe, html.ia-step1-fullframe body{overflow: hidden;height: 100%;min-height: 100dvh;} html.ia-step1-fullframe .admin-header, html.ia-step1-fullframe .admin-menu-overlay, html.ia-step1-fullframe .admin-sidebar, html.ia-step1-fullframe .ia-header-title, html.ia-step1-fullframe #ia-workspace-section, html.ia-step1-fullframe #ia-image-section{visibility: hidden;position: absolute;width: 0;height: 0;margin: 0;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;pointer-events: none;} html.ia-step1-fullframe .admin-content.ia-page{padding: 0;margin: 0;min-height: 0;display: block;overflow: visible;} html.ia-step1-fullframe #ia-section-connect{position: fixed;z-index: 20050;inset: 0;width: 100vw;max-width: none;min-height: 0;height: 100dvh;max-height: 100dvh;margin: 0;border-radius: 0;box-sizing: border-box;display: flex;flex-direction: column;overflow: hidden;padding: clamp(12px, 2.5vw, 28px) clamp(14px, 2.2vw, 32px) clamp(16px, 3vh, 28px);box-shadow: none;background: var(--bg, #f9f9f9);border: none;animation: ia-fullframe-elevate 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;} html.dark-mode.ia-step1-fullframe #ia-section-connect{background: var(--bg-dark, #1a1a1a);} html.ia-step1-fullframe #ia-section-connect>.th-accordion__trigger{flex-shrink: 0;} html.ia-step1-fullframe #ia-section-connect>.th-accordion__panel{flex: 1 1 0;min-height: 0;overflow: auto;-webkit-overflow-scrolling: touch;} html.ia-step3-fullframe, html.ia-step3-fullframe body{overflow: hidden;height: 100%;min-height: 100dvh;} html.ia-step3-fullframe .admin-header, html.ia-step3-fullframe .admin-menu-overlay, html.ia-step3-fullframe .admin-sidebar, html.ia-step3-fullframe .ia-header-title, html.ia-step3-fullframe #ia-section-connect, html.ia-step3-fullframe #ia-workspace-section{visibility: hidden;position: absolute;width: 0;height: 0;margin: 0;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;pointer-events: none;} html.ia-step3-fullframe .admin-content.ia-page{padding: 0;margin: 0;min-height: 0;display: block;overflow: visible;} html.ia-step3-fullframe #ia-image-section{position: fixed;z-index: 20050;inset: 0;width: 100vw;max-width: none;min-height: 0;height: 100dvh;max-height: 100dvh;margin: 0;border-radius: 0;box-sizing: border-box;display: flex;flex-direction: column;overflow: hidden;padding: clamp(12px, 2.5vw, 28px) clamp(14px, 2.2vw, 32px) clamp(16px, 3vh, 28px);box-shadow: none;background: var(--bg, #f9f9f9);border: none;animation: ia-fullframe-elevate 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;} html.dark-mode.ia-step3-fullframe #ia-image-section{background: var(--bg-dark, #1a1a1a);} html.ia-step3-fullframe .ia-images-accordion__summary, html.ia-step3-fullframe .th-accordion.ia-details-tech{flex-shrink: 0;} html.ia-step3-fullframe .ia-images-accordion__body{flex: 1 1 0;min-height: 0;display: flex;flex-direction: column;overflow: hidden;} html.ia-step3-fullframe .ia-image-workspace{flex: 1 1 0;min-height: 0;display: flex;flex-direction: column;overflow: hidden;} html.ia-step3-fullframe .ia-image-layout{flex: 1 1 0;min-height: 0;display: grid;grid-template-columns: minmax(min(100%, 320px), 1fr) minmax(min(100%, 360px), 1.6fr);gap: 1rem;align-items: stretch;overflow: auto;-webkit-overflow-scrolling: touch;} html.ia-step3-fullframe .ia-image-layout__result{min-height: 0;overflow: auto;} @media (max-width: 860px){html.ia-step3-fullframe .ia-image-layout{grid-template-columns: 1fr;} } @media (prefers-reduced-motion: reduce){html.ia-step3-fullframe #ia-image-section{animation: none;} } @font-face{font-family: 'Inter';src: url('../fonts/Inter.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;} :root{--main-font: 'Inter', system-ui, -apple-system, sans-serif;} body{font-family: var(--main-font);} .grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: 16px;} .sidebar{width: 220px;} .vitrine{display: flex;flex-wrap: wrap;gap: 16px;} .actions{margin: 5%;display: flex;gap: 8px;justify-content: space-around;} .muted{color: #6b7280;font-size: 12px;} .topbar{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;} .hidden{display: none;} .justify-center{display: flex;justify-content: center;} :root{--bg: #f9f9f9;--bg-dark: #1a1a1a;--card: #fff;--text: #3e4349;--text-muted: #64748b;--th-link-text: inherit;--th-link-text-hover: inherit;--brand: #0077cc;--brand-dark: #005fa3;--border: rgba(185, 185, 185, 0.226);--radius: 3px;--shadow: 0 2px 6px rgba(0, 0, 0, 0.08);--success: #4caf50;--warning: #ff9800;--danger: #f44336;--ed-primary-color: #0d47a1;--ed-secondary-color: #42a5f5;--ed-background-light: #f5f5f5;--ed-background-dark: #212121;--ed-card-background: #ffffff;--ed-text-color: #292a2e;--ed-border-color: #e0e0e0;--ed-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);--ed-success: #4caf50;--ed-warning: #ff9800;--ed-danger: #f44336;--ed-radius: 8px;} body{margin: 0;font-optical-sizing: auto;font-style: normal;background: var(--bg);color: var(--text);font-size: 14px;} html, body{overflow-x: hidden;} h1, h2, h3{margin: 0 0 15px;} p{color: var(--text);text-decoration: none;} .admin-content p, .admin-content small, .admin-content .form-text{color: var(--text-muted);} .admin-content .text-muted{color: var(--text-muted) !important;} a.link{color: #2563eb;text-decoration: none;} a.link:hover{text-decoration: underline;} a:link, a:visited{color: var(--th-link-text);} a{text-decoration: none;transition: color 0.1s ease-in-out;} a:hover{color: var(--th-link-text-hover);text-decoration: none;} a:active{color: var(--th-link-text);} img{max-width: 100%;height: auto;} #slide-form textarea{width: 100%;min-height: 80px;box-sizing: border-box;} .spacer-5{height: 5px;} .spacer-20{height: 20px;} .spacer-50{height: 50px;} .spacer-80{height: 80px;} .p-10{padding: 10px;} .custom-file-input{width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;} .custom-file-label{max-width: 100%;padding: 10px 15px;border: 1px dashed #cbd5e0;border-radius: 6px;color: var(--text);font-size: 0.8rem;font-weight: 600;text-align: center;cursor: pointer;transition: all 0.2s ease;} .custom-file-label:hover{border-color: var(--accent, #3498db);color: var(--accent, #3498db);} .custom-file-label svg{vertical-align: middle;margin-right: 5px;fill: currentColor;} .custom-file-label.file-selected{border-style: solid;background-color: #e6fffa;border-color: #38b2ac;color: #2c7a7b;} button, .btn-primary, .btn-back{display: flex;padding: 8px 14px;margin-top: 12px;border: none;border-radius: var(--radius);cursor: pointer;font-size: 14px;text-decoration: none;text-align: center;align-items: center;justify-content: center;} .btn{padding: 6px 10px;border-radius: 6px;border: 1px solid #d1d5db;background: #fff;cursor: pointer;} .btn-primary{background: #2563eb;color: #fff;border-color: #2563eb;} .btn[disabled]{opacity: .6;cursor: not-allowed;} .btn-edit, .btn-danger{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-width: 72px;height: 30px;padding: 0 14px;margin: 0;border: none;border-radius: 999px;text-decoration: none;color: #ffffff !important;font-size: 12px;font-weight: 600;line-height: 1;cursor: pointer;transition: background-color 0.2s ease, transform 0.1s ease;white-space: nowrap;box-sizing: border-box;} .btn-edit svg, .btn-danger svg{width: 14px;height: 14px;} .btn-edit{background-color: #0052cc;} .btn-edit:hover{background-color: #003d99;} .btn-danger{background-color: #c0392b;} .btn-danger:hover{background-color: #a5281b;} .btn-edit:active, .btn-danger:active{transform: translateY(1px);} .btn-primary{background: var(--brand);color: #fff;} .btn-primary:hover{background: var(--brand-dark);} .btn-back{background: #ddd;} .btn-back:hover{background: #ccc;} body.dark-mode .btn-primary{background: var(--brand);} body.dark-mode .btn-primary:hover{background: var(--brand-dark);} .btn-link{font-weight: 600;text-decoration: none;color: var(--th-accent);transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 8px;} .btn-link:hover{color: #3730A3;} .btn-cta{font-weight: 600;padding: 12px 24px;border-radius: 9999px;text-align: center;text-decoration: none;background-color: var(--th-accent);color: #FFFFFF;border: 1px solid var(--th-accent);transition: all 0.3s ease;} .btn-cta:hover{background-color: #4338CA;border-color: #4338CA;} .th-td-format{padding: 20px;text-align: center;} .btn-primary{display: flex;align-items: center;gap: 5px;background-color: #007bff;color: white;padding: 10px 15px;border: none;border-radius: 4px;font-size: 15px;font-weight: normal;cursor: pointer;transition: background-color 0.2s;min-height: 40px;} .btn-primary:hover{background-color: #0056b3;} .btn-secondary{display: flex;align-items: center;gap: 5px;background-color: #6c757d;color: white !important;padding: 9px 15px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background-color 0.2s;margin-top: auto;max-width: 120px;text-align: center;font-weight: normal;justify-content: center;} .btn-secondary:hover{background-color: #5a6268;} .btn-filtros{display: flex;align-items: center;gap: 5px;background-color: #6c757d;color: white !important;padding: 10px 15px;border: none;border-radius: 4px;font-size: 14px;cursor: pointer;transition: background-color 0.2s;margin-top: auto;margin-bottom: 12px;text-align: center;font-weight: 600;justify-content: center;} .btn-filtros:hover{background-color: #5a6268;} .btn-secondary:hover{background-color: #5a6268;} .btn-primary svg, .btn-secondary svg{width: 18px;height: 18px;} @media (max-width: 1024px){.horizontal-distribution .card{flex: 1 1 calc(50% - 10px);} } @media (max-width: 768px){.horizontal-distribution{gap: 15px;} .horizontal-distribution .card{flex: 1 1 100%;min-width: unset;} } @media (max-width: 768px){h1{font-size: 1em;} table{display: block;overflow-x: auto;font-size: 12px;} table td, table th{white-space: nowrap;} } @media (max-width: 1200px){.u-col-2{width: 100%;} #slide-form textarea{max-width: 100%;} } @media (max-width: 768px){.table, .table thead, .table tbody, .table th, .table td, .table tr{display: block;} .table-filter select, .table-filter input[type="text"], .btn-secondary{max-width: 100%;} .table tr{margin-bottom: 15px;background: var(--card);border-radius: var(--radius);box-shadow: var(--shadow);padding: 10px;} .table td{border: none;padding: 6px 0;} .table th{display: none;} } @media (max-width: 768px){.container{margin: 20px 10px;padding: 15px;} .content{margin-left: 0;padding: 1rem;} .admin-layout{flex-direction: column;} .admin-header{position: fixed;top: 0;left: 0;right: 0;z-index: 1001;padding: 10px 16px;} .admin-header-inner{display: flex;align-items: center;} .admin-layout{padding-top: 56px;} .admin-sidebar{position: fixed;top: 0;left: 0;width: 260px;max-width: 80vw;height: 100vh;background-color: #eee;z-index: 1002;transform: translateX(-100%);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 5px 0 15px rgba(0, 0, 0, 0.15);padding-top: 60px;} .admin-sidebar.open{transform: translateX(0);} .admin-menu-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;transition: opacity 0.3s ease;z-index: 1000;} .admin-menu-overlay.is-active{opacity: 1;visibility: visible;} body.sidebar-collapsed .admin-sidebar{width: 200px;} body.sidebar-collapsed .admin-sidebar .nav-label{opacity: 1;width: auto;margin-left: initial;pointer-events: auto;} .menu-toggle{display: inline-flex;position: relative;z-index: 1003;width: 32px;height: 32px;border: none;background: none;cursor: pointer;align-items: center;justify-content: center;padding: 0;} .admin-header-inner .menu-toggle{margin-left: auto;} .menu-toggle span{position: absolute;display: block;width: 22px;height: 2px;background-color: var(--text);border-radius: 2px;transition: transform 0.3s ease, opacity 0.3s ease;} .menu-toggle span:nth-child(1){transform: translateY(-6px);} .menu-toggle span:nth-child(2){transform: translateY(0);} .menu-toggle span:nth-child(3){transform: translateY(6px);} .menu-toggle.is-open span:nth-child(1){transform: translateY(0) rotate(45deg);} .menu-toggle.is-open span:nth-child(2){opacity: 0;} .menu-toggle.is-open span:nth-child(3){transform: translateY(0) rotate(-45deg);} .responsive-table thead{display: none;} .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td{display: block;width: 100%;} .responsive-table tr{margin-bottom: 15px;border: 1px solid var(--border, #ddd);border-radius: 6px;padding: 10px;background: var(--card, #fff);} .responsive-table td{text-align: right;padding-left: 50%;position: relative;} .responsive-table td::before{content: attr(data-label);position: absolute;left: 10px;width: 45%;text-align: left;font-weight: bold;color: #444;} .lgpd-form-layout{grid-template-columns: 1fr 1fr;} .dashboard-table table{display: none;} .dashboard-card{display: table-row;} .card-mobile{border: 1px solid var(--border, #ddd);border-radius: 6px;padding: 1rem;margin-bottom: 1rem;background: var(--card, #fff);font-size: 14px;} .card-mobile p{margin: 0.3rem 0;} .card-mobile img{max-width: 100px;height: auto;border-radius: 4px;} .sidebar{position: fixed;left: -220px;top: 0;bottom: 0;transition: left 0.3s;} .sidebar.open{left: 0;} .table-controls-container{flex-direction: column;align-items: stretch;} .publications-primary-actions{flex-direction: column;align-items: stretch;} .publications-primary-actions .publications-new-btn{justify-content: center;width: 100%;} .publications-primary-actions .bulk-ops-internals{flex-direction: column;align-items: stretch;} .table-controls{flex-direction: column;align-items: stretch;gap: 10px;} .info-boxes-container{flex-direction: column;align-items: center;} .info-box{width: 100%;} } @media (max-width: 600px){.dashboard-table{display: flex;flex-direction: column;gap: 1rem;} .dashboard-table table{display: none;} .dashboard-card{border: 1px solid var(--border, #ddd);padding: 1rem;border-radius: 6px;background: var(--card, #fff);} .dashboard-card{display: none;} } @media (min-width: 769px){.admin-header{display: none !important;} .menu-toggle{display: none !important;} .admin-menu-overlay{display: none !important;} } table{width: 100%;border-collapse: collapse;} th, td{text-align: left;vertical-align: middle;padding: 12px 10px;border-bottom: solid 1px #e5e7eb7a;} .data-table th.th-actions, .responsive-table th.th-actions, table th.th-actions, .data-table td.td-actions, .responsive-table td.td-actions, table td.td-actions, .data-table td.action-cell, .responsive-table td.action-cell, table td.action-cell{width: 1%;white-space: nowrap;text-align: center;} .data-table td.td-actions, .responsive-table td.td-actions, table td.td-actions, .data-table td.action-cell, .responsive-table td.action-cell, table td.action-cell{vertical-align: middle;border-bottom: none;} .td-actions .actions-wrap, .action-cell .actions-wrap, .td-actions, .action-cell{--actions-gap: 8px;} .td-actions, .action-cell{position: relative;} .td-actions>*, .action-cell>*{vertical-align: middle;} .td-actions form, .action-cell form{margin: 0;padding: 0;display: inline-flex;align-items: center;vertical-align: middle;} .td-actions form button, .action-cell form button{margin: 0;} .td-actions>a+a, .td-actions>a+form, .td-actions>form+a, .td-actions>form+form, .action-cell>a+a, .action-cell>a+form, .action-cell>form+a, .action-cell>form+form{margin-left: 8px;} .tabela-precos-seletor{display: inline-flex;background-color: #E6E8EB;border-radius: 9999px;padding: 4px;margin-bottom: var(--espacamento-secao);} .tabela-precos-seletor button{padding: 8px 16px;font-size: 0.875rem;font-weight: 600;color: #4B5563;background-color: transparent;border: none;border-radius: 9999px;cursor: pointer;transition: all 0.3s ease;} .tabela-precos-seletor button.ativo{background-color: var(--th-accent);color: #FFFFFF;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);} .tabela-precos-comparativa{width: 100%;border-collapse: collapse;margin-bottom: var(--espacamento-secao);} .tabela-precos-comparativa thead th{padding: 1rem 1.5rem;font-size: 0.875rem;font-weight: 600;color: var(--cor-texto-secundario);text-align: center;border-bottom: 1px solid #E5E7EB;} .tabela-precos-comparativa tbody tr{transition: background-color 0.3s ease;} .tabela-precos-comparativa tbody tr:hover{background-color: #F9FAFB;} .tabela-precos-comparativa tbody tr:last-child{border-bottom: 1px solid #E5E7EB;} .tabela-precos-comparativa td{padding: 1rem 1.5rem;color: var(--cor-texto-principal);font-size: 0.95rem;border-top: 1px solid #E5E7EB;text-align: center;} .tabela-precos-comparativa td:first-child{font-weight: 600;text-align: left;} .tabela-precos-comparativa td:last-child{text-align: center;} .tabela-precos-comparativa .radio-bullet{position: relative;display: inline-block;width: 20px;height: 20px;border: 1px solid #D1D5DB;border-radius: 50%;cursor: pointer;transition: all 0.2s ease-in-out;} .tabela-precos-comparativa .radio-bullet.ativo{border-color: var(--th-accent);} .tabela-precos-comparativa .radio-bullet.ativo::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 12px;height: 12px;border-radius: 50%;background-color: var(--th-accent);} .tabela-precos-comparativa .price{font-weight: 700;font-size: 1.1rem;} .tabela-precos-comparativa .price-mo{font-size: 0.9rem;color: var(--cor-texto-secundario);font-weight: 400;} .table{width: 100%;border-collapse: collapse;margin-top: 10px;} .table th, .table td{padding: 10px;border: 1px solid var(--border);text-align: left;} .table th{background: #f5f5f5;} .data-table-container{overflow-x: auto;} .data-table{width: 100%;border-collapse: collapse;} .data-table th, .data-table td{padding: 12px 15px;text-align: left;} .data-table th input[type="checkbox"], .data-table td input[type="checkbox"]{position: static;opacity: 1;width: 16px;height: 16px;margin: 0;cursor: pointer;accent-color: var(--th-accent, #1d4ed8);} .data-table th:first-child, .data-table td:first-child{width: 36px;text-align: center;} .publications-primary-actions{display: flex;align-items: flex-end;gap: 10px;flex-wrap: wrap;margin-bottom: 12px;} .bulk-ops-form{margin: 0;padding: 0;flex: 0 1 auto;min-width: 0;} .bulk-ops-form[hidden]{display: none !important;} .bulk-ops-internals{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px 12px;} .publications-toolbar .bulk-ops-internals button, .publications-primary-actions .bulk-ops-internals .btn-bulk-delete, .publications-primary-actions .bulk-ops-internals .btn-bulk-apply{margin-top: 0;margin-bottom: 0;} .bulk-status-group{display: flex;flex-wrap: nowrap;align-items: flex-end;gap: 8px 10px;padding: 0 0 0 10px;margin-left: 2px;border-left: 1px solid #e5e7eb7a;} .bulk-status-label{font-size: 0.9rem;color: var(--th-muted, #555);margin: 0;white-space: nowrap;} .bulk-status-select{min-width: 9.5rem;min-height: 40px;padding: 0 10px;box-sizing: border-box;border-radius: 6px;border: 1px solid #dee2e6;font: inherit;font-size: 14px;line-height: 1.2;background: #fff;color: #212529;cursor: pointer;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);margin-bottom: 0;} .bulk-status-select:hover{border-color: #ced4da;} .btn-bulk-apply{display: inline-flex;align-items: center;justify-content: center;width: 40px;min-width: 40px;height: 40px;padding: 0;background-color: var(--brand, #007bff);color: #fff;border: none;border-radius: 6px;font-size: 0;cursor: pointer;transition: background-color 0.2s, box-shadow 0.2s;line-height: 1;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);flex-shrink: 0;} .btn-bulk-apply:hover{background-color: var(--brand-dark, #0069d9);color: #fff;} .btn-bulk-apply:focus-visible{outline: 2px solid rgba(0, 123, 255, 0.45);outline-offset: 2px;} .btn-bulk-apply svg{flex-shrink: 0;pointer-events: none;} .btn-bulk-delete{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-height: 40px;padding: 0 16px;background-color: #dc3545;color: #fff;border: none;border-radius: 6px;font-size: 14px;font-weight: 500;cursor: pointer;transition: background-color 0.2s, box-shadow 0.2s;line-height: 1;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);} .btn-bulk-delete:hover{background-color: #c82333;color: #fff;} .btn-bulk-delete svg{width: 18px;height: 18px;} .responsive-table{width: 100%;border-collapse: collapse;} .responsive-table th, .responsive-table td{padding: 8px 12px;border: 1px solid #ddd;text-align: left;} .table-controls-container{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;margin-bottom: 20px;padding: 14px 16px;border: 1px solid #e5e7eb7a;border-radius: 6px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);gap: 12px 20px;} .table-controls-container.publications-toolbar{align-items: flex-end;} .table-controls-container.publications-toolbar .table-controls{margin-bottom: 0;gap: 12px 14px;} .table-controls-container.publications-toolbar .btn-filtros{margin-top: 0;margin-bottom: 10px;min-height: 40px;padding: 0 16px;border-radius: 6px;font-weight: 500;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);} .table-controls-container.publications-toolbar .table-filter select, .table-controls-container.publications-toolbar .table-filter input[type="text"]{border-color: #dee2e6;border-radius: 6px;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);} .publications-new-btn{text-decoration: none;min-height: 40px;margin: 0;padding: 0 16px 0 14px;border-radius: 6px;font-size: 14px;font-weight: 500;gap: 8px;line-height: 1;box-sizing: border-box;background: var(--brand, #007bff);color: #fff;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);border: none;} .publications-new-btn:hover{background: var(--brand-dark, #0069d9);color: #fff;} .table-controls-container.publications-toolbar a.publications-new-btn, .publications-primary-actions a.publications-new-btn{display: inline-flex;margin: 0;align-items: center;justify-content: center;flex-wrap: nowrap;white-space: nowrap;} body.dark-mode .table-controls-container.publications-toolbar{background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.12);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);} body.dark-mode .table-controls-container.publications-toolbar .table-filter select, body.dark-mode .table-controls-container.publications-toolbar .table-filter input[type="text"]{background: var(--th-surface, #1a1d24);color: #e4e4e7;border-color: rgba(255, 255, 255, 0.14);} body.dark-mode .bulk-status-select{background: var(--th-surface, #1a1d24);color: #e4e4e7;border-color: rgba(255, 255, 255, 0.14);} .visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;} .table-filter select, .table-filter input[type="text"]{padding: 8px 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;min-height: 40px;width: 100%;max-width: 200px;} .table-controls-container form{display: flex;flex-direction: row !important;} .table-controls{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 15px;} .table-filter{display: flex;flex-direction: column;gap: 5px;} .table-filter label{font-size: 13px;font-weight: 600;margin-bottom: 0;} html.dark-mode{--bg: #1e293b;--card: #2d3748;--text: #cbd5e1;--text-muted: #94a3b8;--brand: #63b3ed;--brand-dark: #4299e1;--border-dark: #4a5568;background-color: var(--bg);color: var(--text);} html.dark-mode .admin-header, html.dark-mode .admin-sidebar, html.dark-mode .card, html.dark-mode .table th, html.dark-mode .form-group input, html.dark-mode .form-group textarea, html.dark-mode .form-group select{background: var(--card);color: var(--text);} html.dark-mode .admin-sidebar a{color: var(--text);} html.dark-mode .admin-sidebar{background: var(--bg);} html.dark-mode .admin-sidebar a:hover{background: var(--brand);} html.dark-mode .admin-content{background: var(--bg);} html.dark-mode .card h2{border-bottom-color: var(--border);} html.dark-mode .table tbody tr:hover{background: #4a5568;} html.dark-mode .form-group input, html.dark-mode .form-group textarea, html.dark-mode .form-group select{border-color: var(--border);} html.dark-mode .top-nav a, html.dark-mode small{color: var(--text);} html.dark-mode hr.slash{border: 0;border-top: 1px solid var(--border-dark);} .toggle-checkbox{position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .toggle-slot{position: relative;height: 30px;max-width: 60px;width: 100%;border: 1.5px solid #a8a8a8;border-radius: 30px;background-color: transparent;transition: background-color 250ms;margin-top: 30px;left: 10px;} .toggle-checkbox:checked~.toggle-slot{background-color: transparent;} .toggle-button{transform: translate(35.25px, 5.25px);position: absolute;height: 19.5px;width: 19.5px;border-radius: 50%;box-shadow: inset 0px 0px 0px 2.25px;transition: background-color 250ms, border-color 250ms, transform 500ms cubic-bezier(.26, 2, .46, .71);} .toggle-checkbox:checked~.toggle-slot .toggle-button{background-color: transparent;transform: translate(5.25px, 5.25px);} .sun-icon{position: absolute;height: 18px;width: 18px;} .sun-icon-wrapper{position: absolute;height: 18px;width: 18px;opacity: 1;transform: translate(6px, 6px) rotate(15deg);transform-origin: 50% 50%;transition: opacity 150ms, transform 500ms cubic-bezier(.26, 2, .46, .71);} .toggle-checkbox:checked~.toggle-slot .sun-icon-wrapper{opacity: 0;transform: translate(9px, 6px) rotate(0deg);} .moon-icon{position: absolute;height: 18px;width: 18px;} .moon-icon-wrapper{position: absolute;height: 18px;width: 18px;opacity: 0;transform: translate(33px, 6px) rotate(0deg);transform-origin: 50% 50%;transition: opacity 150ms, transform 500ms cubic-bezier(.26, 2.5, .46, .71);} .toggle-checkbox:checked~.toggle-slot .moon-icon-wrapper{opacity: 1;transform: translate(36px, 6px) rotate(-15deg);} [type="checkbox"]:not(:checked), [type="checkbox"]:checked{position: absolute;left: 0;opacity: 0.01;} [type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label{position: relative;display: inline-block;padding-left: 2.3em;font-size: 1.05em;line-height: 1.7;cursor: pointer;} [type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:checked+label:before{content: '';position: absolute;left: 0;top: 0;width: 1.4em;height: 1.4em;border: 1px solid #aaa;background: #FFF;border-radius: .2em;box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(81, 237, 34, 0.2);-webkit-transition: all .275s;transition: all .275s;} [type="checkbox"]:not(:checked)+label:after, [type="checkbox"]:checked+label:after{content: '✕';position: absolute;top: .525em;left: .18em;font-size: 1.375em;color: var(--success);line-height: 0;-webkit-transition: all .2s;transition: all .2s;} [type="checkbox"]:not(:checked)+label:after{opacity: 0;-webkit-transform: scale(0) rotate(45deg);transform: scale(0) rotate(45deg);} [type="checkbox"]:checked+label:after{opacity: 1;-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} [type="checkbox"]:disabled:not(:checked)+label:before, [type="checkbox"]:disabled:checked+label:before{box-shadow: none;border-color: #bbb;background-color: #e9e9e9;} [type="checkbox"]:disabled:checked+label:after{color: #777;} [type="checkbox"]:disabled+label{color: #aaa;} [type="checkbox"]:checked:focus+label:before, [type="checkbox"]:not(:checked):focus+label:before{box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 6px rgba(108, 237, 34, 0.2);} form{display: flex;flex-direction: column;} form label{margin: 12px 0 0 0;padding: 0;font-weight: bold;} form input[type=text], form input[type=password], form input[type=number], form input[type=datetime-local], form input[type=datetime], form input[type=file], form input[type=url], form select, form textarea{padding: 8px;border: 1px solid var(--border);border-radius: var(--radius);font-size: 14px;width: 100%;max-width: 100%;box-sizing: border-box;font-family: inherit;line-height: 1.5;display: flex;flex-wrap: wrap;} form input[type=color]{border: none;padding: 0;width: 32px;height: 35px;cursor: pointer;margin: 10px;} form small{color: #666;} .form-group{display: flex;align-items: center;flex-wrap: wrap;margin: 10px;} .form-group label{font-weight: bold;display: block;margin-bottom: 5px;} .form-group input, .form-group textarea{width: 100%;padding: 10px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-bottom: 15px;font-size: 1em;} .password-wrapper{position: relative;width: 100%;} .password-wrapper input{padding-right: 44px;} .form-group .password-wrapper{margin-bottom: 15px;} .form-group .password-wrapper input{margin-bottom: 0;} .password-toggle{position: absolute;right: 6px;top: 35%;transform: translateY(-50%);background: none;border: none;cursor: pointer;padding: 4px;display: flex;align-items: center;justify-content: center;color: var(--text, #555);opacity: 0.65;transition: opacity .2s;border-radius: var(--radius, 4px);} .password-toggle:hover{opacity: 1;} .password-toggle svg{pointer-events: none;} .password-toggle .eye-off{display: none;} .password-toggle.is-visible .eye-on{display: none;} .password-toggle.is-visible .eye-off{display: inline;} .saved-secret input{background: var(--bg, #f5f5f5);border-style: dashed;color: var(--text, #333);cursor: default;font-family: monospace;letter-spacing: 1px;} .alert-success{background-color: #d4edda;color: #155724;border: 1px solid #c3e6cb;padding: 10px;margin-bottom: 15px;border-radius: 5px;} .alert-error{background-color: #f8d7da;color: #721c24;border: 1px solid #f5c6cb;padding: 10px;margin-bottom: 15px;border-radius: 5px;} .alert{border-radius: 6px;} .alert-ok{background: #ecfdf5;color: #065f46;} .alert-err{background: #fef2f2;color: #991b1b;} .badge{padding: 3px 8px;border-radius: var(--radius);font-size: 12px;font-weight: bold;display: inline-block;border-radius: 999px;font-size: 12px;background: #eef2ff;color: #1d4ed8;} .badge.success{background: var(--success);color: #fff;} .badge.warning{background: var(--warning);color: #fff;} .badge.danger{background: var(--danger);color: #fff;} .u-flex-col{display: flex;flex-direction: column;} .u-flex-row{display: flex;flex-wrap: wrap;width: 100%;} .u-col-2{width: 50%;flex-grow: 0;flex-shrink: 0;box-sizing: border-box;padding: 0 10px;} .u-col-2 input[type="text"], .u-col-2 input[type="url"], .u-col-2 input[type="number"], .u-col-2 select{width: 100%;} .flex-direction-row{flex-direction: row !important;} .horizontal-distribution{display: flex;flex-wrap: wrap;flex-direction: row;gap: 20px;align-items: stretch;margin-bottom: 20px;} .horizontal-distribution .card{flex: 1 1 calc(23.33% - 13.33px);min-width: 300px;padding: 20px;background-color: var(--card, #fff);border: 1px solid var(--border, #e2e8f0);border-radius: 8px;box-shadow: var(--shadow, 0 2px 6px rgba(0, 0, 0, 0.08));} .horizontal-distribution .card>.form-group{display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .horizontal-distribution .card input[type="color"]{width: 30px;height: 30px;border: none;padding: 0;} @media (max-width: 768px){.horizontal-distribution{gap: 14px;} .horizontal-distribution .card{flex: 1 1 100%;min-width: 0;width: 100%;padding: 16px;} } .card{background: var(--card);padding: 20px;border-radius: var(--radius);box-shadow: var(--shadow);margin-bottom: 20px;} .card-img{display: block;width: auto;height: 150px;object-fit: cover;background: #f3f4f6;margin-top: 5px;} .card-body{padding: 12px;} .card-precos{position: relative;display: flex;flex-direction: column;background-color: var(--cor-branco);border: 1px solid #E6E8EB;border-radius: var(--borda-arredondada);padding: var(--espacamento-grande);box-shadow: var(--sombra-card);transition: transform 0.3s ease;} .card-precos.popular{border-color: var(--th-accent);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1), 0 0 0 2px var(--th-accent);} .card-precos-popular-tag{position: absolute;top: 0;right: 0;background-color: var(--th-accent);color: #FFFFFF;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;padding: 4px 16px;border-radius: 0 2px 0 8px;} .card-precos-titulo{font-size: 1rem;font-weight: 600;color: #4B5563;text-transform: uppercase;margin-bottom: var(--espacamento-pequeno);text-align: center;} .card-precos-valor{font-size: 2.5rem;font-weight: 700;color: #111827;margin-bottom: var(--espacamento-grande);text-align: center;} .card-precos-valor span{font-size: 1.25rem;color: #4B5563;} .card-precos-lista{list-style: none;padding: 0;margin: 0;text-align: left;margin-bottom: var(--espacamento-grande);} .card-precos-lista li{display: flex;align-items: center;color: #4B5563;margin-bottom: 8px;font-size: 0.95rem;} .card-precos-lista li::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: var(--th-accent);margin-right: 12px;flex-shrink: 0;} .card-precos .btn-cta{width: 100%;margin-top: auto;font-weight: 600;padding: 12px 24px;border-radius: 9999px;text-align: center;text-decoration: none;display: flex;align-items: center;justify-content: center;gap: 8px;transition: all 0.3s ease;} .card-precos .btn-cta.btn-secundario{background-color: #F3F4F6;color: #4B5563;border: 1px solid #D1D5DB;} .card-precos .btn-cta.btn-principal{background-color: var(--th-accent);color: #FFFFFF;border: 1px solid var(--th-accent);} .card-precos-subtexto{font-size: 0.75rem;color: #9CA3AF;margin-top: 16px;text-align: center;} .card-colors{align-items: flex-end;} .card-colors{border: none;box-shadow: none;background-color: transparent;} .cards-slots{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 10px;margin-top: 30px;} .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0} .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0} .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .custom-modal-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 1000;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease-in-out;} .custom-modal-overlay.show{display: flex;opacity: 1;} .custom-modal-content{background: white;padding: 30px;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);max-width: 400px;width: 90%;text-align: center;transform: scale(0.9);transition: transform 0.3s ease-in-out;} .custom-modal-overlay.show .custom-modal-content{transform: scale(1);} .btn-danger-2{background-color: #d9534f;color: white;border: none;padding: 10px 15px;border-radius: 5px;cursor: pointer;transition: background-color 0.2s;} .btn-danger:hover{background-color: #c9302c;} .btn{padding: 10px 15px;border-radius: 5px;cursor: pointer;border: 1px solid #ccc;transition: background-color 0.2s, border-color 0.2s;} .alert{padding: 10px 15px;border-radius: 4px;margin-bottom: 15px;border: 1px solid transparent;} .alert-error{background-color: #f2dede;border-color: #ebccd1;color: #a94442;} .alert-success{background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;} .popup-message{position: fixed;bottom: 20px;right: 20px;background-color: #3c763d;color: white;padding: 15px 25px;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);z-index: 10000;opacity: 0;transform: translateY(100px);transition: opacity 0.4s ease-out, transform 0.4s ease-out;display: none;} .popup-message.show{display: block;opacity: 1;transform: translateY(0);} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure{overflow: hidden;border-radius: var(--radius, 6px);padding: 0;} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure .th-accordion__trigger.campaigns-keys-disclosure__summary{cursor: pointer;padding: 14px 18px;font-size: 0.95rem;list-style: none;border-radius: var(--radius, 6px);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 14px;width: 100%;text-align: left;background: linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 100%, var(--brand, #63b3ed) 3%), var(--card, #fff));border: none;font: inherit;color: inherit;box-sizing: border-box;user-select: none;-webkit-tap-highlight-color: transparent;transition: background 0.28s ease, box-shadow 0.28s ease;} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure .th-accordion__trigger.campaigns-keys-disclosure__summary:hover{background: linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 98%, var(--brand, #63b3ed) 6%), var(--card, #fff));box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #63b3ed) 22%, transparent);} .campaigns-keys-disclosure__summary-left{display: flex;align-items: flex-start;gap: 10px;flex: 1 1 220px;min-width: 0;} .campaigns-keys-disclosure__summary-texts{display: flex;flex-direction: column;gap: 2px;min-width: 0;} .campaigns-keys-disclosure__title{margin: 0;font-size: 1.05rem;font-weight: 600;line-height: 1.25;color: var(--text, #1e293b);} .campaigns-keys-disclosure__hint{font-size: 0.78rem;font-weight: 400;color: var(--text-muted, #64748b);line-height: 1.35;} .campaigns-keys-disclosure__chip{font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;padding: 5px 10px;border-radius: 999px;flex-shrink: 0;width: 220px;text-align: center;display: inline-block;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;} .campaigns-keys-disclosure__chip--ok{background: color-mix(in srgb, var(--success, #22c55e) 16%, transparent);color: #166534;border: 1px solid color-mix(in srgb, var(--success, #22c55e) 45%, transparent);} .campaigns-keys-disclosure__chip--need{background: color-mix(in srgb, var(--warning, #f59e0b) 18%, transparent);color: #92400e;border: 1px solid color-mix(in srgb, var(--warning, #f59e0b) 40%, transparent);} .campaigns-keys-disclosure__chev{display: flex;align-items: center;justify-content: center;color: var(--text-muted, #64748b);transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure.is-open .campaigns-keys-disclosure__chev{transform: rotate(180deg);color: var(--brand, #63b3ed);} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure .th-accordion__panel{--th-faq-panel-mh: 20000px;padding: 0;} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure > .th-accordion__panel.campaigns-keys-disclosure__body{padding: 0 20px;border-top: 0 solid transparent;box-sizing: border-box;} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure.is-open > .th-accordion__panel.campaigns-keys-disclosure__body{padding: 0 20px 20px 20px;border-top: 1px solid var(--border, rgba(0, 0, 0, .08));} .th-accordion.campaigns-keys-card.campaigns-keys-disclosure.is-open > .th-accordion__trigger.campaigns-keys-disclosure__summary{border-radius: var(--radius, 6px) var(--radius, 6px) 0 0;box-shadow: none;border-bottom: 1px solid var(--border, rgba(0, 0, 0, .07));} .campaigns-keys-disclosure__icon{display: inline-flex;align-items: center;justify-content: center;width: 1.6rem;min-width: 1.6rem;height: 1.6rem;border-radius: 6px;background: var(--brand, #63b3ed);color: #fff;padding: 0.2rem;box-sizing: border-box;} .campaigns-keys-disclosure__icon svg{width: 100%;height: 100%;display: block;} .campaigns-keys-form{padding-top: 10px;} .campaigns-keys-grid{display: grid;grid-template-columns: repeat(2, minmax(240px, 1fr));gap: 12px 16px;margin-bottom: 14px;} .campaigns-keys-grid label{display: flex;flex-direction: column;gap: 4px;font-size: 0.88rem;font-weight: 500;} .campaigns-keys-grid input[type="text"], .campaigns-keys-grid input[type="password"], .campaigns-keys-grid input[type="number"]{width: 100%;padding: 7px 9px;border: 1px solid #d0d7de;border-radius: 4px;font-size: 0.88rem;font-family: inherit;} .campaigns-keys-toggle{grid-column: 1 / -1;flex-direction: row !important;align-items: center;gap: 8px !important;flex-wrap: wrap;} .campaigns-keys-diag{margin: 8px 0 6px;padding: 6px 10px;background: #f6f8fa;border-left: 3px solid #d0d7de;border-radius: 3px;} .campaigns-keys-help{margin: 6px 0 10px;padding: 6px 10px;background: #fff7e6;border-left: 3px solid #f0a800;border-radius: 3px;color: #6a4a00;} body.dark-mode .campaigns-keys-diag{background: #252b37;border-left-color: #394355;color: #cfd6e0;} body.dark-mode .campaigns-keys-help{background: #3a2f16;border-left-color: #8a6a20;color: #f0d99a;} .campaigns-table td.actions{white-space: normal;font-size: 0.85rem;vertical-align: middle;line-height: 1.35;border-bottom: none;} .campaign-row-progress{display: none;align-items: center;justify-content: center;width: 22px;height: 22px;flex-shrink: 0;margin-right: 4px;} tr.campaign-row--waiting .campaign-row-progress{display: inline-flex;} .campaign-row-progress__ring{box-sizing: border-box;width: 17px;height: 17px;border: 2px solid rgba(37, 99, 235, 0.22);border-top-color: #2563eb;border-radius: 50%;animation: campaign-row-progress-spin 0.72s linear infinite;} @keyframes campaign-row-progress-spin{to{transform: rotate(360deg);} } .campaigns-table tbody tr.campaign-row--waiting td{vertical-align: middle;} html.dark-mode .campaign-row-progress__ring{border-color: rgba(130, 169, 255, 0.28);border-top-color: #93c5fd;} .campaigns-actions-cell{display: flex;flex-wrap: wrap;align-items: center;column-gap: 0;row-gap: 4px;} .campaigns-actions-sep{display: inline-block;width: 1px;height: 0.85em;margin: 0 10px;background: currentColor;opacity: 0.22;flex-shrink: 0;align-self: center;} .campaigns-table td.actions a{margin-right: 0;text-decoration: none;white-space: nowrap;} .campaigns-table td.actions a:hover{text-decoration: underline;} .badge-source{background: #eef5ff;color: #1d4ed8;padding: 2px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.3px;} .badge-ok{background: #e8f7ed;color: #1b6e37;padding: 2px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 600;} .badge-off{background: #f1f1f1;color: #777;padding: 2px 8px;border-radius: 4px;font-size: 0.75rem;font-weight: 600;} .badge-info{background: #e6f1fb;color: #17548c;padding: 2px 6px;border-radius: 3px;font-size: 0.72rem;font-weight: 700;} .badge-ok.badge-ok{display: inline-block;} .campaigns-logs-table{font-size: 0.85rem;} .campaigns-logs-table .badge-ok{background: #e8f7ed;color: #1b6e37;} .campaigns-logs-table .badge-error{background: #fdecec;color: #a3180c;} .campaigns-logs-table .badge-info{background: #e6f1fb;color: #17548c;} .campaigns-logs-table tr.log-error td{background: #fff4f2;} .campaign-form fieldset{border: 1px solid #e3e8ef;border-radius: 6px;padding: 14px 18px 18px;margin-bottom: 18px;background: #fcfcfd;} .campaign-form legend{padding: 0 8px;font-weight: 600;color: #2a3c56;font-size: 0.95rem;} .campaign-field{display: block;margin-bottom: 12px;} .campaign-field>span{display: block;font-weight: 500;font-size: 0.87rem;margin-bottom: 4px;color: #334155;} .campaign-field input[type="text"], .campaign-field input[type="url"], .campaign-field input[type="number"], .campaign-field select, .campaign-field textarea{width: 100%;padding: 8px 10px;border: 1px solid #d0d7de;border-radius: 4px;font-size: 0.9rem;font-family: inherit;box-sizing: border-box;} .campaign-field textarea{resize: vertical;min-height: 70px;} .campaign-field small{display: block;margin-top: 3px;font-size: 0.78rem;color: #64748b;font-style: italic;} .campaign-field--inline{display: flex;align-items: center;gap: 8px;margin-bottom: 10px;} .campaign-field--inline>label{margin: 0;font-weight: 400;cursor: pointer;} .campaign-field--inline input[type="checkbox"]+label{padding-left: 2.3em;} .campaign-sub-row{display: grid;grid-template-columns: 200px 1fr;gap: 10px 14px;margin: 0 0 14px 26px;padding-left: 12px;border-left: 2px solid #e3e8ef;} .source-config-box{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 10px 16px;} .campaign-actions{display: flex;gap: 10px;margin-top: 6px;align-items: flex-end;} .text-danger{color: #a3180c;} @media (max-width: 720px){.campaigns-keys-grid{grid-template-columns: 1fr;} .campaign-sub-row{grid-template-columns: 1fr;margin-left: 0;padding-left: 10px;} .source-config-box{grid-template-columns: 1fr;} } html.dark-mode .campaign-form fieldset{background: var(--card, #2d3748);border-color: var(--border-dark, #4a5568);color: var(--text, #cbd5e1);} html.dark-mode .campaign-form legend{color: var(--text, #cbd5e1);} html.dark-mode .campaign-field>span, html.dark-mode .campaigns-keys-grid label, html.dark-mode .campaigns-keys-toggle>label{color: var(--text, #cbd5e1);} html.dark-mode .campaign-field input[type="text"], html.dark-mode .campaign-field input[type="url"], html.dark-mode .campaign-field input[type="number"], html.dark-mode .campaign-field select, html.dark-mode .campaign-field textarea, html.dark-mode .campaigns-keys-grid input[type="text"], html.dark-mode .campaigns-keys-grid input[type="password"], html.dark-mode .campaigns-keys-grid input[type="number"]{background-color: #3f4d65 !important;color: #f1f1f1 !important;border-color: var(--border-dark, #4a5568) !important;} html.dark-mode .campaign-field input:focus, html.dark-mode .campaign-field select:focus, html.dark-mode .campaign-field textarea:focus, html.dark-mode .campaigns-keys-grid input:focus{background-color: #46546d !important;outline: 2px solid var(--brand, #63b3ed);outline-offset: -1px;} html.dark-mode .campaign-field small, html.dark-mode .campaigns-keys-toggle small{color: #9aa7bd;} html.dark-mode .campaign-sub-row{border-left-color: var(--border-dark, #4a5568);} html.dark-mode .campaigns-keys-diag{background: #1e293b;border-left-color: var(--brand, #63b3ed);color: var(--text, #cbd5e1);} html.dark-mode .campaigns-keys-diag strong{color: #f1f1f1;} html.dark-mode .campaigns-keys-help{background: #3a2f16;border-left-color: #e0a800;color: #f0d99a;} html.dark-mode .th-accordion.campaigns-keys-card.campaigns-keys-disclosure .th-accordion__trigger.campaigns-keys-disclosure__summary{background: linear-gradient(180deg, color-mix(in srgb, var(--card, #2d3748) 96%, var(--brand, #63b3ed) 6%), var(--card, #2d3748));color: var(--text, #cbd5e1);} html.dark-mode .th-accordion.campaigns-keys-card.campaigns-keys-disclosure .th-accordion__trigger.campaigns-keys-disclosure__summary:hover{background: color-mix(in srgb, var(--card, #2d3748) 94%, #fff 4%);box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand, #63b3ed) 28%, transparent);} html.dark-mode .campaigns-keys-disclosure__title{color: #e2e8f0;} html.dark-mode .campaigns-keys-disclosure__hint{color: #94a3b8;} html.dark-mode .campaigns-keys-disclosure__chip--ok{color: #86efac;background: color-mix(in srgb, var(--success, #22c55e) 18%, transparent);border-color: color-mix(in srgb, var(--success, #22c55e) 35%, transparent);} html.dark-mode .campaigns-keys-disclosure__chip--need{color: #fcd34d;background: color-mix(in srgb, var(--warning, #f59e0b) 15%, transparent);border-color: color-mix(in srgb, var(--warning, #f59e0b) 28%, transparent);} html.dark-mode .th-accordion.campaigns-keys-card.campaigns-keys-disclosure.is-open > .th-accordion__panel.campaigns-keys-disclosure__body{border-top-color: var(--border-dark, #4a5568);} html.dark-mode .th-accordion.campaigns-keys-card.campaigns-keys-disclosure.is-open > .th-accordion__trigger.campaigns-keys-disclosure__summary{border-bottom-color: var(--border-dark, #4a5568);} html.dark-mode .badge-source{background: #1e3a5f;color: #9ec5ff;} html.dark-mode .badge-ok{background: #1e3a2a;color: #7ee0a1;} html.dark-mode .badge-off{background: #343a44;color: #a8b0bb;} html.dark-mode .badge-info{background: #1e3a5f;color: #9ec5ff;} html.dark-mode .badge-error{background: #4a1f1f;color: #ff8a7c;} html.dark-mode .campaigns-logs-table tr.log-error td{background: #2a1a1a;} html.dark-mode .campaigns-logs-table code{background: #1e293b;color: #cbd5e1;padding: 1px 4px;border-radius: 3px;} html.dark-mode .text-danger{color: #ff8a7c;} html.dark-mode .campaigns-table td.actions a{color: #82a9ff;} html.dark-mode .campaigns-table td.actions a:hover{color: #b4caff;} html.dark-mode .campaigns-table td.actions a.text-danger{color: #ff8a7c;} .campaigns-logs-header{flex-wrap: wrap;gap: 12px;align-items: flex-start;} .campaigns-logs-header__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;} .campaigns-clear-logs-form{margin: 0;} .campaigns-table td.actions .campaign-reset-form{display: inline-flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 6px 10px;margin: 0;max-width: none;} .campaign-reset-form__opt{font-size: inherit;font-weight: normal;cursor: pointer;display: inline-flex;align-items: center;gap: 5px;line-height: 1.2;margin: 0;white-space: nowrap;user-select: none;} .campaign-reset-form__opt input{margin: 0;flex-shrink: 0;} .campaign-reset-form__btn{background: none;border: none;padding: 0;color: #2563eb;text-decoration: none;cursor: pointer;font: inherit;white-space: nowrap;} .campaign-reset-form__btn:hover{color: #1d4ed8;text-decoration: underline;} .campaign-reset-dedupe-only{font-size: inherit;display: inline;margin-top: 0;opacity: 0.88;text-decoration: none;white-space: nowrap;} .campaign-reset-dedupe-only:hover{text-decoration: underline;opacity: 1;} html.dark-mode .campaign-reset-form__btn{color: #82a9ff;} html.dark-mode .campaign-reset-form__btn:hover{color: #b4caff;} :root{--th-disclosure-duration: 0.38s;--th-disclosure-duration-fast: 0.25s;--th-disclosure-ease: cubic-bezier(0.4, 0, 0.2, 1);--th-faq-panel-mh: 10000px;} .th-accordion{overflow: hidden;} .th-accordion__trigger{-webkit-tap-highlight-color: transparent;} .th-accordion__trigger:focus{outline: none;} .th-accordion__trigger:focus-visible{outline: 2px solid var(--brand, #0077cc);outline-offset: 2px;border-radius: 2px;} .th-accordion__panel{max-height: 0;overflow: hidden;padding-top: 0;padding-bottom: 0;opacity: 0;transition: max-height var(--th-disclosure-duration) var(--th-disclosure-ease), padding var(--th-disclosure-duration) var(--th-disclosure-ease), opacity var(--th-disclosure-duration-fast) ease;} .th-accordion.is-open > .th-accordion__panel, .th-accordion__panel.is-open{max-height: var(--th-faq-panel-mh, 10000px);opacity: 1;} @media (prefers-reduced-motion: reduce){.th-accordion__panel{transition: none;} .th-accordion.is-open > .th-accordion__panel, .th-accordion__panel.is-open{max-height: none;} } @supports (interpolate-size: allow-size){:root, html{interpolate-size: allow-size;} } @supports (interpolate-size: allow-size){details::details-content{transition: height var(--th-disclosure-duration) var(--th-disclosure-ease), opacity var(--th-disclosure-duration-fast) ease;overflow: clip;} } details > summary{transition: color var(--th-disclosure-duration-fast) ease, background-color var(--th-disclosure-duration-fast) ease, box-shadow var(--th-disclosure-duration-fast) ease, border-color var(--th-disclosure-duration-fast) ease;} details > summary::marker, details > summary::-webkit-details-marker{transition: transform var(--th-disclosure-duration) var(--th-disclosure-ease);} details[open] > summary::marker{color: var(--brand, #0077cc);} @media (prefers-reduced-motion: reduce){:root, html{interpolate-size: auto;} details::details-content{transition: none !important;} details > summary, details > summary::marker, details > summary::-webkit-details-marker{transition: none;} } :root{--admin-scroll-size: 7px;--admin-scroll-track: transparent;--admin-scroll-thumb: color-mix(in srgb, #94a3b8 48%, #cbd5e1 30%);--admin-scroll-thumb-hover: color-mix(in srgb, var(--brand, #0077cc) 42%, #94a3b8 30%);--admin-scroll-thumb-active: color-mix(in srgb, var(--brand, #005fa3) 45%, #64748b 25%);} html.dark-mode{--admin-scroll-thumb: color-mix(in srgb, #94a3b8 32%, #334155 50%);--admin-scroll-thumb-hover: color-mix(in srgb, var(--brand, #63b3ed) 48%, #475569 22%);--admin-scroll-thumb-active: color-mix(in srgb, var(--brand, #63b3ed) 58%, #334155 18%);} .table-wrap{overflow-x: auto;} .admin-scroll-region{overflow: auto;} .data-table-container, .table-wrap, .admin-scroll-region{scrollbar-width: thin;scrollbar-color: var(--admin-scroll-thumb) var(--admin-scroll-track);} .data-table-container::-webkit-scrollbar, .table-wrap::-webkit-scrollbar, .admin-scroll-region::-webkit-scrollbar{width: var(--admin-scroll-size, 7px);height: var(--admin-scroll-size, 7px);} .data-table-container::-webkit-scrollbar-button, .table-wrap::-webkit-scrollbar-button, .admin-scroll-region::-webkit-scrollbar-button{display: none;width: 0;height: 0;appearance: none;} .data-table-container::-webkit-scrollbar-track, .table-wrap::-webkit-scrollbar-track, .admin-scroll-region::-webkit-scrollbar-track{background: var(--admin-scroll-track);border-radius: 10px;} .data-table-container::-webkit-scrollbar-thumb, .table-wrap::-webkit-scrollbar-thumb, .admin-scroll-region::-webkit-scrollbar-thumb{background: var(--admin-scroll-thumb);border-radius: 10px;border: 2px solid transparent;background-clip: padding-box;min-height: 32px;min-width: 32px;} .data-table-container::-webkit-scrollbar-thumb:hover, .table-wrap::-webkit-scrollbar-thumb:hover, .admin-scroll-region::-webkit-scrollbar-thumb:hover{background: var(--admin-scroll-thumb-hover);border: 2px solid transparent;background-clip: padding-box;} .data-table-container::-webkit-scrollbar-thumb:active, .table-wrap::-webkit-scrollbar-thumb:active, .admin-scroll-region::-webkit-scrollbar-thumb:active{background: var(--admin-scroll-thumb-active);border: 2px solid transparent;background-clip: padding-box;} .data-table-container::-webkit-scrollbar-corner, .table-wrap::-webkit-scrollbar-corner, .admin-scroll-region::-webkit-scrollbar-corner{background: transparent;} .admin-sidebar-appearance-wrap{position: relative;margin: 6px 0;overflow: visible;z-index: 30;} .admin-sidebar nav .admin-sidebar-appearance-trigger{display: flex;align-items: center;justify-content: flex-start;width: 100%;margin: 6px 0;padding: 8px;box-sizing: border-box;border: none;background: transparent;color: inherit;font: inherit;cursor: pointer;text-align: left;border-radius: var(--radius, 3px);gap: 10px;white-space: nowrap;appearance: none;} .admin-sidebar nav .admin-sidebar-appearance-trigger:hover, .admin-sidebar nav .admin-sidebar-appearance-trigger[aria-expanded="true"]{background: var(--brand);color: #fff;} .admin-sidebar nav .admin-sidebar-appearance-trigger:hover svg, .admin-sidebar nav .admin-sidebar-appearance-trigger[aria-expanded="true"] svg{color: #fff;} .admin-appearance-dropdown{position: static;width: 100%;margin: 6px 0 0 0;padding: 6px 0;box-sizing: border-box;background: var(--card, #fff);color: var(--text, #3e4349);border: 1px solid var(--border, rgba(0, 0, 0, 0.12));border-radius: 8px;box-shadow: 0 4px 14px rgba(15, 23, 42, 0.10), 0 1px 4px rgba(15, 23, 42, 0.06);list-style: none;} html.dark-mode .admin-appearance-dropdown{box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), 0 2px 10px rgba(0, 0, 0, 0.25);border-color: var(--border-dark, #4a5568);} .admin-appearance-dropdown li{margin: 0;padding: 0;list-style: none;} .admin-appearance-dropdown[hidden]{display: none !important;} .admin-appearance-option{display: flex;align-items: center;gap: 10px;width: 100%;padding: 8px 14px;border: none;background: transparent;color: inherit;font: inherit;font-size: 12px;text-align: left;cursor: pointer;line-height: 1.35;} .admin-appearance-option:hover, .admin-appearance-option:focus-visible{background: color-mix(in srgb, var(--brand, #0077cc) 12%, transparent);outline: none;} .admin-appearance-option.is-active{font-weight: 600;background: color-mix(in srgb, var(--brand, #0077cc) 18%, transparent);} .admin-appearance-swatch{width: 14px;height: 14px;border-radius: 50%;flex-shrink: 0;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);} .admin-appearance-option small{display: block;font-size: 10.5px;font-weight: 400;opacity: 0.75;margin-top: 2px;} body.sidebar-collapsed .admin-sidebar-appearance-wrap .nav-label{opacity: 0;width: 0;margin-left: 0;pointer-events: none;} body.sidebar-collapsed .admin-sidebar nav .admin-sidebar-appearance-trigger{justify-content: center;padding: 10px;gap: 0;} body.sidebar-collapsed .admin-appearance-dropdown{width: 100%;} html[data-admin-appearance="frost"]{--bg: #e7eef6;--bg-dark: #d9e4f0;--card: #f2f7fc;--text: #1e293b;--brand: #5b7c9d;--brand-dark: #4a6988;--border: rgba(74, 105, 136, 0.24);--border-dark: rgba(74, 105, 136, 0.35);} html[data-admin-appearance="frost"] .admin-sidebar, html[data-admin-appearance="frost"] .admin-header{backdrop-filter: saturate(115%) blur(2px);} html[data-admin-appearance="frost"] .card, html[data-admin-appearance="frost"] .table-controls-container, html[data-admin-appearance="frost"] .admin-appearance-dropdown{background: color-mix(in srgb, var(--card, #f2f7fc) 94%, #ffffff 6%);border-color: var(--border, rgba(74, 105, 136, 0.24));} html[data-admin-appearance="frost"] form input[type="text"], html[data-admin-appearance="frost"] form input[type="url"], html[data-admin-appearance="frost"] form input[type="number"], html[data-admin-appearance="frost"] form input[type="password"], html[data-admin-appearance="frost"] form input[type="email"], html[data-admin-appearance="frost"] form textarea, html[data-admin-appearance="frost"] form select, html[data-admin-appearance="frost"] .bulk-status-select{background: color-mix(in srgb, var(--card, #f2f7fc) 76%, #ffffff 24%);border-color: color-mix(in srgb, var(--border, rgba(74, 105, 136, 0.24)) 80%, #93a7bd 20%);color: var(--text, #1e293b);} html.dark-mode[data-admin-appearance="velvet"]{--bg: #1a1525;--card: #2a2138;--text: #ece8f4;--brand: #c4b5fd;--brand-dark: #a78bfa;--border: rgba(167, 139, 250, 0.22);--border-dark: #4c3d68;} html.dark-mode[data-admin-appearance="lagoon"]{--bg: #0c1821;--card: #13252f;--text: #e2e8f0;--brand: #2dd4bf;--brand-dark: #14b8a6;--border: rgba(45, 212, 191, 0.2);--border-dark: #2d4a55;} html.dark-mode[data-admin-appearance="ember"]{--bg: #1a1210;--card: #2c1f1a;--text: #fdede0;--brand: #fb923c;--brand-dark: #f97316;--border: rgba(251, 146, 60, 0.22);--border-dark: #5c3d2e;} html.dark-mode[data-admin-appearance="noir"]{--bg: #0a0a0a;--card: #141414;--text: #e8e8e8;--brand: #f5f5f5;--brand-dark: #d4d4d4;--border: rgba(255, 255, 255, 0.1);--border-dark: #2e2e2e;} html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav a:hover, html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav a.active, html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav .admin-sidebar-appearance-trigger:hover, html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav .admin-sidebar-appearance-trigger[aria-expanded="true"]{color: #111 !important;} html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav a:hover svg, html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav a.active svg, html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav .admin-sidebar-appearance-trigger:hover svg, html.dark-mode[data-admin-appearance="noir"] .admin-sidebar nav .admin-sidebar-appearance-trigger[aria-expanded="true"] svg{color: #111 !important;} html.dark-mode[data-admin-appearance="noir"] .btn-primary, html.dark-mode[data-admin-appearance="noir"] .btn-secondary, html.dark-mode[data-admin-appearance="noir"] .btn-filtros, html.dark-mode[data-admin-appearance="noir"] .publications-new-btn{background: #f5f5f5;border-color: #f5f5f5;color: #111 !important;} html.dark-mode[data-admin-appearance="noir"] .btn-primary:hover, html.dark-mode[data-admin-appearance="noir"] .btn-secondary:hover, html.dark-mode[data-admin-appearance="noir"] .btn-filtros:hover, html.dark-mode[data-admin-appearance="noir"] .publications-new-btn:hover{background: #d4d4d4;border-color: #d4d4d4;color: #111 !important;} html.dark-mode[data-admin-appearance="noir"] .btn[disabled], html.dark-mode[data-admin-appearance="noir"] button[disabled], html.dark-mode[data-admin-appearance="noir"] .publications-new-btn[aria-disabled="true"]{background: #2a2a2a !important;border-color: #3a3a3a !important;color: #8a8a8a !important;opacity: 1;} html.dark-mode[data-admin-appearance="bloom"]{--bg: #0f1325;--card: #1a2040;--text: #e0e7ff;--brand: #818cf8;--brand-dark: #6366f1;--border: rgba(129, 140, 248, 0.22);--border-dark: #3730a3;}