/* ANUBUCURA role spaces */
.role-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.role-entry{--role-accent:#15554f;--role-tint:#e8f0e8;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;min-height:198px;padding:20px 18px;overflow:hidden;text-decoration:none;color:#392b23;background:#fffdf9;border:1px solid #eadbca;border-top:3px solid var(--role-accent);border-radius:18px 18px 18px 7px;box-shadow:0 4px 14px #3e2b1c09;transition:transform .25s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease,border-color .25s ease}
.role-entry:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--role-accent) 35%,#eadbca);box-shadow:0 14px 27px #3e2b1c14;color:#392b23}.role-entry:focus-visible{outline:3px solid var(--role-accent);outline-offset:4px}
.role-entry-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--role-tint);color:var(--role-accent);font-size:24px;font-weight:700;transition:transform .25s ease,border-radius .25s ease}.role-entry:hover .role-entry-icon{transform:rotate(-5deg) translateY(-2px);border-radius:16px 11px 16px 11px}
.role-entry-title{font-size:1rem;font-weight:850;letter-spacing:-.035em;line-height:1.25;color:#392b23}.role-entry-copy{flex:1;max-width:31ch;color:#77675e;font-size:.87rem;line-height:1.62}.role-entry-link{display:flex;gap:7px;align-items:center;margin-top:5px;color:var(--role-accent);font-size:.83rem;font-weight:800}.role-entry-link b{transition:transform .2s ease}.role-entry:hover .role-entry-link b{transform:translateX(4px)}
.role-entry:before{content:"";position:absolute;z-index:0;width:145px;height:145px;right:-65px;bottom:-80px;border-radius:50%;background:var(--role-tint);opacity:.45;pointer-events:none;transition:transform .35s ease,opacity .35s ease}.role-entry:hover:before{transform:scale(1.3);opacity:.7}.role-entry>*{position:relative;z-index:1}
.role-entry.buyer-entry{--role-accent:#15554f;--role-tint:#e5efeb;background:linear-gradient(145deg,#fffefb,#f5faf7)}.role-entry.seller-entry{--role-accent:#9a633e;--role-tint:#f5e8d9;background:linear-gradient(145deg,#fffefb,#fff8ef)}.role-entry.shelter-entry{--role-accent:#8a594a;--role-tint:#f5e6e2;background:linear-gradient(145deg,#fffefb,#fcf3ef)}.role-entry.admin-entry{--role-accent:#4e5b75;--role-tint:#e9edf4;background:linear-gradient(145deg,#fffefb,#f4f5f9)}
.role-entry-grid-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:22px 0 28px}.role-entry-grid-page .role-entry{min-height:210px;padding:22px}
.role-access-chip{display:inline-flex;align-items:center;width:fit-content;border:1px solid #e6d6c5;border-radius:999px;padding:5px 9px;color:#806d5e;font-size:.7rem;line-height:1.3;font-weight:700;background:#fff9f2}.role-access-chip.granted{color:#15554f;background:#e7f1eb;border-color:#c8dfd3}
.role-session-note{margin:12px 0 16px;padding:13px 15px;background:#f4eadf;border:1px solid #ead7c2;border-radius:13px;color:#6e5642;font-size:.85rem;line-height:1.6}.role-security-note{border-left:4px solid #4e5b75}.role-security-note p{max-width:78ch;color:#75665c;line-height:1.68}
.quick-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 30px}.quick-action{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:125px;padding:16px;border:1px solid #eadbca;border-radius:15px 15px 15px 6px;background:#fffdf9;color:#392b23;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.quick-action:hover{transform:translateY(-3px);box-shadow:0 10px 22px #3e2b1c12;color:#392b23}.quick-action>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#f2e5d7;font-size:20px}.quick-action strong{font-size:.86rem;font-weight:800;letter-spacing:-.02em}.quick-action small{color:#817165;font-size:.75rem;line-height:1.45}
.role-switch-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;background:linear-gradient(125deg,#fffdf9,#f5eee5)}.seller-earnings-panel{border:1px solid #d7e5dc;background:linear-gradient(145deg,#fffdf9,#f0f7f2)}.earnings-period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 12px}.earnings-period{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;border-radius:13px 13px 13px 5px;background:#fff;border:1px solid #d9e6dc}.earnings-period>span{font-size:.79rem;font-weight:750;color:#5f7368}.earnings-period strong{font-size:clamp(1.1rem,2.3vw,1.6rem);font-weight:900;letter-spacing:-.05em;line-height:1.1;color:#15554f;overflow-wrap:anywhere}.earnings-period small{font-size:.72rem;line-height:1.4;color:#817368}
.shelter-priority-note{display:grid;gap:5px;margin:14px 0 18px;padding:17px 18px;border:1px solid #c9ddd4;border-left:4px solid #15554f;border-radius:0 14px 14px 0;background:#f1f8f3;color:#315a4b}.shelter-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.shelter-stats-grid article{display:grid;align-content:start;gap:7px;padding:15px;border:1px solid #d9e5de;border-radius:14px 14px 14px 5px;background:#fbfdfb}.shelter-stats-grid article>span{font-size:.76rem;color:#6c756e}.shelter-stats-grid article>strong{font-size:1.65rem;color:#174d43;font-weight:900;letter-spacing:-.04em}
.admin-priority-banner{display:grid;gap:5px;margin:12px 0 18px;padding:17px 18px;border:1px solid #dfb99b;border-left:5px solid #b85e3b;border-radius:9px 16px 16px 16px;background:#fff3e7;color:#63432f}
.product-image-preview{max-width:220px;max-height:170px;object-fit:contain;padding:6px;margin-top:8px;border:1px solid #eadbca;border-radius:12px;background:#fffdf9}.seller-product-thumb{width:58px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #eadbca;background:#fffdf9;flex:0 0 58px}
@media(max-width:1000px){.role-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelter-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.role-entry-grid,.role-entry-grid-page{grid-template-columns:1fr;gap:10px}.role-entry-grid-page .role-entry{min-height:0;padding:18px}.quick-action-grid{gap:8px}.quick-action{min-height:115px;padding:12px}.earnings-period-grid{grid-template-columns:1fr;gap:8px}.role-switch-panel{align-items:flex-start;flex-direction:column}.shelter-stats-grid{gap:8px}.role-entry{min-height:0;padding:17px}.role-entry-copy{max-width:none}}
@media(prefers-reduced-motion:reduce){.role-entry,.quick-action{transition:none!important}}
