.profile-access-page>[data-access-panel][hidden] { display:none!important; }
.profile-access-page>[data-access-panel] { --access-tone:#c9851c;--access-deep:#a76a10; }
.profile-access-page>[data-access-panel='accounts'] { --access-tone:#7759d8;--access-deep:#6140bd; }
.profile-access-page>[data-access-panel='duties'] { --access-tone:#218bb6;--access-deep:#176e93; }
.profile-access-page [data-access-panel] :is(.till-role-hero-icon,.employee-access-hero-icon,.responsibility-hero-icon) { background:linear-gradient(145deg,var(--access-tone),var(--access-deep));box-shadow:0 12px 25px color-mix(in srgb,var(--access-tone) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.35);color:#fff; }
.profile-access-page [data-access-panel] :is(.till-role-hero,.responsibility-hero,.profile-role-history) { border-color:color-mix(in srgb,var(--access-tone) 18%,var(--border)); }
.profile-access-page [data-access-panel] :is(.profile-access-head-badge,.profile-access-count,.responsibility-plan-note) { color:var(--access-tone);background:color-mix(in srgb,var(--access-tone) 10%,var(--panel));border-color:color-mix(in srgb,var(--access-tone) 18%,var(--border)); }
.profile-access-page [data-access-panel] :is(.profile-save-row .btn-primary,.responsibility-create-btn) { background:linear-gradient(135deg,var(--access-deep),var(--access-tone))!important;border-color:color-mix(in srgb,var(--access-tone) 45%,var(--border))!important;box-shadow:0 8px 19px color-mix(in srgb,var(--access-tone) 22%,transparent)!important;color:#fff!important; }
.profile-access-page [data-access-panel] :is(.till-attendant-select-trigger,.till-attendant-select-menu) { border-color:color-mix(in srgb,var(--access-tone) 25%,var(--border)); }
.profile-access-page [data-access-panel] :is(.till-attendant-select-trigger>i,.profile-role-history-head i,.profile-role-history-copy small i) { color:var(--access-tone); }
.profile-access-page [data-access-panel] .till-attendant-select-trigger:focus-visible { outline-color:var(--access-tone); }
.profile-access-page [data-access-panel] .profile-role-history-item:not(.is-active) { border-color:color-mix(in srgb,var(--access-tone) 19%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--access-tone) 5%,var(--panel)),var(--panel)); }
.profile-access-page [data-access-panel] .profile-role-history-item:not(.is-active) :is(.profile-role-history-icon,.profile-role-history-state) { color:var(--access-tone);background:color-mix(in srgb,var(--access-tone) 10%,var(--panel)); }
.profile-access-page [data-access-panel] :is(.employee-access-actions .pill-btn,.responsibility-edit-btn) { color:var(--access-tone);border-color:color-mix(in srgb,var(--access-tone) 25%,var(--border));background:color-mix(in srgb,var(--access-tone) 6%,var(--panel)); }
.profile-access-page .profile-access-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid var(--border);border-radius:20px;background:var(--panel);margin-bottom:18px; }
.profile-access-tabs button { --tab-tone:#c9851c;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:66px;padding:14px 10px;border:1px solid transparent;border-radius:14px;color:var(--text2);background:transparent;font:inherit;cursor:pointer;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease; }
.profile-access-tabs [data-access-tab='accounts'] { --tab-tone:#7759d8; }
.profile-access-tabs [data-access-tab='duties'] { --tab-tone:#218bb6; }
.profile-access-tabs button>i { display:grid;place-items:center;width:40px;height:29px;border:1px solid color-mix(in srgb,var(--tab-tone) 20%,transparent);border-radius:7px;color:var(--tab-tone);background:color-mix(in srgb,var(--tab-tone) 5%,transparent);font-size:20px; }
.profile-access-tabs button::after { content:'';position:absolute;inset-inline:22%;bottom:-2px;height:3px;border-radius:4px;background:var(--tab-tone);opacity:0;transform:scaleX(.45);transition:opacity .22s ease,transform .22s ease; }
.profile-access-tabs button:hover { background:color-mix(in srgb,var(--tab-tone) 5%,var(--panel));color:var(--text1); }
.profile-access-tabs button:is(:hover,:focus-visible,.is-active)::after { opacity:1;transform:scaleX(1); }
.profile-access-tabs button.is-active { color:var(--text1);background:color-mix(in srgb,var(--tab-tone) 11%,var(--panel));border-color:color-mix(in srgb,var(--tab-tone) 42%,var(--border));box-shadow:0 5px 14px color-mix(in srgb,var(--tab-tone) 12%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--tab-tone) 12%,transparent); }
.profile-access-tabs button.is-active::after { height:4px; }
.profile-access-tabs button:focus-visible { outline:3px solid color-mix(in srgb,var(--tab-tone) 45%,transparent);outline-offset:2px; }
.profile-access-page>[data-access-panel] { animation:accessPanelEnter .4s cubic-bezier(.22,1,.36,1); }
@keyframes accessPanelEnter { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:translateY(0); } }
@media(max-width:600px) { .profile-access-tabs button { flex-direction:column;font-size:11px;gap:7px;padding:12px 4px; } }
@media(prefers-reduced-motion:reduce) { .profile-access-tabs button,.profile-access-tabs button::after,.profile-access-page>[data-access-panel] { animation:none;transition:none; } }