:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18233f;background:#eaf0fc;font-synthesis:none;--navy:#12255f;--blue:#2648a5;--primary:#294cba;--primary-dark:#19398f;--text:#18233f;--muted:#7d89a8;--line:#e2e8f4;--surface:#fff;--bg:#eaf0fc;--success:#17865d;--danger:#d52e4b;--warning:#d28b18}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.ui-icon{display:block;flex:0 0 auto}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:282px;background:#fff;border-right:1px solid #e4e9f2;z-index:40;display:flex;flex-direction:column}.sidebar-brand{height:96px;padding:18px 25px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);border-bottom:1px solid #edf0f6}.sidebar-brand strong{display:block;font-size:21px;line-height:1.1;letter-spacing:.02em}.sidebar-brand small{display:block;color:#9aa4bb;font-size:13px;margin-top:6px}.brand-shield{width:42px;height:50px;color:#dceefe}.brand-shield svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}.sidebar-nav{padding:25px 14px;overflow-y:auto;flex:1}.nav-section{font-size:11px;font-weight:800;letter-spacing:.1em;color:#a1aabd;padding:15px 14px 8px}.nav-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:#5e6983;padding:12px 14px;border-radius:10px;margin:3px 0;font-size:15px;font-weight:500;transition:.16s ease}.nav-link:hover{background:#f5f7fc;color:#243b79}.nav-link.active{background:#e9edf7;color:#1c3a8f;font-weight:700}.sidebar-foot{margin:14px;padding:13px;border:1px solid #e4e9f3;border-radius:12px;display:flex;align-items:center;gap:10px}.sidebar-foot span:last-child{min-width:0}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:12px}.sidebar-foot small{color:var(--muted);margin-top:3px}.status-dot{width:10px;height:10px;border-radius:50%;background:#2ac67c;box-shadow:0 0 0 4px #dcf8eb}.workspace{margin-left:282px;min-height:100vh}.topbar{position:sticky;top:0;height:84px;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e4e9f2;display:flex;align-items:center;gap:11px;padding:0 28px}.topbar-spacer{flex:1}.icon-button,.language-pill{height:48px;min-width:48px;border:1px solid #e1e7f3;border-radius:13px;background:#f9faff;color:#62708e;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button{cursor:pointer}.icon-button:hover,.language-pill:hover{border-color:#cbd6ed;color:#2648a5}.icon-button.accent{background:#f1edff;border-color:#dcd1ff;color:#7948f5}.language-pill{padding:0 15px;font-size:15px}.profile-wrap{position:relative}.profile-button{height:58px;border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--text);cursor:pointer;padding:5px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#305ec4,#153172);color:#fff;font-weight:800;border:3px solid #e5ebf8}.profile-copy{text-align:left;max-width:170px}.profile-copy strong,.profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy strong{font-size:13px}.profile-copy small{font-size:12px;color:#929db5;margin-top:3px}.profile-menu{position:absolute;right:0;top:65px;width:280px;background:#fff;border:1px solid #e1e7f2;border-radius:16px;box-shadow:0 18px 50px rgba(24,43,90,.18);overflow:hidden}.profile-menu-head{padding:18px;border-bottom:1px solid #edf0f5}.profile-menu-head strong,.profile-menu-head span{display:block}.profile-menu-head span{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.profile-menu form{padding:8px}.profile-menu button{width:100%;border:0;background:transparent;color:var(--danger);padding:11px;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:9px}.profile-menu button:hover{background:#fff2f4}.mobile-menu{display:none}.main-content{min-height:calc(100vh - 84px);background:linear-gradient(135deg,#e4ebfa 0,#f1f4fb 55%,#e5ecfb 100%);padding:36px 38px 70px}.content-wrap{max-width:1492px;margin:0 auto}.hero{position:relative;overflow:hidden;border-radius:26px;padding:34px 40px;margin-bottom:22px;background:linear-gradient(118deg,#13245e 0%,#19377d 58%,#2262b0 100%);color:#fff;box-shadow:0 18px 45px rgba(26,57,127,.17)}.hero:after{content:"";position:absolute;inset:0 0 0 55%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.hero>*{position:relative;z-index:1}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-copy{max-width:850px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#9bbcff;text-transform:uppercase}.hero h1{font-size:30px;line-height:1.2;margin:12px 0 9px}.hero p{color:#d3def8;margin:0;line-height:1.65;max-width:820px}.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero .btn.secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e1e7f2;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:15px}.stat-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#edf2ff;color:#284aa7}.stat strong,.stat span{display:block}.stat strong{font-size:22px}.stat span{font-size:12px;color:var(--muted);margin-top:3px}.panel{background:var(--surface);border:1px solid #e1e7f2;border-radius:20px;box-shadow:0 9px 30px rgba(39,61,111,.055);margin-bottom:20px;overflow:hidden}.panel-head{padding:20px 23px;border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2{font-size:18px;margin:0}.panel-head p{font-size:13px;color:var(--muted);margin:5px 0 0}.panel-body{padding:22px 23px}.toolbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.toolbar .search{position:relative;min-width:260px;flex:1}.search .ui-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8b97b1}.search input{padding-left:42px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.field{min-width:0}.field.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#687590;margin:0 0 7px}.required:after{content:" *";color:var(--danger)}input,select,textarea{width:100%;border:1px solid #d8e0ef;border-radius:10px;padding:11px 12px;color:#233151;background:#fff;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#7d99e0;box-shadow:0 0 0 3px rgba(57,90,190,.1)}input[type=checkbox]{width:17px;height:17px;accent-color:var(--primary)}textarea{min-height:92px;resize:vertical}.form-hint{font-size:11px;color:#98a1b5;margin-top:5px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.btn{border:1px solid transparent;border-radius:10px;min-height:42px;padding:9px 16px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:.15s}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn.secondary{background:#f8faff;border-color:#dce3f1;color:#3a4f7c}.btn.secondary:hover{background:#eef2fa}.btn.danger{background:#fff4f5;border-color:#ffd5dc;color:#c62945}.btn.danger:hover{background:#ffe9ed}.btn.success{background:#16835b}.btn.small{min-height:34px;padding:6px 10px;font-size:12px}.btn.icon-only{width:38px;height:38px;min-height:38px;padding:0}.btn[disabled]{opacity:.5;pointer-events:none}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{padding:13px 15px;text-align:left;font-size:11px;letter-spacing:.045em;text-transform:uppercase;color:#919bb1;background:#fafbfe;border-bottom:1px solid #e7ebf3;white-space:nowrap}.data-table td{padding:15px;border-bottom:1px solid #edf0f5;font-size:13px;color:#44516d;vertical-align:middle}.data-table tbody tr:hover{background:#fbfcff}.data-table tr:last-child td{border-bottom:0}.table-title{font-weight:750;color:#1c2947}.table-subtitle{font-size:11px;color:#929db2;margin-top:4px}.table-actions{display:flex;gap:7px;justify-content:flex-end}.text-right{text-align:right!important}.text-center{text-align:center!important}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#edf2fc;color:#526483;font-size:11px;font-weight:800;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.published,.badge.connected,.badge.active{background:#e6f8f0;color:#15805b}.badge.draft,.badge.unchecked{background:#fff4d9;color:#a26a05}.badge.revoked,.badge.failed,.badge.blocked{background:#ffeaed;color:#c12a46}.badge.hemis{background:#e9efff;color:#3158bb}.badge.manual{background:#eef1f6;color:#64708a}.notice{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:13px;margin-bottom:18px;border:1px solid}.notice.success{background:#eaf9f2;border-color:#c7eddd;color:#157653}.notice.error{background:#fff0f2;border-color:#ffd2da;color:#b7233f}.notice button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer}.notice ul{margin:6px 0 0;padding-left:18px}.empty-state{text-align:center;padding:46px 20px;color:#8d98af}.empty-state .empty-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 12px;border-radius:15px;background:#f1f4fb;color:#7d8baa}.empty-state strong{display:block;color:#53617e;margin-bottom:4px}.credential{background:#fff9e8;border:1px solid #f5d981;border-radius:16px;padding:18px;margin-bottom:20px}.credential-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;margin-top:14px}.credential code{display:block;word-break:break-all;background:#142451;color:#dce8ff;border-radius:9px;padding:11px;margin-top:6px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;background:rgba(13,24,53,.55);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;overflow-y:auto}.modal-dialog{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(12,26,64,.35)}.modal-dialog.wide{width:min(920px,100%)}.modal-head{padding:20px 22px;border-bottom:1px solid #e8edf5;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-head h2{margin:0;font-size:19px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.modal-close{border:1px solid #e1e6ef;background:#fafbfe;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;cursor:pointer;color:#75819b}.modal-body{padding:22px}.modal-open{overflow:hidden}.split-card{display:grid;grid-template-columns:350px 1fr;gap:20px}.side-form{padding:22px;border-right:1px solid #e8edf5}.main-list{min-width:0}.hours-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hour-chip{font-size:11px;font-weight:700;color:#4d5e80;background:#f1f4fa;border-radius:7px;padding:5px 7px}.readonly-note{display:flex;gap:10px;align-items:flex-start;background:#f0f4ff;border:1px solid #dce6ff;color:#435c99;padding:13px;border-radius:11px;font-size:12px;line-height:1.5}.filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-row .field{min-width:220px}.filter-row .field.grow{flex:1}.inline-form{display:inline}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.subnav a{background:#fff;border:1px solid #dce3ef;border-radius:10px;padding:10px 15px;text-decoration:none;color:#5c6983;font-size:13px;font-weight:700}.subnav a.active{background:#2948a6;color:#fff;border-color:#2948a6}.topic-type{font-weight:800;color:#2948a6}.release-version{font-size:17px;font-weight:850;color:#203876}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(420px,1.15fr);background:#fff}.login-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#102357,#183d83 58%,#2771bd);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center}.login-visual:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 75% 25%,rgba(255,255,255,.14),transparent 25%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.login-visual>*{position:relative;z-index:1}.login-visual h1{font-size:46px;margin:18px 0 15px}.login-visual p{font-size:17px;line-height:1.8;color:#cedcf7;max-width:560px}.login-points{display:grid;gap:12px;margin-top:28px}.login-point{display:flex;align-items:center;gap:11px}.login-point span:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.11)}.login-form-side{display:grid;place-items:center;padding:45px}.login-card{width:min(430px,100%)}.login-card h2{font-size:28px;margin:12px 0 7px}.login-card>p{color:var(--muted);margin:0 0 30px}.login-card .btn{width:100%;margin-top:7px}.checkbox-label{display:flex;align-items:center;gap:9px}.checkbox-label input{width:17px}.soft-dark .main-content{filter:saturate(.9) brightness(.94)}.sidebar-backdrop{display:none}
@media(max-width:1150px){.profile-copy{display:none}.stats{grid-template-columns:repeat(2,1fr)}.field-grid.five{grid-template-columns:repeat(3,1fr)}.split-card{grid-template-columns:1fr}.side-form{border-right:0;border-bottom:1px solid #e8edf5}}
@media(max-width:860px){.sidebar{transform:translateX(-100%);transition:.2s}.workspace{margin-left:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(12,24,54,.45);z-index:35}.mobile-menu{display:inline-flex}.main-content{padding:24px 18px 55px}.topbar{padding:0 18px}.language-pill,.topbar .icon-button.accent{display:none}.hero{padding:28px}.hero-row{align-items:flex-start;flex-direction:column}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.credential-grid{grid-template-columns:1fr}}
@media(max-width:560px){.main-content{padding:18px 12px 45px}.topbar{height:70px}.hero{padding:24px 20px;border-radius:18px}.hero h1{font-size:24px}.stats{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.panel-body{padding:17px}.field-grid,.field-grid.five{grid-template-columns:1fr}.profile-button .ui-icon{display:none}.modal{padding:10px}.modal-dialog{max-height:calc(100vh - 20px);border-radius:15px}.login-form-side{padding:25px}.toolbar .search{min-width:100%}}

/* Subject calendar and nested resource workflow */
.calendar-hero{padding-top:31px;padding-bottom:31px}
.hero-language{display:inline-flex;vertical-align:middle;margin-left:8px;padding:5px 10px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.12);font-size:12px;line-height:1;color:#fff}
.hero .btn.light{background:#fff;color:#1e3b8c;border-color:#fff}
.hero .btn.light:hover{background:#f2f5ff}
.hero .btn.generate{background:rgba(216,130,34,.23);border-color:#d9953e;color:#fff}
.hero .btn.generate:hover{background:rgba(216,130,34,.38)}
.calendar-note{margin-bottom:20px}
.calendar-switches{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}
.calendar-tabs,.language-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.calendar-tab{display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:11px 22px;border:1px solid #dfe5f1;border-radius:13px;background:#f8f9fd;color:#53617e;text-decoration:none;font-size:14px;font-weight:800;transition:.15s}
.calendar-tab span{padding:3px 7px;border-radius:7px;background:#edf1f8;font-size:10px;color:#7e8ba6}
.calendar-tab:hover{border-color:#aebee3;color:#2548a6}
.calendar-tab.active{border-color:#2949aa;background:linear-gradient(135deg,#3155c2,#1c3787);box-shadow:0 8px 20px rgba(41,73,170,.18);color:#fff}
.calendar-tab.active span{background:rgba(255,255,255,.17);color:#fff}
.calendar-tab.disabled{opacity:.65;cursor:default}
.language-tab{display:grid;place-items:center;min-width:45px;height:45px;padding:0 10px;border:1px solid #dce3ef;border-radius:11px;background:#fff;color:#66728d;text-decoration:none;font-size:12px;font-weight:800}
.language-tab.active{background:#2949aa;border-color:#2949aa;color:#fff}
.calendar-topic-list{display:grid;gap:18px;margin-bottom:22px}
.calendar-topic-card{overflow:hidden;border:1px solid #dfe5f1;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(37,57,103,.045)}
.calendar-topic-head{min-height:78px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e7ebf3;background:#fbfcff}
.calendar-topic-title{display:flex;align-items:flex-start;gap:13px;min-width:0}
.calendar-topic-title>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#edf2ff;color:#17377f;font-weight:850}
.calendar-topic-title h2{margin:4px 0 0;font-size:17px;color:#17233f}
.calendar-topic-title p{margin:5px 0 0;color:#8995ae;font-size:12px}
.calendar-topic-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.calendar-resource-list{min-height:94px}
.calendar-resource-list.standalone{min-height:68px}
.calendar-resource-row{min-height:76px;padding:13px 22px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:14px;border-bottom:1px solid #edf0f5}
.calendar-resource-row:last-child{border-bottom:0}
.calendar-resource-row:hover{background:#fbfcff}
.resource-kind-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f4f6fb;color:#183c8d}
.resource-row-copy{min-width:0}
.resource-row-copy strong,.resource-row-copy span{display:block}
.resource-row-copy strong{color:#17233f;font-size:14px}
.resource-row-copy span{margin-top:5px;overflow:hidden;color:#8a96af;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.resource-kind-label{padding:5px 9px;border-radius:999px;background:#edf2ff;color:#3153a8;font-size:10px;font-weight:800}
.resource-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.calendar-resource-empty{padding:35px 20px;text-align:center;color:#98a3ba;font-size:13px}
.calendar-empty{min-height:260px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;color:#8d98af}
.calendar-empty .empty-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:12px;border-radius:15px;background:#f1f4fb;color:#7d8baa}
.calendar-empty strong{color:#53617e;margin-bottom:6px}
.subject-resource-panel{margin-top:0}
.resource-picker-dialog{width:min(550px,100%)}
.resource-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.resource-choice{min-height:86px;padding:18px 22px;display:flex;align-items:center;gap:17px;border:1px solid #dce3f0;border-radius:14px;background:#f8f9fd;color:#172a58;text-align:left;cursor:pointer;transition:.15s}
.resource-choice:hover{transform:translateY(-1px);border-color:#9fb1df;background:#f2f5ff;box-shadow:0 8px 20px rgba(39,68,145,.09)}
.resource-choice strong{font-size:15px}
.resource-choice span strong,.resource-choice span small{display:block}
.resource-choice span small{margin-top:5px;color:#9aa4b8;font-size:10px;font-weight:600}
.resource-choice.unavailable{opacity:.5;cursor:not-allowed}
.resource-choice.unavailable:hover{transform:none;border-color:#dce3f0;background:#f8f9fd;box-shadow:none}
.resource-selected-kind{font-weight:800;color:#3153a8}
.generation-preview{display:flex;gap:14px;padding:17px;border:1px solid #dce6ff;border-radius:13px;background:#f2f5ff;color:#3e5794}
.generation-preview>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#e4ebff;color:#294cba}
.generation-preview strong{display:block;color:#253e7e}
.generation-preview p{margin:5px 0 0;font-size:12px;line-height:1.55}

@media(max-width:860px){.calendar-switches{align-items:flex-start;flex-direction:column}.calendar-topic-head{align-items:flex-start;flex-direction:column}.calendar-topic-actions{width:100%;justify-content:flex-end}.calendar-resource-row{grid-template-columns:42px minmax(0,1fr) auto}.resource-kind-label{display:none}.resource-row-actions{grid-column:2/-1}}
@media(max-width:560px){.calendar-tab{padding:10px 13px;min-height:44px}.calendar-topic-head{padding:15px}.calendar-topic-actions{flex-wrap:wrap}.calendar-topic-actions .btn:not(.icon-only){margin-left:auto}.calendar-resource-row{padding:13px 15px}.resource-picker-grid{grid-template-columns:1fr}.resource-choice{min-height:70px}.hero-language{margin-left:4px}}

/* Structured text resources */
.resource-row-copy>a{display:block;color:#17233f;font-size:14px;font-weight:700;text-decoration:none}
.resource-row-copy>a:hover{color:#294cba}
.text-section-wrap{max-width:1100px;margin:0 auto}
.text-section-form-wrap{max-width:920px;margin:0 auto}
.text-reader-wrap{max-width:1180px;margin:0 auto}
.text-section-hero{border-radius:22px;padding:28px 32px}
.text-section-hero.compact{padding-top:25px;padding-bottom:25px}
.text-section-table .data-table{min-width:620px}
.text-section-form-card .panel-body{padding:26px}
.rich-editor-field{margin-top:20px}
.rich-editor{overflow:hidden;border:1px solid #d8e0ef;border-radius:12px;background:#fff}
.rich-editor:focus-within{border-color:#7d99e0;box-shadow:0 0 0 3px rgba(57,90,190,.1)}
.rich-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #e2e8f4;background:#f8faff}
.rich-editor-toolbar button{min-width:34px;height:32px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #dce3f1;border-radius:7px;background:#fff;color:#425375;font-size:12px;cursor:pointer}
.rich-editor-toolbar button:hover{border-color:#9db0df;color:#2448a7;background:#edf2ff}
.rich-editor-content{min-height:var(--rich-editor-height);padding:16px;color:#25314d;font-size:14px;line-height:1.7;outline:none;overflow:auto}
.rich-editor-content:empty:before{content:"Matnni kiriting...";color:#9aa5ba}
.rich-editor-content h1,.rich-editor-content h2,.rich-editor-content h3{color:#17233f}
.rich-editor-content table,.rich-text-output table{width:100%;border-collapse:collapse}
.rich-editor-content td,.rich-editor-content th,.rich-text-output td,.rich-text-output th{padding:7px 10px;border:1px solid #dce3ef}
.text-reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}
.text-reader-card{padding:26px}
.text-reader-card>h2{text-align:center;margin:18px 0 25px;font-size:21px}
.text-reader-navigation{display:flex;align-items:center;justify-content:space-between;min-height:42px}
.text-reader-navigation.bottom{margin-top:28px;padding-top:18px;border-top:1px solid #e7ebf3}
.rich-text-output{color:#2a3652;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.rich-text-output p{margin:0 0 13px}
.rich-text-output h1,.rich-text-output h2,.rich-text-output h3{color:#17233f;line-height:1.35}
.rich-text-output a{color:#2750b5}
.text-reader-toc{align-self:start;position:sticky;top:105px;padding:16px}
.text-reader-toc>strong{display:block;padding:4px 8px 12px;color:#7d89a8;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.text-reader-toc>a{display:block;padding:10px 11px;border-radius:9px;color:#52607d;font-size:13px;line-height:1.45;text-decoration:none}
.text-reader-toc>a:hover{background:#f2f5fb;color:#2448a7}
.text-reader-toc>a.active{background:#edf2ff;color:#2448a7;font-weight:750}

@media(max-width:860px){.text-reader-grid{grid-template-columns:1fr}.text-reader-toc{position:static;order:-1}}
@media(max-width:560px){.text-section-hero{padding:23px 20px}.text-section-form-card .panel-body,.text-reader-card{padding:18px}.rich-editor-toolbar button{padding:0 7px}.rich-editor-content{min-height:260px}}