.holo .holo-role-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:16px}
.holo-archive-panel{margin:14px 0 18px;border:1px solid #35637a;border-radius:14px;background:#0a263e;color:#e9f8fb;overflow:hidden}
.holo-archive-panel summary{display:flex;align-items:center;gap:10px;padding:14px 17px;cursor:pointer;list-style:none}
.holo-archive-panel summary::-webkit-details-marker{display:none}
.holo-archive-panel summary svg{width:18px;height:18px;color:#72e5cb}
.holo-archive-panel summary span{font-weight:800}
.holo-archive-panel summary b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:7px;background:#174c59;color:#9cf1de;font-size:12px}
.holo-archive-panel summary small{margin-inline-start:auto;color:#9dbfd0}
.holo-archive-list{display:grid;gap:8px;padding:0 12px 12px}
.holo-archive-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #2b4c63;border-radius:10px;background:#0d3049}
.holo-archive-list article b,.holo-archive-list article small{display:block}
.holo-archive-list article small{margin-top:2px;color:#a2c2d3;font-size:12px}
.holo-archive-list form{margin:0}
.holo-archive-list button{min-width:88px;padding:8px 13px;border:1px solid #58c8ac;border-radius:8px;background:#13504f;color:#b8f9e7;font-weight:800;cursor:pointer}
.holo-archive-list button:hover{background:#176863}
@media(max-width:600px){.holo-archive-panel summary{flex-wrap:wrap}.holo-archive-panel summary small{width:100%;margin:0}}
.holo .holo-role-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:18px 20px;border-color:#365b73;background:linear-gradient(155deg,#10334b 0%,#0a2139 54%,#071a31 100%);box-shadow:0 14px 34px #0004;overflow:hidden}
.holo .holo-role-card::before{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#59dfc4,#f1c75c);content:''}
.holo .holo-role-card>header{align-items:center}
.holo .holo-role-card .holo-role-identity b{white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.holo .holo-role-card .holo-role-purpose{margin:15px 0 12px}
.holo .holo-role-card .holo-role-purpose p{min-height:42px;max-width:65ch}
.holo .holo-role-card.is-compact>.holo-role-content,.holo .holo-role-card.is-compact>.holo-role-guidance{display:none}
.holo .holo-role-card .holo-role-view{flex:none;gap:6px;padding:8px 12px;border:1px solid #388b91;border-radius:9px;background:#124751;color:#9af5e1;font-size:12px;font-weight:800}
.holo .holo-role-card .holo-role-view:hover{border-color:#76e9d2;background:#176069}
.holo .holo-role-card .holo-role-view:focus-visible,.holo-role-dialog button:focus-visible{outline:2px solid #70e8d1;outline-offset:2px}
.holo .holo-role-card>footer{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;margin-top:auto;padding-top:13px}
.holo .holo-role-card .holo-role-holders>span:last-child{margin-left:0}
.holo-role-card .holo-role-actions{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}
.holo-role-actions form{min-width:0;margin:0}
.holo-role-card .holo-role-actions button{display:inline-flex;width:100%;min-height:39px;align-items:center;justify-content:center;gap:5px;margin:0;padding:8px 9px;border-radius:9px;font-size:12px;font-weight:750;white-space:nowrap;transition:border-color .15s,background .15s,transform .15s}
.holo-role-card .holo-role-actions button:hover{transform:translateY(-1px)}
.holo-role-card .holo-role-edit{border:1px solid #387e8a;background:#123847;color:#87e6d5}
.holo-role-card .holo-role-edit:hover{border-color:#73dbc7;background:#174956}
.holo-role-card .holo-role-actions .holo-assign-role{border:1px solid #8a7237;background:#2d2a29;color:#f6cf67}
.holo-role-card .holo-role-actions .holo-assign-role:hover{border-color:#f1c85f;background:#403627}
.holo-role-card .holo-role-actions .holo-delete-action{min-height:39px;padding:8px 9px!important;font-size:12px}
.holo-role-actions svg{width:15px;height:15px;flex:none}
.holo-role-dialog{width:min(900px,calc(100vw - 32px));max-height:min(88vh,850px);padding:0;border:1px solid #3a6279;border-radius:18px;background:#071b31;color:#edf7fc;box-shadow:0 30px 100px #000b;overflow:auto}
.holo-role-dialog::backdrop{background:#010b1dd9;backdrop-filter:blur(5px)}
.holo-role-dialog-inner{display:flex;flex-direction:column;min-height:0}
.holo-role-dialog-hero{display:grid;grid-template-columns:70px minmax(0,1fr) 36px;gap:17px;align-items:start;padding:27px 28px;background:linear-gradient(120deg,#154352,#0d2b45 52%,#152846);border-bottom:1px solid #386176}
.holo-role-dialog-symbol{display:grid;width:66px;height:66px;place-items:center;border:1px solid #6de5cb;border-radius:17px;background:#0b3a45;color:#8cf1d9;box-shadow:0 0 0 5px #ffffff0b}
.holo-role-dialog-symbol svg{width:30px;height:30px}
.holo-role-dialog-heading{min-width:0}
.holo-role-dialog-heading small{display:block;color:#71e5c9;font-size:11px;font-weight:800;letter-spacing:.09em}
.holo-role-dialog-heading h2{margin:5px 0 9px;font-size:clamp(24px,3vw,36px);line-height:1.2;overflow-wrap:anywhere}
.holo-role-dialog-heading p{max-width:70ch;margin:0;color:#bad2df;font-size:14px;line-height:1.7;white-space:pre-line}
.holo-role-dialog-hero form{margin:0}
.holo-role-dialog-close{display:grid;width:36px;height:36px;place-items:center;border:1px solid #638095;border-radius:9px;background:#0b2539;color:#e8f4fa;cursor:pointer}
.holo-role-dialog-close svg{width:18px;height:18px}
.holo-role-dialog-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px 28px}
.holo-role-dialog-body>section{min-width:0;padding:18px;border:1px solid #2c4d65;border-radius:13px;background:#0b263e}
.holo-role-dialog-people{grid-column:1/-1}
.holo-role-dialog-section-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.holo-role-dialog-section-head svg{width:20px;height:20px;color:#70dec9}
.holo-role-dialog-section-head h3{flex:1;margin:0;font-size:16px}
.holo-role-dialog-section-head>span{display:grid;min-width:25px;height:25px;place-items:center;border-radius:7px;background:#124c50;color:#82edd2;font-size:12px;font-weight:800}
.holo-role-dialog-people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.holo-role-dialog-people-grid article{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #315771;border-radius:10px;background:#12324b}
.holo-role-dialog-avatar{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;overflow:hidden;border:2px solid #62dbc4;border-radius:50%;background:#21546a;color:#fff}
.holo-role-dialog-avatar img{width:100%;height:100%;object-fit:cover}
.holo-role-dialog-avatar b{font-size:19px}
.holo-role-dialog-people-grid article b,.holo-role-dialog-people-grid article small{display:block}
.holo-role-dialog-people-grid article small{margin-top:3px;color:#9bbbd0;font-size:12px}
.holo-role-dialog-section ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:role-line}
.holo-role-dialog-section li{position:relative;min-width:0;padding:10px 12px 10px 42px;border:1px solid #26465e;border-radius:9px;background:#0a1f35;color:#cfe1ea;font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;counter-increment:role-line}
.holo-role-dialog-section li::before{position:absolute;left:11px;top:12px;display:grid;width:22px;height:22px;place-items:center;border-radius:6px;background:#145154;color:#8aecd5;font-size:10px;font-weight:800;content:counter(role-line,decimal-leading-zero)}
[dir=rtl] .holo-role-dialog-section li{padding-right:42px;padding-left:12px}
[dir=rtl] .holo-role-dialog-section li::before{right:11px;left:auto}
.holo-role-dialog-empty{margin:0;color:#8facc0;font-size:13px}
.holo-role-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 28px;border-top:1px solid #31546a;background:#0a2339}
.holo-role-dialog footer form{margin:0}
.holo-role-dialog-edit{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #419899;border-radius:9px;background:#145158;color:#a5f4e1;font-weight:800;cursor:pointer}
.holo-role-dialog-edit svg{width:16px;height:16px}
@media(max-width:760px){.holo-role-dialog-hero{grid-template-columns:48px minmax(0,1fr) 34px;gap:12px;padding:20px}.holo-role-dialog-symbol{width:48px;height:48px}.holo-role-dialog-symbol svg{width:23px;height:23px}.holo-role-dialog-body{grid-template-columns:1fr;padding:14px}.holo-role-dialog-people{grid-column:auto}.holo-role-dialog footer{padding:14px}}
@media(max-width:520px){.holo .holo-role-card{padding:16px}.holo-role-card .holo-role-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.holo-role-card .holo-role-actions form{grid-column:1/-1}}
