.access-shell{min-height:calc(100vh - 170px);padding:52px 20px;background:radial-gradient(circle at 15% 10%,rgba(49,82,174,.13),transparent 36%),#f4f6fb}.access-panel{max-width:560px;margin:auto;background:#fff;border:1px solid var(--insight-border);border-radius:22px;padding:30px;box-shadow:0 22px 60px rgba(30,45,105,.13)}.access-panel--wide{max-width:1440px}.access-brand{direction:ltr;display:flex;gap:8px;color:var(--insight-primary);font-family:var(--font-en);font-size:11px;letter-spacing:1px}.access-google,.access-form button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border-radius:10px;border:1px solid var(--insight-border);text-decoration:none;font-weight:800}.access-google{color:var(--insight-text);margin-top:22px}.access-google__mark{display:block;flex:0 0 18px;width:18px;height:18px}.access-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--insight-muted);font-size:10px}.access-divider:before,.access-divider:after{content:"";height:1px;background:var(--insight-border);flex:1}.access-form{display:grid;gap:12px}.access-form--grid{grid-template-columns:1fr 1fr}.access-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--insight-primary)}.access-form input,.access-form textarea,.access-form select{width:100%;border:1px solid var(--insight-border);border-radius:9px;padding:10px 12px;background:#fbfcff;color:var(--insight-text)}.access-form textarea{resize:vertical}.access-form button,.access-inline-form button{border:0;background:linear-gradient(100deg,var(--insight-primary-2),var(--insight-accent));color:#fff;padding:10px 16px;cursor:pointer;font-weight:800;border-radius:9px}.access-text-link{display:block;text-align:center;margin-top:18px;font-size:11px;text-decoration:none}.access-password,.access-create{border:1px solid var(--insight-border);border-radius:12px;padding:13px;margin-top:14px}.access-password summary,.access-create summary{cursor:pointer;font-weight:800;color:var(--insight-primary)}.access-password form,.access-create form{margin-top:14px}.access-check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start}.access-check input{width:auto;margin-top:3px}.access-check span{display:grid}.access-check small{font-weight:400;color:var(--insight-muted)}.access-form fieldset{border:1px solid var(--insight-border);border-radius:9px;padding:12px;display:grid;gap:8px}.access-form legend{font-size:10px;font-weight:800}.span-all{grid-column:1/-1}.access-inline-form{margin-top:8px;text-align:left}.mi-locked-cta{margin:18px 0}.mi-locked-main{min-height:340px}.mi-locked-main .guide-box{font-size:13px;line-height:2}.mi-locked-features{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.mi-locked-features span{text-align:center;border:1px solid var(--insight-border);background:#f7f8fd;border-radius:10px;padding:13px;font-weight:800;color:var(--insight-primary)}
@media(max-width:700px){.access-panel{padding:22px 18px}.access-form--grid,.mi-locked-features{grid-template-columns:1fr}.span-all{grid-column:auto}.access-shell{padding:26px 12px}}

/* Scalable access-control navigation and user table. */
.access-admin-nav{display:flex;align-items:center;gap:6px;margin:16px 0 24px;padding:6px;border:1px solid var(--insight-border);border-radius:12px;background:#f7f8fd;overflow-x:auto}
.access-admin-nav a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border-radius:8px;color:var(--insight-primary);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.access-admin-nav a[aria-current="page"]{background:var(--insight-primary);color:#fff}
.access-admin-nav .platform-icon{width:15px;height:15px}
.access-user-filters{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(140px,.8fr) minmax(130px,.7fr) auto auto;gap:8px;align-items:end;margin:18px 0 12px;padding:13px;border:1px solid var(--insight-border);border-radius:13px;background:#f8f9fd}
.access-user-filters label{display:grid;gap:4px;color:var(--insight-primary);font-size:9.5px;font-weight:800}
.access-user-filters input,.access-user-filters select{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--insight-border);border-radius:8px;background:#fff;color:var(--insight-text)}
.access-user-filters button,.access-user-filters>a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 12px;border:0;border-radius:8px;font-weight:800;font-size:10px;text-decoration:none;white-space:nowrap}
.access-user-filters button{background:var(--insight-primary-2);color:#fff;cursor:pointer}.access-user-filters>a{border:1px solid var(--insight-border);background:#fff;color:var(--insight-primary)}
.access-user-table-wrap{overflow:auto;border:1px solid var(--insight-border);border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(31,2,123,.06)}
.access-user-table{width:100%;min-width:830px;border-collapse:collapse;font-size:10.5px}
.access-user-table th{padding:10px 12px;background:var(--insight-primary);color:#fff;text-align:right;white-space:nowrap}.access-user-table td{padding:11px 12px;border-bottom:1px solid #edf0f6;vertical-align:middle}.access-user-table tbody>tr:not(.access-user-edit-row):hover{background:#fafbfe}
.access-user-table td:first-child{min-width:220px}.access-user-table td:first-child>b,.access-user-email,.access-user-phone{display:block}.access-user-email,.access-user-phone{margin-top:2px;font:500 9px/1.5 var(--font-en);text-decoration:none}.access-user-phone{color:#187a51}
.access-table-roles{display:flex;flex-wrap:wrap;gap:4px}.access-table-roles span{padding:4px 7px;border-radius:999px;background:#eef1fb;color:var(--insight-primary);font-size:8.5px;white-space:nowrap}
.access-date{color:var(--insight-muted);font-size:9.5px;white-space:nowrap}
.access-row-actions{display:flex;align-items:center;gap:5px}.access-row-actions form{margin:0}.access-row-actions button,.access-row-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 8px;border:1px solid var(--insight-border);border-radius:7px;background:#fff;color:var(--insight-primary);font-size:9px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}.access-row-actions button{background:#eef2ff;border-color:#d7def3}
.access-user-edit-row td{padding:0 10px 8px;background:#fafbfe}.access-table-editor{border:1px solid var(--insight-border);border-radius:9px;background:#fff}.access-table-editor>summary{padding:9px 11px;color:var(--insight-primary);font-size:9.5px;font-weight:800;cursor:pointer}.access-table-editor form{padding:0 11px 12px;margin-top:6px}.access-empty{text-align:center;padding:28px;color:var(--insight-muted)}
@media(max-width:900px){.access-user-filters{grid-template-columns:1fr 1fr}.access-search{grid-column:1/-1}.access-user-filters button,.access-user-filters>a{width:100%}}
@media(max-width:700px){.access-admin-nav{margin-top:12px}.access-user-filters{grid-template-columns:1fr}.access-search{grid-column:auto}.access-user-table-wrap{margin-right:-6px;margin-left:-6px}.access-create{margin-top:10px}}
.access-user-table td{padding:8px 10px}.access-user-table th{padding:9px 10px}.access-user-table td:first-child{min-width:190px}
.access-request-filter{grid-template-columns:minmax(160px,240px) auto}.access-request-list{display:grid;gap:10px;margin-top:18px}.access-request-list article:not(.dev-case){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;padding:16px;border:1px solid var(--insight-border);border-radius:13px;background:#fafbfe}.access-request-list article>div:first-child{min-width:0}.access-request-list b,.access-request-list a{display:block}.access-request-list a{margin-top:3px;font:500 10px var(--font-en);direction:ltr;text-align:right}.access-request-list p{margin:10px 0 0;color:var(--insight-muted);font-size:11px;line-height:1.9;text-align:justify;text-align-last:right}.access-request-actions{grid-column:1/-1}.access-request-actions form{display:flex;gap:8px}.access-request-actions button{border:0;border-radius:8px;background:var(--insight-primary-2);color:#fff;padding:8px 12px;font-weight:800;cursor:pointer}.access-request-actions .is-reject{background:#fde8ea;color:#982b3b}.mi-access-request{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:28px;margin-top:18px}.mi-access-request p{text-align:justify;text-align-last:right}
@media(max-width:700px){.mi-access-request{grid-template-columns:1fr}.access-request-list article:not(.dev-case){grid-template-columns:1fr}.access-request-actions form{flex-wrap:wrap}}
.access-email-log{display:grid;gap:6px;margin-top:12px}.access-email-log>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:8px 10px;border-radius:9px;background:#f7f8fd}.access-email-log b{font-size:10px}.access-email-log small{grid-column:2;color:var(--insight-muted);font:500 8px var(--font-en);overflow-wrap:anywhere}

.access-form input::placeholder,.access-form textarea::placeholder,.access-user-filters input::placeholder{color:#aeb4c5;opacity:.72;font-weight:500}.access-form input:focus::placeholder,.access-form textarea:focus::placeholder,.access-user-filters input:focus::placeholder{color:transparent}.access-form label>small{color:var(--insight-muted);font-size:9px;font-weight:500;line-height:1.7}
.access-user-table-wrap{position:relative;isolation:isolate}.access-user-table-wrap:before,.access-user-table-wrap:after{content:"";position:sticky;z-index:5;top:0;bottom:0;width:32px;height:100%;pointer-events:none;opacity:0;transition:opacity .18s}.access-user-table-wrap:before{right:0;float:right;background:linear-gradient(270deg,rgba(31,2,123,.22),transparent)}.access-user-table-wrap:after{left:0;float:left;background:linear-gradient(90deg,rgba(31,2,123,.22),transparent)}.access-user-table-wrap.has-hidden-start:before,.access-user-table-wrap.has-hidden-end:after{opacity:1}
.access-table-scroll-progress{display:block;width:min(180px,42%);height:3px;margin:7px auto 0;border-radius:999px;background:#dfe3ef;overflow:hidden;direction:ltr}.access-table-scroll-progress i{display:block;width:30%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--insight-primary-2),var(--insight-accent));transform:translateX(calc(var(--access-scroll-progress,0) * 233%));transition:transform .12s ease-out}
.access-user-table{min-width:760px;table-layout:auto}.access-user-table th:nth-child(1){width:25%}.access-user-table th:nth-child(2){width:25%}.access-user-table th:nth-child(3){width:14%}.access-user-table th:nth-child(4){width:16%}.access-user-table th:nth-child(5),.access-user-table th:nth-child(6){width:10%}.access-user-table td:first-child{min-width:165px}.access-user-main{display:block;color:inherit;text-decoration:none}.access-user-row{cursor:pointer}.access-user-table tbody tr.access-user-row:hover{background:#f7f9ff}.access-status-action{margin-top:5px}.access-status-action button{padding:3px 6px;border:0;border-radius:6px;background:#fff4d8;color:#805c08;font-size:8px;font-weight:800;cursor:pointer}.access-row-open{display:grid;place-items:center;color:var(--insight-primary)}
.access-profile-actions{display:flex;align-items:center;gap:8px;margin:14px 0}.access-profile-actions form{margin:0}.access-profile-actions a,.access-profile-actions button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--insight-border);border-radius:9px;background:#fff;color:var(--insight-primary);font-weight:800;text-decoration:none;cursor:pointer}
.access-email-log>details{border-radius:9px;background:#f7f8fd}.access-email-log>details>summary{display:grid;grid-template-columns:auto minmax(130px,.8fr) minmax(160px,1.4fr) auto;gap:8px;align-items:center;padding:9px 10px;cursor:pointer;list-style:none;font-size:11px}.access-email-log>details>summary b{font-size:1em}.access-email-log>details>summary span{font-size:1em}.access-email-detail{display:grid;gap:5px;padding:0 12px 11px;color:var(--insight-muted);font-size:9px}.access-email-detail p{margin:0}
.access-request-filter{grid-template-columns:minmax(180px,260px) auto;max-width:480px}.access-request-list article:not(.dev-case){grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr) auto;align-items:center;padding:13px 15px}.access-request-person{display:grid;gap:2px}.access-request-person>a,.access-request-person>span:not(.platform-datetime){font:500 9px/1.5 var(--font-en);text-align:right}.access-request-reason{margin:0}.access-request-state{display:flex;align-items:center;gap:7px}.access-request-actions{grid-column:1/-1;border-top:1px solid #e9ecf5;padding-top:9px}.access-request-actions form{justify-content:flex-end}.access-inline-result{display:none;margin-top:8px;padding:8px 10px;border-radius:8px;font-size:10px}.access-inline-result:not(:empty){display:block}.access-inline-result.is-pending{background:#eef1fb;color:var(--insight-primary)}.access-inline-result.is-success{background:#e4f6ec;color:#176c43}.access-inline-result.is-error{background:#fde8ea;color:#982b3b}
.mi-access-request{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:start;gap:32px;padding:24px}.mi-access-request-copy>span{font:800 10px var(--font-en);letter-spacing:1.4px;color:var(--insight-accent)}.mi-access-request-copy h2{margin:5px 0 8px}.mi-access-request .access-form{grid-template-columns:1fr 1fr;padding:16px;border:1px solid var(--insight-border);border-radius:13px;background:#f8f9fd}.mi-access-request .access-form label:nth-of-type(3),.mi-access-request .access-form label:nth-of-type(4),.mi-access-request .access-form button,.mi-access-request .access-inline-result{grid-column:1/-1}
@media(max-width:700px){.access-admin-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:7px}.access-admin-nav a{justify-content:flex-start;white-space:normal}.access-email-log>details>summary{grid-template-columns:auto 1fr}.access-email-log>details>summary span:nth-of-type(2),.access-email-log time{grid-column:2}.access-request-list article:not(.dev-case){grid-template-columns:1fr}.access-request-state{justify-content:space-between}.access-request-actions{grid-column:auto}.access-request-actions form{display:grid;grid-template-columns:1fr 1fr}.access-request-actions button{width:100%}.mi-access-request{grid-template-columns:1fr;padding:18px;gap:16px}.mi-access-request .access-form{grid-template-columns:1fr}.mi-access-request .access-form label,.mi-access-request .access-form button,.mi-access-request .access-inline-result{grid-column:1}}

/* Final access-management patterns: compact tables, readable logs and focused request cards. */
.access-form textarea,.access-form input:not([dir="ltr"]){font-family:var(--font-fa);direction:rtl;text-align:right}
.access-role-users{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;margin:12px 0;padding:12px;border:1px solid var(--insight-border);border-radius:10px;background:#f8f9fd}.access-role-users h3,.access-role-users p{grid-column:1/-1;margin:0}.access-role-users a{display:grid;gap:2px;padding:8px 9px;border-radius:8px;background:#fff;color:var(--insight-primary);text-decoration:none}.access-role-users small{font:500 8.5px var(--font-en);color:var(--insight-muted)}
.access-role-users .access-role-users-more{grid-column:1/-1;display:flex;justify-content:center;border:1px dashed var(--insight-border);background:#f1f3fa;font-weight:800}
.access-user-table{min-width:820px;table-layout:fixed}.access-user-table th:nth-child(1){width:220px}.access-user-table th:nth-child(2){width:190px}.access-user-table th:nth-child(3){width:100px}.access-user-table th:nth-child(4){width:170px}.access-user-table th:nth-child(5),.access-user-table th:nth-child(6){width:44px;padding-inline:5px;text-align:center}.access-user-table td:first-child{min-width:0}.access-user-table td:nth-child(5),.access-user-table td:nth-child(6){padding-inline:5px;text-align:center}.access-user-table th:nth-child(6),.access-user-table td:nth-child(6){position:sticky;left:0;z-index:7}.access-user-table th:nth-child(5),.access-user-table td:nth-child(5){position:sticky;left:44px;z-index:7}.access-user-table th:nth-child(5),.access-user-table th:nth-child(6){z-index:9;background:var(--insight-primary)}.access-user-table td:nth-child(5),.access-user-table td:nth-child(6){background:#fff}.access-user-table tbody tr:hover td:nth-child(5),.access-user-table tbody tr:hover td:nth-child(6){background:#f7f9ff}.access-icon-action{display:grid;place-items:center;margin:0}.access-icon-action button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ead99c;border-radius:9px;background:#fff4d8;color:#805c08;cursor:pointer}.access-icon-action .platform-icon{width:16px;height:16px}
.access-email-log>details>summary{position:relative;padding-inline-start:32px}.access-email-log>details>summary:before{content:"⌄";position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);color:var(--insight-primary);font:800 16px/1 var(--font-en)}.access-email-log>details[open]>summary:before{content:"⌃"}.access-email-log .platform-datetime{color:var(--insight-primary)}.access-email-detail{font-size:12px;line-height:1.75;color:var(--insight-text);text-align:left}
.insight-pill-nav{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.insight-pill-nav a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid var(--insight-border);border-radius:9px;background:#fff;color:var(--insight-primary);font-size:10px;font-weight:800;text-decoration:none}.insight-pill-nav a[aria-current="page"]{background:var(--insight-primary);color:#fff}.access-request-list article:not(.dev-case){grid-template-columns:minmax(190px,.75fr) minmax(0,1.35fr) auto;gap:10px 16px}.access-request-person>.platform-datetime{margin-top:5px;font-size:11px;color:var(--insight-primary)}.access-request-state{align-self:start}.access-request-user-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border-radius:8px;background:#eef1fb;color:var(--insight-primary);font-size:10px;font-weight:800;text-decoration:none}.access-request-actions button{min-height:36px}
.access-google-help{margin:8px 0 18px;color:var(--insight-muted);font-size:10px;line-height:1.8;text-align:right}
@media(max-width:700px){
 .access-admin-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.access-admin-nav a{min-height:40px;padding:7px 8px}
 .access-request-list article:not(.dev-case){grid-template-columns:1fr}.access-request-state{justify-content:flex-start}.access-request-actions form{grid-template-columns:1fr 1fr}
 .access-email-log>details>summary{grid-template-columns:1fr auto;padding-inline-start:30px}.access-email-log>details>summary span,.access-email-log>details>summary b,.access-email-log>details>summary time{grid-column:auto}
}

/* Dev/Debug case-tracker tool only — deliberate new pattern (drag&drop upload zone has no existing equivalent) */
.dev-case-layout{display:grid;grid-template-columns:3fr 1fr;gap:14px;align-items:start}
.dev-case-layout__main{display:grid;gap:12px}
.dev-case-layout__main label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--insight-primary)}
.dev-case-layout__main input,.dev-case-layout__main textarea,.dev-case-layout__main select{width:100%;border:1px solid var(--insight-border);border-radius:9px;padding:10px 12px;background:#fbfcff;color:var(--insight-text);font-family:var(--font-fa)}
.dev-case-layout__submit{grid-column:1/-1;border:0;background:linear-gradient(100deg,var(--insight-primary-2),var(--insight-accent));color:#fff;padding:10px 16px;cursor:pointer;font-weight:800;border-radius:9px}
.dev-case-layout__submit-wrap{grid-column:1/-1}
.dev-case-dropzone{position:relative;display:grid;place-items:center;text-align:center;gap:6px;min-height:140px;border:2px dashed var(--insight-border);border-radius:12px;background:#fbfcff;padding:12px;cursor:pointer;font-size:11px;color:var(--insight-muted)}
.dev-case-dropzone.is-dragover{border-color:var(--insight-primary-2);background:#eef1fb;color:var(--insight-primary)}
.dev-case-dropzone--sm{min-height:90px}
.dev-case-dropzone--row{min-height:64px;grid-auto-flow:column;justify-content:start;gap:10px;padding:10px 14px;text-align:right}
.dev-case-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.dev-case-dropzone__files{font-weight:800;color:var(--insight-primary)}
/* کارت تسک همان .dev-doc-compact-card است (Grid/Radius/Padding/Hover از همان‌جا می‌آید)؛ اینجا فقط سه
   حالت اضافه مخصوص تسک (نیاز به بازبینی، تازه‌به‌روزشده، در حال حذف) روی همان کارت اعمال می‌شود، بدون
   تعریف دوباره display/padding/radius/background پایه — طبق دستور صریح هماهنگی کامل با Documentation Portal. */
.access-request-list article.dev-case{--dev-case-surface:#fff;overflow:hidden;transition:background-color .6s ease,opacity .22s ease,max-height .22s ease,margin .22s ease,padding .22s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease}
.access-request-list article.dev-case--needs-review{background:#faf6ff;--dev-case-surface:#faf6ff;border-inline-start:3px solid var(--insight-accent)}
/* Micro-animation: کوتاه، نرم، بدون Popup — فقط یک محو‌شدن رنگ کوتاه که خودش تمام می‌شود (طبق تسک #۶۵/#۶۷). */
.access-request-list article.dev-case--just-updated{background:#eef1fb;--dev-case-surface:#eef1fb}
.access-request-list article.dev-case--removing{opacity:0;max-height:0;margin:0;padding-top:0;padding-bottom:0;border-width:0}
.dev-case-edit-trigger{min-height:30px;padding:5px 10px;font-size:10px;font-weight:800;border:1px solid var(--insight-border);border-radius:8px;background:#fff;color:var(--insight-primary);cursor:pointer}

/* کارت تسک همان Grid Areaهای dev-doc-compact-card را دارد (icon/title/meta از قبل، body/actions/panel تازه اضافه‌شده).
   دو رنگ ماژول (--cat-bg/--cat-fg) روی خودِ article تنظیم می‌شود و به dev-doc-cat-icon فرزندش Inherit می‌شود —
   دقیقاً همان مکانیزم رنگ دسته در مرکز مستندات، نه یک Wrapper تازه. */
.dev-case-edit-form{display:contents}
.dev-case-grid-title{grid-area:title;display:flex;align-items:baseline;gap:5px;min-width:0}
.dev-case-id{font-size:10px;font-weight:800;color:var(--insight-muted);flex:0 0 auto}
.dev-case-grid-meta{grid-area:meta;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-self:end}
.dev-case-meta{font-size:9.5px;font-weight:700;color:var(--insight-muted);white-space:nowrap}
.dev-case-grid-body{grid-area:body;margin-top:8px}
.dev-case-grid-body.has-thumbs{display:grid;grid-template-columns:3fr 1fr;gap:12px;align-items:start}
.dev-case-text-main{min-width:0}
.dev-case-thumbs--column{flex-direction:column}
/* جابه‌جایی دستی خودِ تسک در فهرست (نه پیگیری‌هایش) — طبق متن اصلی تسک #۶۷. فقط دکمه‌های ▲/▼، بدون عدد بینشان (طبق بازخورد #۶۵). */
.dev-case-order{display:inline-flex;align-items:center;gap:4px;padding-inline-end:8px;border-inline-end:1px solid #e9ecf5}
.dev-case-reorder-form button{min-height:22px;min-width:22px;padding:0;border:1px solid var(--insight-border);border-radius:6px;background:#fff;color:var(--insight-primary);font-size:9px;line-height:1;cursor:pointer}
.dev-case-reorder-form button:disabled{opacity:.35;cursor:default}
.dev-case-mod--mi{--cat-bg:#e3edfd;--cat-fg:#1c5aa8}
.dev-case-mod--ds{--cat-bg:#e4f6ec;--cat-fg:#176c43}
.dev-case-mod--core{--cat-bg:#f3e8fb;--cat-fg:#7a2ea3}
.dev-case-mod--admin{--cat-bg:#fdf1e3;--cat-fg:#8a5a20}
.dev-case-mod--dev{--cat-bg:#fde3d0;--cat-fg:#b5540f}
.dev-case-mod--other{--cat-bg:#eef0f3;--cat-fg:#5b6472}
.dev-case-followup{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:var(--insight-muted);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
/* رنگ نویسنده/ثبت‌کننده (تسک #۱۱۹) — کانال رنگ مستقل از --cat-bg/--cat-fg ماژول، هردو روی یک article
   بدون تداخل؛ ۸ رنگ بازاستفاده‌شده از همان جفت‌های Hex بالا/.dev-doc-cat--* پایین‌تر همین فایل. */
.dev-case-author--0{--author-bg:#fdecec;--author-fg:#9b2735;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--1{--author-bg:#e0f4f5;--author-fg:#0f766e;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--2{--author-bg:#e8eafd;--author-fg:#3730a3;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--3{--author-bg:#e0f4fb;--author-fg:#0c6e91;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--4{--author-bg:#f0f7e0;--author-fg:#4d7c0f;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--5{--author-bg:#eef1f5;--author-fg:#475569;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--6{--author-bg:#f1e9fb;--author-fg:#6b21a8;border-inline-start:4px solid var(--author-fg)}
.dev-case-author--7{--author-bg:#fff4d8;--author-fg:#805c08;border-inline-start:4px solid var(--author-fg)}
.dev-case-author-dot{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--author-fg,var(--insight-muted));border:1px solid var(--author-fg,var(--insight-muted))}
.dev-case-field{width:100%;border:1px solid transparent;background:transparent;padding:2px 0;font-family:var(--font-fa);color:var(--insight-text);cursor:default;resize:vertical}
.dev-case-field--title{flex:1 1 200px;min-width:120px;font-size:12.5px;font-weight:800;color:var(--insight-primary)}
.dev-case-text-collapse{position:relative}
.dev-case-text-view,.dev-case-comment-view{max-height:140px;overflow:hidden;transition:max-height .28s ease}
.dev-case-text-view.is-expanded,.dev-case-comment-view.is-expanded{max-height:none}
/* «نمایش بیشتر»: به‌جای Gradient (که وابسته به دقیق‌بودن نقطه برش نسبت به متن واقعی بود و در محتوای کوتاه
   دیده نمی‌شد)، یک نوار توپر ثابت با خط جداکننده بالا — مستقل از محتوای هر تسک، همیشه یکسان قابل‌مشاهده. */
.dev-case-text-toggle{position:absolute;inset-inline:calc(-1 * var(--dev-case-pad-x,14px));bottom:-10px;top:auto;height:18px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:#f4f5fa;cursor:pointer}
.dev-case-text-toggle[hidden]{display:none}
.dev-case-text-toggle-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--insight-primary);transition:transform .2s ease,color .15s}
.dev-case-text-toggle:hover .dev-case-text-toggle-icon{color:var(--insight-primary-2)}
.dev-case-text-toggle-icon .platform-icon{width:11px;height:11px;transform:rotate(-90deg)}
.dev-case-text-toggle[aria-expanded="true"] .dev-case-text-toggle-icon .platform-icon{transform:rotate(90deg)}
/* متن تسک/پیگیری در مقیاس فشرده همین کارت‌ها نمایش داده می‌شود، نه مقیاس یک سند کامل — تیتر/Bold فقط ساختار را نشان می‌دهد، نه اندازه یا رنگ متفاوت (طبق بازخورد #۶۵). */
.dev-case-text-view.dev-doc-body,.dev-case-comment-view.dev-doc-body{font-size:12px;line-height:1.9}
.dev-case-text-view.dev-doc-body h1,.dev-case-text-view.dev-doc-body h2,.dev-case-text-view.dev-doc-body h3,
.dev-case-text-view.dev-doc-body h4,.dev-case-text-view.dev-doc-body h5,.dev-case-text-view.dev-doc-body h6,
.dev-case-comment-view.dev-doc-body h1,.dev-case-comment-view.dev-doc-body h2,.dev-case-comment-view.dev-doc-body h3,
.dev-case-comment-view.dev-doc-body h4,.dev-case-comment-view.dev-doc-body h5,.dev-case-comment-view.dev-doc-body h6{
 font-size:inherit;font-weight:800;color:inherit;margin:0 0 6px;border:0;padding:0
}
.dev-case-text-view.dev-doc-body p,.dev-case-comment-view.dev-doc-body p{font-size:inherit;line-height:inherit;text-align:start;text-align-last:auto;margin:0 0 8px}
.dev-case-text-view.dev-doc-body b,.dev-case-comment-view.dev-doc-body b{font-weight:800;color:inherit}
.dev-case-text-view.dev-doc-body ul,.dev-case-text-view.dev-doc-body ol,
.dev-case-comment-view.dev-doc-body ul,.dev-case-comment-view.dev-doc-body ol{margin:0 0 8px;padding-inline-start:20px}
.dev-case-text-view.dev-doc-body blockquote,.dev-case-comment-view.dev-doc-body blockquote{font-size:inherit;color:inherit;margin:0 0 8px}
.dev-case-field--body{font-size:12px;line-height:1.9}
.dev-case-field.is-editing{border-color:var(--insight-border);border-radius:9px;background:#fbfcff;padding:8px 10px;cursor:text}
.dev-case-title-view{flex:1 1 200px;min-width:120px;font-size:14px;font-weight:800;color:var(--insight-primary)}
.dev-case-copy{position:relative;display:inline-flex;align-items:center}
/* دکمه کپی آیکون‌محور (طبق بازخورد #۶۵) — بدون متن، فقط آیکون استاندارد Copy. */
.dev-case-copy-btn{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--insight-border);border-radius:7px;background:#fff;color:var(--insight-primary);cursor:pointer}
.dev-case-copy-btn .platform-icon{width:13px;height:13px}
.dev-case-copy-btn:hover{border-color:var(--insight-primary-2);color:var(--insight-primary-2)}
.dev-case-copy-menu{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:5;display:flex;flex-direction:column;min-width:170px;background:#fff;border:1px solid var(--insight-border);border-radius:9px;box-shadow:0 8px 24px rgba(20,20,40,.12);padding:4px}
.dev-case-copy-menu[hidden]{display:none}
.dev-case-copy-menu button{border:0;background:none;text-align:start;padding:7px 9px;font-size:11px;font-weight:700;color:var(--insight-text);border-radius:6px;cursor:pointer}
.dev-case-copy-menu button:hover{background:#f3f4fb}
.dev-case-copy-feedback{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:6;background:var(--insight-primary);color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:7px;white-space:nowrap;opacity:0;transition:opacity .2s ease}
.dev-case-copy-feedback.is-visible{opacity:1}
.dev-case-edit-controls{display:flex;gap:8px}.dev-case-edit-controls[hidden]{display:none}
.dev-case-edit-controls button{min-height:30px;padding:5px 12px;font-size:10px;font-weight:800;border-radius:8px;cursor:pointer}
.dev-case-edit-controls button[type=submit]{border:0;background:var(--insight-primary-2);color:#fff}
.dev-case-edit-controls button[data-edit-cancel]{border:1px solid var(--insight-border);background:#fff;color:var(--insight-muted)}

/* Screenshot thumbnails shared by the case body and each comment. */
.dev-case-thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dev-case-thumb{border:1px solid var(--insight-border);border-radius:8px;padding:0;overflow:hidden;width:52px;height:52px;cursor:pointer;background:#fbfcff}
.dev-case-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Actions: each stage exposes only its real, verb-labeled transitions (1-3 buttons, no generic dropdown) — گفتگو+ویرایش on the other side. */
.dev-case-grid-actions{grid-area:actions;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e9ecf5}
.dev-case-stage-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.dev-case-stage-btn{min-height:30px;padding:5px 12px;font-size:10px;border:0;border-radius:8px;font-weight:800;cursor:pointer}
.dev-case-stage-btn.is-primary{background:var(--insight-primary-2);color:#fff}
.dev-case-stage-btn.is-secondary{background:#fff;color:var(--insight-primary);border:1px solid var(--insight-border)}
.dev-case-actions-secondary{display:flex;align-items:stretch;gap:8px;margin-inline-start:auto}

.dev-case-comments-btn{display:flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--insight-border);border-radius:8px;background:#fff;cursor:pointer}
.dev-case-comments-btn-title{font-size:10px;font-weight:800;color:var(--insight-primary)}

/* Comments: collapsed by default (existing behavior), author + timestamp per message when opened. */
.dev-case-comments-panel{grid-area:panel;margin-top:10px;border-top:1px solid #e9ecf5;padding-top:10px}
.dev-case-comments{display:grid;gap:10px;margin-bottom:12px}
.dev-case-comment{border:1px solid var(--insight-border);border-radius:9px;padding:10px 12px;background:#fbfcff;--dev-case-surface:#fbfcff;--dev-case-pad-x:12px;font-size:11px;color:var(--insight-muted);font-weight:700}
.dev-case-comment-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.dev-case-comment-author{font-size:10.5px;color:var(--insight-primary)}
.dev-case-undo-form{display:flex}
.dev-case-undo-btn{min-height:30px;padding:5px 12px;font-size:10px;border:1px solid var(--insight-border);border-radius:8px;background:#fff;color:var(--insight-primary);font-weight:800;cursor:pointer}
.dev-case-comment p{margin:0 0 6px;font-size:12px;line-height:1.9;color:var(--insight-text);font-weight:400}
.dev-case-comment-form{display:grid;gap:10px}
.dev-case-comment-form textarea{width:100%;border:1px solid var(--insight-border);border-radius:9px;padding:10px 12px;background:#fbfcff;color:var(--insight-text);font-family:var(--font-fa);resize:vertical}

/* Minimal tool-owned lightbox for case/comment screenshots — mirrors the DS lightbox's visual language without importing its module-specific JS/CSS. */
.dev-case-lightbox{position:fixed;z-index:1000;inset:0;display:none;grid-template-rows:1fr 54px;background:rgba(8,12,28,.92);padding:16px}
.dev-case-lightbox.is-open{display:grid}
.dev-case-lightbox.is-single .dev-case-lightbox-nav{display:none}
.dev-case-lightbox-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font:300 26px/1 var(--font-en);cursor:pointer}
.dev-case-lightbox-stage{min-height:0;display:grid;place-items:center}
.dev-case-lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.dev-case-lightbox-nav{display:flex;align-items:center;justify-content:center;gap:14px}
.dev-case-lightbox-nav button{width:48px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font:300 26px/1 var(--font-en);cursor:pointer}

/* پیام تأیید کوتاه بعد از هر عملیات — یک نمونه مشترک ثابت پایین صفحه، بدون Popup، خودش محو می‌شود (طبق کامنت #۶۷). */
.dev-case-toast{position:fixed;z-index:1100;bottom:22px;inset-inline-start:50%;transform:translateX(-50%) translateY(10px);display:flex;align-items:center;gap:10px;background:var(--insight-primary);color:#fff;padding:10px 12px 10px 20px;border-radius:999px;font-size:11px;font-weight:800;box-shadow:0 12px 30px rgba(20,20,50,.22);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}
.dev-case-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.dev-case-toast-undo{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:5px 12px;font-size:10.5px;font-weight:800;cursor:pointer}
.dev-case-toast-undo:hover{background:rgba(255,255,255,.22)}
.dev-case-toast-undo[hidden]{display:none}
@media(max-width:700px){.dev-case-toast{bottom:14px;inset-inline:14px;inset-inline-start:14px;transform:translateY(10px);white-space:normal;font-size:10.5px}.dev-case-toast.is-visible{transform:translateY(0)}}

@media(max-width:700px){
  .dev-case-layout{grid-template-columns:1fr}
  .dev-case-grid-meta{justify-self:start;flex-basis:100%}
  .dev-case-grid-body.has-thumbs{grid-template-columns:1fr}
  .dev-case-actions-secondary{margin-inline-start:0}
  .dev-case-stage-btn,.dev-case-comments-btn,.dev-case-actions-secondary button{min-height:44px}
  .dev-case-thumb{width:44px;height:44px}
}

.access-request-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* مرکز مستندات پروژه — Dashboard، فهرست جمع‌وجور، Breadcrumb، Header دوبخشی، و نمای Render‌شده سند */

/* رنگ اختصاصی هر دسته — روی آیکون/برچسب دسته و لبه کارت اعمال می‌شود، نه رنگ‌های عمومی سیستم */
.dev-doc-cat--architecture{--cat-bg:#e3edfd;--cat-fg:#1c5aa8}
.dev-doc-cat--security{--cat-bg:#fdecec;--cat-fg:#9b2735}
.dev-doc-cat--design-system{--cat-bg:#e4f6ec;--cat-fg:#176c43}
.dev-doc-cat--runtime{--cat-bg:#f3e8fb;--cat-fg:#7a2ea3}
.dev-doc-cat--digital-visibility{--cat-bg:#e0f4f5;--cat-fg:#0f766e}
.dev-doc-cat--subsystem{--cat-bg:#e8eafd;--cat-fg:#3730a3}
.dev-doc-cat--business{--cat-bg:#fdf1e3;--cat-fg:#8a5a20}
.dev-doc-cat--migration{--cat-bg:#eef0f3;--cat-fg:#5b6472}
.dev-doc-cat--adr{--cat-bg:#fde3d0;--cat-fg:#b5540f}
.dev-doc-cat--guide{--cat-bg:#e0f4fb;--cat-fg:#0c6e91}
.dev-doc-cat--runbook{--cat-bg:#f0f7e0;--cat-fg:#4d7c0f}
.dev-doc-cat--reference{--cat-bg:#eef1f5;--cat-fg:#475569}
.dev-doc-cat--snapshot{--cat-bg:#f1e9fb;--cat-fg:#6b21a8}
.dev-doc-cat--report{--cat-bg:#fff4d8;--cat-fg:#805c08}
.dev-doc-cat--changelog{--cat-bg:#e2e5ea;--cat-fg:#2b3040}
.dev-doc-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--cat-bg,#eef1fb);color:var(--cat-fg,var(--insight-primary));flex:0 0 auto}
.dev-doc-cat-icon .platform-icon{width:18px;height:18px}
/* هر متن انگلیسی خالص وسط جریان فارسی (Category/Status/Type/Version) — جهت و فونت مستقل، بدون به‌هم‌ریختگی Bidi */
.dev-doc-en{direction:ltr;unicode-bidi:isolate;font-family:var(--font-en)}
/* Hero مشترک ابزارهای توسعه (تسک‌ها + اسناد): بلوک عنوان/توضیح/Nav در یک سمت، لوگو در سمت مقابل، هم‌راستا با محتوای زیرش */
.dev-tools-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--insight-border)}
.dev-tools-hero-main{min-width:0}
.dev-tools-hero-eyebrow{display:block;font:800 10px var(--font-en);letter-spacing:1.5px;color:var(--insight-accent);margin-bottom:3px}
.dev-tools-hero-main h1{margin:0 0 2px;color:var(--insight-primary);font-size:21px;line-height:1.35}
.dev-tools-hero-en{margin:0 0 5px;font-size:11.5px;font-weight:600;color:var(--insight-muted)}
.dev-tools-hero-desc{margin:0 0 10px;font-size:11.5px;color:var(--insight-muted);line-height:1.7}
.dev-tools-hero .insight-pill-nav{margin:0}
.dev-tools-hero-brand{direction:ltr;display:flex;gap:8px;align-items:baseline;color:var(--insight-primary);font-family:var(--font-en);font-size:11px;letter-spacing:1px;flex:0 0 auto;padding-top:2px;white-space:nowrap}
@media(max-width:700px){.dev-tools-hero{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}

/* Dashboard */
.dev-doc-summary-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.dev-doc-summary-item{display:flex;align-items:baseline;gap:6px;background:#fafbfe;border:1px solid var(--insight-border);border-radius:999px;padding:7px 14px;text-decoration:none;color:inherit;font-size:10px;font-weight:700;color:var(--insight-muted);transition:box-shadow .15s,border-color .15s}
.dev-doc-summary-item:hover{box-shadow:0 6px 16px rgba(30,45,105,.1);border-color:var(--insight-primary-2)}
.dev-doc-summary-item b{font-size:15px;color:var(--insight-primary)}
.dev-doc-summary-item--wide{flex:1 1 260px}
.dev-doc-summary-item--wide b{font-size:11px}
.dev-doc-section-title{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:var(--insight-primary);margin:22px 0 10px}
.dev-doc-section-title .platform-icon{width:16px;height:16px}
.dev-doc-related-tasks{margin-top:6px}
.dev-doc-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0 0 18px}
.dev-doc-category-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--insight-border);border-radius:14px;background:#fff;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s;height:100%}
.dev-doc-category-card:hover,.dev-doc-category-card:focus-visible{box-shadow:0 10px 26px rgba(30,45,105,.13);transform:translateY(-2px);border-color:var(--cat-fg,var(--insight-primary))}
.dev-doc-category-card:focus-visible{outline:2px solid var(--cat-fg,var(--insight-primary));outline-offset:2px}
.dev-doc-category-card-head{display:flex;align-items:center;gap:10px}
.dev-doc-category-card b{color:var(--insight-primary);font-size:13.5px}
.dev-doc-category-card-desc{margin:0;font-size:10.5px;color:var(--insight-muted);line-height:1.7;flex:1 0 auto}
.dev-doc-category-card-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:10.5px;color:var(--insight-muted);margin-top:auto;padding-top:4px}

/* Toolbar: جست‌وجو + مرتب‌سازی */
.insight-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
.insight-toolbar__search{display:flex;align-items:center;gap:6px;border:1px solid var(--insight-border);border-radius:9px;padding:7px 11px;background:#fbfcff;flex:1 1 220px;position:relative}
.insight-toolbar__search .platform-icon{width:15px;height:15px;color:var(--insight-muted);flex:0 0 auto}
.insight-toolbar__search input{border:0;background:none;outline:0;font-size:11.5px;color:var(--insight-text);width:100%;font-family:inherit}
.insight-toolbar__search-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#eef1fb;color:var(--insight-muted);text-decoration:none;font-size:13px;flex:0 0 auto}
.insight-toolbar__search-clear:hover{background:var(--insight-primary);color:#fff}
.insight-toolbar__field{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--insight-muted)}
.insight-toolbar__field select{border:1px solid var(--insight-border);border-radius:8px;padding:6px 8px;font-size:10.5px;background:#fff;color:var(--insight-text);font-family:inherit}
.dev-doc-result-count{margin:0 0 10px;font-size:10.5px;color:var(--insight-muted)}
@media(max-width:700px){.insight-toolbar{flex-direction:column;align-items:stretch}.insight-toolbar__search{flex:1 1 auto}.insight-toolbar__field{justify-content:space-between}.insight-toolbar__field select{flex:1}}
.dev-doc-category-header{margin:4px 0 6px}
.dev-doc-category-header-title{display:flex;align-items:center;gap:8px}
.dev-doc-category-header-title h1{margin:0;font-size:19px;color:var(--insight-primary)}
.dev-doc-category-header p{margin:4px 0 0;font-size:11.5px;color:var(--insight-muted);line-height:1.8}
.access-empty-state{text-align:center;padding:34px 20px;color:var(--insight-muted)}
.access-empty-state p{margin:0 0 10px;font-size:12px}
.access-empty-state a{color:var(--insight-primary-2);font-weight:800;text-decoration:none}
.access-empty-state a:hover{text-decoration:underline}

/* فهرست جمع‌وجور — کل کارت Clickable؛ چیدمان با Grid Template Areas صریح، نه Offset دستی.
   .dev-doc-compact-card عمداً به هیچ Tag ای قفل نیست (نه فقط a) تا کارت تسک هم دقیقاً همین یک Component
   را با article به‌کار ببرد، نه یک نسخه موازی؛ سه ناحیه body/actions/panel فقط برای تسک پر می‌شوند —
   مرکز مستندات هرگز عنصری در آن‌ها قرار نمی‌دهد، پس این سه ردیف در اسناد ارتفاع صفر دارند. row-gap عمداً
   حذف شد و به‌جایش هرکدام از عناصر Margin-top مستقل خودشان را دارند — وگرنه Grid Gap بین ردیف‌های خالی هم
   فاصله اضافه می‌ساخت و ظاهر کارت‌های اسناد را (که فقط دو ردیف اول را دارند) کمی جابه‌جا می‌کرد. */
.dev-doc-compact-list{display:grid;gap:8px;margin:14px 0}
.dev-doc-compact-card{
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 grid-template-areas:"icon title meta" "icon tags tags" "body body body" "actions actions actions" "panel panel panel";
 align-items:center;column-gap:14px;padding:12px 14px;--dev-case-pad-x:14px;
 border:1px solid var(--insight-border);border-radius:12px;background:#fff;
 text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s,border-color .15s
}
a.dev-doc-compact-card{cursor:pointer}
.dev-doc-compact-card:hover,.dev-doc-compact-card:focus-visible{box-shadow:0 8px 22px rgba(30,45,105,.12);transform:translateY(-1px);border-color:var(--cat-fg,var(--insight-primary))}
.dev-doc-compact-card:focus-visible{outline:2px solid var(--cat-fg,var(--insight-primary));outline-offset:2px}
.dev-doc-compact-card>.dev-doc-cat-icon{grid-area:icon;align-self:start}
.dev-doc-compact-titles{grid-area:title;display:grid;gap:2px;min-width:0}
.dev-doc-compact-titles b{color:var(--insight-primary);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dev-doc-compact-titles small{direction:ltr;text-align:right;color:var(--insight-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dev-doc-compact-meta{grid-area:meta;display:flex;align-items:center;gap:10px;justify-self:end}
.dev-doc-compact-version{font:700 10px var(--font-en);color:var(--insight-muted);white-space:nowrap}
.dev-doc-compact-updated{font-size:9.5px;color:var(--insight-muted);white-space:nowrap}
.dev-doc-compact-tags{grid-area:tags;display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.dev-doc-compact-tags span{background:#f2f3f9;color:var(--insight-muted);border-radius:999px;padding:2px 8px;font-size:9px}
@media(max-width:700px){
 .dev-doc-compact-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "meta meta" "tags tags" "body body" "actions actions" "panel panel"}
 .dev-doc-compact-meta{justify-self:start;flex-wrap:wrap}
 .dev-doc-compact-updated{display:block}
}

/* Breadcrumb کوچک */
.dev-doc-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:9.5px;color:var(--insight-muted);margin:2px 0 12px}
.dev-doc-breadcrumb a{display:inline-flex;align-items:center;gap:4px;color:var(--insight-muted);text-decoration:none;font-weight:700}
.dev-doc-breadcrumb a:hover{color:var(--insight-primary)}
.dev-doc-breadcrumb .platform-icon{width:11px;height:11px}
.dev-doc-breadcrumb span{display:inline-flex;align-items:center;gap:4px}

/* Header سه‌بخشی سند: Identity (عنوان+Status) / Metadata Grid / Relationships (جدا، زیر همین بلوک) */
.dev-doc-header-block{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;padding-bottom:12px;border-bottom:1px solid var(--insight-border);margin-bottom:10px}
.dev-doc-header-status{margin-bottom:6px}
.dev-doc-header-titles h1{margin:0 0 3px;font-size:20px;font-weight:800;color:var(--insight-primary);line-height:1.4}
.dev-doc-title-en{direction:ltr;text-align:right;color:var(--insight-muted);font-size:11.5px;font-weight:600;margin:0 0 6px}
.dev-doc-header-titles p.dev-doc-description{margin:0;font-size:11.5px;color:var(--insight-muted);line-height:1.8}
.dev-doc-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 14px;align-content:start}
.dev-doc-meta-cell{display:flex;align-items:center;gap:6px;min-width:0}
.dev-doc-meta-cell .platform-icon{width:13px;height:13px;color:var(--insight-muted);flex:0 0 auto}
.dev-doc-meta-label{font-size:9.5px;font-weight:800;color:var(--insight-muted);text-transform:uppercase;letter-spacing:.3px;display:block}
.dev-doc-meta-value{font-size:11.5px;font-weight:700;color:var(--insight-text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dev-doc-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 10px}
.dev-doc-tags span{background:#f2f3f9;color:var(--insight-muted);border-radius:999px;padding:3px 9px;font-size:9.5px;font-weight:700}
@media(max-width:800px){.dev-doc-header-block{grid-template-columns:1fr}}

.dev-doc-related{margin:0 0 14px}
.dev-doc-related-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:var(--insight-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}
.dev-doc-related-label .platform-icon{width:12px;height:12px}
.dev-doc-related-cards{display:flex;gap:8px;flex-wrap:wrap}
a.dev-doc-related-card{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--insight-border);border-radius:12px;background:#fafbfe;text-decoration:none;color:var(--insight-text);transition:box-shadow .15s,transform .15s,border-color .15s}
a.dev-doc-related-card:hover{box-shadow:0 8px 20px rgba(30,45,105,.11);transform:translateY(-1px);border-color:var(--cat-fg,var(--insight-primary))}
.dev-doc-related-card-text{display:grid;gap:1px;min-width:0}
.dev-doc-related-card-text b{font-size:11px;color:var(--insight-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.dev-doc-related-card-text small{font-size:9px;color:var(--insight-muted);font-weight:700}
.dev-doc-related-plain{display:inline-flex;gap:6px;flex-wrap:wrap;font-size:10px;color:var(--insight-muted)}

.dev-doc-body{max-width:900px;margin:0 auto;line-height:2}
.dev-doc-body h1,.dev-doc-body h2,.dev-doc-body h3,.dev-doc-body h4,.dev-doc-body h5,.dev-doc-body h6{color:var(--insight-primary);margin:26px 0 12px;line-height:1.6;position:relative}
.dev-doc-body>:first-child{margin-top:0}
.dev-doc-body h1{font-size:22px}
.dev-doc-body h2{font-size:19px;border-bottom:1px solid var(--insight-border);padding-bottom:8px}
.dev-doc-body h3{font-size:16px}
.dev-doc-body h4,.dev-doc-body h5,.dev-doc-body h6{font-size:13.5px}
.dev-doc-anchor{position:absolute;inset-inline-start:-20px;opacity:0;color:var(--insight-muted);text-decoration:none;font-weight:400}
.dev-doc-body h1:hover .dev-doc-anchor,.dev-doc-body h2:hover .dev-doc-anchor,.dev-doc-body h3:hover .dev-doc-anchor,.dev-doc-body h4:hover .dev-doc-anchor{opacity:1}
.dev-doc-body p{margin:0 0 14px;color:var(--insight-text);text-align:justify;text-align-last:right;line-height:2}
.dev-doc-body ul,.dev-doc-body ol{margin:0 0 14px;padding-inline-start:22px;color:var(--insight-text)}
.dev-doc-body li{margin-bottom:6px}
.dev-doc-body blockquote{margin:0 0 14px;padding:10px 16px;border-inline-start:3px solid var(--insight-accent);background:#faf6ff;border-radius:0 8px 8px 0;color:var(--insight-primary)}
.dev-doc-body blockquote p{margin:0}
.dev-doc-callout--warning{border-inline-start-color:#c2410c;background:#fdf1e3;color:#8a5a20}
.dev-doc-callout--important{border-inline-start-color:#7a2ea3;background:#f3e8fb;color:#5b2178}
.dev-doc-body hr{border:0;border-top:1px solid var(--insight-border);margin:22px 0}
.dev-doc-body a{color:var(--insight-primary-2);font-weight:700}
.dev-doc-body code{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate;background:#eef1fb;border-radius:4px;padding:1px 5px;font-size:.9em}
.dev-doc-code{font-family:var(--font-mono);direction:ltr;text-align:left;background:#f7f8fd;border:1px solid var(--insight-border);color:var(--insight-text);border-radius:10px;padding:16px 18px;overflow:auto;margin:0 0 14px;font-size:12px;line-height:1.7}
.dev-doc-code code{background:none;padding:0;color:inherit;font-size:inherit}
.dev-doc-table-wrap{overflow-x:auto;margin:0 0 14px;border-radius:10px}
.dev-doc-body table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:480px}
.dev-doc-body th,.dev-doc-body td{border:1px solid var(--insight-border);padding:8px 10px;text-align:right;vertical-align:top}
.dev-doc-body th{background:#f7f8fd;color:var(--insight-primary);font-weight:800;position:sticky;top:0}
.dev-doc-body li.dev-doc-task{list-style:none;margin-inline-start:-22px;display:flex;align-items:flex-start;gap:6px}
.dev-doc-body li.dev-doc-task input{margin-top:6px}
.dev-doc-footnotes{border-top:1px solid var(--insight-border);padding-top:10px;font-size:11px;color:var(--insight-muted)}
.dev-doc-footnotes a{color:var(--insight-primary-2)}
@media(max-width:700px){.dev-doc-anchor{display:none}}