/**
 * Estilos Frontend para o Gerenciador de Processos v4
 * Wrapper ID: #pm-plugin-wrapper
 * v4: Garante que a fonte Dashicons seja aplicada aos ícones.
 */

/* --- Wrapper Principal e Reset Básico --- */
#pm-plugin-wrapper *, #pm-plugin-wrapper *:before, #pm-plugin-wrapper *:after { /* Aplica box-sizing a pseudo-elementos também */
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 100% !important;
    font: inherit !important;
    vertical-align: baseline !important;
    box-sizing: border-box !important;
    background: transparent !important; /* Evita fundos inesperados */
}
#pm-plugin-wrapper { font-family: sans-serif !important; color: #333 !important; line-height: 1.6 !important; margin-top: 20px !important; margin-bottom: 30px !important; border: 1px solid #eee !important; padding: 20px !important; background-color: #fff !important; border-radius: 8px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; }
#pm-plugin-wrapper article, #pm-plugin-wrapper aside, #pm-plugin-wrapper details, #pm-plugin-wrapper figcaption, #pm-plugin-wrapper figure, #pm-plugin-wrapper footer, #pm-plugin-wrapper header, #pm-plugin-wrapper hgroup, #pm-plugin-wrapper menu, #pm-plugin-wrapper nav, #pm-plugin-wrapper section { display: block !important; }
#pm-plugin-wrapper ol, #pm-plugin-wrapper ul { list-style: none !important; }
#pm-plugin-wrapper blockquote, #pm-plugin-wrapper q { quotes: none !important; }
#pm-plugin-wrapper blockquote:before, #pm-plugin-wrapper blockquote:after, #pm-plugin-wrapper q:before, #pm-plugin-wrapper q:after { content: '' !important; content: none !important; }
#pm-plugin-wrapper table { border-collapse: collapse !important; border-spacing: 0 !important; width: 100% !important; /* Garante largura total para tabelas */ }
#pm-plugin-wrapper a { color: #C18C36 !important; text-decoration: none !important; transition: color 0.3s ease !important; background: none !important; }
#pm-plugin-wrapper a:hover { color: #445147 !important; text-decoration: underline !important; }
#pm-plugin-wrapper p { margin-bottom: 1em !important; }
#pm-plugin-wrapper img { max-width: 100% !important; height: auto !important; display: block !important; /* Remove espaço abaixo */ }

/* --- Títulos --- */
#pm-plugin-wrapper h2, #pm-plugin-wrapper h3, #pm-plugin-wrapper h4 { color: #445147 !important; margin: 0 0 20px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 1px solid #eee !important; font-weight: bold !important; }
#pm-plugin-wrapper h2 { font-size: 1.6em !important; }
#pm-plugin-wrapper h3 { font-size: 1.3em !important; }
#pm-plugin-wrapper h4 { font-size: 1.1em !important; border-bottom: none !important; margin-bottom: 15px !important; }

/* --- Mensagens de Alerta --- */
#pm-plugin-wrapper .pm-alert { padding: 15px 20px !important; margin: 0 0 25px 0 !important; border-left-width: 5px !important; border-left-style: solid !important; border-radius: 5px !important; background-color: #f8f8f8 !important; }
#pm-plugin-wrapper .pm-alert p { margin: 0 !important; padding: 0 !important; font-size: 0.95em !important; line-height: 1.5 !important; }
#pm-plugin-wrapper .pm-alert h3 { margin: 0 0 10px 0 !important; padding: 0 !important; border: none !important; font-size: 1.1em !important; }
#pm-plugin-wrapper .pm-alert-error { border-left-color: #c00 !important; background-color: #ffebee !important; color: #c00 !important; }
#pm-plugin-wrapper .pm-alert-success { border-left-color: #2e7d32 !important; background-color: #e8f5e9 !important; color: #2e7d32 !important; }
#pm-plugin-wrapper .pm-alert-info { border-left-color: #005a9c !important; background-color: #e7f3fe !important; color: #005a9c !important; }
#pm-plugin-wrapper .pm-alert a { color: inherit !important; font-weight: bold !important; text-decoration: underline !important; background: none !important; }

/* --- Formulários --- */
#pm-plugin-wrapper .pm-form-container { background-color: #f8f8f8 !important; border: 1px solid #ddd !important; padding: 25px 30px !important; border-radius: 8px !important; max-width: 480px !important; margin: 20px auto !important; box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; }
#pm-plugin-wrapper .pm-form-container h3 { text-align: center !important; border-bottom: none !important; margin: 0 0 25px 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .process-form p { margin: 0 0 18px 0 !important; }
#pm-plugin-wrapper .process-form label { display: block !important; margin: 0 0 6px 0 !important; padding: 0 !important; font-weight: bold !important; color: #445147 !important; font-size: 0.95em !important; }
#pm-plugin-wrapper .process-form input[type="text"], #pm-plugin-wrapper .process-form input[type="email"], #pm-plugin-wrapper .process-form input[type="tel"], #pm-plugin-wrapper .process-form input[type="password"], #pm-plugin-wrapper .process-form input[type="url"], #pm-plugin-wrapper .process-form input[type="search"], #pm-plugin-wrapper .process-form select { width: 100% !important; padding: 12px 15px !important; margin: 0 !important; border: 1px solid #ccc !important; border-radius: 5px !important; box-sizing: border-box !important; background-color: #fff !important; color: #333 !important; font-size: 1em !important; font-family: sans-serif !important; line-height: normal !important; }
#pm-plugin-wrapper .process-form input:focus, #pm-plugin-wrapper .process-form select:focus { border-color: #C18C36 !important; box-shadow: 0 0 0 2px rgba(193, 140, 54, 0.2) !important; outline: none !important; }
#pm-plugin-wrapper .process-form input[type="submit"] { background-color: #C18C36 !important; color: #fff !important; padding: 12px 25px !important; margin: 0 !important; border: none !important; border-radius: 5px !important; cursor: pointer !important; font-size: 1.1em !important; font-weight: bold !important; width: 100% !important; transition: background-color 0.3s ease, box-shadow 0.3s ease !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; font-family: sans-serif !important; line-height: normal !important; -webkit-appearance: none !important; appearance: none !important; }
#pm-plugin-wrapper .process-form input[type="submit"]:hover { background-color: #a5782e !important; box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important; }
#pm-plugin-wrapper .process-form .pm-form-links { text-align: right !important; font-size: 0.9em !important; margin: -10px 0 20px 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .process-form .pm-form-switch { text-align: center !important; margin: 25px 0 0 0 !important; padding: 15px 0 0 0 !important; border-top: 1px solid #eee !important; font-size: 0.95em !important; }
#pm-plugin-wrapper .process-form .pm-form-switch a { font-weight: bold !important; background: none !important; }

/* --- Cabeçalho Logado --- */
#pm-plugin-wrapper .pm-logged-in-header { background-color: #f0f5f0 !important; padding: 10px 15px !important; margin: 0 0 25px 0 !important; border-radius: 5px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 0.95em !important; border: 1px solid #d9e9d9 !important; }
#pm-plugin-wrapper .pm-welcome-message { color: #445147 !important; font-weight: bold !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-logout-link { color: #C18C36 !important; font-weight: bold !important; text-decoration: underline !important; background: none !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-logout-link:hover { color: #445147 !important; }

/* --- Seção de Métricas --- */
#pm-plugin-wrapper .pm-metrics-section { background-color: #f8f9fa !important; padding: 20px !important; margin: 0 0 30px 0 !important; border: 1px solid #e9ecef !important; border-radius: 8px !important; }
#pm-plugin-wrapper .pm-metrics-section h4 { margin: 0 0 15px 0 !important; padding: 0 !important; border: none !important; color: #495057 !important; font-size: 1.1em !important; text-align: center !important; }
#pm-plugin-wrapper .pm-metrics-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important; gap: 15px !important; }
#pm-plugin-wrapper .pm-metric-item { background-color: #fff !important; padding: 15px !important; border-radius: 5px !important; text-align: center !important; border: 1px solid #eee !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; }
#pm-plugin-wrapper .pm-metric-value { display: block !important; font-size: 1.8em !important; font-weight: bold !important; color: #C18C36 !important; margin: 0 0 5px 0 !important; line-height: 1.2 !important; }
#pm-plugin-wrapper .pm-metric-label { display: block !important; font-size: 0.85em !important; color: #6c757d !important; line-height: 1.3 !important; }

/* --- Filtros da Lista --- */
#pm-plugin-wrapper .pm-process-filters { background-color: #f8f8f8 !important; padding: 15px 20px !important; border: 1px solid #ddd !important; border-radius: 8px !important; margin: 0 0 20px 0 !important; }
#pm-plugin-wrapper .pm-process-filters form { display: flex !important; flex-wrap: wrap !important; gap: 15px !important; align-items: flex-end !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-filter-item { flex-grow: 1 !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-filter-item label { display: block !important; margin: 0 0 5px 0 !important; padding: 0 !important; font-size: 0.9em !important; font-weight: bold !important; color: #445147 !important; }
#pm-plugin-wrapper .pm-filter-item input[type="search"], #pm-plugin-wrapper .pm-filter-item select { width: 100% !important; padding: 9px 12px !important; margin: 0 !important; border: 1px solid #ccc !important; border-radius: 5px !important; box-sizing: border-box !important; font-size: 0.95em !important; background-color: #fff !important; font-family: sans-serif !important; }
#pm-plugin-wrapper .pm-submit-filter { flex-grow: 0 !important; display: flex !important; gap: 10px !important; align-items: center !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-submit-filter button[type="submit"] { background-color: #445147 !important; color: #fff !important; padding: 9px 18px !important; margin: 0 !important; border: none !important; border-radius: 5px !important; cursor: pointer !important; font-size: 0.95em !important; transition: background-color 0.3s ease !important; white-space: nowrap !important; font-family: sans-serif !important; -webkit-appearance: none !important; appearance: none !important; }
#pm-plugin-wrapper .pm-submit-filter button[type="submit"]:hover { background-color: #313b33 !important; }
#pm-plugin-wrapper .pm-clear-filters-link { font-size: 0.9em !important; color: #C18C36 !important; text-decoration: underline !important; white-space: nowrap !important; background: none !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-clear-filters-link:hover { color: #445147 !important; }

/* --- Métricas da Query (Resultados) --- */
#pm-plugin-wrapper .pm-query-metrics { font-size: 0.9em !important; color: #6c757d !important; margin: 0 0 20px 0 !important; padding: 10px 15px !important; background-color: #f8f9fa !important; border: 1px solid #e9ecef !important; border-radius: 5px !important; text-align: center !important; }

/* --- Lista de Processos --- */
#pm-plugin-wrapper .pm-process-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#pm-plugin-wrapper .pm-process-list-item { background-color: #fff !important; border: 1px solid #e0e0e0 !important; padding: 15px 20px !important; margin: 0 0 15px 0 !important; border-radius: 8px !important; display: flex !important; gap: 15px !important; align-items: flex-start !important; transition: box-shadow 0.3s ease !important; }
#pm-plugin-wrapper .pm-process-list-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important; border-color: #ccc !important; }
#pm-plugin-wrapper .pm-item-logo { flex-shrink: 0 !important; width: 60px !important; height: 60px !important; overflow: hidden !important; border-radius: 5px !important; background-color: #f0f0f0 !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-item-logo img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; margin: 0 !important; padding: 0 !important; border: none !important; }
#pm-plugin-wrapper .pm-item-content { flex-grow: 1 !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-item-title { margin: 0 0 5px 0 !important; font-size: 1.2em !important; font-weight: bold !important; padding: 0 !important; border: none !important; line-height: 1.3 !important; }
#pm-plugin-wrapper .pm-item-title a { color: #445147 !important; background: none !important; }
#pm-plugin-wrapper .pm-item-title a:hover { color: #C18C36 !important; text-decoration: none !important; }
#pm-plugin-wrapper .pm-item-categories { font-size: 0.85em !important; color: #666 !important; margin: 0 0 8px 0 !important; padding: 0 !important; line-height: 1.4 !important; }
#pm-plugin-wrapper .pm-item-categories a { color: #777 !important; text-decoration: underline !important; background: none !important; }
#pm-plugin-wrapper .pm-item-categories a:hover { color: #C18C36 !important; }
#pm-plugin-wrapper .pm-item-meta { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 10px 0 0 0 !important; padding: 0 !important; font-size: 0.85em !important; color: #888 !important; }
#pm-plugin-wrapper .pm-item-last-updated { margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-view-details-link { color: #C18C36 !important; font-weight: bold !important; text-decoration: none !important; background: none !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-view-details-link:hover { color: #445147 !important; text-decoration: underline !important; }

/* --- Paginação --- */
#pm-plugin-wrapper .pm-pagination { margin: 30px 0 0 0 !important; padding: 0 !important; text-align: center !important; }
#pm-plugin-wrapper .pm-pagination ul.page-numbers { list-style: none !important; padding: 0 !important; margin: 0 !important; display: inline-block !important; }
#pm-plugin-wrapper .pm-pagination .page-numbers li { display: inline !important; margin: 0 2px !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-pagination .page-numbers a, #pm-plugin-wrapper .pm-pagination .page-numbers span { display: inline-block !important; padding: 8px 14px !important; margin: 0 !important; border: 1px solid #ddd !important; border-radius: 4px !important; color: #C18C36 !important; text-decoration: none !important; background-color: #fff !important; transition: background-color 0.3s ease, color 0.3s ease !important; line-height: 1.2 !important; font-size: 1em !important; }
#pm-plugin-wrapper .pm-pagination .page-numbers a:hover, #pm-plugin-wrapper .pm-pagination .page-numbers span.current { background-color: #C18C36 !important; color: #fff !important; border-color: #C18C36 !important; }
#pm-plugin-wrapper .pm-pagination .page-numbers .dots { border: none !important; background: none !important; color: #999 !important; padding: 8px 5px !important; }

/* --- Detalhes do Processo --- */
#pm-plugin-wrapper .pm-process-details-view { background-color: #fff !important; padding: 20px 25px !important; border-radius: 8px !important; margin: 20px 0 0 0 !important; }
#pm-plugin-wrapper .pm-back-link { display: inline-block !important; margin: 0 0 20px 0 !important; padding: 0 !important; color: #445147 !important; font-weight: bold !important; font-size: 0.95em !important; background: none !important; }
#pm-plugin-wrapper .pm-details-content-wrapper { display: grid !important; grid-template-columns: 250px 1fr !important; gap: 30px !important; margin: 15px 0 0 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-details-meta { border-right: 1px solid #eee !important; padding: 0 25px 0 0 !important; margin: 0 !important; }
#pm-plugin-wrapper .pm-details-logo { margin: 0 0 20px 0 !important; padding: 0 !important; max-width: 100% !important; text-align: center !important; }
#pm-plugin-wrapper .pm-details-logo img { max-width: 100% !important; height: auto !important; border-radius: 5px !important; border: 1px solid #eee !important; background-color: #f8f8f8 !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-process-meta-details p { margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 0.9em !important; line-height: 1.5 !important; }
#pm-plugin-wrapper .pm-process-meta-details strong { color: #445147 !important; display: block !important; margin: 0 0 3px 0 !important; padding: 0 !important; font-weight: bold !important; }
#pm-plugin-wrapper .pm-details-main { margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-process-description { margin: 0 0 30px 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-process-description h3 { margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 1.2em !important; border: none !important; }
#pm-plugin-wrapper .pm-process-description p { margin: 0 0 1em 0 !important; padding: 0 !important; line-height: 1.6 !important; }

/* --- Abas e Documentos (Detalhes) --- */
#pm-plugin-wrapper .pm-process-documents-section { margin: 25px 0 0 0 !important; padding: 20px 0 0 0 !important; border-top: 1px solid #eee !important; }
#pm-plugin-wrapper .pm-process-documents-section h3 { border: none !important; padding: 0 !important; margin: 0 0 15px 0 !important; }
#pm-plugin-wrapper .pm-document-tabs { margin: 15px 0 0 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-tab-links { list-style: none !important; padding: 0 !important; margin: 0 0 -1px 0 !important; border-bottom: 1px solid #ddd !important; display: flex !important; flex-wrap: wrap !important; gap: 5px !important; }
#pm-plugin-wrapper .pm-tab-links li { margin: 0 !important; padding: 0 !important; display: inline-block !important; }
#pm-plugin-wrapper .pm-tab-links a { display: block !important; padding: 10px 18px !important; margin: 0 !important; background-color: #f1f1f1 !important; border: 1px solid #ddd !important; border-bottom: none !important; border-radius: 5px 5px 0 0 !important; color: #445147 !important; font-weight: bold !important; text-decoration: none !important; transition: background-color 0.3s ease, color 0.3s ease !important; font-size: 0.95em !important; line-height: normal !important; }
#pm-plugin-wrapper .pm-tab-links li.active a, #pm-plugin-wrapper .pm-tab-links a:hover { background-color: #fff !important; color: #C18C36 !important; border-color: #ddd !important; border-bottom: 1px solid #fff !important; position: relative !important; z-index: 1 !important; }
#pm-plugin-wrapper .pm-tab-content { padding: 25px !important; margin: 0 !important; border: 1px solid #ddd !important; border-top: none !important; background-color: #fff !important; border-radius: 0 0 5px 5px !important; min-height: 150px !important; }
#pm-plugin-wrapper .pm-tab { display: none !important; }
#pm-plugin-wrapper .pm-tab.active { display: block !important; }

/* --- Lista de Documentos (Detalhes) --- */
#pm-plugin-wrapper .pm-document-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#pm-plugin-wrapper .pm-document-entry { margin: 0 0 10px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 1px dashed #eee !important; }
#pm-plugin-wrapper .pm-document-entry:last-child { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
#pm-plugin-wrapper .pm-document-link { display: flex !important; align-items: center !important; gap: 10px !important; padding: 8px 12px !important; margin: 0 !important; border-radius: 5px !important; background-color: #f9f9f9 !important; border: 1px solid #eee !important; transition: background-color 0.3s ease, border-color 0.3s ease !important; color: #445147 !important; text-decoration: none !important; }
#pm-plugin-wrapper .pm-document-link:hover { background-color: #f0f0f0 !important; border-color: #ddd !important; color: #C18C36 !important; }

/* **CORREÇÃO ÍCONE:** Garante que a fonte Dashicons seja usada */
#pm-plugin-wrapper .pm-doc-icon.dashicons { /* Aplica a todos os dashicons dentro do wrapper */
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: 'dashicons' !important; /* Essencial! */
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    speak: never !important;
    text-decoration: none !important; /* Remove underline de ícones dentro de links */
    /* Tamanho e cor definidos abaixo para especificidade */
}
#pm-plugin-wrapper .pm-document-link .pm-doc-icon { /* Aplica a ícones DENTRO do link do documento */
    font-size: 1.5em !important;
    color: #777 !important; /* Cor padrão */
    flex-shrink: 0 !important;
    margin: 0 !important; padding: 0 !important;
    height: 1em !important;
    width: 1em !important;
    vertical-align: middle !important;
}
#pm-plugin-wrapper .pm-document-link:hover .pm-doc-icon { color: #C18C36 !important; }
#pm-plugin-wrapper .pm-document-link .pm-doc-icon.dashicons-pdf { color: #c00 !important; }
#pm-plugin-wrapper .pm-document-link .pm-doc-icon.dashicons-admin-links { color: #0073aa !important; }
#pm-plugin-wrapper .pm-document-link .pm-doc-icon.dashicons-text-page { color: #666 !important; }

#pm-plugin-wrapper .pm-doc-title { flex-grow: 1 !important; font-weight: 500 !important; font-size: 1em !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; }
#pm-plugin-wrapper .pm-doc-date { font-size: 0.85em !important; color: #777 !important; white-space: nowrap !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-doc-error-inline { font-size: 0.85em !important; color: #c00 !important; font-style: italic !important; margin: 0 0 0 5px !important; padding: 0 !important; }
#pm-plugin-wrapper .pm-document-link[onclick*="return false"] { cursor: not-allowed !important; opacity: 0.6 !important; }
#pm-plugin-wrapper .pm-document-link[onclick*="return false"]:hover { background-color: #f9f9f9 !important; border-color: #eee !important; color: #445147 !important; }

/* --- Responsividade --- */
@media (max-width: 782px) {
    #pm-plugin-wrapper { padding: 15px !important; }
    #pm-plugin-wrapper .pm-process-filters form { flex-direction: column !important; align-items: stretch !important; }
    #pm-plugin-wrapper .pm-filter-item { min-width: 100% !important; }
    #pm-plugin-wrapper .pm-submit-filter { flex-direction: row !important; justify-content: space-between !important; }
    #pm-plugin-wrapper .pm-details-content-wrapper { grid-template-columns: 1fr !important; gap: 20px !important; }
    #pm-plugin-wrapper .pm-details-meta { border-right: none !important; padding: 0 0 20px 0 !important; border-bottom: 1px solid #eee !important; text-align: center; }
    #pm-plugin-wrapper .pm-details-logo { max-width: 150px !important; margin: 0 auto 20px auto !important; }
    #pm-plugin-wrapper .pm-process-meta-details p { text-align: left; }
    #pm-plugin-wrapper .pm-metrics-grid { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important; }
}
@media (max-width: 480px) {
     #pm-plugin-wrapper { padding: 10px !important; border: none !important; box-shadow: none !important; }
     #pm-plugin-wrapper .pm-form-container { padding: 20px !important; max-width: 100% !important; margin: 0 !important; box-shadow: none !important; border-radius: 0 !important; border-left: none !important; border-right: none !important; }
     #pm-plugin-wrapper .pm-process-list-item { flex-direction: column !important; padding: 15px !important; }
     #pm-plugin-wrapper .pm-item-logo { width: 80px !important; height: 80px !important; margin: 0 auto 15px auto !important; }
     #pm-plugin-wrapper .pm-item-meta { flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; }
     #pm-plugin-wrapper .pm-tab-links a { padding: 10px 12px !important; font-size: 0.9em !important; }
     #pm-plugin-wrapper .pm-tab-content { padding: 15px !important; }
     #pm-plugin-wrapper .pm-document-link { flex-direction: column !important; align-items: flex-start !important; gap: 5px !important; padding: 12px !important; }
     #pm-plugin-wrapper .pm-doc-icon { font-size: 1.3em !important; margin: 0 0 5px 0 !important; }
     #pm-plugin-wrapper .pm-doc-date { margin: 3px 0 0 0 !important; }
     #pm-plugin-wrapper .pm-metrics-grid { grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) !important; gap: 10px !important; }
     #pm-plugin-wrapper .pm-metric-item { padding: 10px !important; }
     #pm-plugin-wrapper .pm-metric-value { font-size: 1.5em !important; }
     #pm-plugin-wrapper .pm-metric-label { font-size: 0.8em !important; }
     #pm-plugin-wrapper .pm-query-metrics { font-size: 0.85em !important; padding: 8px 10px !important; }
}