/* auditor01: appearance and requested layout changes, screen only. */
@media screen {
body[data-screen="dashboard"] {background:linear-gradient(130deg,#ddf8ef 0%,#effaf7 48%,#dbf3ed 100%)!important}
body[data-screen="dashboard"] #appShell {position:relative;background:rgba(245,255,251,.56)!important;border:1px solid #ffffffd9;box-shadow:0 12px 38px #075a4312;color:#173e36}
body[data-screen="dashboard"] #appShell .side {background:linear-gradient(155deg,#087b60f5,#075442fa 58%,#14866df0)!important;border-color:#b2ecd7!important;box-shadow:inset 0 1px 0 #ffffff70!important}
body[data-screen="dashboard"] #appShell .side .brand {display:none!important}
body[data-screen="dashboard"] #appShell .side .nav button {color:#eefdf7!important}
body[data-screen="dashboard"] #appShell .side .nav button.active {background:linear-gradient(120deg,#ffffff3f,#97ead943)!important;border:1px solid #c6fff26b;box-shadow:inset 0 1px 0 #ffffff55}
body[data-screen="dashboard"] #appShell .top {display:flex!important;align-items:center;gap:14px;flex-wrap:wrap;min-height:90px!important;height:auto!important;padding:12px 22px!important;background:linear-gradient(110deg,#ffffffc9,#e9fff6ad)!important;border-color:#ffffff!important;box-shadow:0 6px 22px #09634e0b;backdrop-filter:blur(12px)}
#appShell .top .headtitle {flex:1;min-width:160px}
#appShell .top .headtitle small,#appShell .top .headtitle p {display:none}
#appShell .top h1 {font-size:clamp(18px,1.6vw,25px);margin:0;line-height:1.6}
#appShell .top .actions {flex-wrap:wrap;gap:10px;margin:0}
#appShell .top .search {max-width:230px;height:40px;min-height:40px}
#appShell .top .search input {width:100%;min-width:0}
#appShell .top .profile {gap:8px}
#appShell .top .profile small {display:none}
#appShell .top .avatar {width:38px;height:38px;overflow:hidden;flex-shrink:0}
#appShell .top .avatar img {width:100%;height:100%;object-fit:cover}
#appShell .auditor-header-logo {display:flex;align-items:center;justify-content:center;flex:0 0 66px;width:66px;height:62px}
#appShell .auditor-org-logo {order:-10}
#appShell .auditor-app-logo {order:10}
#appShell .auditor-header-logo img {width:58px!important;height:58px!important;max-width:100%!important;max-height:100%!important;object-fit:contain;animation:auditor-logo-arrive 1.2s ease-out both;transition:transform .35s ease,filter .35s ease}
#appShell .auditor-header-logo:hover img {transform:translateY(-2px);filter:drop-shadow(0 3px 4px #08755b30)}
@keyframes auditor-logo-arrive {from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#appShell :is(.stat,.panel,.mini,.v-panel,.v-category,.gf-form-card) {background:linear-gradient(130deg,#ffffffee,#f5fffbdf)!important;border-color:#c3e8de!important;box-shadow:inset 0 1px 0 #fff,0 5px 16px #075f4810!important;backdrop-filter:none!important}
#appShell .v-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
#appShell .v-category {position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;min-height:198px;height:auto;padding:18px!important;text-align:right;border-radius:18px!important}
#appShell .v-category strong {font-size:17px;line-height:1.7;margin:0;overflow-wrap:anywhere}
#appShell .v-category small {font-size:12px;line-height:1.8;margin:0;white-space:normal;color:#527269!important}
#appShell .v-category small:last-child {margin-top:auto}
#appShell .v-category .v-icon {width:48px;height:48px;margin:0;background:#d9f8eaf0!important;color:#087459!important}
#appShell .v-category .v-icon svg {width:29px;height:29px}
#appShell .v-category .v-arrow {position:absolute;left:14px;top:24px;font-size:20px}
#appShell .v-category:hover {border-color:#11ac7d!important;transform:translateY(-2px)}
#appShell .v-btn {min-height:34px;padding:6px 11px;font-size:12px;gap:5px;border-radius:9px}
#appShell .v-btn svg,#appShell .iconbtn svg {width:17px;height:17px}
#appShell .iconbtn {width:36px;height:36px;min-height:36px}
#appShell .rp-row-actions {display:flex;flex-wrap:wrap;gap:5px}
#appShell .auditor-icon-action {width:34px;min-width:34px;height:34px;padding:7px!important}
#appShell .auditor-icon-action span {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#appShell #auditor-sidebar-tab {position:fixed;z-index:90;right:225px;top:50%;width:25px;height:64px;display:grid;place-items:center;border:1px solid #c4eddf;border-radius:14px 0 0 14px;background:#f0fff8ee;color:#087056;box-shadow:-3px 2px 10px #07543c19;cursor:pointer;font:24px Tahoma;transition:right .2s ease}
body.shell-collapsed #appShell #auditor-sidebar-tab {right:79px}
#appShell .account-photo {width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid #bee8d7}
#appShell input[data-auditor-date] {font-family:AuditorVazir,Vazirmatn,Vazir,Tahoma,sans-serif!important;text-align:right;letter-spacing:0;font-variant-numeric:tabular-nums}
#appShell input[aria-invalid="true"] {border-color:#bb3f47!important}
#appShell :is(button,a,input,select):focus-visible {outline:3px solid #269e80;outline-offset:3px}
@media(min-width:761px){#appShell #shellToggle{display:none!important}}
@media(max-width:1200px){#appShell .v-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#appShell .top .actions{flex:1 1 100%;order:20;justify-content:flex-start}#appShell .top .search{max-width:none;flex:1}}
@media(max-width:760px){#appShell .v-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#appShell .top{padding:10px!important;gap:8px!important}#appShell .auditor-header-logo{flex-basis:44px;width:44px;height:44px}#appShell .auditor-header-logo img{width:42px!important;height:42px!important}#appShell .top .headtitle{min-width:90px}#appShell .top h1{font-size:17px}#appShell .v-category{min-height:185px;padding:14px!important}#appShell .v-category strong{font-size:15px}#appShell #auditor-sidebar-tab{right:0}body.shell-drawer-open #appShell #auditor-sidebar-tab{display:none}#appShell .v-btn,#appShell .iconbtn,#appShell .auditor-icon-action{min-height:44px;min-width:44px}}
@media(max-width:420px){#appShell .v-grid{grid-template-columns:1fr}#appShell .v-category{min-height:170px}}
@media(prefers-reduced-motion:reduce){#appShell .auditor-header-logo img,#appShell #auditor-sidebar-tab,#appShell .v-category{animation:none!important;transition:none!important;transform:none!important}}
}
@media print {#auditor-sidebar-tab{display:none!important}}

/* Sidebar revision: RTL curved selection; original emerald background retained. */
@media screen {
body[data-screen="dashboard"] #appShell .side {padding-left:0!important;padding-right:16px!important}
body[data-screen="dashboard"] #appShell .side .nav {gap:12px;padding:10px 0;isolation:isolate}
body[data-screen="dashboard"] #appShell .side .nav button {position:relative;min-height:48px;gap:12px;padding:11px 18px 11px 24px;border:0!important;border-radius:26px 0 0 26px;transform:none!important;transition:background-color .2s ease,color .2s ease}
body[data-screen="dashboard"] #appShell .side .nav button svg {flex-shrink:0;width:21px;height:21px}
body[data-screen="dashboard"] #appShell .side .nav button:not(.active):hover {background:#ffffff18!important}
body[data-screen="dashboard"] #appShell .side .nav button.active {background:#f3fcf8!important;color:#075d49!important;border-radius:0 26px 26px 0!important;box-shadow:none!important;z-index:1}
body[data-screen="dashboard"] #appShell .side .nav button.active::before,
body[data-screen="dashboard"] #appShell .side .nav button.active::after {content:"";position:absolute;left:0;width:17px;height:17px;pointer-events:none}
body[data-screen="dashboard"] #appShell .side .nav button.active::before {top:-17px;background:radial-gradient(circle at 100% 0,transparent 16.5px,#f3fcf8 17px)}
body[data-screen="dashboard"] #appShell .side .nav button.active::after {bottom:-17px;background:radial-gradient(circle at 100% 100%,transparent 16.5px,#f3fcf8 17px)}
body[data-screen="dashboard"] #appShell .side .nav button:focus-visible {outline:2px solid #b7f6dd;outline-offset:-4px}
body[data-screen="dashboard"] #appShell .side .nav button.active:focus-visible {outline-color:#118664}
@media(min-width:761px){
body[data-screen="dashboard"].shell-collapsed #appShell .side {padding-right:12px!important}
body[data-screen="dashboard"].shell-collapsed #appShell .side .nav button {justify-content:center;padding:12px 13px 12px 20px}
}
@media(prefers-reduced-motion:reduce){body[data-screen="dashboard"] #appShell .side .nav button{transition:none}}
}
/* Compact workspace, screen only; no changes to printed forms. */
@media screen {
body[data-screen="dashboard"] #appShell .content:is(:has(.ad-dashboard),:has(.auditor-users),:has(.v-work)) {padding:16px 20px!important;gap:14px!important}
body[data-screen="dashboard"] #appShell .content:has(.ad-dashboard),body[data-screen="dashboard"] #appShell .content:has(.auditor-users) {display:block!important}
/* Quiet panel control: the existing sidebar controller remains responsible for state. */
#appShell #auditor-menu-control {display:flex;align-items:center;justify-content:center;align-self:flex-start;flex:0 0 40px;box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;margin:0 0 12px;padding:0;border:0;border-radius:10px;background:transparent;color:#f3fff9;box-shadow:none;appearance:none;font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,color .18s ease}
#appShell #auditor-menu-control:hover {background:#ffffff14}
#appShell #auditor-menu-control:active {background:#ffffff24}
#appShell #auditor-menu-control:focus-visible {outline:2px solid #b7f6dd;outline-offset:2px}
#appShell #auditor-menu-control svg {display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#appShell #auditor-menu-control .auditor-menu-arrow {transform-origin:8px 12px;transition:transform .18s ease}
#appShell #auditor-menu-control[aria-expanded="false"] .auditor-menu-arrow {transform:rotate(180deg)}
#appShell #auditor-menu-control span {display:none}
body.shell-collapsed #appShell #auditor-menu-control {align-self:center;margin-right:12px}
@media(max-width:760px){#appShell #auditor-menu-control {width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){#appShell #auditor-menu-control,#appShell #auditor-menu-control .auditor-menu-arrow {transition:none}}
#appShell .auditor-header-logo {background:none!important;border:0!important;box-shadow:none!important;flex-basis:90px;width:90px;height:64px}
#appShell .auditor-header-logo img {width:auto!important;height:auto!important;max-width:90px!important;max-height:64px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;animation:auditor-logo-breathe 6s ease-in-out infinite!important}
#appShell .auditor-org-logo img {mix-blend-mode:multiply}
@keyframes auditor-logo-breathe {0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
#appShell .v-work {padding:0!important;gap:12px!important}
#appShell .v-head {margin:0 0 10px!important;padding:0!important;min-height:0!important;align-items:center}
#appShell .v-head h2 {font-size:21px!important;margin:0 0 4px!important;line-height:1.5!important}
#appShell .v-head p,#appShell .v-kicker {display:none!important}
#appShell .v-tabs {margin:0 0 12px!important;padding:0 0 10px!important;gap:8px!important}
#appShell .v-tabs button {padding:7px 12px!important;min-height:36px!important;font-size:13px!important}
#appShell .v-search {margin:10px 0!important;gap:10px!important}
#appShell .v-search input {min-height:38px!important;height:38px!important;padding:6px 12px!important;font-size:13px!important}
#appShell .v-grid {gap:10px!important;grid-template-columns:repeat(4,minmax(0,1fr))}
#appShell .v-category {min-height:128px!important;padding:12px 14px!important;gap:5px!important;border-radius:14px!important}
#appShell .v-category strong {font-size:15px!important;line-height:1.55!important}
#appShell .v-category small {font-size:11px!important;line-height:1.55!important}
#appShell .v-category .v-icon {width:34px!important;height:34px!important;border-radius:10px!important}
#appShell .v-category .v-icon svg {width:24px!important;height:24px!important}
#appShell .v-category .v-arrow {top:14px!important}
#appShell .v-foot:empty {display:none!important}
#appShell .ad-dashboard {display:grid;gap:14px;color:#173e36}
#appShell .ad-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0}
#appShell .ad-heading h2 {font-size:20px;margin:0 0 4px}
#appShell .ad-heading p {font-size:12px;color:#527269;margin:0}
#appShell .ad-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#appShell .ad-stat {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#ffffffdf;border:1px solid #c3e8de;border-radius:15px;font-size:13px;min-height:82px}
#appShell .ad-stat strong {font-size:29px;color:#087259}
#appShell .ad-charts {display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
#appShell .ad-panel {padding:16px;border:1px solid #c3e8de;border-radius:16px;background:#ffffffdd;box-shadow:0 4px 14px #075f480a}
#appShell .ad-panel h3 {font-size:15px;margin:0 0 12px}
#appShell .ad-panel small {display:block;color:#60776e;font-size:11px;margin-top:8px}
#appShell .ad-bar-row {display:grid;grid-template-columns:minmax(110px,1fr) 1.6fr 30px;gap:10px;align-items:center;margin:12px 0;font-size:12px}
#appShell .ad-track {height:12px;overflow:hidden;border-radius:5px;background:#e7f2ed}
#appShell .ad-track i {display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#35b99b,#08745a)}
#appShell .ad-bar-row b {text-align:left;font-variant-numeric:tabular-nums}
#appShell .ad-coverage {display:flex;justify-content:space-between;gap:8px;margin:16px 0 8px;font-size:12px}
#appShell .ad-panel progress {width:100%;height:9px;accent-color:#118466;display:block}
#appShell .ad-table-wrap {overflow-x:auto}
#appShell .ad-panel table {width:100%;border-collapse:collapse;font-size:12px;text-align:right}
#appShell .ad-panel th {background:#e2f4ec;padding:9px 10px;font-weight:600;white-space:nowrap}
#appShell .ad-panel td {padding:9px 10px;border-bottom:1px solid #e4eee8;line-height:1.7}
#appShell .ad-panel td:last-child {white-space:nowrap}
#appShell .ad-empty {font-size:13px;color:#60776e;margin:18px 0}
#appShell .ad-links {display:flex;gap:6px;margin-bottom:10px}
#appShell .auditor-users {padding:18px!important;max-width:1120px;margin:0 auto!important}
#appShell .auditor-users h2 {font-size:21px;margin:0 0 16px!important}
#appShell .auditor-users .gf-fields {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 16px!important;align-items:start!important}
#appShell .auditor-users label {display:flex!important;flex-direction:column;gap:6px!important;font-size:13px!important;margin:0!important;min-width:0}
#appShell .auditor-users :is(input:not([type="checkbox"]),select) {width:100%!important;height:39px!important;min-height:39px!important;padding:6px 10px!important;border-radius:9px!important;font-size:13px!important;margin:0!important}
#appShell .auditor-users input[type="file"] {font-size:11px!important;padding:6px!important}
#appShell .auditor-users label:has(input[type="checkbox"]) {flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:36px;align-self:center}
#appShell .auditor-users input[type="checkbox"] {width:16px!important;height:16px!important;min-height:16px!important;margin:0!important;flex:0 0 16px}
#appShell .auditor-users .v-btn {width:max-content!important;min-width:120px;justify-self:start;align-self:center}
#appShell .auditor-users p[role="status"] {grid-column:1/-1;margin:0;font-size:12px}
#appShell .auditor-users p[role="status"]:empty {display:none}
#appShell .auditor-users .auditor-own-photo {margin-top:20px!important;border-top:1px solid #d5e8df;padding-top:16px!important}
#appShell .auditor-own-photo h3 {grid-column:1/-1;font-size:15px;margin:0}
#appShell .auditor-users .account-photo {height:48px;width:48px}
@media(max-width:1100px){#appShell .v-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#appShell .ad-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body[data-screen="dashboard"] #appShell .content{padding:12px!important}#appShell .v-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#appShell .ad-charts{grid-template-columns:1fr}#appShell .auditor-users .gf-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}#appShell .auditor-header-logo{flex-basis:64px;width:64px;height:50px}#appShell .auditor-header-logo img{max-width:64px!important;max-height:50px!important}#appShell .v-tabs button{min-height:44px!important}}
@media(max-width:440px){#appShell .auditor-users .gf-fields{grid-template-columns:1fr!important}#appShell .ad-stat{padding:12px;font-size:12px}#appShell .ad-stat strong{font-size:24px}#appShell .ad-bar-row{grid-template-columns:100px 1fr 24px;gap:6px}#appShell .v-category strong{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){#appShell .auditor-header-logo img{animation:none!important;transition:none!important}}
}

@media screen {#appShell #notice .red-dot {display:none}}

/* Header logo correction: use the supplied transparent PNG through Settings.
   Only the organization logo in the application header is affected. */
@media screen {
  body[data-screen="dashboard"] #appShell .top .auditor-org-logo {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    height:76px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible;
  }
  body[data-screen="dashboard"] #appShell .top .auditor-org-logo img,
  body[data-screen="dashboard"] #appShell .top img#org-mark {
    display:block!important;
    flex:none!important;
    width:auto!important;
    height:76px!important;
    min-width:0!important;
    min-height:0!important;
    max-width:96px!important;
    max-height:76px!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    mix-blend-mode:normal!important;
    filter:none!important;
    transform-origin:center;
  }
  @media(max-width:760px) {
    body[data-screen="dashboard"] #appShell .top .auditor-org-logo {
      flex-basis:64px!important;
      width:64px!important;
      min-width:64px!important;
      height:56px!important;
    }
    body[data-screen="dashboard"] #appShell .top .auditor-org-logo img,
    body[data-screen="dashboard"] #appShell .top img#org-mark {
      height:56px!important;
      max-width:64px!important;
      max-height:56px!important;
    }
  }
}

/* Visit catalog only: fixed workspace with an independent cards scroller. */
@media screen {
html:has(body[data-screen="dashboard"] .v-catalog),
body[data-screen="dashboard"]:has(.v-catalog) {height:100%;overflow:hidden}
body[data-screen="dashboard"] #appShell:has(.v-catalog) {height:calc(100dvh - 32px);min-height:0!important;overflow:hidden;box-sizing:border-box}
#appShell:has(.v-catalog) > main {display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
#appShell:has(.v-catalog) > .side {height:100%;min-height:0;overflow-y:auto;box-sizing:border-box}
#appShell:has(.v-catalog) .top,#appShell:has(.v-catalog) .v-mobile {flex-shrink:0}
body[data-screen="dashboard"] #appShell .content:has(.v-catalog) {display:flex!important;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:12px 16px!important}
#appShell .v-work.v-catalog {display:flex;flex-direction:column;flex:1;min-height:0;height:100%;gap:8px!important;margin:0}
#appShell .v-catalog > .v-head {flex-shrink:0;margin:0!important;gap:8px}
#appShell .v-catalog > .v-head h2 {margin:0!important;font-size:19px!important}
#appShell .v-catalog-tools {display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}
#appShell .v-catalog-tools .v-tabs {display:flex;flex-wrap:wrap;flex-shrink:0;margin:0!important;padding:0!important;border:0;gap:6px!important}
#appShell .v-catalog-tools > .v-btn {font-size:12px;white-space:normal}
#appShell .v-catalog-tools .v-search {display:flex;flex:1 1 240px;min-width:0;max-width:none;margin:0!important}
#appShell .v-catalog-tools .v-search input {width:100%;max-width:none;min-width:0}
#appShell .v-catalog #vBody {flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#70af9e transparent;padding:4px 5px 8px;outline-offset:-2px}
#appShell .v-catalog .v-grid {align-content:start;margin:0!important;padding:0}
#appShell .v-catalog .v-foot {flex-shrink:0;margin:0;font-size:11px}
@media(max-width:800px){
body[data-screen="dashboard"] #appShell:has(.v-catalog) {height:100dvh;margin:0}
}
@media(max-width:760px){
body[data-screen="dashboard"] #appShell .content:has(.v-catalog) {padding:8px!important}
#appShell .v-catalog-tools {gap:6px}
#appShell .v-catalog-tools .v-tabs {flex:1 1 100%}
#appShell .v-catalog-tools .v-tabs button {flex:1;min-height:40px!important;padding:5px 8px!important;font-size:12px!important}
#appShell .v-catalog-tools > .v-btn {min-height:40px;flex:0 1 auto}
#appShell .v-catalog-tools .v-search {flex:1 1 160px}
}
}

/* Compact archive operations, isolated from forms and print templates. */
@media screen {
#appShell .rp-archive-table .rp-row-actions {display:flex!important;flex-direction:row;flex-wrap:nowrap!important;align-items:center;justify-content:flex-start;gap:6px;max-width:100%;overflow-x:auto;padding:4px;box-sizing:border-box;scrollbar-width:thin}
#appShell .rp-archive-table .rp-row-actions .auditor-archive-action {--action-color:#08775e;--action-soft:#e1f5ed;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;box-sizing:border-box;width:34px;min-width:34px;height:34px;min-height:34px;min-block-size:34px;padding:0!important;border-radius:10px!important;overflow:hidden;color:var(--action-color)!important;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
#appShell .rp-archive-table .auditor-archive-action[data-action="view"] {--action-color:#147d68;--action-soft:#def6ed}
#appShell .rp-archive-table .auditor-archive-action[data-action="edit"] {--action-color:#ad6b13;--action-soft:#fff0d4}
#appShell .rp-archive-table .auditor-archive-action[data-action="print"] {--action-color:#326cb0;--action-soft:#e5efff}
#appShell .rp-archive-table .auditor-archive-action[data-action="report"] {--action-color:#7851b4;--action-soft:#f0e8ff}
#appShell .rp-archive-table .auditor-archive-action[data-action="delete"] {--action-color:#bb414b;--action-soft:#ffe8eb}
#appShell .rp-archive-table .auditor-archive-action > span {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#appShell .rp-archive-table .auditor-archive-action svg {width:17px;height:17px;flex:none;pointer-events:none}
#appShell .rp-archive-table .auditor-archive-action:not(:disabled):hover,
#appShell .rp-archive-table .auditor-archive-action:focus-visible {background:var(--action-soft)!important;transform:translateY(-1px)}
#appShell .rp-archive-table .rp-row-actions .auditor-archive-action.auditor-action-feedback,
#appShell .rp-archive-table .rp-row-actions .auditor-archive-action:active {background:var(--action-color)!important;color:#fff!important;border-color:transparent!important;opacity:1!important}
#appShell .rp-archive-table .auditor-archive-action.auditor-action-feedback svg {animation:auditor-action-tap .32s ease-out}
@keyframes auditor-action-tap {0%{transform:scale(1)}40%{transform:scale(.82)}75%{transform:scale(1.08)}100%{transform:scale(1)}}
@media(pointer:coarse),(max-width:760px){
#appShell .rp-archive-table .rp-row-actions .auditor-archive-action {flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px;min-block-size:44px}
}
@media(prefers-reduced-motion:reduce){
#appShell .rp-archive-table .auditor-archive-action,
#appShell .rp-archive-table .auditor-archive-action svg {animation:none!important;transition:none!important;transform:none!important}
}
}