*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;color:#1d2327;background:#f0f0f1}h1,h2,p{margin:0}h1{font-size:23px;font-weight:400;margin-bottom:20px}h2{font-size:15px;font-weight:600}button,input{font:inherit}a{color:#2271b1}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #2271b1;outline-offset:3px}.wp-bar{height:38px;background:#1d2327;color:#ddd;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:15px;font-size:12px}.wp-bar>div{display:flex;align-items:center;gap:14px}.wp-mark{font:20px Georgia,serif;border:1px solid #aaa;width:25px;height:25px;line-height:23px;text-align:center;border-radius:50%}.bar-demo{color:#c3c4c7;border-left:1px solid #555;padding-left:14px}.wp-sidebar{position:absolute;left:0;top:38px;bottom:0;min-height:calc(100vh - 38px);width:180px;background:#1d2327;padding:18px 0;color:#e5e5e5}.wp-menu-item{display:block;padding:11px 16px;text-decoration:none;font-size:13px;line-height:1.4}.disabled{color:#979ca1;cursor:default}.menu-divider{height:14px}.scangate{color:white;background:#2271b1;font-weight:600;border-left:4px solid #72aee6;padding-left:12px}.scangate:hover{background:#135e96}.wp-content{margin-left:180px;padding:28px;max-width:1450px;min-height:calc(100vh - 38px)}.wp-notice{padding:14px 18px;border:1px solid #c3c4c7;border-left:4px solid #72aee6;background:white;margin-bottom:24px}.wp-notice p{margin-top:4px;color:#50575e}.wp-welcome{background:#fff;border:1px solid #c3c4c7;padding:32px;margin-bottom:24px}.wp-welcome h2{font-size:26px;font-weight:400}.wp-welcome p{margin-top:14px;max-width:760px;color:#50575e}.wp-welcome .direction{color:#2271b1;font-weight:600;margin-top:28px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wp-box{border:1px solid #c3c4c7;background:white;padding:20px;margin-bottom:22px;min-width:0}.wp-box h2{padding-bottom:12px;border-bottom:1px solid #e2e4e7;margin-bottom:16px}.wp-box p{color:#50575e;margin-top:9px}.wp-footer{color:#646970;font-size:12px;margin-top:35px}.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric{font-size:30px;font-weight:400}.page-subtitle{font-size:14px;color:#646970;display:inline-block;margin-left:12px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.user-row p{margin:4px 0}.badge{font-size:12px;background:#fcf0da;color:#835e1c;padding:4px 9px;border-radius:3px;white-space:nowrap}.badge.active{background:#e7f2e9;color:#32643b}.admin-profile{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;margin:20px 0}.admin-profile dt{font-size:12px;color:#646970}.admin-profile dd{margin:5px 0 0}.wp-box .muted{font-size:12px;color:#646970}.request-preview button{padding:7px 13px;background:#f6f7f7;border:1px solid #c3c4c7;color:#85898e;border-radius:3px;margin-top:18px;cursor:not-allowed}.wp-login-wrap{width:100%;max-width:390px;margin:60px auto;padding:0 20px}.login-w{font:56px/74px Georgia,serif;color:#2271b1;border:3px solid #2271b1;width:80px;height:80px;border-radius:50%;text-align:center;margin:0 auto 24px}.wp-login h1{text-align:center;font-size:22px;margin-bottom:7px}.login-caption{font-size:12px;text-align:center;color:#646970;margin:0 0 22px}.login-note{border-left:4px solid #72aee6;background:#fff;padding:14px 16px;font-size:12px;color:#50575e;margin-bottom:18px}.wp-login form{padding:25px;background:white;border:1px solid #c3c4c7;box-shadow:0 1px 3px #0001;margin-bottom:18px}.wp-login label{display:block;margin:0 0 5px}.wp-login input{width:100%;font-size:19px;border:1px solid #8c8f94;border-radius:4px;padding:8px 10px;margin:0 0 20px;min-height:45px}.wp-login button{width:100%;min-height:42px;border-radius:3px;cursor:pointer}.fill-demo{color:#2271b1;background:#fff;border:1px solid #2271b1;margin-bottom:12px;font-size:13px}.login-submit{background:#2271b1;color:white;border:1px solid #2271b1;font-weight:600}#admin-error{color:#b32d2e;font-size:12px;margin-bottom:12px}#admin-error:empty{display:none}@media(max-width:700px){.wp-bar{height:auto;min-height:42px;padding:8px 12px;flex-wrap:wrap;gap:5px}.wp-bar>span{font-size:10px}.wp-sidebar{position:static;width:100%;min-height:0;display:flex;gap:2px;padding:8px;overflow:hidden}.wp-menu-item{display:none}.wp-menu-item.scangate{display:block;width:100%;padding:12px 14px}.menu-divider{display:none}.wp-content{margin:0;padding:20px 16px}.dashboard-grid,.admin-summary,.admin-profile{grid-template-columns:1fr;gap:0}.admin-profile>div{margin-bottom:14px}.wp-welcome{padding:22px}.wp-welcome h2{font-size:22px}.wp-welcome .direction{font-size:0}.wp-welcome .direction:after{content:'↑ Выберите «ScanGate» в меню';font-size:14px}.user-row{align-items:flex-start;flex-direction:column;gap:10px}.page-subtitle{display:block;margin:6px 0 0}.wp-login-wrap{margin-top:28px}.wp-notice,.wp-box{overflow-wrap:anywhere}}
.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.demo-tabs button[aria-current=page]{background:#2271b1;color:white}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0}.wp-content button{border:1px solid #2271b1;background:#f6f7f7;color:#2271b1;padding:9px 13px;border-radius:3px;cursor:pointer;min-height:40px;font:inherit}.wp-content button:hover{background:#eaf2f8}.wp-content .primary-action{background:#2271b1;color:white}.wp-content input,.wp-content select{width:100%;min-width:0;min-height:42px;border:1px solid #8c8f94;background:white;color:#1d2327;border-radius:3px;padding:8px 10px;font:inherit}.wp-content label{display:block;font-size:12px;line-height:1.6}.wp-content label input,.wp-content label select{display:block;margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;margin:18px 0}.form-grid>button{justify-self:start}.form-grid>div{display:flex;flex-wrap:wrap;gap:8px}.access-form,.gate-form{border-bottom:1px solid #ddd;padding-bottom:18px}.search-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end;margin:15px 0}.table-scroll{width:100%;overflow-x:auto}.wp-content table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.wp-content th{background:#f6f7f7}.wp-content th,.wp-content td{padding:12px;border-bottom:1px solid #ddd;vertical-align:top}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;font-size:12px}.demo-request{padding:18px 0;border-bottom:1px solid #ddd}.request-text{white-space:pre-wrap;overflow-wrap:anywhere}.max-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:15px 0}#feedback{position:sticky;top:0;z-index:5;background:#fff8e5;color:#5c481a;padding:12px;border-left:4px solid #dba617;overflow-wrap:anywhere}#feedback:empty{display:none}.error{color:#b32d2e!important}.wp-sidebar{position:fixed}.wp-content>button{margin-bottom:16px}.wp-box h3{font-size:14px;margin:20px 0 8px}.wp-content table button{white-space:nowrap}@media(max-width:700px){.wp-sidebar{position:static}.form-grid,.search-row{grid-template-columns:1fr}.wp-content th,.wp-content td{padding:9px}.wp-content .wp-box{padding:16px}.demo-tabs button{flex:1 1 40%}.table-scroll{max-width:100%}.wp-content h1{overflow-wrap:anywhere}}
/* Phone layout: labelled record cards and touch-sized forms. */
@media(max-width:700px){
 body{font-size:16px}
 .wp-bar{min-height:44px;gap:6px;font-size:12px}
 .wp-bar>span{display:none}
 .wp-bar>div{gap:10px}
 .wp-sidebar{padding:6px 12px}
 .wp-menu-item.scangate{padding:9px 12px;font-size:14px}
 .wp-content{padding:18px 12px;width:100%;min-width:0}
 .wp-content h1{font-size:24px;margin-bottom:14px;line-height:1.3}
 .page-subtitle{font-size:15px}
 .wp-notice{padding:12px;margin-bottom:16px;font-size:14px;line-height:1.5}
 .wp-content .wp-box{padding:14px;margin-bottom:16px}
 .wp-content h2{font-size:18px;line-height:1.4}
 .wp-content h3{font-size:16px}
 .wp-content button,.wp-login button{min-height:46px;max-width:100%;padding:10px 14px;font-size:16px;white-space:normal}
 .wp-content input,.wp-content select{min-height:48px;font-size:16px;width:100%;max-width:100%}
 .wp-content label{font-size:14px}
 .wp-content .muted,.wp-footer{font-size:13px;line-height:1.55}
 .demo-toolbar{align-items:stretch;gap:10px;margin:12px 0}
 .demo-toolbar>h2{width:100%;margin-bottom:0}
 .demo-toolbar>a{display:flex;align-items:center;min-height:44px}
 .demo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
 .demo-tabs button{width:100%;min-width:0}
 .form-grid,.search-row{gap:14px;margin:16px 0}
 .form-grid>button,.search-row>button{width:100%;justify-self:stretch}
 .form-grid>div{display:grid;grid-template-columns:1fr}
 .table-scroll{overflow:visible}
 .wp-content table,.wp-content tbody{display:block;width:100%}
 .wp-content thead{display:none}
 .wp-content tbody tr{display:block;background:#fff;border:1px solid #dcdcde;border-radius:7px;padding:4px 12px;margin:12px 0;box-shadow:0 1px 2px #00000006}
 .wp-content tbody td{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0;border-bottom:1px solid #eee;font-size:16px;overflow-wrap:anywhere;min-width:0}
 .wp-content tbody td:last-child{border-bottom:0}
 .wp-content tbody td[data-label]:before{content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.02em;color:#646970}
 .wp-content tbody td[data-label="Действия"]:before{display:none}
 .wp-content table button{white-space:normal;width:100%;min-height:46px}
 .badge{font-size:13px;white-space:normal;width:fit-content}
 .pagination{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}
 .pagination>span{grid-column:1/-1;grid-row:1;text-align:center}
 .pagination>button{width:100%;padding:10px 8px}
 .demo-request{padding:14px 0}
 .wp-login-wrap{margin:24px auto;padding:0 14px}
 .wp-login form{padding:20px}
 #feedback{position:static;font-size:14px}
}

.paid-status{display:inline-block;padding:4px 7px;border-radius:5px;margin:2px 0}.paid-warning{background:#fff0b3;color:#624400;font-weight:600}.paid-unpaid{background:#ffe0e0;color:#9b2020;font-weight:600}
.user-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.user-heading p{margin:5px 0;color:#646970;font-size:13px}.user-card-nav{display:flex;gap:8px 22px;flex-wrap:wrap;margin:18px 0}.user-card-nav a{color:#2271b1;font-size:14px;text-decoration:none;padding:6px 0}.card-fold>summary{cursor:pointer;font-size:15px;font-weight:600}.card-fold>form,.card-fold>.demo-toolbar{margin-top:18px}.admin-access-row{padding:14px 0;border-top:1px solid #e7e9ec}.admin-access-row h3{font-size:14px;margin:0}.admin-access-row>p{margin:5px 0}.access-term-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:4px 0}.inline-editor{margin-top:12px;font-size:13px}.inline-editor>summary{cursor:pointer;color:#2271b1;width:fit-content;padding:6px 0}.inline-editor .form-grid{margin-top:12px;padding:14px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:6px}.add-access{border-top:1px solid #e7e9ec;padding-top:10px}.card-fold .wp-box{padding:0;margin:18px 0;border:0;box-shadow:none}.card-fold .wp-box h2{font-size:14px}#user-access,#user-balance,#user-profile,#user-security{scroll-margin-top:20px}@media(max-width:600px){.user-heading{align-items:flex-start;flex-direction:column}.user-heading h2{overflow-wrap:anywhere}.access-term-list>div{align-items:flex-start;flex-direction:column;gap:2px}.inline-editor>summary,.card-fold>summary{min-height:44px;align-content:center}.inline-editor .form-grid{padding:10px}.user-card-nav{gap:4px 18px}}
.phone-input{display:flex;align-items:center;border:1px solid #8c8f94;border-radius:4px;background:#fff;margin-top:6px;overflow:hidden}.phone-input>span{padding:0 12px;color:#50575e;border-right:1px solid #ddd;flex-shrink:0}.form-grid .phone-input input{border:0!important;margin:0!important;border-radius:0;min-width:0;width:100%;box-shadow:none}.phone-input:focus-within{outline:2px solid #2271b1;outline-offset:1px}

.max-reference{padding-left:20px;margin-top:18px}.max-reference li{margin:12px 0;line-height:1.6}

.tariff-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;background:#f7f8fa;padding:16px;border-radius:6px}

.broadcast-compose{margin:20px 0;padding:16px;background:#f7f8fa}.broadcast-compose label{display:block;margin:16px 0 8px}.broadcast-compose textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:100px;font:inherit;font-size:16px;padding:12px;border:1px solid #8c8f94;border-radius:5px}