/* ******************************************************************************
   ASAPPEX: единый стиль (нежно-фиолетовый). Новая разработка, unabhängig от наследия.
   Наследие ASAPPS для отчётов: /local/ASAPPS/CSS/asapps-8.30.css
****************************************************************************** */
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e6e9f7 url('/IMAGES/bckgrnd-main.png') center/cover no-repeat fixed;min-height:100vh;color:#333}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}
h1{color:#fff;text-shadow:0 2px 14px rgba(88,66,190,.55);font-size:34px;line-height:1.2;margin:0 0 26px;text-align:center}
.top{width:660px;max-width:100%;display:flex;justify-content:space-between;margin:0 0 8px;font-size:13px}
.top a{color:#fff;text-shadow:0 1px 6px rgba(88,66,190,.6)}
.card{width:440px;max-width:100%;background:rgba(255,255,255,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 12px 32px rgba(100,70,190,.30);padding:20px 22px}
.card.wide{width:660px}
.hello{color:#5b21b6;font-size:16px;text-align:center;margin:0 0 12px}
.uniline{text-align:center;font-size:13px;margin:0 0 12px}
table.finance{border-collapse:collapse;width:100%;font-size:13px}
table.finance th{background:#f1edfa;border:1px solid #c6b9e6;padding:8px 10px;text-align:left;color:#333}
table.finance td{border:1px solid #c6b9e6;padding:7px 9px;background:#fff}
table.finance th.cap{background:#e4dcf6;text-align:center;font-size:14px}
table.finance td.center{text-align:center}
input[type=text],input[type=password]{width:100%;border:1px solid #cbbfe4;border-radius:4px;padding:7px 8px;font-size:14px}
input:focus{outline:2px solid #9b7fd4}
.err{color:#c0392b;font-size:13px;margin:0 0 10px;text-align:center}
.ok{color:#085922;font-size:13px;margin:0 0 10px;text-align:center}
.hint{margin-top:10px;font-size:11px;color:#66707f;text-align:center}
.remember{font-size:11px;color:#444}
.local{color:#66707f}
button,.btn{display:inline-block;background:#7a5cd0;color:#fff;border:1px solid #6347b5;border-radius:5px;padding:8px 26px;font-size:14px;cursor:pointer;text-decoration:none}
button:hover,.btn:hover{background:#6a4cc0}
.btn.small{padding:5px 14px;font-size:13px}
a.plain{color:#5b21b6}
.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;margin-right:6px}
.badge.bitrix{background:#e8f0fe;color:#1a56b0;border:1px solid #b9d4f7}
.badge.asappex{background:#f1edfa;color:#5b21b6;border:1px solid #c6b9e6}
.badge.other{background:#eeeeee;color:#555555;border:1px solid #cccccc}