/* Service-specific composition; visual components come from /css/ds.css. */
.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sverka-app .seg form{display:contents}
.sverka-app .sv-project-picker{margin:0;max-width:210px;min-width:120px}
.sverka-app .sv-project-picker .select{height:32px;font-size:12px}
.sverka-app .tabs{min-width:0}
.sverka-app .tabs .tab{white-space:nowrap}
.sverka-app .menu form{margin:0}
.sverka-app .menu button.mi{width:100%;text-align:left}
.sverka-app .sv-work-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 28px}
.sverka-app .sv-work-filters .filters{margin:0}
.sverka-app .sv-work-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin:24px 0}
body.ios .sverka-app .dashq .tmeta a{color:var(--tint)}
body.ios .sverka-app .dashq .empty{display:block}
@media(min-width:941px) and (max-width:1240px){.sverka-app .tabs .tab{padding-inline:9px}.sverka-app .sv-project-picker{max-width:150px;min-width:110px}}
@media(max-width:940px){.sverka-app .controls .sv-scope{display:none}}
@media(max-width:600px){.sverka-app .topbar .wm{display:none}.sverka-app .sv-project-picker{max-width:150px;min-width:100px}.sverka-app .sv-work-filters{align-items:stretch}.sverka-app .sv-work-filters .seg{flex-wrap:wrap}.sverka-app .sv-work-filters .seg a{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.sverka-app *{scroll-behavior:auto}}

body.ios .sverka-app .kpi .label{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
body.ios .sverka-app .kpi .foot{display:flex;justify-content:space-between;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
body.ios .sverka-app .kpi .value{font-size:28px;font-weight:700;margin-top:9px;letter-spacing:-.02em;line-height:1.2}
body.ios .sverka-app .sv-search input.input{padding-left:34px}
body.ios .sverka-app .pj-list .pj{grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr) 200px minmax(0,1.1fr) 190px;gap:18px}
body.ios .sverka-app .pj-traffic{white-space:normal;overflow-wrap:anywhere}
body.ios .sverka-app .pj-traffic .sv-st{white-space:normal;align-items:flex-start;flex-wrap:wrap}
body.ios .sverka-app .pj-act{flex-wrap:wrap}
body.ios .sverka-app .sv-admin-groups{max-width:900px}
body.ios .sverka-app .sv-admin-groups section{margin-bottom:32px}
body.ios .sverka-app .sv-admin-groups .proc{padding-inline:4px}
body.ios .sverka-app .sv-admin-groups .proc>span{display:grid;gap:4px;flex:1}
body.ios .sverka-app .sv-admin-groups .proc>i{color:var(--tint)}
body.ios .sverka-app .rp-bar .f{min-width:0;max-width:100%}
body.ios .sverka-app .rp-dates{flex-wrap:wrap;max-width:100%}
body.ios .sverka-app .rp-quick button.fchip{height:34px;padding-inline:14px}
body.ios .sverka-app .rp-quick button.fchip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media(max-width:860px){body.ios .sverka-app .pj-list .pj{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}}
@media(max-width:600px){body.ios .sverka-app .sv-work-filters .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}body.ios .sverka-app .sv-work-filters .seg a{white-space:nowrap}body.ios .sverka-app .rp-dates input[type=date]{width:calc((100% - 32px)/2)}body.ios .sverka-app .rp-cols .rp-pop{position:fixed;top:80px;left:16px;right:16px;width:auto;max-height:calc(100dvh - 110px);overflow-y:auto}}

body.ios.sv-client-body .sv-client.page{max-width:880px;padding:40px 24px 64px}
body.ios.sv-client-body .box{margin:auto;max-width:420px;width:100%}
body.ios.sv-client-body .sv-client .kpis{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
@media(max-width:480px){body.ios.sv-client-body .sv-client.page{padding:24px 16px 48px}}
@media print{body.ios.sv-client-body{background:#fff;color:#000}body.ios.sv-client-body .ios-bg{display:none}body.ios.sv-client-body .sv-client.page{padding:0;max-width:none}body.ios.sv-client-body .panel{box-shadow:none;background:#fff;border-color:#ccc}body.ios.sv-client-body .print{display:none}}
body.ios .sverka-app .kpi .label,body.ios .sverka-app .kpi .value{display:block}