/* Projeto: MSOUZA ADVOCACIA. Author: Marcílio Souza */
/* Base visual do painel: superficie clara e navegacao verde com detalhes dourados. */
:root { --green:#143d33; --gold:#b29255; --ink:#253a32; --line:#dce4de; --muted:#6f7e75; }

/* Reset essencial: estabiliza medidas, links, tipografia e estados globais. */
* { box-sizing:border-box; } [hidden] { display:none!important; }
.autofill-decoy { position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none; }
body { margin:0; font:14px/1.5 Arial,sans-serif; background:#f3f6f4; color:var(--ink); }
a { color:inherit; text-decoration:none; } button,input,select,textarea { font:inherit; } button { cursor:pointer; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:0; }
h1 { font-size:28px; line-height:1.2; margin:0; } h2 { font-size:18px; font-weight:600; }
button:disabled { opacity:.55; cursor:default; } svg { width:19px;height:19px;flex-shrink:0; }
a:focus-visible,button:focus-visible { outline:3px solid #b29255;outline-offset:3px; }

/* Campos e botoes compartilhados por login, modais e area Minha conta. */
input,select,textarea { border:1px solid #c8d5cb; border-radius:5px; padding:11px 12px; background:white; color:var(--ink); width:100%; min-width:0; }
input:focus,select:focus,textarea:focus { outline:0;border-color:#5a856d;box-shadow:0 0 0 3px #5a856d15; }
label { display:block; font-weight:600; margin:0 0 7px; }
.primary,.secondary,.icon-button { display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;min-height:40px;border:1px solid transparent; }
.primary { background:var(--green);color:#fff;padding:10px 17px;font-weight:600; } .primary:hover { background:#245747; }
.secondary { border-color:var(--line);background:white;padding:10px 17px;color:var(--ink); }
.icon-button { width:40px;height:40px;background:transparent;color:inherit;padding:8px;flex-shrink:0; }
.icon-button:hover { background:#e6eee8; } .overline { font-size:11px;color:var(--muted);margin-bottom:8px; }
.notice { border-radius:5px;padding:12px 15px;background:#e9f3ed;color:#26533a;border:1px solid #c4dcca;overflow-wrap:anywhere; }
/* Aviso da recuperacao: aparece com suavidade e some sozinho apos a resposta. */
#recovery-status { opacity:0;transform:translateY(-8px);max-height:0;margin:0;padding-top:0;padding-bottom:0;transition:opacity .28s ease,transform .28s ease,max-height .28s ease,margin .28s ease,padding .28s ease; }
#recovery-status.is-visible { opacity:1;transform:translateY(0);max-height:160px;margin:0 0 4px;padding-top:12px;padding-bottom:12px; }
#recovery-status.is-hiding { opacity:0;transform:translateY(-6px);max-height:0;margin:0;padding-top:0;padding-bottom:0; }
.notice.error { background:#fff0ed;color:#913f35;border-color:#edd0c8; }

/* Login independente da area privada; dados administrativos nao sao carregados sem sessao. */
.login-screen { min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:28px; }
.login-brand { display:flex;flex-direction:column;align-items:center;color:var(--green); }
.login-brand svg { width:36px;height:36px;color:var(--gold);margin-bottom:12px; }
.login-brand strong { font:32px Georgia,serif; } .login-brand span { font:11px Georgia,serif;margin-top:4px; }
.login-form { width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:30px;border-radius:6px;box-shadow:0 15px 40px #173b3010; }
.login-form h1 { font-size:25px;margin-bottom:26px; } .login-form input { margin-bottom:18px; }
.login-form>.primary { width:100%;margin-top:7px; } #login-status { color:#963d35;margin:15px 0 0; }
.password-wrap { position:relative; } .password-wrap input { padding-right:48px; }
.password-wrap button { position:absolute;right:2px;top:2px; }
.back-site { display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);margin-top:20px;font-size:13px; }

/* Navegacao fixa e superficie de trabalho, com dimensoes estaveis. */
.sidebar { width:224px;position:fixed;inset:0 auto 0 0;background:var(--green);color:#e7eee9;padding:30px 18px;display:flex;flex-direction:column;z-index:3; }
.admin-brand { font:29px Georgia,serif;text-align:center;line-height:1.1;color:white; }
.admin-brand strong { display:block;font:29px Georgia,serif; }
.admin-brand .profile-avatar { margin:0 auto 12px; }
.admin-brand span { display:block;font:11px Georgia,serif;color:#d7bf8c;margin-top:7px; }

/* Avatar compartilhado: aparece no topo, na sidebar e em Minha conta. */
.profile-avatar { width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff8e7;color:#123f35;border:2px solid #d4b069;overflow:hidden;font:700 13px Arial,sans-serif;flex-shrink:0; }
.profile-avatar img { width:100%;height:100%;object-fit:cover;display:block; }
.profile-avatar-large { width:92px;height:92px;font-size:24px;border-width:3px;box-shadow:0 12px 28px #173b3014; }

/* Menu lateral e link publico para consulta do cliente. */
.sidebar-label { margin:40px 14px 12px;font-size:10px;color:#aabfb1; }
.sidebar nav { display:flex;flex-direction:column;gap:5px; }
.sidebar nav a { padding:12px 14px;display:flex;gap:12px;align-items:center;border-radius:5px; }
.sidebar nav a:hover { background:#ffffff0c; } .sidebar nav a.active { background:#dfc38b;color:#173d31;font-weight:600; }
.public-link { margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px;font-size:12px;color:#bed0c4; }

/* Estrutura principal: cabecalho, area de conteudo e rodape do painel. */
.workspace { margin-left:224px;min-height:100vh;display:flex;flex-direction:column; }
.admin-header { height:72px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px; }
.header-label { font-size:11px;color:var(--muted); } .admin-header>div { display:flex;align-items:center;gap:16px; }
#admin-name { display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--green); }
#admin-name .profile-avatar { width:34px;height:34px;font-size:11px;border-width:2px; }
.admin-main { width:100%;max-width:1450px;padding:34px;flex:1; }
.page-heading { display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px; }
.admin-footer { padding:22px 34px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between; }

/* Indicadores repetidos e listagens de trabalho, sem dados de exemplo. */
.stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px; }
.stat { display:block;background:white;border:1px solid var(--line);border-radius:6px;padding:20px; }
.stat-top { display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted); }
.stat-top svg { color:var(--gold); } .stat strong { display:block;font-size:32px;margin-top:12px;font-weight:500; }
.section-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 15px; }
.section-heading h2 { margin:0; } .section-heading a { display:flex;align-items:center;gap:7px;font-size:13px;color:var(--green); }
.table-scroll { width:100%;overflow:auto;background:white;border:1px solid var(--line);border-radius:6px; }
table { border-collapse:collapse;width:100%;font-size:13px; }
th { background:#edf2ee;color:#617568;font-size:11px;font-weight:600;text-align:left;padding:13px 16px;white-space:nowrap; }
td { padding:15px 16px;border-top:1px solid #e7ede8;vertical-align:middle; }
td strong { font-weight:600; } td small { display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere; }
tr:hover td { background:#fafcfb; } .code { font-family:monospace;font-size:15px;color:var(--green);white-space:nowrap; }
.badge { display:inline-block;border-radius:4px;padding:4px 8px;white-space:nowrap;font-size:11px;background:#edf2ee;color:#4d6657; }
.badge.aberto,.badge.novo { background:#fff2d6;color:#856826; } .badge.em_andamento,.badge.em_atendimento { background:#e8effb;color:#426697; }
.badge.concluido,.badge.respondido,.badge.published { background:#e4f3e8;color:#367249; } .badge.aguardando { background:#f4eafa;color:#785184; }
.actions { display:flex;gap:4px;align-items:center; } .actions .icon-button { width:34px;height:34px;min-height:34px; }
.empty { border:1px dashed #cad7ce;border-radius:5px;text-align:center;padding:50px 20px;color:var(--muted); }
.empty svg { width:32px;height:32px;margin-bottom:12px;color:var(--gold); } .empty p { margin:0; }
.list-toolbar { display:flex;gap:12px;margin-bottom:20px;align-items:center; }
.search { position:relative;flex:1;margin:0;font-weight:400; } .search>svg { position:absolute;top:12px;left:12px;color:#819286; }
.search input { padding-left:40px; } .list-toolbar select { width:190px; }
.pagination { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:12px; }
.pagination>div { display:flex;align-items:center;gap:8px; }

/* Dialogos acessiveis para cadastro e edicao; formularios em duas colunas. */
dialog { border:1px solid var(--line);border-radius:8px;padding:0;width:calc(100% - 32px);max-width:740px;max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #12281c30; }
dialog::backdrop { background:#12281c70; } #record-form { padding:26px; }
.dialog-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px; }
.dialog-heading h2 { font-size:23px;margin:0; }
.dialog-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px; }
.field-wide { grid-column:1/-1; } .dialog-fields label { font-size:12px; }
.dialog-fields textarea { resize:vertical;min-height:110px; } .check-field { display:flex;align-items:center;gap:10px; }
.check-field input { width:18px;height:18px;accent-color:var(--green); } .check-field label { margin:0; }
.dialog-actions { display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line); }
.contact-message { white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f5;padding:16px;border-radius:5px; }

/* Minha conta: senha, e-mail de recuperacao e upload de avatar. */
.account-form { max-width:480px; } .account-form input { margin-bottom:20px; } .account-form .primary { margin-top:6px; }
.account-form .password-wrap { margin-bottom:20px; }
.account-form .password-wrap input { margin-bottom:0; }
.account-form + .account-form { margin-top:36px; padding-top:28px; border-top:1px solid var(--line); }
.avatar-settings { display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center; }
.avatar-settings input[type="file"] { padding:10px;background:#fff; }

/* Celulares: navegacao horizontal, dialogos em coluna unica e tabelas com rolagem interna. */
/* O atributo hidden preserva a navegacao e os controles permitidos para cada perfil. */
.sidebar nav a[hidden], .list-toolbar .search[hidden], .list-toolbar select[hidden] { display:none; }

/* Perfil restrito: identidade visual da Noemia sem alterar a base do administrador. */
.profile-restricted { --green:#123f35; --gold:#d4b069; --ink:#172b25; --line:#d8e2db; background:
 radial-gradient(circle at top right,#e6d7ad55 0 240px,transparent 250px),
 linear-gradient(135deg,#f6faf7 0%,#edf4ef 48%,#f9f6ed 100%); }
.profile-restricted .sidebar { background:
 linear-gradient(180deg,#103b32 0%,#0f312b 50%,#0b261f 100%); box-shadow:18px 0 40px #0b261f14; }
.profile-restricted .admin-brand { text-align:left;padding:18px 16px;border:1px solid #ffffff16;border-radius:8px;background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff18; }
.profile-restricted .admin-brand .profile-avatar { margin-bottom:12px; }
.profile-restricted .admin-brand strong { display:block;font:24px/1.05 Georgia,serif;color:#fff; }
.profile-restricted .admin-brand span { color:#e6ca87;letter-spacing:.08em; }
.profile-restricted .sidebar-label { color:#c5d5ca;margin-top:28px; }
.profile-restricted .sidebar nav a { border:1px solid transparent; }
.profile-restricted .sidebar nav a:hover { background:#ffffff12;border-color:#ffffff12; }
.profile-restricted .sidebar nav a.active { background:linear-gradient(135deg,#e6ca87,#c29a4c);color:#102f29;box-shadow:0 10px 24px #00000018; }
.profile-restricted .public-link { border:1px solid #ffffff12;border-radius:8px;background:#ffffff08;color:#dce8df; }
.profile-restricted .workspace { background:transparent; }
.profile-restricted .admin-header { border-bottom-color:#d6e1da;background:#ffffffd9;backdrop-filter:blur(12px);box-shadow:0 8px 26px #173b3010; }
.owner-pill { display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff7e5;color:#644b19;border:1px solid #ead49a;font-size:12px;font-weight:600; }
.owner-pill svg { width:16px;height:16px;color:#b29255; }
.profile-restricted .page-heading { padding:22px 24px;border:1px solid #dbe5dd;border-radius:8px;background:linear-gradient(135deg,#ffffff 0%,#f7fbf8 58%,#fff8e7 100%);box-shadow:0 18px 45px #173b3010; }
.profile-restricted .page-heading .overline { color:#8a6a27;font-weight:700; }
.profile-restricted #view-title { display:flex;flex-direction:column;gap:6px;color:#102f29; }
.profile-restricted #view-title small { font:13px/1.45 Arial,sans-serif;color:#668073;max-width:560px; }
.profile-restricted .primary { background:linear-gradient(135deg,#123f35,#1f594a);box-shadow:0 10px 24px #123f3524; }
.profile-restricted .primary:hover { background:linear-gradient(135deg,#194f42,#256452); }
.profile-restricted .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
.profile-restricted .stat { border-color:#dce6df;background:linear-gradient(145deg,#ffffff,#f5faf7);box-shadow:0 14px 34px #173b3010;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.profile-restricted .stat:hover { transform:translateY(-2px);border-color:#d4b069;box-shadow:0 18px 45px #173b3018; }
.profile-restricted .stat-top { color:#4c6659;font-weight:600; }
.profile-restricted .stat strong { color:#103b32; }
.profile-restricted .table-scroll { border-color:#dce6df;box-shadow:0 14px 34px #173b300d; }
.profile-restricted th { background:#eef5f1;color:#466152; }
.profile-restricted tr:hover td { background:#fbf8ef; }
.profile-restricted .badge { border:1px solid #00000008; }

/* Acabamento profissional do painel da proprietaria. */
.profile-restricted .login-screen { background:
 linear-gradient(135deg,#0f332c 0%,#153f35 52%,#f2ead7 52.2%,#fbfaf7 100%); }
.profile-restricted .login-brand { color:#fff;text-shadow:0 2px 18px #071b162e; }
.profile-restricted .login-brand svg { color:#e2c47d; }
.profile-restricted .login-form { border:0;border-top:4px solid #d4b069;border-radius:8px;box-shadow:0 24px 70px #071b1633; }
.profile-restricted .login-form h1 { color:#102f29; }
.profile-restricted input,.profile-restricted select,.profile-restricted textarea { border-color:#ccd9d1;border-radius:6px; }
.profile-restricted input:hover,.profile-restricted select:hover,.profile-restricted textarea:hover { border-color:#9db5a7; }
.profile-restricted input:focus,.profile-restricted select:focus,.profile-restricted textarea:focus { border-color:#1f594a;box-shadow:0 0 0 3px #1f594a18; }
.profile-restricted .sidebar { padding:26px 16px; }
.profile-restricted .sidebar nav { gap:7px; }
.profile-restricted .sidebar nav a { min-height:46px;padding:12px 13px;color:#eef6f1; }
.profile-restricted .sidebar nav a svg { opacity:.92; }
.profile-restricted .sidebar nav a.active svg { opacity:1; }
.profile-restricted .admin-brand { font-size:24px;overflow-wrap:anywhere; }
.profile-restricted .admin-brand .profile-avatar { margin-left:0;margin-right:0; }
.profile-restricted .admin-brand span { font:10px Arial,sans-serif;font-weight:700;text-transform:uppercase; }
.profile-restricted .admin-header { position:sticky;top:0;z-index:2; }
.profile-restricted #admin-name { color:#123f35; }
.profile-restricted #admin-name .profile-avatar { width:34px;height:34px;font-size:11px;border-width:2px; }
.profile-restricted #logout { border:1px solid #dbe5dd;background:#fff; }
.profile-restricted #logout:hover { background:#fff7e8;color:#6a501d; }
.profile-restricted .admin-main { max-width:1320px; }
.profile-restricted .page-heading { position:relative;overflow:hidden;margin-bottom:24px; }
.profile-restricted .page-heading::before { content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#123f35,#d4b069); }
.profile-restricted .page-heading>div,.profile-restricted .page-heading>button { position:relative;z-index:1; }
.profile-restricted .overline { letter-spacing:.04em;text-transform:uppercase; }
.profile-restricted .list-toolbar { padding:14px;border:1px solid #dce6df;border-radius:8px;background:#ffffffb8;box-shadow:0 12px 30px #173b300a; }
.profile-restricted .search input,.profile-restricted .list-toolbar select { background:#fff;min-height:44px; }
.profile-restricted .icon-button { border-radius:6px; }
.profile-restricted .list-toolbar>.icon-button { border:1px solid #dce6df;background:#fff; }
.profile-restricted .list-toolbar>.icon-button:hover { border-color:#d4b069;background:#fff8e9;color:#73561c; }
.profile-restricted table { font-size:13px; }
.profile-restricted th { text-transform:uppercase;letter-spacing:.035em; }
.profile-restricted td { padding:17px 16px; }
.profile-restricted td strong { color:#102f29; }
.profile-restricted .code { font-weight:700;letter-spacing:.02em; }
.profile-restricted .actions .icon-button { border:1px solid transparent; }
.profile-restricted .actions .icon-button:hover { border-color:#d4b069;background:#fff8e9;color:#73561c; }
.profile-restricted dialog { border:0;border-top:4px solid #d4b069;border-radius:8px;box-shadow:0 30px 90px #071b1640; }
.profile-restricted dialog::backdrop { background:#071b1680;backdrop-filter:blur(2px); }
.profile-restricted .dialog-heading { padding-bottom:16px;border-bottom:1px solid #e5ece7;margin-bottom:22px; }
.profile-restricted .dialog-heading h2 { color:#102f29; }
.profile-restricted .account-form { padding:22px;border:1px solid #dce6df;border-radius:8px;background:#ffffffc9;box-shadow:0 12px 30px #173b300a; }
.profile-restricted .avatar-form h2 { margin-bottom:18px; }

/* Tablets: reduz espacamento sem transformar o menu em horizontal. */
@media(max-width:1000px) { .stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-main { padding:26px; } .admin-header { padding:0 26px; } }

/* Celulares: menu vira faixa rolavel e formularios/tabelas ganham layout compacto. */
@media(max-width:720px) {
 .sidebar { position:static;width:100%;padding:18px 16px 12px; }
 .admin-brand { font-size:24px;text-align:left; } .admin-brand span { font-size:10px; }
 .sidebar-label,.public-link { display:none; } .sidebar nav { flex-direction:row;overflow-x:auto;margin-top:18px;gap:6px; }
 .sidebar nav a { padding:10px 12px;white-space:nowrap;font-size:12px; } .sidebar nav svg { width:16px;height:16px; }
 .workspace { margin-left:0; } .admin-header { height:56px;padding:0 18px; } .header-label { display:none; } .admin-header>div { width:100%;justify-content:space-between; }
 .admin-main { padding:24px 18px; } h1 { font-size:25px; } .page-heading { align-items:flex-start; }
 .profile-restricted .page-heading { padding:18px; }
 .profile-restricted .admin-brand { padding:12px 14px; }
 .avatar-settings { grid-template-columns:1fr; }
 .page-heading>.primary { padding:10px;gap:6px;font-size:12px; }
 .stats { gap:10px; } .stat { padding:15px; } .stat-top { font-size:11px; } .stat strong { font-size:28px; }
 .list-toolbar { flex-wrap:wrap; } .search { flex-basis:100%; } .list-toolbar select { flex:1; }
 .table-scroll table { min-width:650px; } .dialog-fields { grid-template-columns:1fr; } .field-wide { grid-column:auto; }
 #record-form { padding:20px; } .dialog-heading h2 { font-size:21px; } .admin-footer { padding:20px 18px;gap:14px;flex-wrap:wrap; }
 .login-form { padding:24px; } .pagination { font-size:11px; }
}

.client-image-preview {margin:12px 0;display:flex;align-items:center;gap:12px;color:#63736d;}
.client-image-preview img {width:88px;height:88px;object-fit:cover;border-radius:50%;border:2px solid #d2c296;}
#client-photo-field[hidden] {display:none!important;}
.actions [data-client-image] {display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}

/* Selecao de assunto e codigo do atendimento. */
.subject-select-wrap {border:1px solid #c4d6cc;border-radius:9px;background:linear-gradient(135deg,#f3f8f4,#fff);box-shadow:0 3px 12px #173b3008;}
.subject-select-wrap select {width:100%;min-height:48px;border:0!important;background:transparent!important;color:#164b3c;font-weight:600;border-radius:9px;}
.subject-select-wrap:focus-within {outline:2px solid #b89a5b;outline-offset:2px;}
.subject-hint {font-size:12px;line-height:1.5;color:#64756b;margin:7px 0 0;}
.case-code-control {display:flex;align-items:center;gap:8px;padding:5px 7px;border:1px solid #c4d6cc;border-radius:9px;background:#f4f8f5;min-width:0;}
.case-code-control:focus-within {outline:2px solid #b89a5b;outline-offset:2px;}
.case-code-prefix {flex:none;background:#164b3c;color:#fff;padding:7px 8px;border-radius:6px;font:700 12px monospace;}
.case-code-control input {min-width:0;flex:1;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:700 17px monospace;letter-spacing:1px;}
.case-code-generate {flex:none;border:1px solid #d8c69d;border-radius:6px;background:#f3ead9;color:#284b3f;padding:8px 10px;font:600 12px Arial,sans-serif;cursor:pointer;}
.case-code-generate:hover {background:#eadab8;}.case-code-generate:disabled {opacity:.6;cursor:wait;}.case-code-generate[hidden]{display:none;}
.subject-example {margin-top:10px;border:1px solid #d9e4dc;border-radius:8px;background:#f5f8f5;padding:10px 12px;font-size:13px;color:#375246;}
.subject-example summary {cursor:pointer;font-weight:600;}.subject-example p {white-space:pre-wrap;line-height:1.5;margin:10px 0 0;}

/* Acoes de registro: cores e foco consistentes nas listas. */
.record-actions {display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.record-action {display:inline-flex;align-items:center;justify-content:center;gap:6px;width:36px;min-width:36px;height:36px;padding:7px;border:1px solid #d5dfd8;border-radius:8px;background:#fff;color:#31574a;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s;}
.record-action svg {width:17px;height:17px;flex-shrink:0;}
.record-action:hover {transform:translateY(-1px);box-shadow:0 4px 10px #173b3014;}
.record-action:focus-visible {outline:2px solid #aa8644;outline-offset:3px;}
.record-action.action-edit {background:#fcf6e9;border-color:#e7d3a5;color:#916920;}
.record-action.action-save {background:#eaf5ee;border-color:#bad8c4;color:#226243;}
.record-action.action-delete {background:#fff1ef;border-color:#ebc6c0;color:#a44335;}
.record-action.action-delete:hover {background:#fce1dd;}
.record-action.action-image {width:auto;padding:7px 10px;font:500 12px Arial,sans-serif;}
.record-action:disabled {opacity:.55;cursor:wait;transform:none;}
#delete-record-dialog {width:min(540px,calc(100% - 32px));}
#delete-record-form {padding:28px;}
.delete-record-intro {display:flex;align-items:center;gap:13px;margin:20px 0;}
.delete-record-intro p {margin:0 0 5px;color:#65746b;font-size:13px;}
#delete-record-label {overflow-wrap:anywhere;}
.delete-record-icon {display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:12px;background:#fff0ec;color:#a44335;}
.delete-record-icon svg {width:22px;height:22px;}
.delete-record-warning {padding:14px;border:1px solid #e9d7af;border-radius:8px;background:#fcf7ed;line-height:1.6;font-size:14px;}
.delete-record-permanent {font-size:13px;color:#9a4135;line-height:1.5;}
.danger-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border:1px solid #a44335;border-radius:7px;background:#a44335;color:#fff;font-weight:600;cursor:pointer;}
.danger-button svg {width:17px;height:17px;}.danger-button:hover {background:#8c3529;}.danger-button:disabled {opacity:.55;cursor:wait;}
@media(prefers-reduced-motion:reduce){.record-action{transition:none;}.record-action:hover{transform:none;}}