/* TASK27-S2: старый вид экранов входа (PIN и пароль) для клиента, оператора и админа,
   как до 16.10 (styles.css). Действует только внутри окон входа и подключается после task20.css.
   Размеры и шрифт возвращаются в обеих темах; цвета до 16.10 только в светлой,
   тёмная тема остаётся на токенах #20 (так же, как task27-commissions.css). */
#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:normal;font-variant-numeric:normal;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(button,input,select,textarea){font:revert;font-family:inherit;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) button{min-height:auto;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(img,svg){display:revert;max-width:revert;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul){margin:revert;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(ol,ul){padding:revert;list-style:revert;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) p + p{margin-top:revert;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .form-input,:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .form-select{min-height:auto;font-size:15px;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .modal-field{display:block;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .modal-field-label{display:block;margin-bottom:5px;}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .card{border:revert;box-shadow:0 1px 2px rgba(0,0,0,.04);}
:where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .form-input:focus-visible{outline:none;}

:where(:root[data-theme="light"]) #unifiedAuthOverlay,:where(:root[data-theme="light"]) #operatorLoginModalOverlay,:where(:root[data-theme="light"]) #adminLoginModalOverlay,:where(:root[data-theme="light"]) #supportModalOverlay,:where(:root[data-theme="light"]) .modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1),#unifiedAuthOverlay{--tg-blue:#3390ec;--tg-blue-dark:#2481cc;--page-bg:#f0f0f4;--card-bg:#ffffff;--text-secondary:#8e8e93;--border:#e3e3e8;--green:#30b04e;--teal:#12a594;--accent:#3390ec;color:#000;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(button,input,select,textarea),:where(#unifiedAuthOverlay) :is(button,input,select,textarea){color:revert;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) a,:where(#unifiedAuthOverlay) a{color:revert;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .modal-box,:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .notify-modal,:where(#unifiedAuthOverlay) .modal-box,:where(#unifiedAuthOverlay) .notify-modal{background:#fff;color:inherit;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .form-input,:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .form-select,:where(#unifiedAuthOverlay) .form-input,:where(#unifiedAuthOverlay) .form-select{border-color:var(--border);color:#000;background:#fbfbfd;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .form-input:focus,:where(#unifiedAuthOverlay) .form-input:focus{border-color:var(--tg-blue);background:#fff;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .btn-primary,:where(#unifiedAuthOverlay) .btn-primary{background:var(--tg-blue);color:#fff;box-shadow:0 2px 8px rgba(51,144,236,.35);}
:where(:root[data-theme="light"]) .modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1){background:#fff;color:#000;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .btn-primary:disabled,:where(#unifiedAuthOverlay) .btn-primary:disabled{background:#c6c6cc;color:#fff;box-shadow:none;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .btn-secondary,:where(#unifiedAuthOverlay) .btn-secondary{background:#f0f0f4;color:#e5484d;border-color:currentColor;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(.modal-title,.modal-head),:where(#unifiedAuthOverlay) :is(.modal-title,.modal-head){color:#000;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .modal-head,:where(#unifiedAuthOverlay) .modal-head{color:inherit;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) :is(.modal-sub,.modal-field-label,.modal-field-hint,.field-hint),:where(#unifiedAuthOverlay) :is(.modal-sub,.modal-field-label,.modal-field-hint,.field-hint){color:var(--text-secondary);}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .hint-warn,:where(#unifiedAuthOverlay) .hint-warn{color:var(--orange);}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .field-label,:where(#unifiedAuthOverlay) .field-label{color:inherit;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .review-row .k,:where(#unifiedAuthOverlay) .review-row .k{color:var(--text-secondary);}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .review-row .v,:where(#unifiedAuthOverlay) .review-row .v{color:#000;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .review-row,:where(#unifiedAuthOverlay) .review-row{border-color:#f2f2f6;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .status-badge,:where(#unifiedAuthOverlay) .status-badge{background:revert;color:revert;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .status-block.wait,:where(#unifiedAuthOverlay) .status-block.wait{background:#f0f0f4;color:#48484f;}
:where(:root[data-theme="light"]) :where(#unifiedAuthOverlay,#operatorLoginModalOverlay,#adminLoginModalOverlay,#supportModalOverlay,.modal-box:has(#webLoginPhone,#webLoginCode,#webLoginPin,#webLoginPin1)) .card,:where(#unifiedAuthOverlay) .card{background:var(--card-bg);}