/* ========================================================================== UzPhOnline — design system (Ph.Eur. Online composition, own branding) ========================================================================== */ :root{ /* Green palette (pharmacy / health): dark green header, medium green actions, light green surfaces */ --navy:#0E3B2A; --navy-2:#0A2C20; --blue:#1E7A4C; --blue-2:#196540; --blue-3:#145334; --sky:#BCE3CD; --sky-2:#DBF0E4; --sky-3:#EFF8F3; --yellow:#E9A400; --yellow-2:#FBEBA8; --yellow-3:#FFF8E3; --bg:#F2F7F4; --card:#FFFFFF; --line:#D5E1D9; --line-2:#E6EFE9; --text:#1B2A22; --muted:#5A6B61; --muted-2:#586A5F; --ok:#1F8A4C; --ok-bg:#E4F3E9; --warn:#C2701A; --warn-bg:#FBEBD8; --bad:#B3382B; --bad-bg:#FAE2DF; --info:#0F7B6C; --info-bg:#DDF1ED; --grey-bg:#EDF2EF; --radius:4px; --shadow:0 1px 2px rgba(14,59,42,.08),0 1px 6px rgba(14,59,42,.06); --font:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mono:Consolas,"Courier New",monospace; --fs:15px; --content-fs:15.5px; --w:1440px; } /* Legacy blue theme: (settings key: theme). Approximate only — it swaps the tokens while a few literal green values (hero gradient, table rules) stay put. Green is the production palette; this block exists for comparison, not as a second supported skin. */ html[data-theme="blue"]{ --navy:#123751; --navy-2:#0E2C42; --blue:#1B7EAC; --blue-2:#16698F; --blue-3:#125677; --sky:#B9E1F4; --sky-2:#DCEFF9; --sky-3:#EEF6FB; --yellow:#FBB800; --yellow-2:#FFF2A8; --yellow-3:#FFF9DC; --bg:#F1F4F7; --line:#D7DEE5; --line-2:#E6EBF0; --text:#1F2A33; --muted:#5E6B78; --muted-2:#5F6B78; --ok:#2E9E5B; --ok-bg:#E6F4EA; --warn:#E8762D; --warn-bg:#FDEBD9; --bad:#C0392B; --bad-bg:#FBE3E0; --info:#1B7EAC; --info-bg:#DCEFF9; --grey-bg:#ECEFF2; } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;font-family:var(--font);font-size:var(--fs);line-height:1.5;color:var(--text);background:var(--bg)} a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline} img{max-width:100%;height:auto} table{border-collapse:collapse} h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;color:var(--navy);font-weight:600} h1{font-size:26px} h2{font-size:20px} h3{font-size:17px} h4{font-size:15px} p{margin:0 0 .8em} ul,ol{margin:0 0 .8em 1.2em;padding:0} code,kbd{font-family:var(--mono);font-size:.92em;background:var(--grey-bg);padding:0 4px;border-radius:3px} hr{border:0;border-top:1px solid var(--line);margin:1em 0} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .skip-link{position:absolute;left:-999px;top:8px;background:var(--yellow);color:#000;padding:6px 10px;z-index:1000}.skip-link:focus{left:8px} .wrap{max-width:var(--w);margin:0 auto;padding:0 20px} .muted{color:var(--muted)} .small{font-size:13px} .nowrap{white-space:nowrap} .right{text-align:right} .center{text-align:center} .mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px} .flex{display:flex;gap:12px;align-items:center}.flex-wrap{flex-wrap:wrap}.grow{flex:1}.between{justify-content:space-between} .hidden{display:none!important} /* ---------- top service bar ---------- */ .service-bar{background:#E7F1EA;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted)} .service-bar .wrap{display:flex;align-items:center;justify-content:space-between;height:30px} .service-bar a{color:var(--muted)} .service-bar a:hover{color:var(--navy)} .service-bar .links{display:flex;gap:18px;align-items:center} .service-bar .dropdown>summary{list-style:none;cursor:pointer;user-select:none} .service-bar .dropdown>summary::-webkit-details-marker{display:none} .service-bar .dropdown>summary:after{content:" ▾";font-size:11px} .dropdown{position:relative} .dropdown .menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);min-width:260px;z-index:50;padding:6px 0;border-radius:var(--radius)} .dropdown .menu a,.dropdown .menu button{display:block;padding:7px 14px;color:var(--text);white-space:nowrap;width:100%;text-align:left;background:none;border:0;font:inherit;cursor:pointer} .dropdown .menu a:hover,.dropdown .menu button:hover{background:var(--sky-3);text-decoration:none} .dropdown.right .menu{left:auto;right:0} /* ---------- header ---------- */ .site-header{background:var(--navy);color:#fff} .site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:84px;padding-top:10px;padding-bottom:10px;gap:20px} .brand{display:flex;align-items:center;gap:14px;color:#fff} .brand:hover{text-decoration:none} .brand .emblem{width:56px;height:56px;flex:0 0 56px} .brand .t1{font-size:21px;font-weight:700;letter-spacing:.2px;line-height:1.15} .brand .t2{font-size:13px;opacity:.85;margin-top:2px} .header-right{display:flex;align-items:center;gap:14px;font-size:14px} .header-right a{color:#fff} .user-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:5px 12px;border-radius:20px} .user-chip .avatar{width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px} /* ---------- main menu ---------- */ .main-menu{background:var(--blue);color:#fff} .main-menu .wrap{display:flex;align-items:stretch;justify-content:space-between;min-height:44px} .main-menu ul{list-style:none;margin:0;padding:0;display:flex} .main-menu li a{display:flex;align-items:center;height:44px;padding:0 18px;color:#fff;font-weight:600;font-size:14.5px;border-bottom:3px solid transparent} .main-menu li a:hover{background:var(--blue-2);text-decoration:none} .main-menu li.active a{background:var(--blue-3);border-bottom-color:var(--yellow)} .main-menu .tools{display:flex;align-items:center;gap:6px} .lang-switch{display:flex;gap:2px} .lang-switch a{display:inline-block;padding:4px 8px;border-radius:3px;color:#fff;font-size:12.5px;font-weight:600;border:1px solid rgba(255,255,255,.35)} .lang-switch a.active{background:#fff;color:var(--blue)} .lang-switch a:hover{text-decoration:none;background:rgba(255,255,255,.15)} .lang-switch a.active:hover{background:#fff} .main-menu .dropdown summary{list-style:none;color:#fff;cursor:pointer;padding:6px 10px;font-size:14px} .main-menu .dropdown summary::-webkit-details-marker{display:none} .menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:4px 10px;border-radius:3px;font:inherit} /* ---------- global search bar ---------- */ .search-bar{background:#fff;border-bottom:1px solid var(--line)} .search-bar .wrap{padding-top:12px;padding-bottom:12px} .search-form{display:flex;align-items:center;gap:10px;position:relative} .search-form .q{flex:1;height:44px;border:1px solid #A9C6B6;border-radius:var(--radius);padding:0 14px;font:inherit;font-size:16px;min-width:0} .search-form .q:focus{outline:2px solid var(--sky);border-color:var(--blue)} .search-form .go{height:44px;width:48px;background:var(--blue);border:0;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px} .search-form .go:hover{background:var(--blue-2)} .switch{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);white-space:nowrap;cursor:pointer;user-select:none} .switch input{position:absolute;opacity:0;width:0;height:0} .switch .track{width:38px;height:20px;border-radius:10px;background:#C3D3C9;position:relative;transition:.15s;flex:0 0 38px} .switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.3)} .switch input:checked+.track{background:var(--blue)} .switch input:checked+.track:after{left:20px} .switch input:focus-visible+.track{outline:2px solid var(--blue-3);outline-offset:1px} .suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);z-index:60;max-height:360px;overflow:auto;border-radius:0 0 var(--radius) var(--radius)} .suggest a{display:flex;gap:10px;padding:8px 14px;color:var(--text);border-top:1px solid var(--line-2)} .suggest a:first-child{border-top:0} .suggest a:hover,.suggest a.active{background:var(--sky-3);text-decoration:none} .suggest .num{color:var(--muted);font-family:var(--mono);font-size:12.5px;min-width:62px} .suggest .ty{margin-left:auto;color:var(--muted-2);font-size:12px} /* ---------- layout ---------- */ main{min-height:60vh} .page{padding:22px 0 40px} .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px} .breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:10px;display:flex;flex-wrap:wrap;gap:4px} .breadcrumbs a{color:var(--muted)} .breadcrumbs span:after{content:"›";margin:0 6px;color:var(--muted-2)} .breadcrumbs span:last-child:after{content:""} .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px} .card+.card{margin-top:14px} .card h2,.card h3{margin-top:0} .card-title{font-size:15px;text-transform:uppercase;letter-spacing:.4px;color:var(--navy);font-weight:700;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--sky)} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .cols{display:grid;gap:20px} .cols.with-side{grid-template-columns:300px minmax(0,1fr)} .cols.three{grid-template-columns:290px minmax(0,1fr) 300px} .cols.with-right{grid-template-columns:minmax(0,1fr) 320px} .side{min-width:0} .stick{position:sticky;top:10px} /* ---------- buttons / forms ---------- */ .btn{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:7px 14px;border-radius:var(--radius);font:inherit;font-size:14px;font-weight:600;cursor:pointer;line-height:1.3;text-decoration:none} .btn:hover{background:var(--blue-2);text-decoration:none;color:#fff} .btn.outline{background:#fff;color:var(--blue)} .btn.outline:hover{background:var(--sky-3)} .btn.ghost{background:transparent;color:var(--blue);border-color:transparent} .btn.ghost:hover{background:var(--sky-3)} .btn.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--navy)} .btn.yellow:hover{background:#e5a800} .btn.danger{background:var(--bad);border-color:var(--bad)} .btn.danger:hover{background:#a5301f} .btn.sm{padding:4px 10px;font-size:13px} .btn.xs{padding:2px 8px;font-size:12px} .btn.navy{background:var(--navy);border-color:var(--navy)} .btn.navy:hover{background:var(--navy-2)} .btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed} .btn-group{display:inline-flex;border:1px solid var(--blue);border-radius:var(--radius);overflow:hidden} .btn-group a,.btn-group button{background:#fff;color:var(--blue);border:0;border-left:1px solid var(--blue);padding:5px 12px;font:inherit;font-size:13px;cursor:pointer} .btn-group a:first-child,.btn-group button:first-child{border-left:0} .btn-group .active{background:var(--blue);color:#fff} .btn-group a:hover{text-decoration:none;background:var(--sky-3)} .btn-group .active:hover{background:var(--blue)} .input,select.input,textarea.input{width:100%;border:1px solid #A9C6B6;border-radius:var(--radius);padding:8px 10px;font:inherit;font-size:14px;background:#fff;color:var(--text)} .input:focus{outline:2px solid var(--sky);border-color:var(--blue)} textarea.input{min-height:120px;resize:vertical} .form-row{margin-bottom:14px} .form-row label,.label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:4px} .form-row .help{font-size:12.5px;color:var(--muted);margin-top:4px} .form-inline{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap} .check{display:flex;align-items:flex-start;gap:8px;font-size:14px;cursor:pointer} .check input{margin-top:3px} .req:after{content:" *";color:var(--bad)} .error-text{color:var(--bad);font-size:13px} .alert{padding:10px 14px;border-radius:var(--radius);border:1px solid;margin-bottom:14px;font-size:14px} .alert.info{background:var(--info-bg);border-color:#AFDCD4;color:#0B5A4F} .alert.success{background:var(--ok-bg);border-color:#B6DFC4;color:#186B3B} .alert.warning{background:var(--warn-bg);border-color:#EFC79B;color:#8A5312} .alert.error,.alert.danger{background:var(--bad-bg);border-color:#EDB2AC;color:#7A2419} .flashes{margin:14px 0 0} /* ---------- status pills ---------- */ .pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:14px;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap;border:1px solid transparent} .pill.ok{background:var(--ok-bg);color:#166B3A;border-color:#B6DFC4} .pill.warn{background:var(--warn-bg);color:#8A5312;border-color:#EFC79B} .pill.bad{background:var(--bad-bg);color:#7A2419;border-color:#EDB2AC} .pill.info{background:var(--info-bg);color:#0B5A4F;border-color:#AFDCD4} .pill.muted{background:var(--grey-bg);color:var(--muted);border-color:var(--line)} .pill.type{background:#fff;color:var(--muted);border-color:var(--line);font-weight:500} .pill .ico{width:13px;height:13px} .pill.lg{padding:6px 12px;font-size:13.5px;border-radius:6px} /* ---------- home ---------- */ .hero{background:linear-gradient(135deg,var(--navy) 0%,#155C3E 55%,var(--blue) 100%);color:#fff;padding:34px 0 30px} .hero h1{color:#fff;font-size:28px;margin-bottom:6px} .hero p{opacity:.9;max-width:760px} .hero .search-form .q{height:50px;font-size:17px} .hero .search-form .go{height:50px;width:54px} .hero .switch{color:#fff} .carousel{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--card);border:1px solid var(--line)} .carousel .slides{display:flex;transition:transform .45s ease} .carousel .slide{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:200px} .carousel .slide .body{padding:24px 28px} .carousel .slide .kicker{color:var(--blue);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.6px} .carousel .slide h2{font-size:22px;margin:6px 0 8px} .carousel .slide .art{background:var(--navy) url("data:image/svg+xml;utf8,") right/cover no-repeat;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;color:#fff} .carousel .dots{position:absolute;bottom:10px;left:28px;display:flex;gap:6px} .carousel .dots button{width:10px;height:10px;border-radius:50%;border:0;background:#C3D3C9;cursor:pointer;padding:0} .carousel .dots button.active{background:var(--blue)} .carousel .nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;color:var(--navy)} .carousel .nav.prev{left:10px}.carousel .nav.next{right:10px} .welcome{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-top:16px} .stat-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px} .stat{background:var(--sky-3);border:1px solid var(--sky);border-radius:var(--radius);padding:10px 14px;min-width:130px} .stat b{display:block;font-size:22px;color:var(--navy)} .stat span{font-size:12.5px;color:var(--muted)} .quick-links{list-style:none;margin:0;padding:0} .quick-links li{border-bottom:1px solid var(--line-2)} .quick-links li:last-child{border:0} .quick-links a{display:flex;align-items:center;gap:10px;padding:9px 2px;color:var(--navy);font-weight:600;font-size:14px} .quick-links a:before{content:"›";color:var(--blue);font-size:18px;line-height:1} .news-list .item{padding:12px 0;border-bottom:1px solid var(--line-2)} .news-list .item:last-child{border:0} .news-list .date{font-size:12.5px;color:var(--muted)} .news-list h3{margin:2px 0 4px;font-size:16px} .help-strip{margin-top:24px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:18px 22px;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center} .help-strip h3{color:#fff;margin:0} .help-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px} .help-strip a{color:#fff;font-size:14px;border-bottom:1px dotted rgba(255,255,255,.5)} .help-strip a:hover{text-decoration:none;border-bottom-style:solid} /* ---------- filters (left) ---------- */ .filters h2{font-size:15px;text-transform:uppercase;letter-spacing:.4px;margin:0;padding:10px 14px;background:var(--navy);color:#fff;border-radius:var(--radius) var(--radius) 0 0} .filters .card{border-radius:0 0 var(--radius) var(--radius);padding:10px 14px 14px} .filters .fhead{display:flex;align-items:center;justify-content:space-between;margin:12px 0 6px;font-weight:700;font-size:13.5px;color:var(--navy);text-transform:uppercase;letter-spacing:.3px} .filters .fhead:first-child{margin-top:0} .filters .fhead button{background:none;border:0;color:var(--blue);font:inherit;font-size:12px;cursor:pointer;text-transform:none;letter-spacing:0} .facet{list-style:none;margin:0;padding:0} .facet li{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:13.5px} .facet li label{flex:1;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:0} .facet .n{color:var(--muted);font-size:12px;margin-left:auto;font-variant-numeric:tabular-nums} .facet li.dim{opacity:.55} .toc-tree ul{list-style:none;margin:0;padding:0 0 0 14px} .toc-tree>ul{padding-left:0} .toc-tree li{font-size:13.5px;line-height:1.35} .toc-tree .row{display:flex;align-items:flex-start;gap:4px;padding:3px 0} .toc-tree .tg{flex:0 0 16px;width:16px;height:18px;border:0;background:none;color:var(--blue);cursor:pointer;font-size:12px;padding:0;line-height:18px;text-align:center} .toc-tree .tg.leaf{visibility:hidden} .toc-tree .row input{margin:3px 0 0} .toc-tree .row label{flex:1;cursor:pointer;min-width:0;word-break:break-word} .toc-tree .row .n{color:var(--muted);font-size:12px;margin-left:auto;padding-left:4px;font-variant-numeric:tabular-nums} .toc-tree .row.sel>label{font-weight:700;color:var(--navy)} .toc-tree li.collapsed>ul{display:none} .toc-tree .texts li{padding:1px 0 1px 20px;position:relative} .toc-tree .texts li:before{content:"";position:absolute;left:8px;top:11px;width:6px;height:1px;background:var(--line)} .toc-tree .texts a{color:var(--text)} .toc-tree .texts a:hover{color:var(--blue)} .toc-tree .texts a.cur{font-weight:700;color:var(--navy)} .toc-tree .texts .code{color:var(--muted);font-size:12px;margin-right:4px} .toc-tree .loading{color:var(--muted);font-size:12px;padding-left:20px} .toc-tree .more{padding-left:20px} .active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center;font-size:13px} .active-filters .chip{background:var(--sky-2);border:1px solid var(--sky);color:var(--navy);border-radius:14px;padding:2px 10px;display:inline-flex;gap:6px;align-items:center} .active-filters .chip a{color:var(--navy);font-weight:700} .adv-panel{border-top:1px solid var(--line-2);margin-top:12px;padding-top:10px} .adv-panel .form-row{margin-bottom:8px} .adv-panel .input{padding:5px 8px;font-size:13px} /* ---------- results ---------- */ .results-toolbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px;font-size:13.5px;margin-bottom:10px} .results-toolbar .lbl{color:var(--muted);margin-right:4px} .results-toolbar select{padding:3px 6px;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:3px} .results-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:13.5px;padding:6px 2px;color:var(--muted)} .results-bar b{color:var(--navy)} .pager{display:inline-flex;gap:4px;align-items:center} .pager a,.pager span{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:3px;padding:0 6px;color:var(--blue);font-size:13px} .pager span.cur{background:var(--blue);color:#fff;border-color:var(--blue)} .pager a:hover{background:var(--sky-3);text-decoration:none} .pager span.dis{color:var(--muted-2)} .result{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 12px;margin-bottom:10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px} .result:hover{border-color:#AFCDBB} .result .pick{padding-top:3px} .result .head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start} .result h3{margin:0;font-size:16.5px;line-height:1.3} .result h3 a{color:var(--blue)} .result h3 .code{color:var(--muted);font-weight:600;margin-right:6px} .result .meta{font-size:12.5px;color:var(--muted);text-align:right;white-space:nowrap;line-height:1.55} .result .meta b{color:var(--text);font-weight:600} .result .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;align-items:center} .result .pills .crumb{font-size:12px;color:var(--muted-2);margin-left:auto} .result .snips{margin-top:8px;font-size:13.5px;color:#35473c;border-top:1px dashed var(--line-2);padding-top:8px} .result .snips p{margin:0 0 3px;padding-left:12px;position:relative} .result .snips p:before{content:"…";position:absolute;left:0;color:var(--muted-2);display:none} .result .sub{font-size:13px;color:var(--muted);margin-top:3px} mark{background:var(--yellow-2);color:inherit;padding:0 1px;border-radius:2px} mark.hl.cur{background:#F5C242;outline:2px solid #F5C242} .empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--muted)} .empty h3{color:var(--navy)} /* ---------- text page ---------- */ .text-toolbar{background:#E7F1EA;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;margin-bottom:12px;position:sticky;top:0;z-index:20} .text-toolbar .sep{width:1px;height:22px;background:var(--line)} .text-toolbar .tb{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid transparent;padding:4px 8px;border-radius:3px;color:var(--navy);font:inherit;font-size:13px;cursor:pointer;text-decoration:none} .text-toolbar .tb:hover{background:#fff;border-color:var(--line);text-decoration:none} .text-toolbar .tb svg{width:16px;height:16px} .text-toolbar .tb[aria-disabled="true"]{opacity:.4;pointer-events:none} .text-toolbar select{font:inherit;font-size:13px;padding:3px 6px;border:1px solid var(--line);border-radius:3px;background:#fff} .callout{display:flex;gap:12px;align-items:flex-start;background:var(--yellow-3);border:1px solid #F0DFA6;border-left:4px solid var(--yellow);border-radius:var(--radius);padding:10px 14px;margin-bottom:10px;font-size:13.5px} .callout svg{width:20px;height:20px;flex:0 0 20px;color:#B98300} .callout.warn{background:var(--warn-bg);border-color:#EFC79B;border-left-color:var(--warn)} .callout.warn svg{color:var(--warn)} .callout.info{background:var(--info-bg);border-color:#AFDCD4;border-left-color:var(--info)} .callout.info svg{color:var(--blue)} .callout.bad{background:var(--bad-bg);border-color:#EDB2AC;border-left-color:var(--bad)} .callout.bad svg{color:var(--bad)} .text-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 36px 36px;font-size:var(--content-fs)} .text-card .pubcode{font-family:var(--mono);font-size:13px;color:var(--muted);text-align:right;margin-bottom:8px} .text-card .pubcode .corr{color:var(--warn);margin-left:8px} .text-card h1.title{text-align:center;font-size:22px;text-transform:uppercase;letter-spacing:.3px;margin:6px 0 4px;color:var(--navy)} .text-card .code-line{text-align:center;color:var(--muted);font-size:14px;margin-bottom:4px} .text-card .latin{text-align:center;font-style:italic;font-size:16px;color:#2C4238;margin-bottom:14px} .text-card .subst{text-align:center;font-size:14px;color:var(--muted);margin-bottom:14px;line-height:1.7} .text-card .subst b{color:var(--text)} .ph-text{line-height:1.62} .ph-text h2{font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:22px 0 8px;color:var(--navy);font-weight:700} .ph-text h3{font-size:15.5px;margin:18px 0 6px;color:var(--navy);font-weight:700} .ph-text h4{font-size:15px;margin:14px 0 4px;font-style:italic;font-weight:600;color:var(--text)} .ph-text h2:first-child,.ph-text h3:first-child{margin-top:0} .ph-text p{margin:0 0 .7em;text-align:left} .ph-text p.c,.ph-text .c{text-align:center} .ph-text .r{text-align:right} .ph-text .j{text-align:justify} .ph-text ul.dash{list-style:none;margin-left:0;padding-left:0} .ph-text ul.dash>li{position:relative;padding-left:18px;margin-bottom:4px} .ph-text ul.dash>li:before{content:"–";position:absolute;left:2px} .ph-text ul,.ph-text ol{margin:0 0 .8em 1.4em} .ph-text li{margin-bottom:3px} .ph-text .caption{font-size:13.5px;color:var(--muted);text-align:center;margin:4px 0 10px} .ph-text .caption-table{margin:14px 0 4px;text-align:left;font-weight:600;color:var(--text)} .ph-text .table-wrap{overflow-x:auto;margin:6px 0 14px;max-width:100%} .ph-text table.ph-table{border:1px solid #9BB3A5;font-size:13.5px;width:auto;max-width:100%;margin:0 auto} .ph-text table.ph-table th,.ph-text table.ph-table td{border:1px solid #9BB3A5;padding:4px 8px;vertical-align:top;text-align:left} .ph-text table.ph-table th{background:#EAF3EE;font-weight:700;text-align:center} .ph-text table.ph-table td.c{text-align:center} .ph-text table.ph-table td.r{text-align:right} .ph-text table.ph-table .va-center{vertical-align:middle} .ph-text table.ph-table p{margin:0} .ph-text figure.fig{margin:12px auto;text-align:center;max-width:100%} .ph-text figure.fig img{cursor:zoom-in;max-width:100%;height:auto;border:1px solid transparent} .ph-text figure.fig img:hover{border-color:var(--sky)} .ph-text .math-para{text-align:center;margin:10px 0;overflow-x:auto} .ph-text math{font-size:1.08em} .ph-text .math-block math{margin:4px 0} .ph-text .math-text{font-family:"Cambria Math","Times New Roman",serif} .ph-text .xref{color:var(--blue);border-bottom:1px dotted var(--blue)} .ph-text .xref:hover{background:var(--sky-3);text-decoration:none} .ph-text .xref-reagent i{color:var(--blue)} .ph-text a.xref-bm{color:var(--blue)} .ph-text sup,.ph-text sub{font-size:.75em;line-height:0} .ph-text .footnotes{border-top:1px solid var(--line);margin-top:24px;padding-top:8px;font-size:13px;color:var(--muted)} .ph-text .footnotes li{margin-bottom:4px} .ph-text .textbox{border:1px solid var(--line);background:var(--sky-3);padding:8px 12px;margin:10px 0;font-size:14px} .ph-text .textbox p{margin:0 0 4px} .ph-text .note,.ph-text .izoh{font-size:14px;color:#35473c} .ph-text .impurity{margin:10px 0} .ph-text .pagebreak{display:none} .ph-text .key{font-weight:700;text-transform:uppercase;font-size:.92em;letter-spacing:.4px} .ph-text hr{margin:18px 0} .ph-text .legend{font-size:13.5px;color:#35473c} .ph-text.fs-s{font-size:14px} .ph-text.fs-l{font-size:17px} .ph-text.fs-xl{font-size:19px} .text-card.locked .ph-text{max-height:420px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)} .paywall{background:var(--sky-3);border:1px solid var(--sky);border-radius:var(--radius);padding:22px;text-align:center;margin-top:-10px;position:relative} .info-panel .card{padding:0;overflow:hidden} .info-panel h2{font-size:15px;text-transform:uppercase;letter-spacing:.4px;margin:0;padding:10px 14px;background:var(--navy);color:#fff} .info-panel .row{padding:10px 14px;border-bottom:1px solid var(--line-2);font-size:13.5px} .info-panel .row .k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.3px} .info-panel .row .v{font-weight:600;color:var(--navy);word-break:break-word} .info-panel .status-card{margin:10px 14px;border-radius:6px;padding:10px 12px;font-size:13.5px;border:1px solid;display:flex;gap:10px;align-items:flex-start} .info-panel .status-card svg{width:20px;height:20px;flex:0 0 20px} .info-panel .status-card.ok{background:var(--ok-bg);border-color:#B6DFC4;color:#166B3A} .info-panel .status-card.warn{background:var(--warn-bg);border-color:#EFC79B;color:#8A5312} .info-panel .status-card.bad{background:var(--bad-bg);border-color:#EDB2AC;color:#7A2419} .info-panel .status-card.info{background:var(--info-bg);border-color:#AFDCD4;color:#0B5A4F} .info-panel .status-card.muted{background:var(--grey-bg);border-color:var(--line);color:var(--muted)} .info-panel .status-card b{display:block} .info-panel .status-card small{display:block;opacity:.85;font-size:12px} .info-panel .row select{width:100%;margin-top:4px} .inner-toc ul{list-style:none;margin:0;padding:0;font-size:13px} .inner-toc li a{display:block;padding:3px 0;color:var(--text);border-left:2px solid transparent;padding-left:8px} .inner-toc li.l3 a{padding-left:18px;color:var(--muted)} .inner-toc li.l4 a{padding-left:28px;color:var(--muted);font-size:12.5px} .inner-toc li a:hover,.inner-toc li a.cur{border-left-color:var(--blue);color:var(--blue);text-decoration:none} .rel-list{list-style:none;margin:0;padding:0;font-size:13.5px} .rel-list li{padding:4px 0;border-bottom:1px solid var(--line-2)} .rel-list li:last-child{border:0} .rel-list .code{color:var(--muted);margin-right:4px;font-size:12.5px} .child-list{columns:2;column-gap:24px;font-size:14px;list-style:none;margin:0;padding:0} .child-list li{break-inside:avoid;padding:3px 0;border-bottom:1px solid var(--line-2)} .child-list .en{color:var(--muted);font-size:12.5px} .prevnext{display:flex;justify-content:space-between;gap:14px;margin-top:14px;font-size:13.5px} .prevnext a{max-width:48%} .lightbox{position:fixed;inset:0;background:rgba(10,35,25,.85);z-index:500;display:flex;align-items:center;justify-content:center;padding:30px;cursor:zoom-out} .lightbox img{max-width:100%;max-height:100%;background:#fff;padding:8px;border-radius:4px} .compare .diff{font-size:14px;line-height:1.6} .compare ins{background:#D9F2E2;text-decoration:none} .compare del{background:#FAE0DC;text-decoration:line-through;color:#7A2419} /* ---------- news / help / store / auth ---------- */ .news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px} .news-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column} .news-card .date{font-size:12.5px;color:var(--muted)} .news-card h3{font-size:17px;margin:4px 0 6px} .news-card p{color:#35473c;font-size:14px;flex:1} .article{max-width:860px} .article .body{font-size:15.5px;line-height:1.65} .faq details{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:8px} .faq summary{padding:12px 16px;cursor:pointer;font-weight:600;color:var(--navy);list-style:none;display:flex;justify-content:space-between} .faq summary::-webkit-details-marker{display:none} .faq summary:after{content:"+";color:var(--blue);font-size:18px;line-height:1} .faq details[open] summary:after{content:"–"} .faq .ans{padding:0 16px 14px;color:#35473c;font-size:14.5px} .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px} .plan{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column} .plan.featured{border-color:var(--blue);box-shadow:0 0 0 2px var(--sky)} .plan h3{font-size:18px} .plan .price{font-size:24px;font-weight:700;color:var(--navy);margin:8px 0 2px} .plan .per{font-size:12.5px;color:var(--muted);margin-bottom:12px} .plan p{flex:1;font-size:14px;color:#35473c} .auth-box{max-width:440px;margin:30px auto;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:26px 28px} .auth-box h1{font-size:22px;text-align:center;margin-bottom:18px} .auth-box .links{display:flex;justify-content:space-between;font-size:13.5px;margin-top:12px} .demo-box{background:var(--sky-3);border:1px dashed var(--sky);border-radius:var(--radius);padding:10px 12px;font-size:12.5px;margin-top:16px;color:var(--muted)} .tabs{display:flex;gap:2px;border-bottom:2px solid var(--line);margin-bottom:16px;flex-wrap:wrap} .tabs a{padding:8px 14px;color:var(--muted);font-weight:600;font-size:14px;border-bottom:3px solid transparent;margin-bottom:-2px} .tabs a.active,.tabs a:hover{color:var(--navy);border-bottom-color:var(--blue);text-decoration:none} .account-nav{list-style:none;margin:0;padding:0} .account-nav li a{display:block;padding:8px 12px;border-radius:var(--radius);color:var(--text);font-size:14px} .account-nav li a:hover{background:var(--sky-3);text-decoration:none} .account-nav li.active a{background:var(--navy);color:#fff} /* ---------- tables ---------- */ .table{width:100%;font-size:13.5px;background:var(--card)} .table th,.table td{border-bottom:1px solid var(--line-2);padding:8px 10px;text-align:left;vertical-align:top} .table th{background:#EAF3EE;color:var(--navy);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap} .table tr:hover td{background:#F7FBF8} .table .num{text-align:right;font-variant-numeric:tabular-nums} .table .chk{width:34px;text-align:center;padding-left:8px;padding-right:6px} .table .chk input,.bulk-bar input[type=checkbox]{width:16px;height:16px;cursor:pointer} .bulk-bar{align-items:center} .table-wrap{overflow-x:auto} .kv{font-size:14px} .kv dt{font-weight:600;color:var(--navy);margin-top:8px} .kv dd{margin:0} .kv.inline{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px} .kv.inline dt{margin:0} /* ---------- footer ---------- */ .site-footer{background:var(--navy);color:#C6DACE;margin-top:40px;font-size:13.5px} .site-footer .wrap{padding:28px 20px 18px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px} .site-footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px} .site-footer a{color:#E1F0E7} .site-footer ul{list-style:none;margin:0;padding:0} .site-footer li{margin-bottom:6px} .site-footer .bottom{border-top:1px solid rgba(255,255,255,.15);padding:12px 20px;font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#A6BEB0;max-width:var(--w);margin:0 auto} .cookie-banner{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:3px solid var(--yellow);box-shadow:0 -2px 12px rgba(0,0,0,.12);padding:12px 20px;z-index:400;font-size:13.5px} .cookie-banner .wrap{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap} /* ---------- admin ---------- */ .admin-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:70vh} .admin-nav{background:var(--navy-2);color:#fff;padding:14px 0} .admin-nav h2{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.6px;padding:8px 18px 4px;margin:10px 0 0;opacity:.7} .admin-nav a{display:block;padding:7px 18px;color:#D4E6DA;font-size:14px} .admin-nav a:hover{background:rgba(255,255,255,.08);text-decoration:none} .admin-nav a.active{background:var(--blue);color:#fff} .admin-body{padding:20px 24px;background:var(--bg)} .admin-body h1{font-size:22px} .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px} .kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px} .kpi b{display:block;font-size:24px;color:var(--navy)} .kpi span{font-size:12.5px;color:var(--muted)} .code-editor{font-family:var(--mono);font-size:13px;min-height:420px;white-space:pre;tab-size:2} .ed-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px} .ed-toolbar button{font:inherit;font-size:12.5px;padding:3px 8px;border:1px solid var(--line);background:#fff;border-radius:3px;cursor:pointer} .ed-toolbar button:hover{background:var(--sky-3)} .ed-split{display:grid;grid-template-columns:1fr 1fr;gap:12px} .preview-frame{border:1px solid var(--line);background:#fff;min-height:420px;padding:14px;overflow:auto;max-height:70vh} .wf{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13px} .wf .step{padding:3px 10px;border-radius:12px;background:var(--grey-bg);color:var(--muted)} .wf .step.cur{background:var(--blue);color:#fff} .badge{display:inline-block;background:var(--blue);color:#fff;border-radius:10px;padding:0 7px;font-size:11.5px;font-weight:700;min-width:18px;text-align:center;line-height:18px} .badge.yellow{background:var(--yellow);color:var(--navy)} .badge.red{background:var(--bad)} /* ---------- print ---------- */ .print-only{display:none} @media print{ body{background:#fff;color:#000;font-size:11.5pt} .service-bar,.site-header,.main-menu,.search-bar,.site-footer,.cookie-banner,.text-toolbar,.filters,.info-panel,.callout,.no-print,.prevnext,.side{display:none!important} .cols.three,.cols.with-side{display:block} .text-card{border:0;padding:0;box-shadow:none} .print-only{display:block} .print-head{border-bottom:1px solid #000;font-size:9pt;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:4px} .print-foot{border-top:1px solid #000;font-size:8.5pt;margin-top:16px;padding-top:4px;color:#333} .ph-text .xref{color:#000;border:0} a{color:inherit} mark{background:none;font-weight:700} .watermark{position:fixed;top:45%;left:0;right:0;text-align:center;font-size:34pt;color:rgba(0,0,0,.07);transform:rotate(-25deg);z-index:-1;pointer-events:none} @page{margin:18mm 16mm} } /* ---------- responsive ---------- */ @media (max-width:1150px){ .cols.three{grid-template-columns:260px minmax(0,1fr)} .cols.three .info-panel{grid-column:1/-1} .site-footer .wrap{grid-template-columns:1fr 1fr} } @media (max-width:900px){ html,body{overflow-x:hidden} .service-bar .wrap{height:auto;flex-wrap:wrap;padding:4px 12px;gap:4px 12px;font-size:12px} .service-bar .links{flex-wrap:wrap;gap:6px 12px} .header-right{flex-wrap:wrap;justify-content:flex-end} .btn-group{flex-wrap:wrap}.btn-group a,.btn-group button{border-left:0} .filters .card.m-collapsed{display:none} .filters h2{cursor:pointer}.filters h2:after{content:" ▾";float:right;font-size:12px} .filters .card{word-break:break-word} .results-toolbar,.results-bar{gap:8px} .cols.with-side,.cols.three,.cols.with-right,.welcome,.help-strip,.ed-split{grid-template-columns:1fr} .brand .t1{font-size:17px} .brand .t2{display:none} .main-menu ul{display:none;flex-direction:column;width:100%} .main-menu.open ul{display:flex} .main-menu .wrap{flex-wrap:wrap} /* the signed-out bar has no toggle button (four short links) — it must stay open */ .main-menu.anon ul{display:flex;flex-direction:row;flex-wrap:wrap;width:auto} .main-menu.anon li a{padding:0 12px;font-size:13.5px} .menu-toggle{display:inline-block;margin:6px 0} .filters{margin-bottom:14px} .carousel .slide{grid-template-columns:1fr} .carousel .slide .art{display:none} .result{grid-template-columns:24px 1fr} .result .head{flex-direction:column;gap:4px} .result .meta{text-align:left;white-space:normal} .admin-shell{grid-template-columns:1fr} .text-card{padding:18px 16px} .child-list{columns:1} .grid-2,.grid-3{grid-template-columns:1fr} .site-footer .wrap{grid-template-columns:1fr} .service-bar .links span.hide-m{display:none} } @media (max-width:560px){ .search-form{flex-wrap:wrap} .search-form .q{flex-basis:100%} .hero h1{font-size:22px} .text-toolbar{position:static} } /* ---------- WYSIWYG editor (admin) ---------- */ .wy{border:1px solid var(--line);border-radius:var(--radius);background:#fff} .wy-bar{display:flex;flex-wrap:wrap;gap:3px;padding:6px;border-bottom:1px solid var(--line);background:#F4F9F6;position:sticky;top:0;z-index:5} .wy-bar button{font:inherit;font-size:12.5px;padding:3px 8px;border:1px solid var(--line);background:#fff;border-radius:3px;cursor:pointer;min-width:28px;line-height:1.4} .wy-bar button:hover{background:var(--sky-3)} .wy-bar button.on{background:var(--blue);color:#fff;border-color:var(--blue)} .wy-sep{width:1px;background:var(--line);margin:0 3px;align-self:stretch} .wy-status{margin-left:auto;font-size:11.5px;color:var(--muted);align-self:center} .wy-area{min-height:420px;max-height:75vh;overflow:auto;padding:18px 22px;outline:none;font-size:15px} .wy-area:focus{box-shadow:inset 0 0 0 2px var(--sky)} .wy-area table.ph-table td,.wy-area table.ph-table th{min-width:24px} .wy-src{border:0;border-radius:0;min-height:420px;max-height:75vh} .wy-pal{padding:6px;border-bottom:1px solid var(--line);background:#FFFCF0;display:flex;flex-wrap:wrap;gap:2px} .wy-pal button{font:inherit;font-size:15px;width:30px;height:28px;border:1px solid var(--line);background:#fff;border-radius:3px;cursor:pointer} .wy-pal button:hover{background:var(--yellow-2)} .wy-draft{background:var(--warn-bg);border-bottom:1px solid #EFC79B;padding:6px 10px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .wy-media{border-bottom:1px solid var(--line);background:var(--sky-3);padding:8px 10px} .wy-media-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px} .wy-media-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-height:200px;overflow:auto} .wy-thumb{width:110px;font-size:11px;color:var(--muted);text-align:center;border:1px solid var(--line);background:#fff;border-radius:3px;padding:4px} .wy-thumb img{max-width:100px;max-height:70px;display:block;margin:0 auto 3px} .wy-thumb:hover{border-color:var(--blue);text-decoration:none} .wy-thumb span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lock-banner{background:var(--warn-bg);border:1px solid #EFC79B;border-left:4px solid var(--warn);padding:8px 12px;border-radius:var(--radius);margin-bottom:10px;font-size:13.5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap} /* translation editor */ .tr-split{display:grid;grid-template-columns:1fr 1fr;gap:12px} .tr-src{border:1px solid var(--line);border-radius:var(--radius);background:#F7FBF8;max-height:75vh;overflow:auto;padding:16px 20px;font-size:14.5px} .tr-src [data-sec]{scroll-margin-top:10px} .tr-src [data-sec].cur{background:var(--yellow-3);outline:2px solid var(--yellow-2)} .tr-check{font-size:13px} .tr-check li.bad{color:var(--bad)} .tr-check li.ok{color:#166B3A} @media (max-width:900px){.tr-split{grid-template-columns:1fr}} /* archives: as-of date */ .asof-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap} /* toc panel resize/pin */ .cols.with-side,.cols.three{--side-w:300px} @media (min-width:901px){ .cols.with-side{grid-template-columns:var(--side-w) minmax(0,1fr)} .cols.three{grid-template-columns:var(--side-w) minmax(0,1fr) 300px} } .side-resizer{position:absolute;top:0;right:-6px;width:10px;height:100%;cursor:col-resize;z-index:3} .side.resizable{position:relative} .side.pinned .filters{position:sticky;top:8px;max-height:calc(100vh - 16px);overflow:auto} .side-tools{display:flex;gap:6px;justify-content:flex-end;margin-bottom:4px} .side-tools button{font:inherit;font-size:11.5px;padding:1px 7px;border:1px solid var(--line);background:#fff;border-radius:3px;cursor:pointer;color:var(--muted)} .side-tools button.on{background:var(--blue);color:#fff;border-color:var(--blue)} @media (max-width:900px){.side-resizer,.side-tools{display:none}} /* pending registrations: tint the row without swallowing the .pill.warn badge */ .table tr.row-pending>td{background:var(--yellow-3);box-shadow:inset 3px 0 0 var(--warn)} /* ---------- параллел кўриниш (lex.uz услуби) ---------- */ .parallel-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)} .parallel-title{flex:1;min-width:200px}.parallel-title .pubcode{font-family:var(--mono);font-size:12px;color:var(--muted);margin-right:10px} .parallel-langs{display:flex;align-items:center;gap:8px}.parallel-langs select{max-width:230px} .parallel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start} .parallel-col{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden} .parallel-col-head{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--sky-3)} .parallel-body{height:calc(100vh - 250px);min-height:400px;overflow-y:auto;padding:18px 22px} @media (max-width:900px){.parallel-grid{grid-template-columns:1fr}.parallel-body{height:auto;max-height:70vh}} @media print{.parallel-bar{display:none}.parallel-body{height:auto;overflow:visible}.parallel-grid{gap:8px}} /* ---------- формула/структура экспорти (USP услуби) ---------- */ .ph-text math{position:relative} .math-wrap{position:relative;display:inline-block} .math-tools,.fig-tools{position:absolute;top:2px;right:2px;display:none;gap:4px;z-index:5} .math-wrap:hover .math-tools,.ph-text figure:hover .fig-tools{display:inline-flex} .math-tools button,.fig-tools a,.fig-tools button{font:600 10.5px/1 var(--font);padding:4px 8px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--blue);cursor:pointer;box-shadow:var(--shadow);text-decoration:none} .math-tools button:hover,.fig-tools a:hover,.fig-tools button:hover{background:var(--sky-3)} .ph-text figure{position:relative} .copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;z-index:200;box-shadow:var(--shadow)} /* ---------- ички чат (LinkedIn услуби) ---------- */ .chat-app{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-height:560px;overflow:hidden} .chat-side{border-right:1px solid var(--line);overflow-y:auto;max-height:72vh;background:var(--card)} .chat-search{padding:12px 12px 8px}.chat-search .input{width:100%} .chat-side-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;padding:8px 14px 4px;letter-spacing:.4px} .chat-item{display:flex;gap:10px;align-items:center;padding:10px 14px;color:var(--text);border-bottom:1px solid var(--line-2)} .chat-item:hover{background:var(--sky-3);text-decoration:none} .chat-item.on{background:var(--sky-2);box-shadow:inset 3px 0 0 var(--blue)} .chat-item .avatar,.chat-head .avatar{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex:0 0 38px} .ci-body{flex:1;min-width:0;display:flex;flex-direction:column}.ci-body b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ci-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px} .chat-badge{background:var(--bad);color:#fff;font-size:11px;font-weight:700;border-radius:10px;min-width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px} .chat-main{display:flex;flex-direction:column;min-height:560px} .chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px} .chat-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff} .chat-log{flex:1;overflow-y:auto;padding:16px;background:var(--bg);max-height:52vh;min-height:320px} .chat-msg{display:flex;margin-bottom:10px} .chat-msg.mine{justify-content:flex-end} .chat-msg .bubble{max-width:70%;background:#fff;border:1px solid var(--line);border-radius:12px 12px 12px 3px;padding:8px 12px;font-size:14px} .chat-msg.mine .bubble{background:var(--sky-2);border-radius:12px 12px 3px 12px} .chat-msg .mb{white-space:pre-wrap;word-wrap:break-word} .chat-msg .mt{display:block;margin-top:4px;color:var(--muted);font-size:11.5px} .chat-file{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;background:var(--grey-bg);border-radius:6px;font-size:13px} .chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--line);background:#fff} .chat-compose textarea{flex:1;resize:none;max-height:140px} .chat-attach{cursor:pointer;color:var(--muted);padding:8px}.chat-attach:hover{color:var(--blue)}.chat-attach input{display:none} .menu-chat-badge{background:var(--bad);color:#fff;font-size:10.5px;font-weight:700;border-radius:9px;min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;margin-left:4px;vertical-align:2px} @media (max-width:800px){.chat-app{grid-template-columns:1fr}.chat-side{max-height:32vh}} /* ---- editor: formula panel & image tools (Phase 5) ---- */ .wy-formula { border: 1px solid var(--border); border-bottom: 0; background: var(--panel, #f6faf7); padding: .5rem .7rem; } .wy-formula-grid { display: flex; flex-wrap: wrap; gap: .35rem; margin: .4rem 0; } .wy-formula-grid button { min-width: 2.6rem; padding: .25rem .45rem; border: 1px solid var(--border); border-radius: 6px; background: #fff; cursor: pointer; font-size: 1rem; } .wy-formula-grid button:hover { border-color: var(--green, #1b7a43); background: #eef7f1; } .wy-formula-row { display: flex; align-items: center; gap: .5rem; margin: .35rem 0; flex-wrap: wrap; } .wy-formula-row label { font-weight: 600; font-size: .85rem; min-width: 8rem; } .wy-formula-row .wy-chem { flex: 1 1 240px; } .wy-formula-row .wy-mml { flex: 1 1 240px; font-family: ui-monospace, Consolas, monospace; font-size: .8rem; } .wy-chem-pv { font-size: .95rem; } .wy-imgtools { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; border: 1px solid var(--border); border-bottom: 0; background: var(--panel, #f6faf7); padding: .35rem .7rem; } .ph-text figure.fig-left { float: left; margin: .3rem 1.2rem .6rem 0; max-width: 50%; } .ph-text figure.fig-right { float: right; margin: .3rem 0 .6rem 1.2rem; max-width: 50%; } .ph-text figure.fig-center { margin-left: auto; margin-right: auto; text-align: center; float: none; } .ph-text h2, .ph-text h3 { clear: both; } /* ---- Reader typography (2026-08-28): Word-га мос кўриниш ---- */ .ph-text{ --lh:1.2; /* дефолт: Word 1,0 интервали */ --indent:0.5cm; /* дефолт: абзац отступи 0,5 см */ font-family:"Times New Roman","Liberation Serif",Georgia,serif; font-size:16.5px; line-height:var(--lh); } .ph-text.fs-s{font-size:15px}.ph-text.fs-l{font-size:18px}.ph-text.fs-xl{font-size:20px} .ph-text.font-sans{font-family:var(--font)} .ph-text p{margin:0 0 .45em;text-indent:var(--indent);text-align:justify} .ph-text p.c,.ph-text p.r,.ph-text .caption,.ph-text .caption-table,.ph-text figcaption, .ph-text table p,.ph-text li p,.ph-text .math-para,.ph-text p:has(> .math-wrap:only-child), .ph-text p.no-indent{text-indent:0} .ph-text p.c{text-align:center}.ph-text p.r{text-align:right} .ph-text h2,.ph-text h3,.ph-text h4{font-family:inherit} .ph-text ul.dash>li,.ph-text li{text-indent:0} /* ---- MathML: сиқилишни бартараф этиш ---- */ .ph-text math{ font-family:"Cambria Math","STIX Two Math","Latin Modern Math","Times New Roman",serif; font-size:1.12em; } .ph-text .math-para{overflow-x:auto;overflow-y:hidden;padding:4px 2px;margin:12px 0} .ph-text .math-para math,.ph-text .math-block math{ math-style:normal; /* каср/лимитлар «инлайн-кичрайиш»сиз, тўлиқ ўлчамда */ font-size:1.22em; padding:2px 4px; } .ph-text math mfrac{padding:0 2px} .ph-text math mo{padding:0 1px} .ph-text .math-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;vertical-align:middle} .ph-text sub,.ph-text sup{line-height:0} /* ---- Reader settings popover (Aa) ---- */ .reader-set{position:relative} .reader-pop{position:absolute;top:110%;right:0;z-index:40;background:var(--card,#fff);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(14,59,42,.18);padding:12px 14px;min-width:240px;display:none} .reader-pop.open{display:block} .reader-pop .rp-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0;font-size:13px} .reader-pop .rp-row b{font-weight:600;color:var(--text)} .reader-pop .seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden} .reader-pop .seg button{border:0;background:transparent;padding:4px 9px;font:600 12.5px var(--font);cursor:pointer;color:var(--text);transition:background .18s,color .18s} .reader-pop .seg button:hover{background:var(--sky-3,#EAF3EE)} .reader-pop .seg button.on{background:var(--blue,#1E7A4C);color:#fff} /* ---- 2026-08-28: минималистик ингичка меню + анимацион тугмалар ---- */ .main-menu .wrap{min-height:38px} .main-menu ul.mm-icons li a{height:38px;padding:0 13px;gap:0;font-size:13.5px;border-bottom-width:2px; transition:background-color .22s ease,border-color .22s ease} .main-menu ul.mm-icons li a svg{flex:0 0 auto;opacity:.95;transition:transform .22s ease} .main-menu ul.mm-icons li a:hover svg{transform:scale(1.12)} .main-menu ul.mm-icons .mi{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap; margin-left:0;transition:max-width .3s ease,opacity .22s ease,margin-left .3s ease} .main-menu ul.mm-icons .mi{max-width:none;opacity:1;margin-left:8px} /* бош меню номлари доим тўлиқ ўқилсин */ .main-menu ul.mm-icons li a:hover{background:var(--blue-2)} .main-menu ul.mm-icons li.active a{background:var(--blue-3);border-bottom-color:var(--yellow)} .main-menu .lang-switch a{transition:background-color .2s ease,color .2s ease,border-color .2s ease} @media (max-width:760px){ .main-menu ul.mm-icons .mi{max-width:none;opacity:1;margin-left:8px} /* мобилда ёзувлар доим кўринсин */ } /* тугмалар: юмшоқ ранг-анимация, енгил кўтарилиш, яшил фокус ҳалқаси */ .btn{transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .16s ease} .btn:hover{box-shadow:0 3px 10px rgba(30,122,76,.28);transform:translateY(-1px)} .btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(30,122,76,.25)} .btn.outline:hover,.btn.ghost:hover{box-shadow:0 2px 8px rgba(30,122,76,.16)} .btn.danger:hover{box-shadow:0 3px 10px rgba(165,48,31,.3)} .btn:focus-visible,.tb:focus-visible,.main-menu li a:focus-visible{outline:2px solid var(--yellow);outline-offset:2px} .tb{transition:background-color .2s ease,color .2s ease,border-color .2s ease} .tb:hover{background:var(--sky-3);color:var(--navy)} a{transition:color .18s ease} .header-right a,.service-bar a{transition:opacity .2s ease} .header-right a:hover,.service-bar a:hover{opacity:.82;text-decoration:none} .pill{transition:background-color .2s ease} .card{transition:box-shadow .25s ease} .kpi{transition:box-shadow .25s ease,transform .2s ease} .kpi:hover{box-shadow:0 4px 14px rgba(14,59,42,.12);transform:translateY(-2px)} input.input,select.input,textarea.input{transition:border-color .2s ease,box-shadow .2s ease} input.input:focus,select.input:focus,textarea.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,122,76,.14)} /* live dashboard */ .live-card .live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2FA35D;margin-left:6px;animation:livepulse 1.8s ease-in-out infinite} @keyframes livepulse{0%,100%{box-shadow:0 0 0 0 rgba(47,163,93,.5)}50%{box-shadow:0 0 0 6px rgba(47,163,93,0)}} .live-grid{margin:8px 0 4px} .kpi b.bump{animation:kpibump .5s ease} @keyframes kpibump{0%{transform:scale(1)}35%{transform:scale(1.18);color:var(--blue)}100%{transform:scale(1)}} .spark-wrap{margin:6px 0 2px} .spark-wrap svg{display:block;width:100%;height:56px} .main-menu li a{height:38px;font-size:13.5px} /* ---- матн тулбари: иконкали, hover'да ном силлиқ очилади ---- */ .tb-icons .tb{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px} .tb-icons .tb .tb-glyph{font-size:15px;line-height:1} .tb-icons .tb .tl{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-left:0; transition:max-width .3s ease,opacity .22s ease,margin-left .3s ease} .tb-icons .tb:hover .tl,.tb-icons .tb:focus-visible .tl{max-width:190px;opacity:1;margin-left:6px} .text-toolbar{padding-top:4px;padding-bottom:4px} /* ---- ҳаволалар hover-анимацияси: мундарижа, натижалар, кросс-ҳаволалар ---- */ .toc-tree a,.side a,.filters a,.result h3 a,.result-title a,.links-list a,.info-panel a, .ph-text a,.prevnext a,.breadcrumbs a{ transition:color .18s ease,background-color .18s ease,border-color .18s ease; border-radius:3px; } .toc-tree a:hover,.side a:hover,.filters a:hover,.info-panel a:hover,.links-list a:hover{ color:var(--blue-2,#166039);background:rgba(30,122,76,.09);text-decoration:none; } .result h3 a:hover,.result-title a:hover{color:var(--blue-2,#166039);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--yellow)} .ph-text a:hover{color:var(--blue-2,#166039);background:rgba(30,122,76,.10)} .toc-tree li>a.active,.toc-tree a.on{background:rgba(30,122,76,.12);color:var(--navy)} /* ---- ён панель слайдери (мундарижа йиғилади — ўқиш майдони кенгаяди) ---- */ .side-collapse-btn{font-size:14px;font-weight:700} .cols.side-collapsed>.side:first-child>*:not(.side-tools){display:none} .cols.side-collapsed>.side:first-child .side-resizer{display:none} .cols.side-collapsed>.side:first-child{overflow:hidden} .cols.side-collapsed>.side:first-child .side-tools{flex-direction:column;align-items:center;gap:8px;position:sticky;top:8px} .cols.side-collapsed>.side:first-child .side-tools button{width:26px} .cols.side-collapsed>.side:first-child{width:36px;min-width:36px} /* реестр саҳифалари */ .letters{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0} .letters a{display:inline-block;min-width:26px;text-align:center;padding:3px 6px;border:1px solid var(--line);border-radius:5px;font-weight:600;font-size:13px;transition:background-color .18s ease,color .18s ease,border-color .18s ease} .letters a:hover{background:var(--sky-3);text-decoration:none} .letters a.on{background:var(--blue);color:#fff;border-color:var(--blue)} .registry-table td .formula-cell sub,.formula-cell sub{font-size:.75em} .chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0} .chips .chip{background:var(--sky-3,#EAF3EE);border:1px solid var(--line);color:var(--navy);border-radius:14px;padding:3px 12px;font-size:13px;font-weight:600;transition:background-color .18s ease,border-color .18s ease,transform .15s ease} .chips .chip:hover{background:var(--blue);color:#fff;border-color:var(--blue);text-decoration:none;transform:translateY(-1px)} /* тепага қайтиш тугмаси */ #to-top{position:fixed;right:22px;bottom:26px;z-index:60;width:44px;height:44px;border:0;border-radius:10px; background:var(--blue);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center; opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s,background-color .2s ease; box-shadow:0 4px 14px rgba(14,59,42,.3)} #to-top.show{opacity:1;visibility:visible;transform:translateY(0)} #to-top:hover{background:var(--blue-2)} @media print{#to-top{display:none!important}} /* жойида-таҳрир қалами (фақат маъмурларга кўринади) */ .edit-pencil{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:8px; border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--blue);vertical-align:middle; transition:background-color .18s ease,color .18s ease,transform .15s ease} .edit-pencil:hover{background:var(--blue);color:#fff;text-decoration:none;transform:translateY(-1px)} /* «+» контент қўшиш карточкаси/тугмаси */ .add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px; border:2px dashed var(--line);background:transparent;color:var(--muted);text-align:center; transition:border-color .2s ease,color .2s ease,background-color .2s ease} .add-card:hover{border-color:var(--blue);color:var(--blue);background:rgba(30,122,76,.05);text-decoration:none} .add-plus{font-size:34px;line-height:1;font-weight:300} /* аннотация тугмаси */ #annot-bubble{position:absolute;z-index:70;padding:5px 12px;border:0;border-radius:7px;background:var(--navy);color:#fff; font:600 12.5px var(--font);cursor:pointer;box-shadow:0 4px 12px rgba(14,59,42,.35);transition:background-color .2s ease} #annot-bubble:hover{background:var(--blue)} /* ---- 2026-08-29: мослашувчанликни кучайтириш (телефон/планшет) ---- */ @media (max-width:900px){ .text-toolbar{flex-wrap:wrap;gap:6px 8px} .text-toolbar .tb-icons{margin-left:0!important;width:100%;gap:2px;overflow-x:auto;flex-wrap:nowrap} .tb-icons .tb .tl{max-width:0;opacity:0;margin-left:0} /* мобилда тулбар — фақат иконка (жой тежаш) */ .reader-pop{right:auto;left:0} .table-wrap{-webkit-overflow-scrolling:touch} .kpi-grid{grid-template-columns:repeat(2,1fr)} .live-grid{grid-template-columns:repeat(2,1fr)} #to-top{right:14px;bottom:16px;width:40px;height:40px} .filter-bar{flex-wrap:wrap} .wy-area,.tr-src{max-height:60vh} } @media (max-width:560px){ .kpi-grid,.live-grid{grid-template-columns:1fr 1fr} .breadcrumbs{font-size:12px} .parallel-bar{flex-direction:column;align-items:stretch;gap:8px} .parallel-langs{flex-wrap:wrap} h1{font-size:22px} .card{padding:14px 12px} .letters a{min-width:22px;padding:2px 5px;font-size:12px} input.input,select.input{font-size:16px} /* iOS zoom олдини олади */ } /* сенсорли қурилмаларда hover-ochiladigan menyu ёзувлари барибир кўринсин */ @media (hover:none){ .main-menu ul.mm-icons .mi{max-width:none;opacity:1;margin-left:8px} } /* ---- кўп тилли WYSIWYG муҳаррир ---- */ .ml-editor{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;background:#fff} .ml-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--sky-3,#EAF3EE)} .ml-label{font-weight:700;color:var(--navy)} .ml-tabs{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff} .ml-tabs .ml-tab{border:0;background:transparent;padding:5px 12px;font:600 13px var(--font);cursor:pointer;color:var(--text);transition:background-color .18s ease,color .18s ease;border-right:1px solid var(--line)} .ml-tabs .ml-tab:last-child{border-right:0} .ml-tabs .ml-tab:hover{background:var(--sky-3,#EAF3EE)} .ml-tabs .ml-tab.on{background:var(--blue);color:#fff} .ml-pane{padding:0} .ml-pane .wy{border:0;border-radius:0} .ml-pane .wy-area{min-height:340px} .wy-thumb .wy-vid{display:flex;align-items:center;justify-content:center;height:70px;font-size:22px;color:var(--blue);background:var(--grey-bg,#eef)} .ph-text video,.wy-area video{max-width:100%;border-radius:6px;background:#000} .ml-label .req-star{color:var(--bad);margin-left:2px} /* солиштириш: фарқлар навигацияси */ .diff-nav{position:fixed;right:22px;bottom:80px;z-index:60;display:flex;align-items:center;gap:6px;background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;padding:5px 8px;box-shadow:0 4px 14px rgba(14,59,42,.2)} .diff-nav .dn-pos{font-size:12.5px;font-weight:600;color:var(--muted);min-width:48px;text-align:center} .diff .dn-cur{outline:2px solid var(--yellow);outline-offset:2px;border-radius:3px} @media print{.diff-nav{display:none!important}} .ml-tools{padding:6px 8px;border-bottom:1px solid var(--line);background:#FBFDFC} /* тезкор эълон банери (бош админ бошқаради) */ .site-notice{border-bottom:1px solid var(--line);font-size:14px} .site-notice .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px} .site-notice.snote-info{background:#EAF3FB;color:#12466E} .site-notice.snote-warn{background:var(--warn-bg,#FDF0E3);color:#8A4B10} .site-notice.snote-success{background:#E7F6EC;color:#166B3A} .site-notice .snote-x{background:none;border:0;font-size:20px;cursor:pointer;color:inherit;opacity:.6;line-height:1} .site-notice .snote-x:hover{opacity:1} @media print{.site-notice{display:none}} /* Архив филтр қутиси */ .archive-filter{position:relative;max-width:460px;margin:0 0 1.1rem} .archive-filter .af-ico{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);opacity:.55;pointer-events:none} .archive-filter input{width:100%;padding-left:2.2rem} .archive-filter .af-empty{display:block;margin-top:.5rem} /* ---- Билдиришнома қўнғироғи ---- */ .notif-bell{position:relative} .bell-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:6px;border-radius:50%;color:#f2b705;transition:background .15s} .bell-btn:hover{background:rgba(255,255,255,.14)} .bell-btn svg{stroke:#f2b705} .bell-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;border-radius:9px;box-shadow:0 0 0 2px var(--header-bg,#0d3b2e)} .notif-menu{width:340px;max-width:92vw;max-height:60vh;overflow-y:auto;padding:0!important} .notif-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line,#e5e7eb);font-weight:700;position:sticky;top:0;background:var(--surface,#fff);z-index:1} .notif-readall{background:none;border:0;color:var(--green,#1e7a46);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:6px} .notif-readall:hover{background:var(--green-50,#eaf5ee)} .notif-item{display:block;padding:10px 12px;border-bottom:1px solid var(--line,#eef0f2);color:inherit;text-decoration:none;transition:background .12s} .notif-item:hover{background:var(--hover,#f6f8f7)} .notif-item.unread{background:var(--green-50,#eef7f1)} .notif-item.unread .ni-title::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e5484d;margin-right:6px;vertical-align:middle} .ni-title{font-weight:600;font-size:13.5px;line-height:1.3} .ni-body{color:var(--muted,#667085);font-size:12.5px;margin-top:2px;line-height:1.35} .ni-ago{color:var(--muted,#98a2b3);font-size:11px;margin-top:3px} .notif-empty{padding:22px 12px;text-align:center} /* ---- Дашборд жонли панеллар (онлайн/рўйхат/аудит) ---- */ .live-panels{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px} @media(max-width:900px){.live-panels{grid-template-columns:1fr}} .lp{border:1px solid var(--line,#e5e7eb);border-radius:10px;overflow:hidden;background:var(--surface,#fff)} .lp-head{padding:8px 12px;font-weight:700;font-size:13px;background:var(--green-50,#eef7f1);border-bottom:1px solid var(--line,#e5e7eb);display:flex;align-items:center;gap:6px} .lp-head .pill{margin-left:auto} .lp-list{max-height:250px;overflow-y:auto} .lp-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 12px;border-bottom:1px solid var(--line,#eef0f2);color:inherit;text-decoration:none;font-size:13px;transition:background .12s} .lp-item:hover{background:var(--hover,#f6f8f7)} .lp-item b{font-weight:600} .lp-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);flex:none;animation:lpPulse 2s infinite} @keyframes lpPulse{0%,100%{opacity:1}50%{opacity:.45}} .lp-role{color:var(--muted,#98a2b3);font-size:11px;text-transform:uppercase} .lp-min{margin-left:auto;color:var(--muted,#98a2b3);font-size:11px} .lp-empty{padding:16px 12px;text-align:center} .pill.sm{font-size:10px;padding:1px 6px} /* ---- Янгиликлар саҳифаси (расм + сарлавҳа + 2 қатор анонс + архив) ---- */ .news-layout{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start} @media(max-width:860px){.news-layout{grid-template-columns:1fr}} .news-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px dashed var(--line,#dde3e0)} .news-item:first-child{padding-top:6px} .ni-thumb{flex:none;width:200px} .ni-thumb img{width:200px;height:132px;object-fit:cover;border-radius:8px;display:block;box-shadow:0 1px 5px rgba(0,0,0,.12)} @media(max-width:560px){.news-item{flex-direction:column}.ni-thumb,.ni-thumb img{width:100%;height:auto}} .ni-meta{color:var(--blue,#2b7fb8);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:5px;margin-bottom:6px} .ni-meta svg{stroke:var(--blue,#2b7fb8)} .news-item h3{margin:0 0 8px;font-size:18px;line-height:1.3} .news-item h3 a{color:var(--blue,#2b7fb8);text-decoration:none} .news-item h3 a:hover{text-decoration:underline} .ni-excerpt{color:var(--text,#334);font-size:14px;line-height:1.55;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ni-more{color:var(--blue,#2b7fb8);font-weight:600;font-size:13.5px;text-decoration:none} .ni-more:hover{text-decoration:underline} .news-archive{border:1px solid var(--line,#e5e7eb);border-radius:10px;overflow:hidden;background:var(--surface,#fff)} .na-head{padding:11px 14px;font-weight:700;color:var(--blue,#2b7fb8);border-bottom:2px solid var(--blue,#2b7fb8);display:flex;align-items:center;gap:7px} .na-year{border-bottom:1px solid var(--line,#eef0f2)} .na-year>summary{list-style:none;cursor:pointer;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;font-weight:600;background:var(--hover,#f4f6f5)} .na-year>summary::-webkit-details-marker{display:none} .na-year>summary .na-toggle{width:18px;height:18px;position:relative;flex:none} .na-year>summary .na-toggle::before,.na-year>summary .na-toggle::after{content:"";position:absolute;background:var(--muted,#667);top:50%;left:50%;transform:translate(-50%,-50%)} .na-year>summary .na-toggle::before{width:11px;height:2px} .na-year>summary .na-toggle::after{width:2px;height:11px;transition:transform .15s} .na-year[open]>summary .na-toggle::after{transform:translate(-50%,-50%) scaleY(0)} .na-year[open]>summary{background:var(--blue,#2b7fb8);color:#fff} .na-year[open]>summary .na-toggle::before,.na-year[open]>summary .na-toggle::after{background:#fff} .na-year ul{list-style:none;margin:0;padding:4px 0} .na-year li a{display:flex;align-items:center;gap:8px;padding:7px 16px 7px 20px;color:var(--blue,#2b7fb8);text-decoration:none;font-size:14px} .na-year li a:hover{background:var(--hover,#f4f6f5)} .na-year li.active a{font-weight:700;background:var(--green-50,#eef7f1)} .na-dot{width:6px;height:6px;border-radius:50%;background:var(--blue,#2b7fb8);flex:none} .na-n{margin-left:auto;color:var(--muted,#98a2b3);font-size:12px} /* ---- Чат: расм превью + файл карталари (Telegram услуби) ---- */ .chat-img{display:block;margin-top:4px;max-width:260px;border-radius:12px;overflow:hidden;line-height:0} .chat-img img{max-width:260px;max-height:280px;width:auto;height:auto;display:block;border-radius:12px} .chat-msg .chat-file{display:flex;align-items:center;gap:9px;margin-top:5px;padding:8px 11px;background:rgba(0,0,0,.055);border-radius:10px;text-decoration:none;color:inherit;max-width:260px} .chat-msg.mine .chat-file{background:rgba(255,255,255,.22)} .chat-msg .chat-file:hover{background:rgba(0,0,0,.1)} .chat-msg.mine .chat-file:hover{background:rgba(255,255,255,.32)} .cf-icon{flex:none;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:8px;background:var(--green,#1e7a46);color:#fff;font-size:16px} .chat-msg.mine .cf-icon{background:rgba(255,255,255,.35)} .cf-icon svg{stroke:#fff} .cf-info{display:flex;flex-direction:column;min-width:0;line-height:1.25} .cf-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px} .cf-size{font-size:11px;opacity:.7} /* ---- Чат: Telegram-услуб (сана ажраткич, ✓✓, онлайн, фон) ---- */ #chat-log{background:linear-gradient(180deg,#f2f7f4,#eaf1ec)} :root[data-theme="dark"] #chat-log{background:linear-gradient(180deg,#141b18,#10201a)} @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #chat-log{background:linear-gradient(180deg,#141b18,#10201a)}} .chat-day{text-align:center;margin:14px 0 10px;position:sticky;top:6px;z-index:2;pointer-events:none} .chat-day span{display:inline-block;background:rgba(20,40,30,.14);color:#3a5346;font-size:12px;font-weight:600;padding:3px 13px;border-radius:12px;backdrop-filter:blur(2px)} :root[data-theme="dark"] .chat-day span,:root:not([data-theme="light"]) .chat-day span{background:rgba(255,255,255,.14);color:#cfe3d8} .chat-status{display:flex;align-items:center;gap:4px} .online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.25);flex:none} .ck{margin-left:5px;font-size:12px;letter-spacing:-3px;color:#9db} .ck.read{color:#3aa0e8} .chat-msg.mine .ck{color:rgba(255,255,255,.55)} .chat-msg.mine .ck.read{color:#cdeeff} .msg-del{margin-left:6px;opacity:.45;text-decoration:none;font-size:11px;color:inherit} .msg-del:hover{opacity:1;color:#e5484d} .cf-icon{border-radius:50%!important} .chat-msg .mt{display:inline-flex;align-items:center;gap:0;opacity:.8;float:right;margin:4px 0 0 10px} /* «Биз ҳаққимизда» — Янгиликлар услубидаги карточкалар */ .about-hero{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px;border-left:4px solid var(--green,#1e7a46)} .about-hero .ah-emblem{flex:none;line-height:0} .about-hero .ah-emblem .emblem{width:64px;height:64px} .about-hero .ph-text{line-height:1.6} @media(max-width:560px){.about-hero{flex-direction:column;gap:10px}} .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} @media(max-width:900px){.about-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.about-grid{grid-template-columns:1fr}} .about-card{display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-radius:12px;overflow:hidden;transition:box-shadow .18s,transform .18s} .about-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.10);transform:translateY(-2px)} .ac-thumb{display:block;line-height:0;background:#0E3B2A} .ac-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block} .ac-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1} .about-card h3{margin:0 0 8px;font-size:16.5px;line-height:1.32} .about-card h3 a{color:var(--navy,#173a5e);text-decoration:none} .about-card h3 a:hover{color:var(--green,#1e7a46)} .ac-excerpt{color:var(--text,#334);font-size:13.5px;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1} /* пост/муқова расми танлагич */ .cover-pick .cover-box{display:flex;align-items:flex-start;gap:14px;margin-top:6px;flex-wrap:wrap} .cover-preview{width:220px;height:124px;object-fit:cover;border-radius:8px;border:1px solid var(--line,#e5e7eb);background:#0E3B2A;display:block} .cover-preview[hidden]{display:none} .cover-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-start} .cover-up{cursor:pointer;position:relative} .cover-status{min-height:14px} /* гуруҳ чат UI */ .chat-newgroup-btn{margin:8px 12px 4px;display:inline-flex;align-items:center;gap:6px} .avatar.group{background:var(--green,#1e7a46);color:#fff;display:inline-flex;align-items:center;justify-content:center} .avatar.sm{width:28px;height:28px;font-size:12px} .mb-sender{display:block;font-size:12px;font-weight:700;color:var(--green,#1e7a46);margin-bottom:2px} .chat-msg.mine .mb-sender{display:none} .gm-role{font-size:10.5px;font-weight:700;color:#fff;background:var(--green,#1e7a46);border-radius:8px;padding:1px 6px;vertical-align:1px} .btn.xs{font-size:11px;padding:2px 7px;line-height:1.4} form.inline{display:inline} /* modal */ .chat-modal{position:fixed;inset:0;background:rgba(20,30,25,.5);z-index:600;display:flex;align-items:center;justify-content:center;padding:16px} .chat-modal[hidden]{display:none} .cm-box{background:var(--card,#fff);border-radius:14px;width:100%;max-width:480px;max-height:84vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.28)} .cm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line,#e5e7eb);background:var(--green-50,#eef7f1)} .cm-x{background:none;border:0;font-size:18px;cursor:pointer;color:var(--muted,#667);line-height:1} .cm-body{padding:16px 18px;overflow-y:auto} .cm-body > label{font-weight:600;font-size:13px;display:block;margin-bottom:4px} .gm-rename .row{display:flex;gap:8px;margin-bottom:14px} .gm-rename .row .input{flex:1} .gm-members{margin:6px 0 14px} .gm-mem{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line,#eee)} .gm-mem .grow{flex:1;min-width:0} .gm-picker{max-height:220px;overflow-y:auto;border:1px solid var(--line,#e5e7eb);border-radius:8px;padding:8px 10px;margin:4px 0 10px} .gm-pick{display:flex;align-items:center;gap:8px;padding:5px 2px;cursor:pointer;font-size:14px} .gm-pick:hover{background:var(--green-50,#eef7f1)} .gm-actions{display:flex;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line,#eee)} /* A11y (WCAG 2.4.7): барча ҳаволалар/бошқарувлар учун кўринадиган фокус ҳалқаси (клавиатура) */ a:focus-visible,summary:focus-visible,button:focus-visible,[tabindex]:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;border-radius:3px} /* A11y (WCAG 2.3.3 / 2.2.2): ҳаракатни камайтириш — аниматсия/ўтишларни ўчириш */ @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important} }