@font-face{ font-family:Vazirmatn; src:url("../fonts/vazirmatn-arabic-400-normal.49c0cc018008.woff2") format('woff2'); font-weight:400; font-display:swap} @font-face{ font-family:Vazirmatn; src:url("../fonts/vazirmatn-arabic-500-normal.b58020ccff5c.woff2") format('woff2'); font-weight:500; font-display:swap} @font-face{ font-family:Vazirmatn; src:url("../fonts/vazirmatn-arabic-700-normal.51265c214faf.woff2") format('woff2'); font-weight:700; font-display:swap} :root{ --brand:#246b60; --brand-light:#246b60; --brand-dark:#8ecbbd; --brand-text:var(--brand-light); --brand-contrast:#fff; --bg:#f4f6f8; --surface:#fff; --text:#24343c; --muted:#657580; --border:#e2e8ec; --subtle:color-mix(in srgb,var(--brand) 8%,var(--surface)); --success:#287653; --warning:#94620b; --danger:#b74949; --info:#346a9a; --font-ui:IRANSansX,IRANYekanX,sans-serif; --mdb-font-roboto:var(--font-ui); --mdb-body-font-family:var(--font-ui); --font-heading:IRANYekanX,IRANSansX,sans-serif; --font-nav:var(--font-heading); --font-title:var(--font-heading); --font-transcript:Vazirmatn,sans-serif; --font-report:Vazirmatn,sans-serif; --size-nav:13px; --size-title:20px; --size-transcript:15px; --size-report:14px; color-scheme:light} html[data-theme=dark]{ --bg:#10181f; --surface:#18232d; --text:#e3eaf0; --muted:#a4b4c0; --border:#2d3d49; --subtle:color-mix(in srgb,var(--brand) 16%,var(--surface)); --brand-text:var(--brand-dark); --success:#88d5ac; --warning:#efc275; --danger:#f09e9e; --info:#90bee7; color-scheme:dark} *{ box-sizing:border-box} body{ margin:0; background:var(--bg); color:var(--text); font:14px/1.6 var(--font-ui)} a{ color:var(--brand-text)} html[data-theme=dark] a{ color:var(--brand-text)} h1,h2,h3,p{ margin-block-start:0} h1{ font:700 var(--size-title)/1.6 var(--font-title); margin-block-end:2px} h2{ font-size:15px; font-weight:700; margin:0} h3{ font-size:15px} p{ margin-block-end:12px} strong{ font-weight:700} .icon{ inline-size:20px; block-size:20px; flex:none; vertical-align:middle} .brand-icon{ inline-size:34px; block-size:34px; color:var(--brand-text)} html[data-theme=dark] .brand-icon{ color:var(--brand-text)} .muted{ color:var(--muted)} .small,small{ font-size:12px} .required,.field-error{ color:var(--danger)} .field-error{ display:block; margin-block-start:4px} .skip-link{ position:fixed; inset-block-start:-100px; inset-inline-start:16px; z-index:1100; padding:10px; background:var(--surface)} .skip-link:focus{ inset-block-start:8px} :focus-visible{ outline:2px solid var(--info); outline-offset:3px} .btn{ font-family:var(--font-ui); font-size:13px; line-height:1.6; text-transform:none; padding:8px 16px; border-radius:6px; font-weight:500; box-shadow:none} .btn .icon{ inline-size:17px; block-size:17px; margin-inline-end:6px} .btn-primary{ --mdb-btn-bg:var(--brand); --mdb-btn-border-color:var(--brand-text); --mdb-btn-hover-border-color:var(--brand-text); --mdb-btn-focus-border-color:var(--brand-text); --mdb-btn-active-border-color:var(--brand-text); --mdb-btn-color:var(--brand-contrast); --mdb-btn-hover-bg:var(--brand); --mdb-btn-focus-bg:var(--brand); --mdb-btn-active-bg:var(--brand); background:var(--brand); color:var(--brand-contrast)!important} .btn-primary:hover{ box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-text) 20%,transparent)} .btn-outline-primary{ --mdb-btn-color:var(--brand-text); --mdb-btn-border-color:var(--brand-text); --mdb-btn-hover-color:var(--brand-text); --mdb-btn-hover-border-color:var(--brand-text); --mdb-btn-focus-color:var(--brand-text); --mdb-btn-focus-border-color:var(--brand-text); --mdb-btn-active-color:var(--brand-text); --mdb-btn-active-border-color:var(--brand-text); border-color:var(--brand-text); color:var(--brand-text)} .icon-button{ display:inline-flex; align-items:center; justify-content:center; inline-size:34px; block-size:34px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--muted); cursor:pointer} .icon-button:hover{ background:var(--subtle); color:var(--text)} .card{ background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:8px; box-shadow:none; min-inline-size:0} .card-body{ padding:20px} .section-heading{ padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-block-end:1px solid var(--border)} .section-heading .muted{ font-size:12px; display:block; margin-block-start:2px} .form-control,.form-select{ font-family:var(--font-ui); font-size:13px; color:var(--text); background-color:var(--surface); border:1px solid var(--border); border-radius:6px; min-block-size:38px} .form-control:focus,.form-select:focus{ background-color:var(--surface); color:var(--text); border-color:var(--brand); box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 16%,transparent)} .form-control::placeholder{ color:var(--muted); opacity:.85} .form-select{ padding-inline-end:32px} .field{ margin-block-end:16px; min-inline-size:0} .field label{ font-size:13px; font-weight:500; margin-block-end:6px; display:block} .field small{ margin-block-start:4px; display:block} html[data-theme=dark] .form-select{ background-color:var(--surface)} .alert{ padding:12px 16px; font-size:13px; border:1px solid transparent; line-height:1.8} .alert-danger{ color:var(--danger); background:color-mix(in srgb,var(--danger) 9%,var(--surface)); border-color:color-mix(in srgb,var(--danger) 25%,var(--surface))} .alert-warning{ color:var(--warning); background:color-mix(in srgb,var(--warning) 8%,var(--surface)); border-color:color-mix(in srgb,var(--warning) 25%,var(--surface))} .alert-success{ color:var(--success); background:color-mix(in srgb,var(--success) 8%,var(--surface))} [hidden]{ display:none!important} .app-shell{ display:grid; grid-template-columns:212px minmax(0,1fr); min-block-size:100dvh} .sidebar{ position:sticky; inset-block-start:0; block-size:100dvh; border-inline-end:1px solid var(--border); background:var(--surface); padding:20px 12px; display:flex; flex-direction:column; z-index:30; min-inline-size:0} .brand{ display:flex; align-items:center; gap:10px; color:var(--text)!important; padding:0 10px; text-decoration:none} .brand strong{ display:block; font-size:20px; font-weight:700} .brand small{ display:block; color:var(--muted); font-size:11px; white-space:nowrap} .brand-mark{ inline-size:34px; block-size:34px; object-fit:contain} .nav-section{ color:var(--muted); font-size:10px; padding:30px 12px 10px} .sidebar nav{ display:flex; flex-direction:column; gap:4px} .nav-item{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:6px; color:var(--muted)!important; text-decoration:none; font-family:var(--font-nav); font-size:var(--size-nav)} .nav-item .icon{ inline-size:19px} .nav-item:hover{ background:var(--bg)} .nav-item.active{ background:var(--subtle); color:var(--brand-text)!important; font-weight:700} html[data-theme=dark] .nav-item.active{ color:var(--brand-text)!important} .sidebar-bottom{ margin-block-start:auto} .user-block{ border-block-start:1px solid var(--border); padding:16px 8px 0; margin-block-start:16px; display:flex; align-items:center; gap:10px} .user-block strong{ display:block; font-size:12px} .user-block small{ display:block; color:var(--muted); font-size:10px} .avatar,.speaker-avatar{ inline-size:32px; block-size:32px; border-radius:8px; background:var(--subtle); color:var(--brand-text); display:inline-flex; align-items:center; justify-content:center; font-weight:700; flex:none} html[data-theme=dark] .avatar,html[data-theme=dark] .speaker-avatar{ color:var(--brand-text)} .workspace{ min-inline-size:0} .topbar{ block-size:56px; border-block-end:1px solid var(--border); background:var(--surface); display:flex; align-items:center; justify-content:space-between; padding-inline:20px; gap:12px} .topbar-start,.topbar-actions{ display:flex; align-items:center; gap:16px} .topbar-actions form{ margin:0} .topbar-label{ font-size:12px; color:var(--muted)} .status-link{ font-size:12px; color:var(--muted)!important; display:flex; align-items:center; gap:6px} .status-dot{ inline-size:7px; block-size:7px; display:inline-block; background:var(--success); border-radius:50%; flex:none} .status-dot.neutral{ background:var(--muted)} .main-content{ padding:20px 24px; min-inline-size:0; max-inline-size:1640px; margin-inline:auto} .breadcrumb{ font-size:11px; margin-block-end:12px; --mdb-breadcrumb-divider:'‹'; --mdb-breadcrumb-item-active-color:var(--muted)} .breadcrumb a{ color:var(--muted)} .breadcrumb-item+.breadcrumb-item::before{ direction:ltr; unicode-bidi:isolate; color:var(--muted)} .page-heading{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-block-end:20px} .page-heading p{ font-size:12px; color:var(--muted); margin:0} .page-footer{ display:flex; align-items:center; justify-content:space-between; margin-block-start:24px; font-size:10px; color:var(--muted)} .sidebar-collapsed{ grid-template-columns:64px minmax(0,1fr)} .sidebar-collapsed .nav-copy{ display:none} .sidebar-collapsed .sidebar{ padding-inline:6px} .sidebar-collapsed .brand{ padding-inline:8px} .sidebar-collapsed .nav-item{ padding-inline:14px} .sidebar-collapsed .sidebar nav{ margin-block-start:28px} .sidebar-collapsed .user-block{ padding-inline:10px} .metric-strip{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid var(--border); background:var(--surface); border-radius:8px; margin-block-end:20px} .metric-strip>div{ display:flex; align-items:center; gap:12px; padding:16px 20px} .metric-strip>div+div{ border-inline-start:1px solid var(--border)} .metric-strip strong{ display:block; font-size:23px; line-height:1.2} .metric-strip span:not(.metric-icon){ display:block; font-size:12px; color:var(--muted); margin-block-start:5px} .metric-icon{ padding:10px; background:var(--bg); border-radius:8px; color:var(--muted)} .search-field{ position:relative; inline-size:260px; max-inline-size:100%} .search-field>.icon{ position:absolute; inset-inline-start:10px; inset-block-start:10px; inline-size:16px; color:var(--muted)} .search-field .form-control{ padding-inline-start:34px} .table{ --mdb-table-color:var(--text); --mdb-table-bg:transparent; --mdb-table-border-color:var(--border); color:var(--text); font-size:12px} .table>thead{ background:var(--bg); font-size:11px; color:var(--muted)} .table>thead>tr>th{ font-weight:500; padding:10px 16px; border-block-end:1px solid var(--border)} .table>tbody>tr>td{ padding:14px 16px; border-color:var(--border); color:var(--text); background:transparent} .table>tbody>tr:last-child>td{ border-block-end:0} .subject-link{ font-weight:500; color:var(--text)!important; display:block; max-inline-size:300px} .subject-link:hover{ color:var(--brand-text)!important} .table-secondary{ display:block; color:var(--muted); font-size:10px; margin-block-start:4px} .date-cell{ white-space:nowrap; font-size:11px} .status-pill{ display:inline-flex; align-items:center; gap:5px; font-size:10px; white-space:nowrap; border-radius:5px; padding:4px 8px; background:color-mix(in srgb,var(--success) 10%,var(--surface)); color:var(--success)} .status-review,.status-speakers{ color:var(--warning); background:color-mix(in srgb,var(--warning) 10%,var(--surface))} .status-editable,.status-processing,.status-audio{ color:var(--info); background:color-mix(in srgb,var(--info) 10%,var(--surface))} .status-failed{ color:var(--danger); background:color-mix(in srgb,var(--danger) 10%,var(--surface))} .status-registered,.neutral-pill{ color:var(--muted); background:var(--bg)} .info-line{ display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; margin-block-start:16px; flex-wrap:wrap} .info-line .icon{ inline-size:15px} .info-line a{ margin-inline-start:auto} .empty-state{ text-align:center; padding:44px 24px; color:var(--muted)} .empty-state>.icon{ inline-size:32px; block-size:32px; margin-block-end:12px} .empty-state h2,.empty-state h3{ color:var(--text); margin-block-end:8px; font-size:16px} .empty-state p{ font-size:13px; max-inline-size:520px; margin-inline:auto} .form-card{ max-inline-size:950px} .form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px} .span-all{ grid-column:1/-1} .people-list{ display:flex; gap:20px; flex-wrap:wrap; padding:20px} .people-list>div,.attendee-list>div{ display:flex; gap:10px; align-items:center} .people-list strong,.attendee-list strong{ font-size:12px; display:block} .people-list small,.attendee-list small{ color:var(--muted); font-size:10px; display:block} .session-meta{ display:flex; align-items:center; gap:18px; font-size:11px; color:var(--muted); margin-block:-4px 16px; flex-wrap:wrap} .session-meta .icon{ inline-size:15px; block-size:15px; margin-inline-end:4px} .demo-label{ margin-inline-start:auto; font-size:10px; border:1px dashed var(--border); padding:3px 8px; border-radius:5px} .journey-card{ margin-block-end:20px} .journey-heading{ display:flex; justify-content:space-between; align-items:center; padding:14px 20px 0; font-size:12px} .journey-heading .muted{ font-size:10px} .journey{ list-style:none; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); padding:16px 20px; margin:0; gap:10px} .journey li{ display:flex; align-items:center; gap:7px; font-size:10px; line-height:1.6; color:var(--muted); position:relative} .step-number{ inline-size:24px; block-size:24px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--border); border-radius:50%; flex:none; color:var(--muted); background:var(--surface)} .journey li.current{ color:var(--text); font-weight:700} .journey li.current .step-number{ background:var(--brand); border-color:var(--brand); color:var(--brand-contrast)} .next-step{ display:flex; align-items:flex-start; gap:9px; padding:12px 20px; border-block-start:1px solid var(--border); background:var(--subtle); border-radius:0 0 8px 8px} .next-step .status-dot{ margin-block-start:6px} .next-step strong{ font-size:12px; display:block; font-weight:500} .next-step span:not(.status-dot){ font-size:10px; color:var(--muted); display:block; margin-block-start:2px} .session-layout{ display:grid; grid-template-columns:minmax(0,1fr) 242px; gap:20px; align-items:start} .session-aside{ display:flex; flex-direction:column; gap:16px; min-inline-size:0} .session-aside .section-heading{ padding:12px 16px} .session-aside h2{ font-size:13px} .session-aside .card-body{ padding:16px} .attendee-list{ padding:16px; display:flex; flex-direction:column; gap:14px} .nav-tabs{ padding-inline:16px; border-block-end:1px solid var(--border); gap:6px; flex-wrap:wrap} .nav-tabs .nav-link{ font-family:inherit; font-size:12px; color:var(--muted); padding:12px 10px; text-transform:none; background:transparent} .nav-tabs .nav-link.active{ color:var(--brand-text); border-color:var(--brand); background:transparent} html[data-theme=dark] .nav-tabs .nav-link.active{ color:var(--brand-text)} .nav-tabs .nav-link:hover{ background:var(--bg); border-color:var(--border)} .transcript-search{ padding:12px 20px; border-block-end:1px solid var(--border)} .segments{ padding:0 20px} .segment{ padding-block:16px; border-block-end:1px solid var(--border); font-family:var(--font-ui)} .segment:last-of-type{ border:0} .segment-meta{ display:flex; align-items:center; gap:8px} .speaker-avatar{ inline-size:26px; block-size:26px; font-size:12px; border-radius:6px} .segment-meta strong{ font-size:11px; font-family:var(--font-ui)} .timecode{ font-size:10px; color:var(--muted); font-family:var(--font-ui)} .segment-meta .timecode{ margin-inline-start:auto} .segment p{ font-size:var(--size-transcript); line-height:1.9; margin-block:8px 0; margin-inline-start:34px; margin-inline-end:0} .full-transcript{ padding:20px; font-family:var(--font-transcript); font-size:var(--size-transcript); line-height:1.9} .modal-content{ background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:8px} .modal-header,.modal-footer{ border-color:var(--border)} .modal-body{ font-size:13px} .modal-dialog{ max-block-size:calc(100dvh - 32px)} html[data-theme=dark] .btn-close{ filter:invert(1)} .connection-list>div{ display:flex; justify-content:space-between; padding:16px 20px; border-block-end:1px solid var(--border); align-items:center; gap:12px} .connection-list>div:last-child{ border:0} .connection-list>div>span:first-child{ display:flex; align-items:center; gap:12px} .connection-list strong{ font-size:13px; font-weight:500} .loading-feedback{ padding:16px; font-size:12px; color:var(--muted)} .preferences-layout{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:20px; align-items:start} .preview-nav{ font:var(--size-nav)/1.8 var(--font-nav); color:var(--muted); border-block-end:1px solid var(--border); padding-block-end:12px} .preview-title{ font:700 var(--size-title)/1.7 var(--font-title)} .preview-transcript{ font:var(--size-transcript)/1.9 var(--font-transcript); margin-block:20px; border-inline-start:3px solid var(--brand); padding-inline-start:16px} .preview-report{ font:var(--size-report)/1.9 var(--font-report); background:var(--bg); padding:16px; border-radius:6px; margin-block-end:20px} .login-card .card-body{ padding:28px} .login-card .eyebrow{ font-size:11px; color:var(--muted)} .login-card h2{ font-size:20px; margin-block:6px 8px} .login-card .muted{ font-size:12px; margin-block-end:24px} .login-card .field{ margin-block-end:20px} .login-card .form-control{ min-block-size:42px} .password-field{ position:relative} .password-field input{ padding-inline-end:64px} .password-toggle{ position:absolute; inset-inline-end:10px; inset-block-start:10px; border:0; background:transparent; font-size:10px; color:var(--muted)} .login-card .btn{ min-block-size:42px} @media(min-width:1500px){ .main-content{ padding:24px 32px} } @media(max-width:1150px){ .session-layout{ grid-template-columns:minmax(0,1fr) 210px; gap:16px} .journey{ gap:6px} .journey li{ flex-direction:column; text-align:center} .main-content{ padding-inline:20px} } @media(max-width:899px){ .app-shell,.app-shell.sidebar-collapsed{ grid-template-columns:minmax(0,1fr)} .sidebar{ position:fixed; inset-inline-start:0; inset-block-start:0; inline-size:224px; transform:translateX(100%); transition:transform .16s; z-index:1050} .sidebar-open .sidebar{ transform:none} .sidebar-collapsed .nav-copy{ display:initial} .sidebar-collapsed .sidebar{ padding:20px 12px} .sidebar-collapsed .sidebar nav{ margin-block-start:0} .sidebar-collapsed .nav-item{ padding:10px 12px} .sidebar-backdrop{ position:fixed; inset:0; background:#0007; z-index:1040} .topbar{ padding-inline:12px} .main-content{ padding:16px} .session-layout{ grid-template-columns:minmax(0,1fr)} .session-aside{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px} .preferences-layout{ grid-template-columns:minmax(0,1fr)} .subject-link{ min-inline-size:180px} } @media(max-width:650px){ .topbar-label,.status-link,.desktop-only{ display:none} .topbar-actions{ gap:8px} .main-content{ padding:16px 12px} .page-heading{ align-items:flex-start; gap:12px} .page-heading h1{ font-size:18px} .page-heading p{ max-inline-size:220px; font-size:11px} .page-heading .btn{ font-size:11px; padding:7px 10px; white-space:nowrap} .metric-strip>div{ padding:12px 8px; gap:0; justify-content:center; text-align:center} .metric-icon{ display:none} .metric-strip strong{ font-size:20px} .metric-strip span:not(.metric-icon){ font-size:10px} .section-heading{ padding:14px 16px; flex-wrap:wrap} .section-heading h2{ font-size:13px} .search-field{ inline-size:100%} .table>thead>tr>th,.table>tbody>tr>td{ padding-inline:12px} .form-grid{ grid-template-columns:minmax(0,1fr); gap:0} .card-body{ padding:16px} .journey-heading .muted{ display:none} .journey{ display:flex; overflow-x:auto; gap:16px; padding:16px} .journey li{ min-inline-size:78px; flex:none; flex-direction:column; align-items:center; text-align:center} .journey-card{ overflow:hidden} .session-meta{ gap:12px} .demo-label{ margin-inline-start:0} .session-aside{ grid-template-columns:minmax(0,1fr)} .segment p{ margin-inline-start:0} .segments{ padding-inline:16px} .nav-tabs{ padding-inline:8px; gap:0} .nav-tabs .nav-link{ font-size:11px} .login-card .card-body{ padding:24px} .page-footer{ font-size:9px; gap:10px} .preferences-layout{ gap:16px} .next-step{ padding:12px 16px} .next-step strong{ line-height:1.9} .modal-dialog{ margin:16px; max-block-size:calc(100dvh - 32px)} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{ transition:none!important; animation:none!important} } .attendee-choice{ display:inline-flex!important; gap:6px; margin-inline-end:16px} .page-heading > div:first-child{ min-inline-size:0} .page-heading h1{ overflow-wrap:anywhere} .segment p,.full-transcript{ overflow-wrap:anywhere} /* صفحات کاربران و دسترسی، با همان توکن‌ها و تراکم پوسته */ .action-row {display:flex;flex-wrap:wrap;align-items:center;gap:12px} .filter-bar {display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px;border-block-end:1px solid var(--border)} .filter-bar > div {flex:1;min-inline-size:150px;max-inline-size:320px} .filter-bar label {display:block;font-size:12px;margin-block-end:4px} .permission-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .permission-details {border:1px solid var(--border);border-radius:8px;padding:16px;margin-block:16px} .permission-details summary {cursor:pointer;font-weight:700;margin-block-end:12px} .permission-details .field label {font-size:12px} .access-preview {padding:16px;background:var(--subtle);border:1px solid var(--border);border-radius:8px} .access-preview ul {display:flex;flex-wrap:wrap;gap:8px 24px;padding-inline-start:20px;margin-block-end:0} .access-table {min-inline-size:760px;table-layout:fixed} .access-table th:first-child {inline-size:16%} .access-table th:last-child {inline-size:14%} .access-table td {font-size:12px;overflow-wrap:anywhere;vertical-align:top} .audit-list {padding:16px 32px;margin:0;font-size:12px;line-height:2} .session-aside audio {inline-size:100%;max-inline-size:100%} .form-check-input {margin-inline-end:8px} .btn-secondary {background:var(--subtle);border:1px solid var(--border);color:var(--text)} .btn-secondary:hover,.btn-secondary:focus {background:var(--subtle);color:var(--text);filter:brightness(.96)} .btn-outline-danger {color:var(--danger);border-color:var(--danger)} @media(max-width:1100px) {.permission-grid {grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px) {.permission-grid {grid-template-columns:1fr}.filter-bar > div {max-inline-size:none;flex-basis:100%}.page-heading .action-row {gap:6px}.access-preview ul {display:block}.action-row {gap:8px}} .wizard-steps{display:flex;gap:12px;list-style:none;padding:0;margin-block-end:20px;flex-wrap:wrap}.wizard-steps li{padding:10px 16px;border:1px solid var(--border);border-radius:8px;color:var(--muted)}.wizard-steps .current{color:var(--text);background:var(--subtle);border-color:var(--brand);font-weight:700}.upload-progress{display:flex;gap:12px;align-items:center}.upload-progress progress{width:min(600px,85%);height:14px;accent-color:var(--brand)}.review-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px 16px}.review-grid dd{overflow-wrap:anywhere;margin:0}.asset-name{overflow-wrap:anywhere}.metadata-list{display:grid;grid-template-columns:1fr 2fr;gap:8px}.metadata-list dd{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.review-grid{grid-template-columns:1fr}.review-grid dt{color:var(--muted)}.wizard-steps{gap:6px}.wizard-steps li{padding:8px;font-size:12px}} /* رجیستری سرویس و انتخاب کارها، مرحله ۴ */ .registry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .registry-grid h3{font-size:15px}.registry-form{max-width:960px}.registry-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px} .endpoint{overflow-wrap:anywhere;font-size:13px;text-align:left}.registry-value{white-space:pre-wrap;overflow-wrap:anywhere;max-width:440px;font-family:inherit;color:var(--text);font-size:13px;margin:0} .registry-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.registry-selection label{min-width:150px}.registry-selection select{flex:1;min-width:180px;max-width:500px}.registry-table td{vertical-align:middle}.registry-table th{white-space:nowrap}.registry-form textarea{max-width:100%}.registry-form .errorlist{color:var(--danger)} @media(max-width:1100px){.registry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.registry-grid{grid-template-columns:minmax(0,1fr)}.registry-selection{align-items:stretch;flex-direction:column}.registry-selection select{min-width:0;max-width:100%;width:100%}.registry-value{max-width:240px}} .registry-form .full-width,.registry-form .field:has(textarea){grid-column:1/-1} .registry-form .form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block-start:24px} html[data-theme=dark] .registry-page .btn-outline-primary{color:var(--brand-text);border-color:var(--brand-text);--mdb-btn-color:var(--brand-text);--mdb-btn-border-color:var(--brand-text);--mdb-btn-hover-color:#e3eaf0;--mdb-btn-hover-border-color:var(--brand-text)} .registry-table{min-width:900px} .registry-page .status-pill.warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,var(--surface))} .registry-page .status-pill.neutral{color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,var(--surface))} /* Processing connector probes: inert JSON with bounded horizontal scrolling. */ .connector-json { max-height: 32rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; text-align: start; background: var(--surface); color: var(--text); padding: 1rem; border: 1px solid var(--border); border-radius: .5rem; font-size: .85rem; } .connector-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 760px) { .connector-grid { grid-template-columns: 1fr; } } /* Session processing keeps the existing compact RTL cards and responsive tables. */ .processing-details { margin-block: 1rem; } .processing-details summary { cursor: pointer; font-weight: 600; } .sample-list > div { display: grid; gap: .35rem; margin-block: .6rem; min-width: 0; } .sample-list audio { width: 100%; max-width: 24rem; height: 36px; } html[data-theme=dark] #processing-panel .btn-outline-primary { color: var(--brand-text); border-color: var(--brand-text); } /* Compact speaker workspace, sharing colors with both transcript views. */ .speaker-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:.7rem} .speaker-card{border:1px solid var(--border);border-inline-start:4px solid var(--speaker-color);border-radius:.5rem;padding:.8rem;min-width:0;background:var(--surface,#fff)} .speaker-card .action-row{gap:.4rem;flex-wrap:wrap}.speaker-card .form-control{max-width:145px} .speaker-name{font-weight:700}.speaker-label{direction:ltr;overflow-wrap:anywhere}.speaker-person-select{width:auto;max-width:100%;min-width:150px}.speaker-run-select{width:auto} .speaker-player-box{position:sticky;top:.5rem;z-index:5;background:var(--surface,#fff);border:1px solid var(--border);border-radius:.5rem;padding:.6rem;margin-bottom:.7rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem} .speaker-player-box audio{width:min(100%,340px);height:36px}.speaker-player-box>span{flex-basis:100%} .speaker-blue{--speaker-color:#416bc4}.speaker-green{--speaker-color:#258158}.speaker-purple{--speaker-color:#9150ba}.speaker-orange{--speaker-color:#af651d}.speaker-rose{--speaker-color:#bc4770}.speaker-teal{--speaker-color:#258891} .speaker-avatar{background:var(--speaker-color,var(--brand));color:#fff} .speaker-proposal{border-inline-start:3px solid var(--speaker-color);padding-inline-start:.5rem;margin:.5rem 0;display:flex;gap:.4rem;flex-wrap:wrap} @media(max-width:600px){.speaker-card{padding:.65rem}.speaker-player-box{position:static}.speaker-card .btn{padding:.35rem .5rem}.speaker-card .form-control{max-width:120px}} /* Transcript workspace: one text DOM, a bounded scroll area and a reserved player row. */ #transcript-workspace {display:flex;flex-direction:column;gap:12px;min-width:0} .tx-editor {min-width:0;overflow:hidden} .tx-toolbar,.tx-controls,.tx-player-controls,.tx-pagination,.tx-subbar {display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px} .tx-toolbar label,.tx-controls label,.tx-player-controls label {display:flex;align-items:center;gap:6px;font-size:12px;max-width:100%} .tx-toolbar select {max-width:230px}.tx-query {flex:1;min-width:130px} .tx-subbar {padding-block:4px;border-block-start:1px solid var(--border);justify-content:space-between} .tx-panel summary,.tx-review summary {padding:10px 14px;cursor:pointer;font-size:13px} .tx-panel-body {padding:4px 14px;max-height:38vh;overflow:auto;border-block:1px solid var(--border)} .tx-controls {padding:6px 0}.tx-controls input {max-width:130px}.tx-controls select {max-width:200px} .tx-segments {height:clamp(180px,34vh,440px);overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;padding:8px 14px} .tx-segment {border-block-end:1px solid var(--border);padding:10px 8px;scroll-margin-block:12px} .tx-segment.is-playing {background:color-mix(in srgb,var(--brand) 16%,var(--surface));box-shadow:inset -3px 0 var(--brand)} .tx-segment.is-target {outline:2px solid var(--brand);outline-offset:-2px} .tx-segment-header {display:flex;gap:8px;align-items:flex-start;font-size:12px} .tx-segment-meta {display:flex;flex:1;min-width:0;gap:8px;flex-wrap:wrap;align-items:center;overflow-wrap:anywhere} .tx-segment-actions {display:flex;flex-shrink:0;gap:2px;margin-inline-start:auto} .tx-segment-actions .icon-button {text-decoration:none} .tx-segment-actions .icon-button:focus-visible {outline:2px solid var(--brand);outline-offset:2px;background:var(--subtle);color:var(--text)} .tx-segment p {margin:8px 0;line-height:1.95;font-size:var(--size-transcript)} .tx-segment textarea {line-height:1.9;width:100%;min-height:64px;margin-block:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px} .tx-full .tx-segment-header strong {font-weight:400}.tx-full .tx-segment {padding-block:6px}.tx-full .tx-segment p {display:inline} .tx-pagination {justify-content:center;border-block-start:1px solid var(--border);padding-block:6px} .tx-player {position:relative;bottom:auto;z-index:1;flex-shrink:0;padding:8px 12px;box-shadow:0 2px 12px #0002} .tx-player-controls {padding:0;gap:6px}.tx-player-controls select {width:auto;max-width:180px}.tx-player input[type=range] {direction:ltr;width:100%;height:18px;accent-color:var(--brand)} .tx-timeline {display:flex;flex-direction:column;gap:2px;max-height:44px;overflow:auto;direction:ltr} .tx-track {position:relative;height:12px;min-height:12px;background:var(--bg);border-radius:3px}.tx-track button {position:absolute;height:10px;top:1px;border:0;border-radius:2px;background:var(--brand);min-width:2px;opacity:.6;padding:0} .tx-track button.overlap {background:#b8781e;opacity:.85}.tx-track button:focus-visible {outline:2px solid var(--text);outline-offset:1px} .tx-diff {max-height:32vh;overflow:auto;padding:8px;background:var(--bg)}.tx-diff article {border-block-end:1px solid var(--border);padding:8px} .tx-conflict {padding:12px;background:var(--surface);border:2px solid #b8781e}.tx-conflict pre {max-height:150px;white-space:pre-wrap;font-family:inherit;overflow:auto} .tx-preview {background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;width:min(660px,94vw);max-height:80vh;padding:20px;overflow:auto}.tx-preview::backdrop {background:#0007}.tx-preview h2 {font-size:17px}.tx-preview del {display:block;color:var(--muted)}.tx-preview ins {display:block;text-decoration:none;border-inline-start:3px solid var(--brand);padding-inline-start:8px} .tx-output {padding:10px;margin-block:8px;border:1px solid var(--border);border-radius:6px}.tx-word.is-word {background:#e1bd6d;color:#192630} @media(max-width:600px) {.tx-toolbar,.tx-subbar {padding-inline:8px}.tx-player {bottom:auto;padding:6px}.tx-player-controls {gap:4px}.tx-player-controls .btn {padding:5px 7px;font-size:11px}.tx-follow {flex-basis:100%}.tx-segments {height:42vh;padding-inline:6px}.tx-source-label {max-width:100%}} /* Generated outputs: compact Persian reading first; both views share the same nodes. */ .go-toolbar,.go-tabs,.go-percentages,.go-refs {display:flex;flex-wrap:wrap;gap:.5rem;align-items:center} .go-toolbar label {min-width:12rem;max-width:100%;flex:1} .go-tabs {margin-block:1rem}.go-percentages button[aria-pressed=true] {background:var(--brand);color:var(--brand-contrast)} .go-content {margin-block:1rem;line-height:1.95;overflow-wrap:anywhere;max-height:65vh;overflow:auto;padding:.5rem} .go-item,.go-topic {border:1px solid var(--border-color,#8885);border-radius:.4rem;padding:.6rem;margin-block:.5rem} .go-item p {margin-bottom:.4rem}.go-citation {margin-inline-end:.7rem;font-size:.85rem} .go-node-line {display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;cursor:pointer}.go-node-line span {flex:1;min-width:9rem} .go-branch {margin-inline-start:1rem;border-inline-start:2px solid #8885;padding-inline-start:.6rem} .go-tree .go-topic {border-radius:.7rem;box-shadow:0 2px 4px #0001}.go-tree .go-branch {margin-inline-start:1.5rem;border-inline-start:2px solid var(--mdb-primary,#3b71ca)} .go-warnings,.go-related {border-inline-start:3px solid #d99b26;padding-inline-start:.7rem;margin-block:.7rem} #go-edit-fields label {display:block;margin-block:.6rem}#go-edit-fields textarea {min-height:5rem} #go-audio audio {width:100%}#go-meta {overflow-wrap:anywhere}.go-content:empty {display:none} @media(max-width:600px){.go-toolbar label {min-width:100%}.go-branch,.go-tree .go-branch {margin-inline-start:.35rem;padding-inline-start:.35rem}.go-content {padding:0;max-height:70vh}.go-topic {padding:.4rem}.go-tabs .btn {flex:1}.go-percentages {gap:.25rem}} .go-tree {display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-start;justify-content:flex-start} .go-tree > .go-topic {flex:1;min-width:min(18rem,100%)} .go-tree .go-branch > .go-topic {position:relative} .go-tree .go-branch > .go-topic::before {content:'';position:absolute;inset-inline-start:-.75rem;top:1.2rem;width:.75rem;border-top:2px solid var(--brand)} .go-tree .go-branch {border-color:var(--brand)} #go-job-details summary {cursor:pointer;color:var(--muted);font-size:.85rem} .go-percentages button {font-variant-numeric:tabular-nums} #go-citations {max-height:22rem;overflow:auto}.go-source-piece {padding-block:.5rem;border-bottom:1px solid var(--border)} /* Search, source annotations and glossary share the reading surfaces. */ .knowledge-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.knowledge-grow{flex:1;min-width:180px} .knowledge-form{gap:12px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .knowledge-grid label,.knowledge-row label{display:block;min-width:0}.knowledge-result{padding:12px 16px;border-block-end:1px solid var(--border);overflow-wrap:anywhere}.knowledge-result p{margin-block:8px;line-height:1.9} #notes-drawer{position:fixed;margin:0;inset-inline-start:auto;inset-inline-end:0;inset-block-start:0;width:min(420px,96vw);height:100dvh;max-height:100dvh;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:16px;overflow:auto}#notes-drawer::backdrop{background:#0006}#note-form{margin-block:16px}#note-form label{display:block;margin-block:8px}#gl-entries input{min-width:130px}#gl-entries select{min-width:100px} #note-list-title{margin-block:20px 12px}#note-list{display:grid;gap:12px}#note-list>.knowledge-result{border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0} @media(max-width:900px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.knowledge-grid{grid-template-columns:1fr}.knowledge-row>label{width:100%}.knowledge-result{padding:10px}} /* Versioned text reports, screen preview follows the user's theme. */ .report-frame{width:100%;height:620px;border:1px solid var(--border);background:white;border-radius:6px} .report-preview{font-family:var(--font-report);font-size:var(--size-report)} .export-links{white-space:nowrap} @media(max-width:650px){.report-frame{height:460px}.export-links{white-space:normal}} #export-form .field:has(>input[type=checkbox]){display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:.6rem} #export-form .field:has(>input[type=checkbox]) label{margin:0} #id_formats{display:flex;gap:1rem;flex-wrap:wrap}#id_formats input{width:16px;height:16px;accent-color:var(--brand)} .compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.lab-diff{line-height:2;padding:1rem;background:var(--surface-alt);overflow-wrap:anywhere}.lab-diff del{background:#fce0dd;color:#832014}.lab-diff ins{background:#cef1df;color:#164631;text-decoration:none}.metric-json{font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere} .alert{overflow-wrap:anywhere}.compact-grid>*{min-width:0}.compact-grid code{overflow-wrap:anywhere}audio{max-width:100%} .micro-chart{height:48px;width:100%;color:var(--brand-text);margin-block:12px}.talk-row{display:block;margin-block:8px;color:var(--text)}.talk-track{display:block;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.talk-track>span{display:block;height:100%;background:var(--brand)}.speaker-disclosure{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.speaker-disclosure>summary{cursor:pointer}.next-step a{display:inline-block;margin-inline-start:8px}:focus-visible{outline:3px solid var(--info);outline-offset:3px} .table-responsive{max-inline-size:100%;contain:paint} .notification-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-block:12px;border-bottom:1px solid var(--border)}.notification-row a{flex:1;min-width:160px} /* Single-panel sign-in; the network stays behind an opaque, readable form. */ .login-screen { min-block-size: 100svh; background: var(--bg); position: relative; isolation: isolate; } .login-network { position: fixed; inset: 0; inline-size: 100%; block-size: 100%; pointer-events: none; z-index: -1; } .login-main { min-block-size: 100svh; display: grid; place-items: center; padding: 56px 20px; } .login-theme { position: absolute; inset-block-start: 20px; inset-inline-end: 20px; } .login-main .login-card { inline-size: min(100%, 380px); border: 1px solid var(--border); border-radius: 14px; box-shadow: 0 10px 40px rgba(24, 48, 44, .04); } .login-main .card-body { padding: 32px; } .login-brand { justify-content: center; margin-block-end: 28px; gap: 10px; } .login-brand strong { font-size: 15px; font-weight: 600; } .login-main h1 { font-size: 20px; font-weight: 600; margin-block: 0 28px; text-align: center; } .login-main .field { margin-block-end: 22px; } .login-main .form-control, .login-main .btn { min-block-size: 46px; } .login-main .password-field input { padding-inline-end: 12px; padding-inline-start: 64px; } .login-main .password-toggle { inset-block-start: 14px; } @media (max-width: 480px) { .login-main .card-body { padding: 28px 24px; } } .connection-section { margin-block: 0 28px; padding-block-end: 24px; border-block-end: 1px solid var(--border); } .connection-section legend { font-size: 16px; font-weight: 600; margin-block-end: 16px; } /* Content summaries and small charts share the normal reading surfaces. */ .insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insight-card{padding:18px;min-width:0}.insight-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.insight-heading h2{font-size:13px;line-height:1.7;margin:0;color:var(--muted)}.insight-heading>strong{font-size:24px;font-weight:600;white-space:nowrap}.insight-heading strong small{font-size:11px}.insight-body{display:flex;gap:14px;align-items:center;margin-block-start:16px}.insight-body p{font-size:13px;line-height:1.9;margin:0}.micro-ring{--value:0;flex:0 0 62px;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--value)*1%),var(--border) 0);display:grid;place-items:center;position:relative}.micro-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.micro-ring>span{position:relative;font-size:13px;font-weight:600}.content-dashboard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}.content-dashboard>*{min-width:0}.summary-feed article{padding:18px 20px;border-block-end:1px solid var(--border)}.summary-feed article:last-child{border:0}.summary-feed h3{font-size:15px;line-height:1.8;margin-block:5px 8px}.summary-feed p,.summary-piece{line-height:1.95;font-size:14px;margin-block:8px}.dashboard-empty{padding:22px;color:var(--muted);font-size:13px;line-height:1.9}.dashboard-empty h3{font-size:14px;color:var(--text);margin-block:0 8px}.topic-feed{padding:8px 20px 18px}.topic-insight{display:grid;grid-template-columns:1fr auto;gap:8px 12px;color:var(--text);padding-block:15px}.topic-insight>span:first-child{font-size:13px;line-height:1.8}.topic-insight small{color:var(--muted);white-space:nowrap;font-size:11px}.topic-insight .talk-track{grid-column:1/-1;height:5px}.continuation-list{padding:8px 20px}.continuation-list>a{display:flex;justify-content:space-between;gap:12px;padding-block:14px;border-block-end:1px solid var(--border);font-size:13px}.continuation-list>a:last-child{border:0}.continuation-list>a>span{font-size:12px;color:var(--muted)}.session-content-nav{display:flex;flex-wrap:wrap;gap:8px 22px;border-block-end:1px solid var(--border);padding-block:8px 16px;font-size:13px}.speech-bar{height:12px;background:var(--border);border-radius:6px;overflow:hidden;margin-block:23px 12px}.speech-bar>span{display:block;height:100%;background:var(--brand)}.insight-empty{font-size:12px;line-height:1.9;margin-block:20px 0}.speaker-share-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px;padding:8px 20px}.speaker-share-list .talk-row{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px}.speaker-share-list small{color:var(--muted);font-size:11px}.speaker-share-list .talk-track{grid-column:1/-1;height:6px}.session-topic{display:flex;align-items:baseline;gap:12px;padding-block:12px;color:var(--text);font-size:13px;line-height:1.8}.session-topic>span{color:var(--brand-text);font-size:11px}.audio-version{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;padding-block:10px;overflow-wrap:anywhere}.technical-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.technical-tools>a{padding:20px;color:var(--text);gap:10px}.technical-tools strong{font-size:14px}.technical-tools span{font-size:12px;color:var(--muted);line-height:1.8}.queue-totals{display:flex;flex-wrap:wrap;gap:18px 40px;padding:18px 24px;border-block-end:1px solid var(--border)}.queue-totals>div{display:flex;flex-direction:column;gap:6px}.queue-totals strong{font-size:21px;font-weight:600}.queue-totals span{color:var(--muted);font-size:12px}.queue-chart{padding:22px 24px}.queue-chart h3{font-size:15px}.queue-chart-row{margin-block:22px}.queue-chart-label,.queue-chart-detail{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.9;flex-wrap:wrap}.queue-chart-label strong{font-weight:500}.queue-chart-label>span{font-variant-numeric:tabular-nums}.queue-bar{height:10px;border-radius:5px;background:var(--border);overflow:hidden;margin-block:8px}.queue-bar>span{display:block;height:100%;border-radius:5px;background:var(--brand)}.queue-chart-detail{font-size:11px;color:var(--muted)}.queue-offline{color:var(--warning)}.queue-online{color:var(--brand-text)} @media(max-width:1100px){.technical-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.content-dashboard{grid-template-columns:1fr}} @media(max-width:600px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.insight-grid>.insight-card:last-child:not(.session-trend-card){grid-column:1/-1}.insight-card{padding:12px}.insight-heading{align-items:flex-start;flex-wrap:wrap;gap:4px}.insight-heading h2{font-size:12px}.insight-heading>strong{font-size:20px}.insight-body{gap:8px;flex-wrap:wrap;margin-block-start:10px}.insight-body p{font-size:11px}.micro-ring{flex-basis:50px;width:50px;height:50px}.micro-ring:before{inset:6px}.micro-ring>span{font-size:11px}.technical-tools{grid-template-columns:1fr 1fr;gap:9px}.technical-tools>a{padding:14px}.continuation-list>a{flex-direction:column;gap:4px}.summary-feed article,.topic-feed{padding-inline:14px}.queue-chart{padding:18px 14px}.queue-totals{padding:16px 14px;gap:18px}.queue-totals strong{font-size:18px}.queue-chart-detail{font-size:10px}.session-content-nav{gap:10px 14px}} /* Daily counts remain visible without opening a long table. */ .session-trend-card{grid-column:1/-1;display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px 28px;padding:22px 24px} .session-trend-overview{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0} .session-trend-heading h2{font-size:14px;line-height:1.8;color:var(--text)} .session-trend-heading p{font-size:11px;color:var(--muted);margin:3px 0 0} .session-trend-total{display:flex;align-items:baseline;gap:8px} .session-trend-total strong{font-size:32px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:var(--brand-text)} .session-trend-total>span{font-size:11px;color:var(--muted)} .session-trend-period{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:0} .session-trend-chart{direction:ltr;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0;min-width:0;align-self:center} .session-trend-day{direction:rtl;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0} .session-trend-count{font-size:12px;line-height:1.6;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)} .session-trend-track{display:flex;align-items:flex-end;justify-content:center;height:72px;width:100%;border-block-end:1px solid var(--border);background:linear-gradient(to top,transparent calc(50% - 1px),var(--border) 50%,transparent calc(50% + 1px))} .session-trend-bar{display:block;height:var(--day-height);width:min(100%,22px);min-height:3px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--brand-text) 65%,var(--surface))} .session-trend-day time{font-size:10px;line-height:1.8;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums} .session-trend-day.is-empty .session-trend-bar{background:var(--border)} .session-trend-day.is-empty .session-trend-count{color:var(--muted);font-weight:400} .session-trend-day.is-today .session-trend-bar{background:var(--brand-text)} .session-trend-day.is-today time{color:var(--brand-text);font-weight:700} .session-trend-empty{grid-column:1/-1;margin:0;padding-block-start:12px;border-block-start:1px solid var(--border);font-size:12px;color:var(--muted)} @media(max-width:1200px){.session-trend-card{grid-template-columns:minmax(0,1fr)}.session-trend-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px}.session-trend-total{grid-column:2;grid-row:1/3}.session-trend-period{grid-column:1}} @media(max-width:700px){.session-trend-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 12px}.session-trend-track{height:52px}.session-trend-card{padding:18px 16px}.session-trend-total{flex-direction:column;align-items:flex-end;gap:5px}.session-trend-total strong{font-size:28px}.session-trend-total>span{font-size:10px}.session-trend-heading h2{font-size:13px}.session-trend-day time{font-size:11px}} @media(max-width:380px){.session-trend-chart{column-gap:8px}.session-trend-day time{font-size:10px}.session-trend-card{padding-inline:12px}.session-trend-heading h2{font-size:12px}} .session-progress{margin-block-end:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)} .session-progress-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 14px;font-size:12px;margin-block-end:10px} .session-progress-heading>span{color:var(--muted);font-size:11px} .session-steps{display:flex;gap:12px;list-style:none;padding:0;margin:0;overflow-x:auto;padding-block-end:3px} .session-step{flex:1;min-width:max-content;position:relative} .session-step:not(:last-child)::after{content:'';position:absolute;inset-inline-end:0;inset-block-start:14px;width:12px;border-block-start:1px solid var(--border)} .session-step>a{display:flex;align-items:center;gap:7px;padding-inline-end:16px;color:var(--muted);text-decoration:none;font-size:12px} .session-step-marker{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid var(--border);border-radius:50%;font-size:12px} .session-step strong{display:block;font-weight:500;line-height:1.7} .session-step small{display:block;font-size:10px;line-height:1.7} .session-step.is-done .session-step-marker{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface));border-color:color-mix(in srgb,var(--success) 35%,var(--border))} .session-step.is-current>a{color:var(--brand-text)} .session-step.is-current .session-step-marker{color:var(--brand-contrast);background:var(--brand);border-color:var(--brand)} .session-step a:focus-visible,.session-navigation a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px} .session-navigation{position:sticky;top:8px;z-index:12;display:flex;flex-wrap:wrap;gap:4px;padding:6px;margin-block-end:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 3px 12px rgb(0 0 0 / 4%)} .session-navigation>a{padding:8px 12px;color:var(--muted);text-decoration:none;border-radius:6px;font-size:13px;line-height:1.6} .session-navigation>a:hover,.session-navigation>a.is-active{color:var(--brand-text);background:color-mix(in srgb,var(--brand) 10%,var(--surface))} .session-navigation>a.is-active{font-weight:600} .session-navigation-more{position:relative;margin-inline-start:auto;font-size:12px} .session-navigation-more>summary{cursor:pointer;color:var(--muted);padding:9px 12px;line-height:1.6;border-radius:6px} .session-navigation-more[open]>summary{color:var(--brand-text);background:var(--subtle)} .session-navigation-more>div{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);width:235px;max-width:calc(100vw - 40px);padding:5px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 5px 18px rgb(0 0 0 / 12%)} .session-navigation-more>div>a{display:block;padding:10px;color:var(--text);border-radius:5px;text-decoration:none} .session-navigation-more>div>a:hover{background:var(--subtle);color:var(--brand-text)} #session-summary,#source-audio,#processing-panel{scroll-margin-top:115px} @media(max-width:600px){.session-progress{padding:10px}.session-steps{gap:7px}.session-step>a{font-size:11px}.session-navigation{top:5px;gap:2px;margin-block-end:14px}.session-navigation>a{padding:7px 9px;font-size:12px}} /* انتخاب رنگ شخصی در تنظیمات نمایش. */ .accent-color-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .accent-color-controls input[type=color]{inline-size:64px;block-size:42px;padding:4px;cursor:pointer} .field .accent-default{display:flex;align-items:center;gap:8px;margin:0;font-weight:400;cursor:pointer} .accent-default .form-check-input{margin:0;flex:none} .accent-color-presets{display:flex;gap:8px;flex-wrap:wrap;margin-block:14px 10px} .accent-color-preset{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;cursor:pointer} .accent-color-preset:hover{background:var(--bg)} .accent-color-preset[aria-pressed=true]{border-color:var(--brand-text);background:var(--subtle)} .accent-color-swatch{inline-size:16px;block-size:16px;border-radius:50%;border:1px solid rgb(0 0 0 / 15%)} .preview-accent{display:flex;gap:16px;align-items:center;flex-wrap:wrap} .form-check-input:checked{background-color:var(--brand-light);border-color:var(--brand-light)} /* انتخاب فونت کاربر فقط به محتوای جلسه و خروجی‌ها اعمال می‌شود. */ h2,h3,.brand strong{font-family:var(--font-heading)} .segment p,.tx-segment p,.tx-segment textarea,.tx-preview del,.tx-preview ins,.knowledge-result>p,.go-source-piece p,.lab-diff{font-family:var(--font-transcript);font-size:var(--size-transcript)} .go-content,.summary-feed article p,.summary-piece,.session-topic,.topic-insight>span:first-child,#go-related-title,#go-edit-fields textarea{font-family:var(--font-report);font-size:var(--size-report)} .go-content .go-citation,.go-content .btn{font-family:var(--font-ui)}