.profile-body { min-height: 100vh; background: radial-gradient(circle at 12% 0,color-mix(in srgb,var(--blue) 10%,transparent),transparent 32%),var(--canvas); }
.profile-shell { width: min(1540px,calc(100% - 28px)); margin: 0 auto; padding: 18px 0 42px; }
.profile-shell[hidden] { display: none; }
.profile-header { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.profile-heading { min-width:0; margin-right:auto; text-align:left; }
.profile-heading small,.profile-section-heading small,.profile-identity small { color: var(--blue); font-size: .7rem; font-weight: 820; letter-spacing: .11em; }
.profile-heading h1 { margin: 4px 0; font-size: clamp(1.35rem,2.3vw,2rem); }
.profile-header .telegram-account { justify-self: end; text-decoration: none; }
.profile-header .telegram-account.is-active { border-color: color-mix(in srgb,var(--wood) 75%,var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--wood) 11%,transparent); }
.account-header-actions { justify-self:end; display:flex; flex:0 0 auto; align-items:center; gap:9px; min-width:0; flex-wrap:nowrap; }
.account-header-actions .version,.account-header-actions .telegram-account { min-height:44px; box-sizing:border-box; }
.account-machine-id { display: block; margin-top: 7px; color: var(--muted); font-size: .68rem; overflow-wrap: anywhere; }
.account-modules-panel { margin-bottom: 16px; padding: clamp(18px,3vw,28px); border: 1px solid var(--line); border-radius: 15px; background: var(--paper); box-shadow: var(--shadow); }
.module-category-legend { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 18px; }
.module-category-legend span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .7rem; font-weight: 760; }
.module-category-legend span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--module-accent,#8190a0); }
.module-category-legend .core { --module-accent:#338fd0; }.module-category-legend .personal { --module-accent:#38a169; }.module-category-legend .analytics { --module-accent:#159b9b; }.module-category-legend .consulting { --module-accent:#8256c8; }.module-category-legend .output { --module-accent:#d49a24; }.module-category-legend .admin { --module-accent:#c94a4a; }.module-category-legend .system { --module-accent:#77818d; }
.account-modules { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,245px),1fr)); gap: 12px; }
.account-module { --module-accent:#77818d; position: relative; min-height: 132px; display: grid; grid-template-columns: 42px 1fr; grid-template-rows: 1fr auto; gap: 10px 13px; padding: 17px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: color-mix(in srgb,var(--canvas) 52%,var(--paper)); color: var(--ink); text-decoration: none; }
.account-module::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--module-accent); }
.account-module.category-core { --module-accent:#338fd0; }.account-module.category-personal { --module-accent:#38a169; }.account-module.category-analytics { --module-accent:#159b9b; }.account-module.category-consulting { --module-accent:#8256c8; }.account-module.category-output { --module-accent:#d49a24; }.account-module.category-admin { --module-accent:#c94a4a; }.account-module.category-system { --module-accent:#77818d; }
.account-module-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--module-accent) 17%,transparent); color: var(--module-accent); font: 800 1.2rem/1 system-ui; }
.account-module-copy { display: grid; align-content: start; gap: 4px; min-width: 0; }
.account-module-copy small { color: var(--module-accent); font-size: .64rem; font-weight: 850; letter-spacing: .08em; }
.account-module-copy b { font-size: .92rem; }
.account-module-copy em { color: var(--muted); font-size: .74rem; font-style: normal; line-height: 1.4; }
.account-module-state { grid-column: 2; color: var(--module-accent); font-size: .7rem; font-weight: 780; }
.account-module.is-available:hover { border-color: var(--module-accent); background: color-mix(in srgb,var(--module-accent) 7%,var(--paper)); }
.account-module.is-preview { border-style: dashed; }
.account-module.is-preview .account-module-state { color: var(--muted); }
.account-module.is-locked { opacity: .68; }
.account-module.is-locked .account-module-state { color: var(--muted); }
.profile-summary { display: grid; grid-template-columns: auto minmax(220px,1fr) minmax(520px,1.4fr); align-items: center; gap: 18px; margin-bottom: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: var(--paper); box-shadow: var(--shadow); }
.profile-avatar { display: grid; width: 72px; height: 72px; place-items: center; overflow: hidden; border: 2px solid color-mix(in srgb,var(--wood) 55%,var(--line)); border-radius: 50%; color: white; background: var(--wood); font-size: 1.6rem; font-weight: 850; }
.profile-avatar img { width: 100%; height: 100%; object-fit: cover; }
.profile-identity h2 { margin: 5px 0 3px; font-size: 1.28rem; }
.profile-identity p { margin: 0; color: var(--muted); font-size: .78rem; }
.profile-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; }
.profile-facts div { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: color-mix(in srgb,var(--canvas) 48%,var(--paper)); }
.profile-facts dt { color: var(--muted); font-size: .66rem; font-weight: 750; }
.profile-facts dd { margin: 5px 0 0; overflow: hidden; color: var(--blue-dark); font-size: .8rem; font-weight: 820; text-overflow: ellipsis; white-space: nowrap; }
.profile-cards { padding: 18px; }
.owner-technical-tools { margin-bottom:16px; padding:18px; border:1px solid color-mix(in srgb,var(--fire) 45%,var(--line)); border-radius:15px; background:var(--paper); box-shadow:var(--shadow); }
.owner-tools-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.owner-tool-link { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; min-height:76px; padding:14px; border:1px solid #e3aaa4; border-radius:12px; color:var(--ink); background:color-mix(in srgb,#fff1ef 74%,var(--paper)); text-decoration:none; }
.owner-tool-link > span { display:grid; width:42px; height:42px; place-items:center; border-radius:11px; color:#9d321b; background:color-mix(in srgb,#d9673e 14%,var(--paper)); font:800 1.2rem/1 serif; }
.owner-tool-link div { display:grid; gap:4px; }
.owner-tool-link b { color:var(--blue-dark); font-size:.88rem; }
.owner-tool-link small { color:var(--muted); font-size:.72rem; line-height:1.35; }
.owner-tool-link i { color:#c15a5c; font:800 1.4rem/1 system-ui; }
.owner-tool-link:hover { border-color:#d9673e; background:color-mix(in srgb,#ffe4d7 82%,var(--paper)); }
.owner-calculation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.owner-calculation-card { border:1px solid #e3aaa4; border-radius:12px; background:color-mix(in srgb,#fff1ef 40%,var(--paper)); overflow:hidden; }
.owner-calculation-card summary { padding:14px; cursor:pointer; list-style:none; }
.owner-calculation-card summary::-webkit-details-marker { display:none; }
.owner-calculation-card summary span { display:grid; gap:4px; }
.owner-calculation-card summary b { color:var(--blue-dark); font-size:.88rem; }
.owner-calculation-card summary small { color:var(--muted); font-size:.7rem; }
.owner-calculation-card > ol,.owner-calculation-card > p,.owner-service-facts,.owner-calculation-empty { margin:0 14px 14px; }
.owner-calculation-card > ol { display:grid; gap:6px; padding-left:22px; color:var(--muted); font-size:.74rem; line-height:1.45; }
.owner-calculation-card > p { color:var(--muted); font-size:.68rem; line-height:1.4; }
.owner-calculation-empty { padding:12px; border:1px dashed var(--line); border-radius:9px; color:var(--muted); background:var(--paper); font-size:.72rem; }
.owner-service-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.owner-service-facts div { min-width:0; padding:10px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.owner-service-facts dt { color:var(--muted); font-size:.63rem; font-weight:760; }
.owner-service-facts dd { margin:4px 0 0; overflow-wrap:anywhere; color:var(--blue-dark); font-size:.72rem; font-weight:760; line-height:1.4; }
.site-settings { margin-bottom:16px; padding:18px; border:1px solid color-mix(in srgb,var(--fire) 45%,var(--line)); border-radius:15px; background:var(--paper); box-shadow:var(--shadow); }
.site-settings .profile-section-heading { margin-bottom:0; }
.site-settings-content { margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.management-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.management-index a { display:flex; align-items:center; gap:10px; min-height:48px; padding:8px 12px; border:1px solid var(--line); border-radius:11px; color:var(--blue-dark); background:color-mix(in srgb,var(--canvas) 48%,var(--paper)); text-decoration:none; }
.management-index b { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; color:white; background:var(--blue-dark); font-size:.68rem; }
.management-index span { font-size:.75rem; font-weight:780; }
.management-module { margin-top:12px; padding:16px; border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--canvas) 30%,var(--paper)); scroll-margin-top:12px; }
.management-module-heading { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:12px; margin-bottom:14px; }
.management-module-heading > span { display:grid; width:36px; height:36px; place-items:center; border-radius:10px; color:white; background:var(--blue-dark); font-size:.74rem; font-weight:850; }
.management-module-heading h3 { margin:0 0 4px; font-size:1rem; }
.management-module-heading p { max-width:880px; margin:0; color:var(--muted); font-size:.78rem; line-height:1.45; }
.management-status { margin:10px 0 0; color:var(--muted); font-size:.74rem; }
.language-settings-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; }
.language-settings-list label { display:flex; align-items:center; gap:10px; min-height:46px; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:color-mix(in srgb,var(--canvas) 45%,var(--paper)); cursor:pointer; }
.language-settings-list label:has(input:checked) { border-color:color-mix(in srgb,var(--blue) 55%,var(--line)); background:color-mix(in srgb,var(--blue) 8%,var(--paper)); }
.language-settings-list input { width:17px; height:17px; accent-color:var(--blue-dark); }
.language-settings-list i { font-style:normal; font-size:1.2rem; }
.language-settings-list b { font-size:.78rem; }
.language-settings-list small { display:block; color:var(--muted); font-size:.67rem; }
.site-settings-actions { display:flex; align-items:center; gap:14px; margin-top:14px; }
.site-settings-actions .calculate-button { width:auto; min-width:150px; margin:0; }
.site-settings-actions span { color:var(--muted); font-size:.78rem; }
.statistics-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.statistics-cards div { padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.statistics-cards small { display:block; color:var(--muted); font-size:.66rem; }
.statistics-cards b { display:block; margin-top:5px; color:var(--blue-dark); font-size:1.15rem; }
.architecture-live { display:grid; gap:12px; }
.architecture-metrics-group { display:grid; gap:8px; }
.architecture-metrics-group > header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:0 2px; }
.architecture-metrics-group > header b { color:var(--blue-dark); font-size:.8rem; }
.architecture-metrics-group > header small { color:var(--muted); font-size:.65rem; }
.architecture-metrics-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.architecture-metrics-grid > div { min-width:0; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.architecture-metrics-grid small { display:block; color:var(--muted); font-size:.66rem; }
.architecture-metrics-grid b { display:block; margin-top:5px; color:var(--blue-dark); font-size:1.02rem; overflow-wrap:anywhere; }
.architecture-metrics-grid p { margin:7px 0 0; color:var(--muted); font-size:.64rem; line-height:1.4; }
.statistics-periods { display:flex; gap:6px; margin:12px 0 8px; }
.statistics-periods button { min-height:32px; padding:0 11px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:var(--paper); cursor:pointer; }
.statistics-periods button.is-active { border-color:var(--blue); color:var(--blue-dark); background:color-mix(in srgb,var(--blue) 10%,var(--paper)); font-weight:800; }
.statistics-chart { display:flex; height:160px; align-items:end; gap:3px; overflow-x:auto; padding:12px 8px 6px; border:1px solid var(--line); border-radius:11px; background:var(--paper); }
.statistics-bar { position:relative; min-width:8px; height:100%; display:flex; flex:1 0 8px; align-items:end; justify-content:center; }
.statistics-bar i { width:100%; height:var(--bar); min-height:3px; border-radius:4px 4px 2px 2px; background:linear-gradient(180deg,var(--blue),var(--blue-dark)); }
.statistics-bar b { position:absolute; bottom:calc(var(--bar) + 3px); font-size:.55rem; }
.architecture-note { display:flex; gap:10px; margin-bottom:10px; padding:10px 12px; border-left:3px solid var(--wood); border-radius:8px; background:color-mix(in srgb,var(--wood) 8%,var(--paper)); font-size:.75rem; }
.architecture-note span { color:var(--muted); }
.management-module h4 { margin:18px 0 8px; color:var(--blue-dark); font-size:.8rem; }
.architecture-placements { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.architecture-placements article { padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.architecture-placements header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.architecture-placements header b { font-size:.77rem; }
.architecture-placements code { display:block; margin-top:8px; overflow-wrap:anywhere; color:var(--blue-dark); font-size:.67rem; }
.architecture-placements p { margin:7px 0 0; color:var(--muted); font-size:.72rem; line-height:1.45; }
.architecture-state { padding:3px 6px; border-radius:999px; background:color-mix(in srgb,var(--line) 55%,transparent); font-size:.59rem; white-space:nowrap; }
.architecture-state.state-active,.architecture-state.state-online { color:var(--wood); background:color-mix(in srgb,var(--wood) 12%,var(--paper)); }
.architecture-state.state-unverified { color:#9a6b13; background:color-mix(in srgb,#e5a72e 14%,var(--paper)); }
.architecture-flow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.architecture-flow div { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; padding:10px; border:1px solid var(--line); border-radius:10px; background:var(--paper); font-size:.7rem; }
.architecture-flow div > span { color:var(--blue); text-align:center; font-size:1rem; }
.architecture-flow small { display:block; max-width:120px; color:var(--muted); font-size:.58rem; line-height:1.2; }
.architecture-modules { display:grid; gap:7px; }
.architecture-modules details { border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.architecture-modules summary { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; padding:11px; cursor:pointer; }
.architecture-modules summary span { color:var(--blue); font-size:.66rem; font-weight:850; }
.architecture-modules summary b { font-size:.75rem; }
.architecture-modules summary small { color:var(--muted); font-size:.62rem; }
.architecture-modules details > p { margin:0; padding:0 11px 9px; color:var(--muted); font-size:.72rem; }
.architecture-modules ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; margin:0; padding:10px 28px 13px; border-top:1px solid var(--line); }
.architecture-modules li { min-width:0; color:var(--muted); font-size:.66rem; }
.architecture-modules code { overflow-wrap:anywhere; }
.management-releases .release-date { margin-top:8px; }
.management-releases .release-item { box-shadow:none; }
.issue-heading-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-bottom:14px; }
.issue-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.issue-summary div { padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); }
.issue-summary small { display:block; color:var(--muted); font-size:.66rem; }
.issue-summary b { display:block; margin-top:5px; color:var(--blue-dark); font-size:1.1rem; }
.issue-filters { display:grid; grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto; align-items:end; gap:8px; margin:12px 0; }
.issue-filters label,.issue-form-grid label,.issue-discussion label { display:grid; gap:5px; }
.issue-filters label > span,.issue-form-grid label > span,.issue-discussion label > span { color:var(--muted); font-size:.64rem; font-weight:760; }
.issue-filters input,.issue-filters select,.issue-form-grid input,.issue-form-grid select,.issue-form-grid textarea,.issue-discussion textarea { width:100%; min-height:38px; border:1px solid var(--line); border-radius:8px; padding:8px 10px; color:var(--ink); background:var(--paper); font:inherit; font-size:.75rem; }
.issue-filters input:focus,.issue-filters select:focus,.issue-form-grid input:focus,.issue-form-grid select:focus,.issue-form-grid textarea:focus,.issue-discussion textarea:focus { border-color:var(--blue); outline:2px solid color-mix(in srgb,var(--blue) 16%,transparent); }
.issue-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:11px; background:var(--paper); }
.issue-table { width:100%; min-width:940px; border-collapse:collapse; font-size:.72rem; }
.issue-table th,.issue-table td { padding:10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.issue-table th { color:var(--muted); background:color-mix(in srgb,var(--canvas) 52%,var(--paper)); font-size:.64rem; letter-spacing:.03em; }
.issue-table tbody tr { cursor:pointer; }
.issue-table tbody tr:hover { background:color-mix(in srgb,var(--blue) 7%,var(--paper)); }
.issue-table tbody tr:last-child td { border-bottom:0; }
.issue-table code { color:var(--blue-dark); font-weight:800; }
.issue-table small { display:block; margin-top:3px; color:var(--muted); }
.issue-badge { display:inline-flex; min-height:24px; align-items:center; padding:0 7px; border-radius:999px; background:color-mix(in srgb,var(--line) 65%,transparent); font-size:.62rem; font-weight:820; white-space:nowrap; }
.issue-priority-p0 { color:#9d1818; background:color-mix(in srgb,#d22b2b 16%,var(--paper)); }.issue-priority-p1 { color:#a14d14; background:color-mix(in srgb,#ef7b27 16%,var(--paper)); }.issue-priority-p2 { color:#896713; background:color-mix(in srgb,#e9bd35 17%,var(--paper)); }.issue-priority-p3 { color:var(--muted); }
.issue-status-in_progress,.issue-status-confirmed { color:#116697; background:color-mix(in srgb,var(--blue) 14%,var(--paper)); }.issue-status-needs_review,.issue-status-ready_for_test { color:#7b5d12; background:color-mix(in srgb,#e6b829 15%,var(--paper)); }.issue-status-resolved,.issue-status-closed { color:#257047; background:color-mix(in srgb,var(--wood) 14%,var(--paper)); }.issue-status-blocked { color:#9d1818; background:color-mix(in srgb,var(--fire) 14%,var(--paper)); }
.issue-dialog { width:min(1120px,calc(100% - 24px)); max-height:92vh; padding:0; overflow:auto; border:1px solid var(--line); border-radius:16px; color:var(--ink); background:var(--paper); box-shadow:0 30px 100px rgba(0,0,0,.42); }
.issue-dialog::backdrop { background:rgba(3,12,22,.72); backdrop-filter:blur(4px); }
.issue-dialog form { padding:20px; }
.issue-dialog header { display:flex; align-items:start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.issue-dialog header small { color:var(--blue); font-size:.67rem; font-weight:850; letter-spacing:.09em; }
.issue-dialog header h2 { margin:4px 0 0; font-size:1.25rem; }
.issue-dialog header button { width:36px; height:36px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--canvas); font-size:1.3rem; cursor:pointer; }
.issue-source { margin:-7px 0 14px; padding:8px 10px; border-left:3px solid var(--blue); border-radius:7px; color:var(--muted); background:color-mix(in srgb,var(--blue) 7%,var(--paper)); font-size:.68rem; overflow-wrap:anywhere; }
.issue-feedback-context { margin:0 0 16px; padding:14px; border:1px solid color-mix(in srgb,#d9673e 45%,var(--line)); border-radius:10px; background:color-mix(in srgb,#fff0e9 7%,var(--paper)); }
.issue-feedback-context header { align-items:center; margin:0 0 10px; }
.issue-feedback-context header b { color:#df744b; font-size:.78rem; }
.issue-feedback-context header a { color:var(--blue); font-size:.72rem; font-weight:760; text-decoration:none; }
.issue-feedback-context dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.issue-feedback-context dl div { min-width:0; padding:9px; border:1px solid var(--line); border-radius:8px; background:var(--canvas); }
.issue-feedback-context dt { color:var(--muted); font-size:.62rem; font-weight:760; text-transform:uppercase; }
.issue-feedback-context dd { margin-top:4px; overflow-wrap:anywhere; font-size:.7rem; line-height:1.35; }
.issue-feedback-context dd small { display:block; margin-top:3px; color:var(--muted); }
.issue-feedback-context > p { max-height:90px; margin:10px 0 0; overflow:auto; color:var(--muted); font-size:.7rem; line-height:1.45; }
.issue-feedback-selections { display:grid; gap:7px; margin-top:10px; }
.issue-feedback-selections article { padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.issue-feedback-selections b,.issue-feedback-selections small { display:block; }
.issue-feedback-selections b { color:var(--blue-dark); font-size:.72rem; }
.issue-feedback-selections small { margin-top:3px; overflow-wrap:anywhere; color:var(--muted); font-size:.62rem; }
.issue-feedback-selections p { max-height:76px; margin:7px 0 0; overflow:auto; color:var(--muted); font-size:.68rem; line-height:1.4; }
.issue-feedback-attachments { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.issue-feedback-attachments button { min-height:36px; padding:0 11px; border:1px solid #d9673e; border-radius:8px; color:#8a2d17; background:#fff0e9; cursor:pointer; font-size:.7rem; font-weight:760; }
.issue-feedback-attachments button:disabled { opacity:.55; cursor:wait; }
.issue-form-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.issue-form-grid .issue-wide { grid-column:1 / -1; }
.issue-form-grid textarea,.issue-discussion textarea { resize:vertical; line-height:1.45; }
.issue-dialog-actions { display:flex; align-items:center; gap:12px; margin-top:14px; }
.issue-dialog-actions .calculate-button { width:auto; min-width:160px; margin:0; }
.issue-dialog-actions span { color:var(--muted); font-size:.72rem; }
.issue-discussion { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
.issue-discussion h3 { margin:0 0 10px; font-size:.86rem; }
.issue-timeline { display:grid; gap:7px; max-height:240px; overflow:auto; margin-bottom:10px; }
.issue-timeline article { padding:9px 10px; border:1px solid var(--line); border-radius:9px; background:color-mix(in srgb,var(--canvas) 42%,var(--paper)); }
.issue-timeline article p { margin:0; font-size:.72rem; line-height:1.45; white-space:pre-wrap; }
.issue-timeline article small { display:block; margin-top:5px; color:var(--muted); font-size:.61rem; }
.issue-discussion .new-chart-link { margin-top:8px; }
.profile-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.profile-section-heading h2 { margin: 4px 0 0; font-size: 1.2rem; }
.new-chart-link,.open-card-link { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid color-mix(in srgb,var(--blue) 45%,var(--line)); border-radius: 9px; color: var(--blue-dark); background: color-mix(in srgb,var(--blue) 8%,var(--paper)); font-size: .75rem; font-weight: 780; text-decoration: none; }
.new-chart-link:hover,.open-card-link:hover { background: color-mix(in srgb,var(--blue) 16%,var(--paper)); }
.profile-cards-table { min-width: 1320px; }
.profile-cards-table .open-card-link { min-height: 32px; white-space: nowrap; }
@media (max-width: 960px) {
  .profile-summary { grid-template-columns: auto 1fr; }
  .profile-facts { grid-column: 1 / -1; }
  .management-index,.statistics-cards,.architecture-metrics-grid,.issue-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owner-calculation-grid { grid-template-columns:1fr; }
  .issue-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .issue-search { grid-column:1 / -1; }
  .issue-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .profile-shell { width: calc(100% - 14px); }
  .profile-header { flex-wrap:nowrap; overflow-x:auto; }
  .account-header-actions { justify-content:flex-start; }
  .profile-heading { flex:1 0 auto; text-align:left; }
  .profile-facts { grid-template-columns: 1fr; }
  .owner-tools-grid,.owner-service-facts { grid-template-columns:1fr; }
  .profile-section-heading { align-items: flex-start; flex-direction: column; }
  .management-module-heading { grid-template-columns:auto minmax(0,1fr); }
  .management-module-heading .new-chart-link { grid-column:1 / -1; }
  .architecture-placements,.architecture-flow,.architecture-modules ul { grid-template-columns:1fr; }
  .issue-heading-actions,.issue-dialog-actions { align-items:stretch; flex-direction:column; }
  .issue-heading-actions .new-chart-link { width:100%; }
  .issue-filters,.issue-form-grid,.issue-discussion { grid-template-columns:1fr; }
  .issue-feedback-context dl { grid-template-columns:1fr; }
  .issue-search,.issue-form-grid .issue-wide { grid-column:auto; }
}

/* Compact account workspace */
.account-home-button { justify-self:start; color:var(--blue-dark); text-decoration:none; }
.account-home-button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.profile-summary { grid-template-columns:auto minmax(160px,1fr) auto; gap:14px; min-height:84px; padding:12px 15px; }
.profile-avatar { width:52px; height:52px; font-size:1.2rem; }
.profile-identity h2 { margin:0 0 3px; font-size:1.05rem; }
.profile-identity p { font-size:.7rem; }
.profile-facts { display:flex; grid-template-columns:none; grid-column:auto; gap:7px; }
.profile-fact { position:relative; width:42px; height:42px; display:grid; place-items:center; padding:0; border:1px solid var(--line); border-radius:10px; color:var(--blue-dark); background:color-mix(in srgb,var(--blue) 7%,var(--paper)); cursor:help; font:inherit; }
.profile-fact > b { font-size:.72rem; letter-spacing:.02em; }
.profile-fact > svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.profile-fact > span[role="tooltip"] { position:absolute; z-index:30; right:0; top:calc(100% + 8px); width:max-content; max-width:min(290px,80vw); padding:8px 10px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:var(--paper); box-shadow:0 12px 30px rgba(9,31,52,.18); opacity:0; pointer-events:none; transform:translateY(-3px); transition:opacity .15s ease,transform .15s ease; font-size:.7rem; font-weight:650; white-space:nowrap; }
.profile-fact > span[role="tooltip"] small { display:block; margin-top:4px; color:var(--muted); font-size:.64rem; }
.profile-fact:hover > span[role="tooltip"],.profile-fact:focus-visible > span[role="tooltip"] { opacity:1; transform:translateY(0); }

.account-workspace { padding:14px; border:1px solid var(--line); border-radius:15px; background:var(--paper); box-shadow:var(--shadow); }
.account-workspace-heading { display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:11px; }
.account-workspace-heading small { color:var(--blue); font-size:.66rem; font-weight:820; letter-spacing:.11em; }
.account-workspace-heading h2 { margin:3px 0 0; font-size:1.05rem; }
.account-workspace-heading .management-status { margin:0; }
.account-category-tabs { display:flex; gap:7px; overflow-x:auto; padding:0 0 11px; scrollbar-width:thin; }
.account-category-tabs button { min-height:36px; flex:0 0 auto; padding:0 12px; border:1px solid transparent; border-radius:9px; color:#fff; background:#338fd0; cursor:pointer; font:700 .72rem/1 system-ui,sans-serif; box-shadow:inset 0 -1px 0 rgba(0,0,0,.16); }
.account-category-tabs button[data-account-category="personal"] { background:#348b61; }
.account-category-tabs button[data-account-category="analytics"] { background:#197f89; }
.account-category-tabs button[data-account-category="consulting"] { background:#7551ad; }
.account-category-tabs button[data-account-category="output"] { background:#9b741d; }
.account-category-tabs button[data-account-category="system"] { background:#405f79; }
.account-category-tabs button:hover,.account-category-tabs button.is-active { border-color:rgba(255,255,255,.72); color:#fff; filter:brightness(1.1); box-shadow:0 0 0 2px color-mix(in srgb,currentColor 20%,transparent),inset 0 -1px 0 rgba(0,0,0,.16); }
.account-category-tabs .admin-index { margin-right:7px; }
.category-count { display:inline-grid; min-width:23px; height:23px; place-items:center; margin-right:7px; padding:0 6px; border-radius:7px; color:#fff; background:rgba(255,255,255,.2); font-size:.64rem; font-weight:850; }

.account-module-list,.account-modules { display:grid; grid-template-columns:1fr; gap:7px; }
.account-modules:empty { display:none; }
.account-workspace,.account-module-list,.account-module-strip,.module-strip-content { min-width:0; max-width:100%; }
.account-module-strip,.account-module,.account-module-transition { --module-accent:#338fd0; min-height:0; margin:0; overflow:hidden; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:color-mix(in srgb,var(--canvas) 32%,var(--paper)); box-shadow:none; scroll-margin-top:12px; }
.account-module-strip[hidden],.account-module[hidden] { display:none !important; }
.account-module-transition[hidden] { display:none !important; }
.account-module-strip.tone-admin,.account-module.category-admin,.account-module.category-system,.account-module-transition.tone-admin { --module-accent:#4f789b; border-color:color-mix(in srgb,#4f789b 58%,var(--line)); background:color-mix(in srgb,var(--blue) 5%,var(--paper)); }
.account-module-strip.tone-consulting,.account-module.category-consulting { --module-accent:#8256c8; border-color:color-mix(in srgb,#8256c8 42%,var(--line)); background:color-mix(in srgb,#8256c8 7%,var(--paper)); }
.account-module-strip.tone-core,.account-module.category-core { --module-accent:#338fd0; }
.account-module-strip.tone-personal { --module-accent:#38a169; }
.account-module-strip.tone-analytics { --module-accent:#159b9b; }
.account-module-strip.tone-output { --module-accent:#d49a24; }
.account-module-strip > summary,.account-module { position:relative; min-height:54px; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; grid-template-rows:none; align-items:center; gap:10px; padding:8px 12px; border-radius:inherit; cursor:pointer; list-style:none; text-decoration:none; }
.account-module-strip:not(.tone-admin) > summary { grid-template-columns:auto minmax(0,1fr) auto; }
.account-module-strip > summary::-webkit-details-marker { display:none; }
.account-module-strip > summary::before,.account-module::before { content:""; position:absolute; inset:7px auto 7px 0; width:3px; border-radius:0 4px 4px 0; background:var(--module-accent); }
.account-module-strip > summary > span:nth-last-of-type(1) { min-width:0; display:grid; gap:3px; }
.account-module-strip > summary b,.account-module-copy b { color:var(--blue-dark); font-size:.82rem; }
.account-module-strip > summary small,.account-module-copy em { overflow:hidden; color:var(--muted); font-size:.68rem; font-style:normal; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.account-module-strip > summary > i { width:9px; height:9px; border-right:2px solid var(--module-accent); border-bottom:2px solid var(--module-accent); transform:rotate(45deg) translate(-2px,-2px); transition:transform .15s ease; }
.account-module-strip[open] > summary > i { transform:rotate(225deg) translate(-1px,-1px); }
.module-strip-icon,.account-module-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:var(--module-accent); background:color-mix(in srgb,var(--module-accent) 14%,transparent); font:800 .82rem/1 system-ui,sans-serif; }
.admin-index { display:inline-grid; min-width:31px; height:25px; place-items:center; padding:0 6px; border-radius:7px; color:#fff; background:#405f79; font-size:.63rem; font-weight:850; }
.tone-admin > summary > i { border-color:#4f789b; }
.module-strip-content { padding:14px; border-top:1px solid color-mix(in srgb,var(--module-accent) 20%,var(--line)); }
.module-strip-content.profile-cards { padding:14px; }
.module-link-content { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.module-link-content p,.module-note,.module-placeholder { margin:0; color:var(--muted); font-size:.72rem; line-height:1.45; }
.module-content-actions { display:flex; justify-content:flex-end; margin-bottom:10px; }
.profile-trace-list { display:grid; gap:6px; margin:0 0 10px; padding-left:22px; color:var(--muted); font-size:.74rem; line-height:1.45; }
.account-module { grid-template-columns:auto minmax(0,1fr) auto; }
.account-module .account-module-copy { grid-column:auto; }
.account-module .account-module-copy small { display:none; }
.account-module .account-module-state { grid-column:auto; white-space:nowrap; }
.account-module.is-available:hover { border-color:var(--module-accent); background:color-mix(in srgb,var(--module-accent) 7%,var(--paper)); }
.management-module { padding:0; }
.management-releases .release-date { margin-top:8px; }
.account-category-empty { margin:0; padding:18px; border:1px dashed var(--line); border-radius:10px; color:var(--muted); text-align:center; font-size:.74rem; }
.account-module-transition { position:relative; min-height:54px; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 12px; text-decoration:none; }
.account-module-transition::before { content:""; position:absolute; inset:7px auto 7px 0; width:3px; border-radius:0 4px 4px 0; background:var(--module-accent); }
.account-module-transition > span:nth-child(3) { min-width:0; display:grid; gap:3px; }
.account-module-transition b { color:var(--blue-dark); font-size:.82rem; }
.account-module-transition small { color:var(--muted); font-size:.68rem; line-height:1.35; }
.transition-badge { display:inline-flex; min-height:30px; align-items:center; padding:0 10px; border:1px solid #4f789b; border-radius:8px; color:var(--blue-dark); background:color-mix(in srgb,#4f789b 9%,var(--paper)); font-size:.68rem; font-weight:800; white-space:nowrap; }
.analytics-module-preview { display:flex; flex-wrap:wrap; gap:7px; }
.analytics-module-preview span { padding:7px 10px; border:1px solid color-mix(in srgb,#159b9b 30%,var(--line)); border-radius:8px; color:var(--blue-dark); background:color-mix(in srgb,#159b9b 7%,var(--paper)); font-size:.72rem; font-weight:720; }
.embedded-reference-content { padding:10px; }
.embedded-reference-admin { gap:10px !important; }
.embedded-reference-admin .dictionary-nav { top:10px; }
.embedded-reference-admin .dictionary-workspace,.embedded-users-workspace { padding:14px; box-shadow:none; }
.embedded-users-workspace { border:0; background:transparent; }
.embedded-reference-admin .dictionary-workspace { border-color:color-mix(in srgb,#4f789b 32%,var(--line)); }
.i18n-audit-summary { display:grid; gap:10px; }
.i18n-audit-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.i18n-audit-overview div { padding:11px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.i18n-audit-overview small,.i18n-audit-row small { display:block; color:var(--muted); font-size:.64rem; }
.i18n-audit-overview b { display:block; margin-top:4px; color:var(--blue-dark); font-size:1rem; }
.i18n-audit-list { display:grid; gap:6px; }
.i18n-audit-row { display:grid; grid-template-columns:minmax(140px,1fr) auto minmax(120px,2fr); align-items:center; gap:10px; padding:9px 10px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.i18n-audit-row > b { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:.72rem; }
.i18n-audit-row > b small { display:inline; }
.i18n-audit-row > b i { color:var(--muted); font-size:.86rem; font-style:normal; font-weight:500; letter-spacing:.08em; white-space:nowrap; }
.i18n-audit-row > span { color:var(--blue-dark); font-size:.7rem; font-weight:800; }
.i18n-audit-meter { height:7px; overflow:hidden; border-radius:999px; background:color-mix(in srgb,var(--line) 72%,transparent); }
.i18n-audit-meter i { display:block; width:var(--coverage); height:100%; border-radius:inherit; background:linear-gradient(90deg,#4f789b,var(--blue)); }
.release-history-actions { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.release-history-actions button { min-height:34px; padding:0 11px; border:1px solid color-mix(in srgb,var(--blue) 42%,var(--line)); border-radius:8px; color:var(--blue-dark); background:color-mix(in srgb,var(--blue) 7%,var(--paper)); cursor:pointer; font:750 .7rem/1 system-ui,sans-serif; }
.release-history-actions button:hover { background:color-mix(in srgb,var(--blue) 14%,var(--paper)); }
.module-strip-content .cards-table-wrap { width:100%; max-width:100%; overflow-x:auto; }
.module-strip-content .profile-cards-table { width:max-content; min-width:1320px; }

html[data-theme="dark"] .account-module-strip.tone-admin,
html[data-theme="dark"] .account-module.category-admin,
html[data-theme="dark"] .account-module.category-system,
html[data-theme="dark"] .account-module-transition.tone-admin { border-color:#4f789b; background:#1b2d3d; }
html[data-theme="dark"] .account-module-strip.tone-consulting,
html[data-theme="dark"] .account-module.category-consulting { border-color:#5e4a79; background:#292238; }
html[data-theme="dark"] .profile-fact > span[role="tooltip"] { box-shadow:0 12px 30px rgba(0,0,0,.35); }

@media (max-width: 720px) {
  .profile-header { display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; }
  .profile-heading { order:1; flex:1 0 auto; }
  .profile-heading small { display:none; }
  .profile-heading h1 { margin:0; font-size:1rem; white-space:nowrap; }
  .account-home-button { order:0; flex:0 0 auto; }
  .account-header-actions { order:2; width:auto; overflow:visible; justify-content:flex-start; }
  .profile-summary { grid-template-columns:auto minmax(0,1fr); }
  .profile-facts { grid-column:1 / -1; justify-content:flex-start; }
  .account-workspace-heading { align-items:flex-start; flex-direction:column; }
  .module-link-content { align-items:flex-start; flex-direction:column; }
  .account-module-strip > summary,.account-module { grid-template-columns:auto auto minmax(0,1fr) auto; padding:8px 10px; }
  .account-module-strip:not(.tone-admin) > summary { grid-template-columns:auto minmax(0,1fr) auto; }
  .account-module-strip:not(.tone-admin) > summary .admin-index { display:none; }
  .account-module-strip > summary small,.account-module-copy em { white-space:normal; }
  .account-module-state { display:none; }
  .account-module-transition { grid-template-columns:auto auto minmax(0,1fr); }
  .account-module-transition .transition-badge { grid-column:2 / -1; justify-self:start; }
  .i18n-audit-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .architecture-metrics-grid { grid-template-columns:1fr; }
  .architecture-metrics-group > header { align-items:flex-start; flex-direction:column; gap:3px; }
}
