/* Цветные шапки смены, компактный состав отрядов и общие подсказки интерфейса. */
/* Общие выровненные заголовки и независимые тела карточек. */
.page-title-with-shift{display:flex;align-items:center;flex-wrap:wrap;gap:20px;min-width:0;margin-right:auto}
.admin-shell .page-title-with-shift h1{margin:0}
.page-title-with-shift .shift-picker{margin:0;max-width:min(100%,390px)}
.team-management .shift-section-head{margin:0;padding:20px 24px;min-height:76px;position:relative;top:auto;align-items:center;border-radius:0}
.team-management-body{padding:24px}
.team-management-body>.staff-search{display:block;margin:0 0 24px;max-width:560px;width:100%}
.team-progress .team-progress-content{flex:1;min-width:0;max-width:780px}
.team-progress-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.team-progress-title h2{margin:0}.team-progress-title>span{font-size:13px;color:#527563}
.team-waiting{display:inline-flex;align-items:center;gap:8px;font-weight:650}.team-waiting svg{width:20px;height:20px;flex:none}.team-all-ready{display:inline-flex;align-items:center;gap:6px;color:#237343;font-weight:650}
.team-status-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.team-status-filter{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #ceded6;background:#ffffff80;color:#65776f;border-radius:9px;font-size:13px}
.team-status-filter.selected{background:#fff;color:#283d33;box-shadow:inset 0 0 0 1px #94b8a4}
.team-status-filter i{width:8px;height:8px;border-radius:50%;background:#459966}
.team-status-filter.pending i{background:#d8a539}.team-status-filter.disabled i{background:#c46460}
.team-progress .team-progress-bar{display:block;width:100%;height:18px;border-radius:9px;overflow:hidden}
.team-progress>button{flex-shrink:0}

.admin-shell .staff-compact-grid .staff-card{min-width:0}
.admin-shell .staff-identity h3{overflow-wrap:anywhere}
.children-panel .search-row{display:grid!important;grid-template-columns:minmax(0,1fr) 170px;gap:12px;margin:0!important;padding:20px!important;width:auto!important;box-sizing:border-box}
.children-panel .search-row .search-field{width:100%;min-width:0;margin:0}
.children-panel .search-row input{min-width:0;width:100%}
.children-panel .search-row #group-filter{width:100%!important;min-width:0!important;max-width:100%;margin:0}
.whole-group-row{background:#edf6f1;border-top:1px solid #cfe4d9}
.statistics-page .statistics-records .statistics-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px;border-bottom:1px solid #e5eae5}
.statistics-page .statistics-card-head.stats-blue-head{background:linear-gradient(115deg,#0786b2,#11abd0)}
.statistics-page .statistics-card-head.stats-red-head{background:linear-gradient(115deg,#ae4652,#d56867)}
.statistics-page .statistics-card-head.stats-orange-head{background:var(--header-orange)}
.statistics-page .statistics-card-head.stats-green-head{background:var(--header-green)}
.statistics-page .statistics-card-head.stats-purple-head{background:linear-gradient(115deg,#7961b5,#9b7cc9)}
.statistics-page .statistics-card-head.circle-gradient h2,.statistics-page .statistics-card-head.circle-gradient p{color:#fff}
.stats-author-scope{display:inline-block;margin-left:10px;color:#6a7c75;font-size:12px}
.audit-heading{padding:22px 24px;color:white}
.audit-heading h2{margin:0 0 6px;font-size:21px}.audit-heading p{margin:0;color:#effbff;font-size:13px}
.audit-filters{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.2fr) minmax(200px,1.5fr);gap:16px;padding:20px 24px;background:#fcfdfc;border-bottom:1px solid #e5eae5}
.audit-filters label{margin:0;min-width:0}.audit-filters input,.audit-filters select{margin-top:6px}
.audit-custom{display:flex;gap:16px;grid-column:1/-1}.audit-custom[hidden]{display:none}.audit-custom label{flex:1;max-width:260px}
.audit-results{padding:12px 24px 24px}.audit-error{padding:0 24px;margin:0}.audit-error:not(:empty){padding-top:14px}
.audit-result-count{font-size:12px;color:#708078;padding:0 0 12px}
.audit-compact-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ebeeea}
.audit-compact-row strong{font-size:13px;font-weight:650}.audit-compact-row p{font-size:12px;margin:3px 0 0;color:#6b7970;overflow-wrap:anywhere}
.audit-compact-row time{font-size:11px;color:#7b877e;white-space:nowrap;align-self:start;padding-top:3px}
.audit-event-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff0cb;color:#a47c24}
.audit-event-icon.add{background:#e6f4e9;color:#337e4c}.audit-event-icon.remove{background:#fbe8e5;color:#b44e44}
.audit-event-icon svg{width:18px;height:18px}
@media(max-width:1250px){.team-progress{flex-wrap:wrap}}
@media(max-width:950px){.audit-filters{grid-template-columns:1fr 1fr}.audit-filters>label:last-of-type{grid-column:1/-1}}
@media(max-width:600px){.team-management-body,.team-management .shift-section-head{padding:16px}.team-management .shift-section-head{flex-wrap:wrap}.children-panel .search-row{grid-template-columns:minmax(0,1fr) 140px;padding:16px!important;gap:8px}.page-title-with-shift{gap:12px;width:100%}.page-title-with-shift .shift-picker{max-width:100%;width:100%}.statistics-page .statistics-records .statistics-filters,.audit-filters{grid-template-columns:1fr;padding:16px}.audit-compact-row{grid-template-columns:30px minmax(0,1fr)}.audit-compact-row time{grid-column:2;padding:0}.audit-results{padding:12px 16px 16px}.audit-heading{padding:20px 16px}.stats-author-scope{display:block;margin:4px 0 0}}
.telegram-logo{object-fit:contain;flex-shrink:0;width:24px;height:24px;display:inline-block;vertical-align:middle}
:root{--header-green:linear-gradient(115deg,#50a643,#7bc755);--header-orange:linear-gradient(115deg,#c65616 0%,#e77924 58%,#eb9039 100%)}
.circle-gradient{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#079fc7,#12b2df)}
.circle-gradient::before,.circle-gradient::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:210px;height:210px;right:-100px;top:-110px;border:32px solid #ffffff30;border-radius:50%}
.circle-gradient::after{right:-115px;top:-150px;border:2px solid #ffffff60;width:260px;height:260px}
.circle-gradient h1,.circle-gradient h2,.circle-gradient h3{color:white}
.shift-management .shift-list{padding:0;overflow:hidden;max-height:none;display:flex;flex-direction:column}
.shift-list-head{display:flex;align-items:center;box-sizing:border-box;min-height:76px;padding:20px 22px;color:white;flex-shrink:0}
.shift-list-head h2{margin:0;font-size:19px}
.shift-list-body{padding:12px;overflow-y:auto;max-height:max(0px,calc(var(--pinned-panel-room,80dvh) - 76px))}
.shift-management .shift-summary{padding:0;overflow:hidden}
.shift-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:30px;color:white;background:linear-gradient(115deg,#08719c,#0b849c)}
.shift-summary-head>div{min-width:0}.shift-summary-head h2{font-size:25px;line-height:1.3;margin:10px 0 16px;overflow-wrap:anywhere;color:white}
.shift-summary-head small{font-size:11px;letter-spacing:1.3px;color:#d9f3fc}.shift-summary-head p{font-size:14px;color:#e2f6fc;margin:0}
.shift-summary-footer{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.shift-summary-footer p{margin:0}
.work-in-shift{background:#e5f2c9;border:1px solid #c8dfa0;color:#42621f;border-radius:10px;padding:12px 18px;font-weight:600;min-height:44px}.work-in-shift:hover{background:#d8eab5}
.shift-section-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:-24px -24px 22px;padding:20px 24px;border-radius:12px 12px 0 0;background:linear-gradient(110deg,#e0f4fb,#eff9fc);border-bottom:1px solid #d3eaf2}
.shift-section-head h2{margin:0;font-size:20px}.shift-section-head button{display:flex;align-items:center;gap:8px;font-size:13px;padding:10px 12px;min-height:42px}
.shift-section-head svg{width:20px;height:20px}

.shift-staff-panel .staff-directory{gap:20px}.shift-staff-panel .staff-group-heading h2{font-size:15px}.shift-staff-panel .staff-empty{padding:0 0 6px}
.staff-directory .staff-actions{flex-wrap:wrap;max-width:126px;justify-content:flex-end}.staff-directory .staff-identity{align-items:flex-start}.staff-directory .staff-status{font-size:11px}
.staff-directory .remove-action,.remove-action{background:#fff1ef;border:1px solid #efceca;color:#ac4240;border-radius:10px}
.staff-directory .remove-action:hover,.remove-action:hover{background:#fce1dd;border-color:#dcaaa4}
.shift-summary-head .remove-action{background:#fff4ed;border-color:#ffffff90;flex-shrink:0}
.shift-roster-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;margin-bottom:14px}.shift-roster-filters .search-field{margin:0}.shift-roster-filters input,.shift-roster-filters select{font-size:15px;min-width:0}
.shift-roster-groups{display:grid;gap:14px}.shift-roster-group{display:grid;gap:10px;padding:13px;background:#fbfdfc;border:1px solid #dfe9e4;border-radius:14px}.shift-roster-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.shift-roster-group>header h3{margin:0;font-size:15px;color:#315c46}.shift-roster-group>header span{font-size:11px;color:#74827c}
.shift-child-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.shift-child-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;background:#f8fbfa;border:1px solid #dfe9e4;border-radius:12px;padding:10px;width:100%;color:#283b3b;min-width:0}
.shift-child-row:hover{background:#eef7f2;border-color:#c7ded0}.shift-child-row .avatar{width:36px;height:36px;font-size:12px;border-radius:11px}
.shift-child-row strong,.roster-compact-child strong,.roster-child-name{display:block;color:#202a27}.shift-child-row strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.shift-child-row small{display:block;font-size:12px;color:#75817a;margin-top:4px}
.child-card-meta{display:flex;min-width:76px;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px}.shift-child-row .child-status{margin:0;font-size:11px}.child-menu-trigger{width:32px;height:32px;min-width:32px;border:0;background:transparent;color:#60766b}.child-menu-trigger:hover{background:white}
.child-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#398057;white-space:nowrap}.child-status i{width:6px;height:6px;flex-shrink:0;background:currentColor;border-radius:50%}
.child-status.departed{color:#a66135}.child-summary strong>.child-status{margin-left:8px;display:inline-flex}
.roster-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#74827c;border-top:1px solid #e4ece8;margin-top:12px;padding-top:12px}
.roster-pagination>div,.child-card-actions{display:flex;gap:10px}.roster-pagination .square-action{width:36px;height:36px;min-width:36px;font-size:18px}
.child-card-actions{margin:24px 0 8px}.child-card-actions .square-action{width:48px;height:48px}
.child-card-actions svg,.square-action svg{width:22px;height:22px}
.departure-note{margin:18px 0;padding:16px;border:1px solid #dce8ec;border-radius:12px;background:#f3f8fa}.departure-note h3{margin:0 0 10px;font-size:16px}.departure-note .observation-text{margin:0 0 12px;overflow-wrap:anywhere}
.shift-counselors{margin-top:20px;padding-top:18px;border-top:1px solid #e3ece8}.shift-counselors summary{cursor:pointer;font-weight:600;color:#3d6372;min-height:36px;font-size:14px}
.app-tooltip{position:fixed;inset:auto;margin:0;z-index:10000;pointer-events:none;max-width:min(260px,calc(100vw - 16px));border:0;border-radius:8px;padding:9px 12px;background:#243e47;color:white;font-size:12px;line-height:1.4;box-shadow:0 4px 14px #17334122;overflow-wrap:anywhere}.app-tooltip[hidden]{display:none}
.welcome-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#eaf5fb;border:1px solid #cfe5ee;border-radius:14px;font-size:14px}.welcome-reminder button{display:flex;align-items:center;gap:8px;white-space:nowrap}
.admin-shell select:not([multiple]),select:not([multiple]){appearance:none;-webkit-appearance:none;padding-right:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235f7680' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}
.admin-shell .main:has(>.staff-directory)>.section-bar,.admin-shell .main:has(.audit-list)>.section-bar{background:linear-gradient(115deg,#e4f4fa,#f1f9fb);border:1px solid #d7e9ef;border-radius:14px;padding:18px 24px}
.staff-guide{background:#f3f7f9;color:#293d3e}.staff-guide main{max-width:840px;margin:0 auto;padding:24px}.guide-hero{padding:32px;border-radius:20px;background:linear-gradient(115deg,#08769e,#14a8cf);color:white}.guide-hero h1{color:white;font-size:30px;margin:12px 0}.guide-hero p{color:#e1f6fc}.guide-hero small{letter-spacing:2px}.staff-guide nav{display:flex;flex-wrap:wrap;gap:12px;padding:20px 0}.staff-guide a{color:#116c94}.staff-guide section{padding:28px;background:white;border:1px solid #dce8eb;border-radius:16px;margin-bottom:18px;scroll-margin-top:20px}.staff-guide section:target{border-color:#29a3c8;box-shadow:0 0 0 3px #29a3c815}.staff-guide li{margin:0 0 12px;line-height:1.7}.staff-guide h2{font-size:24px}.staff-guide footer{padding:18px 0;font-size:13px}.staff-guide p{line-height:1.7}
.shift-list-body .shift-list-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:4px;padding:0;margin-top:6px}
.shift-list-select{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;border:0;background:transparent;padding:14px;width:100%;min-width:0;color:inherit}
.shift-menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:7px;margin-right:5px;border:0;border-radius:9px;background:transparent;color:#557078}.shift-menu-trigger:hover{background:#fff}.shift-menu-trigger svg{width:20px;height:20px}
.grassy-head{position:sticky;top:var(--pinned-panel-top,var(--app-safe-top));z-index:4;box-sizing:border-box;min-height:76px;padding:17px 24px;color:white;background:var(--header-green);border:0;box-shadow:0 5px 14px #315c2824}.grassy-head h2{color:white}.grassy-head .counter{background:#ffffffdf;color:#397134}.grassy-head button{background:#fff;border-color:#ffffffaa;color:#326b34}
.shift-overview{overflow:visible}
.shift-management .shift-overview:has(>.grassy-head){clip-path:inset(var(--pinned-panel-clip,0px) 0 0)}
.shift-roster-panel,.shift-staff-panel,.quick-assign-panel{scroll-margin-top:calc(var(--pinned-panel-top,var(--app-safe-top)) + 16px)}
.quick-assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-assignment-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px;background:#f8fbf8;border:1px solid #dce9dc;border-radius:13px}.quick-assignment-card>div{min-width:0}.quick-assignment-card h3{margin:0 0 7px;font-size:15px;color:#315c46}.assigned-counselors{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.assigned-counselors>span{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 5px 4px 9px;border-radius:999px;background:#e5f2e4;color:#37643a;font-size:11px}.assigned-counselors>span button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;padding:3px;border:0;border-radius:50%;background:transparent;color:#648064}.assigned-counselors>span button:hover{background:#fff;color:#a2443e}.assigned-counselors svg{width:13px;height:13px}.assigned-counselors small{color:#8a958f;font-size:11px}.quick-assignment-card>.compact{flex:0 0 auto;min-height:36px;padding:8px 10px;font-size:12px}.quick-assignment-card>.compact svg{width:18px;height:18px}
.staff-menu-source{display:none!important}
.anchored-menu{position:fixed;overflow:auto;overscroll-behavior:contain;z-index:12000;width:min(260px,calc(100vw - 24px));display:flex;flex-direction:column;gap:4px;padding:7px;background:white;border:1px solid #dbe5e1;border-radius:13px;box-shadow:0 16px 45px #18372a35}
.anchored-menu button{display:flex;flex-shrink:0;align-items:center;gap:11px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#293b35;text-align:left;font:inherit;font-size:14px}.anchored-menu button:hover,.anchored-menu button:focus-visible{background:#edf5f0}.anchored-menu svg,.anchored-menu img{width:20px;height:20px;flex:0 0 20px}.anchored-menu .danger-item{color:#a43d38}.anchored-menu .danger-item:hover,.anchored-menu .danger-item:focus-visible{background:#fff0ee}
/* Единый белый список для всех селектов: форма продолжает хранить native value. */
.select-control{position:relative;display:block;min-width:0;width:100%}
.select-control .select-native{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.select-control .select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:44px;margin:0;padding:12px 14px;border:1px solid #dbe4df;border-radius:11px;background:#fff;color:#293b35;text-align:left;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger>svg{width:16px;height:16px;flex:0 0 16px;color:#63796e}
.select-trigger:hover:not(:disabled),.select-trigger[aria-expanded="true"]{border-color:#7dada1;background:#fcfefd}.select-trigger:disabled{opacity:.55;cursor:not-allowed}.select-trigger[aria-invalid="true"]{border-color:#bd5549}
.select-trigger:focus-visible{outline:none;border-color:#2489a9;box-shadow:inset 0 0 0 1px #2489a9}.anchored-menu button:focus-visible{outline:2px solid #2489a9;outline-offset:3px}.anchored-menu:focus{outline:none}
.shift-picker .select-trigger{min-height:46px;font-weight:600;padding:12px 16px}.audit-filter-fields .select-control{margin-top:8px}
.select-menu{inset:auto;margin:0;box-sizing:border-box;max-width:calc(100vw - 24px);overflow:hidden;gap:7px}
.select-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:6px}
.select-menu .select-options button{line-height:1.4;overflow-wrap:anywhere;flex-shrink:0}.select-options button[aria-selected="true"]{background:#edf5f0;color:#25654b;font-weight:600}.select-options button:disabled{opacity:.45;cursor:not-allowed}
.select-menu .select-check{width:18px;flex:0 0 18px;font-size:18px;color:#2b7959}
.select-menu .select-search{flex:0 0 auto;width:100%;box-sizing:border-box;min-width:0;margin:0;padding:11px 12px;font:inherit;font-size:14px;line-height:1.4;border:1px solid #dbe4df;border-radius:9px;background:#f8fbf9;color:#293b35}
.select-empty{padding:14px 12px;margin:0;color:#718078;font-size:14px}.select-options button:last-child{margin-bottom:0}
.audit-workbench .audit-filter-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(380px,1fr);align-items:end;gap:24px;padding:22px 24px;background:#fafcfb}
.audit-period-field{min-width:0}.audit-field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#5e7166}
.audit-periods{display:flex;flex-wrap:wrap;gap:8px}.audit-periods .period-chip{min-height:40px;border:1px solid #dce5e0;border-radius:9px;padding:9px 15px;background:#fff;color:#4a6155;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
.audit-periods .period-chip:hover{border-color:#8bb3a0;background:#f0f7f2}.audit-periods .period-chip.selected{color:#fff;background:#307358;border-color:#307358}
.audit-filter-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-width:0;width:100%}.audit-filter-fields>label{margin:0;font-size:13px;color:#5e7166;font-weight:600}
.audit-periods .period-chip{min-height:44px;padding:11px 12px}
@media(max-width:1150px){.audit-workbench .audit-filter-toolbar{grid-template-columns:1fr;align-items:stretch;gap:18px}}
.audit-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audit-date-fields label{min-width:0}.audit-date-fields input{width:100%;min-width:0;box-sizing:border-box}.audit-date-form .modal-actions{margin-top:22px}.audit-date-form .primary{min-width:110px}
.quick-assign-panel .quick-assignment-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;align-items:stretch}
.quick-assign-panel .quick-assignment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:16px;row-gap:5px;padding:18px;background:#fff;border:1px solid #dfe8e2;border-radius:14px;align-items:start}
.quick-assignment-card .quick-assignment-content{display:contents}.quick-assign-panel .quick-assignment-card h3{grid-column:1;grid-row:1;margin:0;color:#2b4939;font-size:16px;line-height:1.4}
.quick-assignment-caption{grid-column:1;grid-row:2;margin:0;color:#78877e;font-size:12px;line-height:1.4}
.quick-assign-panel .quick-assignment-card>.compact{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-height:40px;padding:9px 12px;border-color:#d9e4dc;background:#f5faf6;color:#39664b;font-size:13px}
.quick-assign-panel .assigned-counselors{grid-column:1/-1;grid-row:3;align-content:start;align-items:flex-start;gap:8px;margin-top:11px;padding-top:14px;border-top:1px solid #edf1ee;min-height:34px}
.quick-assign-panel .assigned-counselors>span{gap:8px;padding:5px 6px 5px 11px;border-radius:9px;background:#eef5ef;color:#385b43;font-size:13px;line-height:1.4;box-sizing:border-box}
.assigned-name{min-width:0;overflow-wrap:anywhere}.quick-assign-panel .assigned-counselors>span button{width:26px;height:26px;min-width:26px;padding:5px}.quick-assign-panel .assigned-counselors small{font-size:13px;padding:8px 0;color:#94764c}
@media(max-width:600px){.audit-workbench .audit-filter-toolbar{padding:16px;gap:16px}.audit-filter-fields{grid-template-columns:1fr;gap:14px}.audit-periods{gap:6px}.audit-periods .period-chip{padding:9px 11px}.audit-date-fields{grid-template-columns:1fr;gap:6px}.select-menu .select-search{font-size:16px}.quick-assign-panel .quick-assignment-card{padding:15px}.select-control .select-trigger{min-height:46px}}
#staff-activities-field textarea{min-height:100px;resize:vertical}#staff-activities-field small{display:block;color:#718078;font-size:12px;margin-top:7px}
.copy-options{display:grid;gap:8px;margin:18px 0 4px;padding:0;border:0}.copy-options legend{margin-bottom:9px;font-size:13px;font-weight:700}.copy-options .check-chip{align-items:flex-start;padding:11px 12px}.copy-options .check-chip span{min-width:0}.copy-options .check-chip strong{display:block;font-size:13px}.copy-options .check-chip small{display:block;margin-top:2px;color:#75817a;font-weight:400}.copy-options+.form-grid label{margin-top:12px}
@media(max-width:1400px){.shift-child-list,.quick-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.shift-staff-panel .staff-compact-grid,.shift-child-list,.quick-assignment-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shift-summary-head{padding:24px 20px}.shift-summary-head h2{font-size:23px}.shift-section-head{margin:-18px -18px 18px;padding:18px;flex-wrap:wrap}.grassy-head{min-height:68px;padding:14px 18px}.shift-roster-filters{grid-template-columns:1fr}.shift-roster-group{padding:10px}.shift-child-row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px}.child-status{font-size:11px}.quick-assignment-card{align-items:flex-start}.shift-list-body{max-height:240px}.welcome-reminder{flex-wrap:wrap}.staff-guide main{padding:16px}.staff-guide section{padding:20px}.guide-hero{padding:24px}.guide-hero h1{font-size:26px}}
/* Рабочий список: отряды слева, компактные дети справа. */
.shift-summary-head {display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.shift-join-button {display:inline-flex;align-items:center;gap:10px;background:#fff;color:#096781;border:1px solid #d4f2fa;box-shadow:0 4px 14px #004c6920;padding:12px 18px;border-radius:12px;font-weight:650;white-space:nowrap}
.roster-toolbar {display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px}
.roster-workspace {display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:24px}
.roster-squad-column {border-right:1px solid #e0e9e5;padding-right:20px;min-width:0}
.roster-workspace header {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;min-height:42px}
.roster-workspace h3 {font-size:17px;margin:0}
.roster-squad {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:12px;border:1px solid transparent;background:#f4f7f6;border-radius:10px;margin-bottom:8px;color:#425954}
.roster-squad.selected {background:#e0f2fa;border-color:#73c7e0;color:#056683}
.roster-children-column {min-width:0}
.roster-children-column>.search-field {margin:0 0 12px}
.roster-compact-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.roster-compact-child {display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 10px;align-items:center;border:1px solid #e2eae7;border-radius:12px;padding:10px;background:#fff}
.roster-compact-child>.avatar {width:34px;height:34px;font-size:11px;grid-row:1 / 3}
.roster-child-name {padding:0;border:0;background:none;text-align:left;min-width:0;grid-row:1 / 3;line-height:1.35}
.roster-child-name strong {display:block;font-size:14px;overflow-wrap:anywhere}
.roster-child-name small {display:block;color:#75827c;font-size:12px;margin-top:4px}
.roster-compact-child>.child-status {grid-column:3;font-size:11px;white-space:nowrap}
.roster-compact-child>.square-action {grid-column:3;justify-self:end;width:30px;height:30px;min-height:30px;padding:5px}
.roster-empty {display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#78857e;background:#f7faf9;border-radius:12px;gap:8px}
.roster-import-dialog {width:min(940px,94vw)!important;max-width:940px!important}
.import-table-wrap {overflow:auto;max-height:45vh;margin:20px 0}
.import-table {border-collapse:collapse;width:100%;font-size:14px;text-align:left}
.import-table th {background:#edf7fa;position:sticky;top:0;padding:10px}
.import-table td {padding:10px;border-bottom:1px solid #e1e8e5}
@media(max-width:1250px){.roster-compact-list{grid-template-columns:1fr}.roster-workspace{gap:16px;grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:650px){.roster-workspace{grid-template-columns:1fr}.roster-squad-column{border-right:0;padding-right:0}#roster-squads{display:flex;flex-wrap:wrap;gap:6px}.roster-squad{width:auto;margin:0}.roster-toolbar button{flex:1}.shift-join-button{white-space:normal}.roster-empty{min-height:160px}}
/* Компактная команда, массовое добавление и отмена удаления. */
.staff-heading-actions,.batch-staff-bottom,.single-staff-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.single-staff-actions .staff-save{order:2;margin-left:auto}
button.staff-save{background:#24784c;color:#fff;border:1px solid #24784c;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:46px;border-radius:11px;font-weight:650}
button.staff-save:hover{background:#1b633d}
.staff-save svg{width:20px;height:20px}
.telegram-id-guide{padding:16px;background:#edf6fa;border:1px solid #d2e7ee;border-radius:12px;margin:18px 0;font-size:14px}
.telegram-id-guide p{margin:8px 0;line-height:1.5}
.telegram-id-guide .copy-id-guide{margin-top:8px}
.team-progress{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:linear-gradient(110deg,#e2f4f7,#eef7e8);border:1px solid #d5e6df;border-radius:16px;margin-bottom:20px}
.team-progress h2{font-size:18px;margin:0 0 6px}
.team-progress p{margin:0 0 8px;font-size:14px}
.roster-squad-item{display:flex;align-items:center;gap:4px;min-width:0;margin-bottom:8px}
.roster-squad-item .roster-squad{flex:1;min-width:0;margin:0}
.roster-squad-item .squad-menu{flex:0 0 36px;width:36px;height:36px;padding:8px}
.roster-total{font-size:14px;white-space:nowrap}
dialog.staff-batch-dialog{width:min(1000px,calc(100vw - 32px));max-width:1000px}
.batch-staff-row{display:grid;grid-template-columns:24px minmax(180px,1.5fr) minmax(140px,1fr) minmax(140px,1fr) 40px;align-items:end;gap:12px;padding:14px 0;border-bottom:1px solid #e0e8e3}
.batch-staff-row label{font-size:13px;margin:0;min-width:0}
.batch-staff-row input,.batch-staff-row select{width:100%;min-width:0;font-size:16px}
.batch-staff-row>.batch-row-number{align-self:center;color:#728079}
.batch-staff-row .square-action{width:40px;height:44px;padding:10px}
.batch-staff-row label[hidden]{display:none}
.batch-staff-row label:last-child{grid-column:2 / -2}
.batch-staff-bottom{justify-content:space-between;margin-top:16px}
.undo-notice{position:fixed;inset:auto 20px 20px auto;z-index:100000;box-sizing:border-box;width:min(560px,calc(100vw - 32px));margin:0;padding:16px 18px;display:flex;align-items:center;gap:12px;background:#244c38;color:#fff;border:1px solid #527764;border-radius:14px;box-shadow:0 8px 32px #14251d30;font-size:15px;line-height:1.45}
.undo-notice>span{flex:1;min-width:0}
.undo-notice button{flex-shrink:0;background:transparent;color:#fff;border:1px solid #a8c6b6;border-radius:8px;min-height:38px;padding:6px 10px}
.undo-notice .undo-close{width:36px;padding:8px;border-color:transparent}
.undo-notice svg{width:18px;height:18px}
.undo-notice.undo-error{background:#744132}
@media(max-width:700px){.team-progress{align-items:stretch;flex-direction:column;gap:12px}.staff-heading-actions{gap:8px}.staff-heading-actions button{font-size:13px}.batch-staff-row{grid-template-columns:24px 1fr 40px}.batch-staff-row label{grid-column:2}.batch-staff-row>.batch-row-number{grid-column:1;grid-row:1}.batch-staff-row .square-action{grid-column:3;grid-row:1}.batch-staff-row label:last-child{grid-column:2}.undo-notice{right:16px;padding:12px;gap:8px}.roster-total{white-space:normal}}
/* Единая плотная сетка, контрастные шапки и доступные показатели статистики. */
.roster-squad-item .squad-menu{border:0;background:transparent;border-radius:9px;display:grid;place-items:center;align-self:center;position:static;transform:none;inset:auto;width:36px;height:36px;min-height:36px;padding:0;margin:0;color:#557078;line-height:1}
.roster-squad-item .squad-menu:hover{background:#fff}.roster-squad-item .squad-menu svg{width:20px;height:20px}
.children-panel .search-row{background:linear-gradient(115deg,#079fc7,#12b2df);padding:20px;gap:12px}
.observation-filter-head{display:flex;align-items:center;min-height:var(--observation-header-height,0px);background:var(--header-green)}
.children-panel .search-row.observation-filter-staff{background:transparent;width:100%!important;margin:0}
.children-panel .child-row .observation-author-avatar{width:36px;height:36px;flex-basis:36px}
.children-panel .search-row #group-filter,.children-panel .search-row #author-group{width:170px;min-width:170px;flex:0 0 170px;padding-right:36px}
.observation-mode{display:flex;align-items:center;justify-content:center;gap:12px;flex:0 0 100%;grid-column:1/-1;color:#fff;font-size:14px}
.observation-mode>span{opacity:.78}.observation-mode>span.is-selected{font-weight:700;opacity:1}
.ios-mode-switch{display:inline-flex;align-items:center;flex:0 0 54px;width:54px;height:32px;min-height:32px;padding:3px;border:0;border-radius:99px;background:#087693;box-shadow:inset 0 1px 3px #07506840}
.ios-mode-switch>span{width:26px;height:26px;border-radius:50%;background:white;box-shadow:0 2px 5px #06425950;transform:translateX(0);transition:transform .18s ease}
.ios-mode-switch[aria-checked=true]{background:#287f58}.ios-mode-switch[aria-checked=true]>span{transform:translateX(22px)}
@media(prefers-reduced-motion:reduce){.ios-mode-switch>span{transition:none}}
.author-detail-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:50%;background:#e9f5ef;color:#32714d;font-size:16px}
.author-detail-avatar img{width:100%;height:100%;object-fit:cover}
.observation-children{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.observation-child{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;border:0;border-radius:10px;padding:5px 8px;background:#f4f9f8;color:#2c4348;font-size:14px;text-align:left}
.observation-child strong{min-width:0;overflow-wrap:anywhere}.observation-child .child-avatar{flex-shrink:0}
.observation-child .stats-task-group{margin-left:auto;flex-shrink:0}
.observation-group-children{flex:1;min-width:0}
.observation-group-children summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;font-size:14px}
.observation-group-children summary:after{content:'⌄';margin-left:auto}
.observation-group-children[open] summary:after{transform:rotate(180deg)}
.observation-group-children summary>svg{width:28px;height:28px;flex-shrink:0;color:#4e8b94}
.observation-group-children .observation-children{margin-top:8px}
#author-observations .observation-top{align-items:flex-start;gap:12px}
#author-observations .observation-top>.observation-children{flex:1}
#author-observations time{flex-shrink:0;font-size:12px;color:#7c8984;padding-top:12px}
#author-observations .observation-text{font-size:14px;line-height:1.65;margin-top:12px}
.detail-panel .author-detail-heading{padding:0;border:0;min-height:var(--observation-header-height,0px);display:flex;align-items:center}
.author-heading-content{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;width:100%;padding:20px 24px;box-sizing:border-box}
.author-heading-content .detail-title{flex:1;min-width:180px;margin:0}
.author-heading-content .detail-title>div{min-width:0;overflow-wrap:anywhere}
.author-heading-count{margin-left:auto;color:#fff;font-size:20px;font-weight:650;line-height:1.25}
@media(min-width:821px) and (max-width:1150px){.author-heading-count{font-size:18px}}
@media(max-width:820px){.observation-filter-head,.detail-panel .author-detail-heading{min-height:0}.author-heading-content{padding:20px}.author-heading-content .back-button{flex:0 0 100%}.author-heading-count{font-size:20px}.observation-child{flex-wrap:wrap}#author-observations .observation-top{flex-wrap:wrap}#author-observations time{padding-top:0}.observation-child .stats-task-group{margin-left:0}}
.detail-panel .stats-pagination{padding:0 16px 20px}
.child-row .child-summary{flex:1;min-width:0;overflow-wrap:anywhere}.child-record-count{margin-left:auto;flex-shrink:0;font-size:12px;text-align:right}
.child-count-compact{display:none}
@media(max-width:600px){.child-count-full{display:none}.child-count-compact{display:inline-flex;align-items:center;gap:4px;min-width:30px;justify-content:flex-end}.child-count-compact svg{width:15px;height:15px}}
.children-panel{display:grid;grid-template-rows:auto minmax(0,1fr);position:sticky;top:var(--workspace-top,var(--app-safe-top));height:var(--workspace-height,70dvh);min-height:0;overflow:hidden}
.children-panel[data-workspace-compact]{position:relative;top:auto;height:min(600px,var(--workspace-visible-height));min-height:360px}
.children-panel #children-list{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.children-panel .child-row{gap:10px;min-height:72px;padding-top:12px;padding-bottom:12px}
.detail-panel .detail-heading{background:linear-gradient(115deg,#08719c,#0b849c);color:white}
.detail-panel .detail-heading h2,.detail-panel .detail-heading .eyebrow,.detail-panel .detail-heading .muted{color:white}
.detail-panel .metadata{display:flex;flex-wrap:wrap;line-height:1.6;margin-bottom:10px}
.team-management{margin-top:20px}
dialog.staff-batch-dialog{width:min(1180px,calc(100vw - 32px));max-width:1180px}
.staff-batch-dialog #batch-staff-rows .batch-staff-row{grid-template-columns:22px minmax(130px,1.2fr) minmax(115px,.9fr) minmax(180px,1.5fr) minmax(120px,.8fr) 34px;gap:8px;padding:8px 0;align-items:center}
.staff-batch-dialog .batch-staff-row input,.staff-batch-dialog .batch-staff-row select{height:38px;min-height:38px;padding:8px 10px;font-size:13px;border-radius:8px}
.staff-batch-dialog .batch-staff-row select{padding-right:28px}
.staff-batch-dialog .batch-staff-row>.select-control{grid-column:auto;grid-row:auto;align-self:center;min-width:0}
.staff-batch-dialog .batch-staff-row .select-trigger{height:38px;min-height:38px;padding:8px 10px;font-size:13px;border-radius:8px;gap:6px}
.select-control[hidden]{display:none!important}
@media(max-width:800px){.staff-batch-dialog .batch-staff-row>.select-control{grid-column:3;grid-row:1}.staff-batch-dialog .batch-staff-row .select-trigger{font-size:16px}}
.staff-batch-dialog .batch-staff-row .square-action{width:34px;height:34px;min-height:34px;grid-column:auto;grid-row:auto;padding:8px}
.staff-batch-dialog .batch-staff-row input:focus-visible,.staff-batch-dialog .batch-staff-row select:focus-visible{outline:none;border-color:#267b9d;box-shadow:inset 0 0 0 1px #267b9d}
.statistics-page{display:grid;gap:20px;min-width:0}
.statistics-page .section-bar{margin:0;align-items:center}
.statistics-page .section-bar h1{margin:0 0 6px}
.statistics-page .section-bar p{margin:0}
.dashboard-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:20px;align-items:start;min-width:0}
.dashboard-column{display:contents}
.dashboard-column>.panel,.dashboard-summary-stack>.panel{margin:0;min-width:0}
.dashboard-chart{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column}
.dashboard-summary-stack{grid-column:2;grid-row:1;align-self:stretch;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.dashboard-main>.stats-coverage{grid-column:1;grid-row:2}
.dashboard-side>.dashboard-operations{grid-column:2;grid-row:2}
.dashboard-chart>.statistics-card-body{display:flex;flex-direction:column;flex:1;min-width:0;container-type:inline-size;container-name:stats-chart}
.dashboard-chart .stats-chart{flex:1}
.dashboard-operations .statistics-card-head p{color:#fff}
.dashboard-checklist{display:grid;gap:12px}
.dashboard-check-item{border:1px solid #e3eae5;border-radius:12px;padding:14px;background:#f7faf7;min-width:0}
.dashboard-check-item label{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14px;font-weight:400;line-height:1.55}
.dashboard-check-item label>span{min-width:0;overflow-wrap:anywhere}
.dashboard-check-item input{width:20px;min-height:20px;height:20px;flex:0 0 20px;margin:3px 0;accent-color:#378855}
.dashboard-check-item.is-done{background:#edf5ef}
.dashboard-check-item.is-done label>span>span:last-child{text-decoration:line-through;color:#5c7565}
.dashboard-check-item .text-button{margin-top:10px;min-height:44px}
#dashboard-operations-progress>p{font-size:13px;color:#4c6f5e;margin:0 0 10px}
@media(max-width:820px){.dashboard-layout{grid-template-columns:minmax(0,1fr);gap:16px}.dashboard-summary-stack{display:contents}.dashboard-summary-stack>.dashboard-rhythm{grid-column:1;grid-row:1}.dashboard-main>.dashboard-chart{grid-column:1;grid-row:2}.dashboard-summary-stack>.statistics-summary{grid-column:1;grid-row:3}.dashboard-main>.stats-coverage{grid-column:1;grid-row:4}.dashboard-side>.dashboard-operations{grid-column:1;grid-row:5}}
.stats-coverage-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.stats-coverage-title h2{font-size:19px;margin:0}.stats-coverage-title>strong{color:#28765d;white-space:nowrap}
.stats-coverage-progress{display:block;width:100%;height:12px;margin-bottom:14px;border-radius:999px;overflow:hidden}
.stats-coverage-list{border-top:1px solid #e3ebed;padding:12px 0}.stats-coverage-list summary{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#376f82}.stats-coverage-list summary:before{content:'›';font-size:22px;line-height:1}.stats-coverage-list[open] summary:before{transform:rotate(90deg)}.stats-coverage-list summary strong{margin-left:auto;background:#edf5f3;border-radius:6px;padding:3px 8px;color:#356f5c}
.stats-coverage-list ul{list-style:none;margin:8px 0 0;padding:0}.stats-coverage-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:13px}.stats-coverage-list .coverage-child-name{flex:1;min-width:0;overflow-wrap:anywhere}
.coverage-add-task{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:40px;padding:8px 10px;border:1px solid #b8d8c1;border-radius:9px;background:#edf7ef;color:#287247;font-size:12px}
.coverage-add-task svg{width:16px;height:16px}.coverage-add-task:disabled{color:#5e7766;background:#f3f7f4}
@media(max-width:1100px){.stats-coverage-list li{flex-wrap:wrap}.stats-coverage-list .coverage-child-name{flex-basis:calc(100% - 100px)}.coverage-add-task{margin-left:auto}}
.stats-coverage-list p,.stats-coverage-hint{font-size:12px;color:#687a7e;line-height:1.6;margin:10px 0 0}
.dashboard-summary{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.dashboard-summary-head>.dashboard-head-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px}
.dashboard-heading-copy{min-width:0}
.dashboard-summary-context{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 16px;flex:0 1 auto;margin-left:auto;text-align:right;font-size:20px;font-weight:650;line-height:1.25;color:#fff;min-width:0;max-width:100%;overflow-wrap:anywhere}
.dashboard-summary-context time{min-width:0}
.stats-return-today{flex:0 0 auto;min-height:44px;padding:8px 16px;white-space:nowrap;border:1px solid #ffffffb3;border-radius:10px;background:#fff;color:#426b3d;font-size:12px;font-weight:650;line-height:1.3}
.stats-date-picker{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;margin-left:auto;min-height:40px;padding:6px 10px;border:1px solid #d1e1c8;border-radius:10px;background:#f2f8ef;color:#426b3d;font-size:12px;font-weight:650}
.stats-date-picker svg{width:18px;height:18px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:10px;padding:16px 18px}
.dashboard-metric{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border-radius:12px;background:#f2f8ef;min-width:0}
.statistics-summary .dashboard-metric{background:#f6f2fa}
.dashboard-metric-icon{display:grid;place-items:center;width:40px;height:42px;color:#57813f}
.statistics-summary .dashboard-metric-icon{color:#8263ad}
.dashboard-metric-icon svg{display:block;width:40px;height:42px}
.dashboard-metric-copy{display:grid;gap:3px;min-width:0}
.dashboard-metric strong{font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums;color:#294530;overflow-wrap:anywhere}
.statistics-summary .dashboard-metric strong{color:#674b93}
.dashboard-metric-copy>span{font-size:12px;line-height:1.4;color:#617063;overflow-wrap:anywhere}
.dashboard-summary-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;box-sizing:border-box;margin:0;padding:12px 18px;border-top:1px solid #e7ece7;font-size:12px;line-height:1.4;color:#67796b}
.dashboard-summary-footer strong{font-size:16px;line-height:1;color:#674b93}
@media(min-width:821px) and (max-width:1150px){.dashboard-metric{grid-template-columns:32px minmax(0,1fr);gap:7px;padding:9px}.dashboard-metric-icon,.dashboard-metric-icon svg{width:32px;height:36px}.dashboard-summary-context{font-size:18px}}
@media(max-width:600px){.dashboard-metrics{grid-template-columns:1fr;gap:8px}.dashboard-metric{grid-template-columns:40px minmax(0,1fr);padding:10px 14px}.dashboard-metric-copy{display:flex;align-items:baseline;gap:10px}.dashboard-metric-copy>span{font-size:13px}.dashboard-summary-head{flex-wrap:wrap}.dashboard-summary-context{flex:1 1 180px;font-size:20px}}
.statistics-page .statistics-card-head{padding:20px 24px;background:#edf7fa;border-bottom:1px solid #d9eaf0}
.statistics-page .statistics-card-head h2{margin:0;font-size:19px;line-height:1.3}
.statistics-page .statistics-card-head p{font-size:13px;color:#566f77;line-height:1.5;margin:8px 0 0}
.statistics-page .statistics-card-body{padding:20px 24px}
.statistics-page .dashboard-top-head{display:flex;align-items:center;box-sizing:border-box;min-height:var(--dashboard-header-height,96px);padding:0;border:0;flex:0 0 auto}
.dashboard-head-content{box-sizing:border-box;width:100%;min-width:0;padding:18px 24px}
.statistics-page .dashboard-summary>.statistics-card-body{display:grid;grid-template-rows:minmax(min-content,1fr) auto;flex:1;padding:0}
.stats-task-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.stats-task-group{display:inline-flex;align-items:center;padding:3px 8px;border-radius:7px;background:#e2eff6;color:#28607c;font-size:12px;font-weight:600;white-space:nowrap}
/* Tasks: two independent, bounded lists. Every grid track may shrink. */
.main:has(>.manager-workspace){padding-bottom:8px}
.manager-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:20px;position:sticky;top:var(--workspace-top,var(--app-safe-top));height:var(--workspace-height,72dvh);min-height:0;min-width:0}
.manager-task-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;min-width:0;min-height:0}
.manager-task-results,.smart-proposals{container-type:inline-size;container-name:task-panel;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}
.manager-task-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:16px 18px;max-height:calc(var(--workspace-height,72dvh)*.45);min-height:0;overflow:auto;overscroll-behavior:contain}
.manager-task-filters label{min-width:0;margin:0}.manager-task-filters select{margin-top:6px;width:100%}.manager-task-filters .select-control{margin-top:6px}.manager-task-filters .select-trigger{min-height:44px}
.task-sort-bar,.smart-proposals-head{box-sizing:border-box;min-height:76px;padding:16px 18px;color:white;display:flex;align-items:center}
.task-sort-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;background:linear-gradient(115deg,#079bc9 0%,#06a9d9 58%,#16b3df 100%)}
.smart-proposals-head{background:var(--header-orange)}
.task-sort-bar h2,.smart-proposals-head h2{font-size:19px;line-height:1.3;margin:0;color:#fff}
.task-sort-bar h2{flex:1;min-width:0}
.task-sort-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:480px;max-width:100%;flex:0 0 auto;min-width:0;margin-left:auto}
.task-sort-controls button{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;height:31px;min-height:31px;border:0;border-radius:8px;padding:4px 8px;background:#fffffff0;color:#106184;font-size:13px;line-height:19px;font-weight:650;box-shadow:0 2px 5px #086d8a12}
.task-sort-label{min-width:0;white-space:nowrap}.task-sort-direction{flex:0 0 12px;width:12px;color:inherit}
.task-sort-controls button:hover{background:#fff}.task-sort-controls button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--grass-button-border),0 2px 5px #086d8a12}
@media(pointer:coarse){.task-sort-controls{row-gap:14px}.task-sort-controls button::before{content:"";position:absolute;inset:-6.5px 0}}
@container task-panel (max-width:740px){.task-sort-bar,.smart-proposals-head{min-height:120px}.task-sort-bar{flex-wrap:wrap;align-content:center;gap:10px}.task-sort-controls{width:100%}}
@container task-panel (max-width:510px){.task-sort-bar,.smart-proposals-head{min-height:168px}.task-sort-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
.smart-proposals-list,.manager-task-list{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding:14px;padding:14px;outline-offset:-3px}
.smart-proposal{padding:14px;background:#fffaf5;border:1px solid #f0e2d5;border-radius:12px;margin-bottom:12px}.smart-proposal:last-child{margin-bottom:0}
.smart-proposal p{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.smart-proposal>small{font-size:12px;color:#61756b;display:block;overflow-wrap:anywhere}
.smart-proposal-actions{display:flex;align-items:center;gap:8px;margin-top:12px}
.task-icon-action{display:inline-grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid #dce5e3;border-radius:10px;background:white;color:#52746c}
.task-icon-action:hover{background:#eef6f3;border-color:#a8c4ba}.task-delete-action{color:#b85343}.task-delete-action:hover{background:#fff0ed;border-color:#e4bab0}
.task-add-proposal{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;min-height:40px;padding:8px 16px;border:1px solid var(--grass-button-border);border-radius:10px;background:var(--grass-button-fill);color:var(--grass-button-ink);font-size:13px;font-weight:700}
.task-add-proposal:hover:not(:disabled){background:var(--grass-button-hover)}.task-add-proposal:disabled{opacity:.5}
.manager-task-list{display:flex;flex-direction:column;gap:12px}
.manager-task-card{padding:12px 14px;min-width:0;flex-shrink:0}.manager-task-card.is-done{background:#f7faf7}
.manager-task-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}
.manager-task-card .stats-task-badges{margin:0;min-width:0;align-self:center}.manager-task-card-actions{display:flex;gap:6px;flex-shrink:0}
.manager-task-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45;margin:8px 0}
.manager-task-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px 10px;flex-wrap:wrap;flex:1;min-width:100px;font-size:11px;color:#6b7e76}
.manager-task-meta span{overflow-wrap:anywhere}.manager-task-meta time{white-space:nowrap}
.manager-task-recipient{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf1ee;font-size:12px}.manager-task-recipient:last-child{padding-bottom:0}
.manager-task-person{display:flex;gap:8px;align-items:center;min-width:0}.manager-task-person>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
.manager-task-person-name{display:block;line-height:1.45;overflow-wrap:anywhere}.manager-task-person-name small{font-size:11px;color:#6b7e76}
.manager-task-groups{display:flex;flex-wrap:wrap;gap:4px;margin:0}.manager-task-groups .stats-task-group{font-size:11px;padding:2px 6px}
.manager-task-result{text-align:right;color:#7d6f52;font-size:11px;max-width:150px;overflow-wrap:anywhere}.manager-task-result.done{color:#34755b}
.manager-task-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#manager-task-form textarea{resize:vertical;min-height:120px}
.manager-workspace[data-workspace-compact]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;position:static;gap:16px}
.manager-workspace[data-workspace-compact] .manager-task-sidebar{grid-template-rows:auto auto}
.manager-workspace[data-workspace-compact] .manager-task-filters{max-height:none}
.manager-workspace[data-workspace-compact] .smart-proposals,.manager-workspace[data-workspace-compact] .manager-task-results{height:clamp(240px,var(--workspace-room,65dvh),680px)}
@media(max-width:820px){.manager-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;position:static;gap:16px}.manager-task-sidebar{grid-template-rows:auto auto}.manager-task-filters{padding:14px;gap:10px;max-height:none}.smart-proposals,.manager-task-results{height:clamp(240px,var(--workspace-room,65dvh),680px)}.task-sort-bar,.smart-proposals-head{padding:16px}.manager-task-form-grid{grid-template-columns:1fr;gap:0}.task-icon-action{width:44px;height:44px;flex-basis:44px}.task-add-proposal{min-height:44px}}
@media(max-width:420px){.manager-task-recipient{grid-template-columns:minmax(0,1fr)}.manager-task-result{text-align:left;max-width:none;margin-left:34px}.manager-task-card .stats-priority{font-size:10px}.manager-task-card{padding:12px}}
.recommendations-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.recommendations-head button{flex-shrink:0}.stats-completion{display:grid;justify-items:end;gap:9px;min-width:190px}.stats-completion .statistics-progress{display:block;width:190px;height:12px;border-radius:999px;overflow:hidden}
.statistics-page .statistics-footnote{font-size:12px;line-height:1.6;color:#687a7e;margin:0 0 16px}
.statistics-page .stats-chart{height:310px;min-height:310px;box-sizing:border-box;gap:12px;padding:4px 0 20px;margin-bottom:16px;border-bottom:1px solid #deeaee}
.statistics-page .stats-column{flex:1 0 76px;min-width:76px;max-width:120px;padding:8px;gap:8px}
.statistics-page .stats-bar-plot{display:block;width:64px;height:164px;flex:none}
.stats-bar-track{fill:#edf3f6}.stats-bar-fill{fill:#079ec4}
.stats-column:nth-child(even) .stats-bar-fill{fill:#338dbd}
.statistics-page .stats-column.selected{background:#def2fa;box-shadow:inset 0 0 0 2px #148aac}
.statistics-page .stats-column strong{font-size:18px}
.statistics-page .stats-column span{font-size:13px;white-space:nowrap}
.statistics-page #stats-tasks{max-height:440px;overflow:auto}
.statistics-page .stats-task{margin:0 0 10px;padding:14px;gap:12px;background:#f7fafb;border:1px solid #e4ebed}
.stats-task>span{min-width:0}.stats-task-text{display:block;line-height:1.55;overflow-wrap:anywhere}
.stats-priority{display:inline-block;font-size:11px;font-weight:650;padding:3px 8px;border-radius:6px;white-space:nowrap}
.stats-priority.high{background:#fce8e3;color:#a23c2d}.stats-priority.medium{background:#fff0d4;color:#855817}.stats-priority.low{background:#e6f0fa;color:#356685}
.stats-task small{display:block;margin-top:7px;font-size:11px;color:#80643d}
.stats-chart-controls{display:grid;gap:8px;margin-bottom:20px}
.stats-chart-controls-heading{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px}
.stats-chart-controls>.statistics-method-button{justify-self:end}
.stats-chart-modes{display:flex;align-items:center;justify-self:start;width:max-content;max-width:100%;gap:4px;padding:4px;border-radius:12px;background:#edf5f8}
.stats-chart-modes button{min-height:40px;padding:8px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#48717d;font-size:13px;font-weight:650;white-space:nowrap}
.stats-chart-modes button[aria-pressed=true]{background:#fff;color:#087f9f;border-color:#c5e3ec;box-shadow:0 2px 6px #23617414}
.stats-chart-options{display:grid;grid-template-columns:minmax(0,1fr);justify-content:end;min-height:44px;min-width:0;max-width:100%}
.stats-chart-options>div{grid-area:1/1}
.stats-shape-control{display:flex;align-items:flex-end;justify-content:flex-end;min-height:44px;color:#55747d;font-size:12px;white-space:nowrap}
.stats-group-period{display:flex;align-items:center;align-content:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;min-height:44px;min-width:0;color:#55747d;font-size:12px}
.stats-date-chip{display:flex;align-items:center;flex:0 0 auto;border-radius:10px;background:#eef7e6;color:#426b3d}
.stats-date-chip.is-past{background:#fff0df;color:#985d27}
.stats-date-chip[aria-hidden=true]{visibility:hidden;pointer-events:none}
.stats-date-chip button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;border:0;border-radius:10px;background:transparent;color:inherit;font-size:13px;line-height:20px;white-space:nowrap}
.stats-date-chip-label{padding:6px 12px}
.stats-date-chip-reset{width:36px;flex:0 0 36px;padding:6px}
.stats-date-chip-reset svg{width:16px;height:16px}
.stats-date-chip-reset:not([hidden])+.stats-date-chip-label{padding-left:4px}
.stats-date-chip button:hover{background:#ffffff50}
.stats-group-period time{white-space:nowrap}
.stats-switch-pair{display:grid;grid-template-columns:6.25em 54px 6.25em;align-items:center;flex:0 0 auto;gap:8px;min-height:44px;white-space:nowrap}
.stats-switch-pair>span{white-space:nowrap}
.stats-switch-pair>span:first-child{text-align:right}.stats-switch-pair>span:last-child{text-align:left}
.stats-switch-pair>span.is-selected{color:#365e68;font-weight:700}
.stats-chart-options>div[aria-hidden=true]{visibility:hidden;pointer-events:none}
@container stats-chart (max-width:620px){.stats-chart-controls-heading{grid-template-columns:minmax(0,1fr)}.stats-chart-options{justify-self:end}}
.stats-chart-options .ios-mode-switch[aria-checked=true]{background:var(--grass-button-fill)}
.stats-chart-hint{margin:0;font-size:12px;line-height:1.5;color:#6b7e80}
.stats-chart-hints{display:grid}
.stats-chart-hints>.stats-chart-hint{grid-area:1/1;align-self:start}
.stats-chart-hint[aria-hidden=true]{visibility:hidden;pointer-events:none}
.statistics-page .stats-day.is-future{opacity:1;color:#879296;background:#f5f7f8;cursor:default}
.stats-day.is-future .stats-bar-track{fill:#e3e8eb}
.stats-day.is-future small{color:#879296}
.statistics-page .stats-chart.is-line{align-items:center}
.stats-line-chart{display:block;flex:1 0 auto;width:auto;height:266px;max-width:none;min-width:320px;overflow:visible}
.stats-line-band{fill:transparent}.stats-line-band.is-future{fill:#f2f4f5}.stats-line-band.selected{fill:#e5f4f8}
.stats-line-grid{fill:none;stroke:#dce8ed;stroke-dasharray:3 5}
.stats-line-path{fill:none;stroke:#079ec4;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.stats-line-point{fill:#fff;stroke:#079ec4;stroke-width:3}
.stats-line-hit{fill:transparent;stroke:transparent;stroke-width:2}
.stats-line-day[role=button]{cursor:pointer}
.stats-line-day[role=button]:hover .stats-line-hit{stroke:#b2dbe8}
.stats-line-day[role=button]:focus-visible{outline:none}.stats-line-day[role=button]:focus-visible .stats-line-hit{stroke:#167fa5}
.stats-line-count,.stats-line-label,.stats-line-date{text-anchor:middle;fill:#365760}
.stats-line-count{font-size:18px;font-weight:700}.stats-line-label{font-size:13px;font-weight:600}.stats-line-date{font-size:11px;fill:#6d7d7c}
.stats-line-day.is-future text{fill:#879296}
.statistics-calendar-dialog{width:780px}
.statistics-calendar-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px 26px;min-width:0;margin:22px 0}
.statistics-calendar-month{min-width:0}.statistics-calendar-month h3{font-size:17px;margin:0 0 14px;text-transform:capitalize;color:#30564f}
.statistics-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:5px}
.calendar-weekday{text-align:center;font-size:11px;font-weight:650;color:#85938c;padding:0 0 7px}
.calendar-cell{display:flex;align-items:center;justify-content:center;min-width:0}
.calendar-cell.in-shift{background:#f0f5eb}
.calendar-cell.range-start,.calendar-cell:nth-child(7n+1){border-radius:12px 0 0 12px}
.calendar-cell.range-end,.calendar-cell:nth-child(7n){border-radius:0 12px 12px 0}
.calendar-day{display:grid;place-items:center;min-width:0;width:100%;min-height:44px;margin:0;border:2px solid transparent;border-radius:11px;padding:6px 0;font-size:14px;font-weight:600}
.calendar-day.past{background:#e4f1dc;color:#3b6434}.calendar-day.today{background:#f87829;color:#fff}.calendar-day.future{background:#fff0be;color:#806c28}
.calendar-day.outside{background:#f5f6f6;color:#a0a7a3}
.calendar-day:disabled{opacity:1;cursor:default}.calendar-day[aria-pressed=true]{border-color:#087b9d;box-shadow:inset 0 0 0 2px white}
.calendar-day.past:hover:not(:disabled){background:#d4e8c6}
.statistics-calendar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;color:#62746a;font-size:12px}
.statistics-calendar-legend span{display:flex;align-items:center;gap:6px}.statistics-calendar-legend span:before{content:'';width:10px;height:10px;border-radius:50%}
.statistics-calendar-legend .past:before{background:#a2c58d}.statistics-calendar-legend .today:before{background:#f87829}.statistics-calendar-legend .future:before{background:#edce62}
.calendar-error:empty{display:none}
@media(max-width:620px){.statistics-calendar-months{grid-template-columns:minmax(0,1fr)}.statistics-calendar-dialog{padding:22px 16px}.dashboard-summary-footer{flex-wrap:wrap}}
.statistics-method-button{flex:0 1 auto;margin:0;padding:8px 0;min-height:44px;border:0;background:transparent;color:#26748c;text-decoration:underline;text-underline-offset:3px;font-size:12px;text-align:right;line-height:1.4}
.statistics-page .stats-empty{padding:24px 12px;margin:0;text-align:center;color:#697d83;font-size:14px}
.statistics-page .stats-note:first-child{padding-top:0}.statistics-page .stats-note:last-child{border:0;padding-bottom:0}
.statistics-page .stats-note p{overflow-wrap:anywhere}
@media(max-width:1100px){.statistics-filters{grid-template-columns:100px minmax(0,1fr)}.recommendations-head{flex-wrap:wrap}}
@media(max-width:600px){.statistics-page .statistics-filters,.statistics-page .statistics-card-head,.statistics-page .statistics-card-body{padding:16px}.statistics-page .statistics-filters{grid-template-columns:1fr}.statistics-page{gap:16px}}
.stats-chart{display:flex;align-items:flex-end;gap:12px;min-height:220px;overflow-x:auto;padding:12px 0}
.stats-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;flex:1;min-width:64px;max-width:100px;background:transparent;border:0;border-radius:10px;padding:8px;color:#365760}
.stats-column.selected{background:#e5f4f8}.stats-bar{display:block;width:75%;min-width:24px;background:linear-gradient(0deg,#08749a,#14b5d7);border-radius:8px 8px 2px 2px}
.stats-column small{font-size:11px;color:#6d7d7c}
.stats-task{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f1f7ed;border-radius:10px;font-weight:400;font-size:14px;margin:8px 0}
.stats-task input{width:18px;min-height:18px;height:18px;margin:3px 0;flex-shrink:0;accent-color:#3b8a50}
#stats-tasks{max-height:360px;overflow-y:auto}.stats-note{padding:16px 0;border-bottom:1px solid #e3eae5}.stats-note small{display:block;color:#708078;margin:6px 0}.stats-note p{white-space:pre-wrap;margin:0}
.stats-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
/* Общий травянистый акцент только для зелёных кнопок, не для статусов и предупреждений. */
:root{--grass-button-start:#477d24;--grass-button-end:#4e8129;--grass-button-ink:#fff;--grass-button-border:#477d24;--grass-button-fill:linear-gradient(115deg,var(--grass-button-start),var(--grass-button-end));--grass-button-hover:linear-gradient(115deg,#3d6e1e,#477d24);--grass-button-strong-fill:var(--grass-button-fill);--grass-button-strong-hover:var(--grass-button-hover);--grass-button-strong-border:var(--grass-button-border)}
button.staff-save,.audit-periods .period-chip.selected,.work-in-shift,button.approve-button,.round-action.save,.voice-card.complete #voice-upload,.voice-card.recorded .voice-record-button{background:var(--grass-button-fill);color:var(--grass-button-ink);border-color:var(--grass-button-border);box-shadow:0 3px 9px #507f2520}
button.staff-save:hover:not(:disabled),.audit-periods .period-chip.selected:hover:not(:disabled),.work-in-shift:hover:not(:disabled),button.approve-button:hover:not(:disabled),.round-action.save:hover:not(:disabled),.voice-card.complete #voice-upload:hover:not(:disabled),.voice-card.recorded .voice-record-button:hover:not(:disabled){background:var(--grass-button-hover);color:var(--grass-button-ink);border-color:#69a632}
@media(max-width:800px){.statistics-filters{grid-template-columns:1fr 1fr}.statistics-overview{grid-template-columns:1fr}.staff-batch-dialog #batch-staff-rows .batch-staff-row{grid-template-columns:22px minmax(120px,1fr) minmax(100px,1fr) 34px}.staff-batch-dialog .batch-staff-row input,.staff-batch-dialog .batch-staff-row select{font-size:16px}.batch-staff-row [name=activities]{grid-row:2;grid-column:2}.batch-staff-row [name=telegramId]{grid-row:2;grid-column:3}.staff-batch-dialog .batch-staff-row .square-action{grid-row:1;grid-column:4}.children-panel .search-row #group-filter{min-width:145px;width:145px;flex-basis:145px}.child-record-count{font-size:12px;max-width:90px}}
.select-trigger[data-tone] .select-value,.select-options button[data-tone]>span:last-child{display:flex;align-items:center;gap:9px}.select-trigger[data-tone] .select-value::before,.select-options button[data-tone]>span:last-child::before{content:"";width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--status-dot,#a4aea7)}[data-tone="approved"]{--status-dot:#2e9760}[data-tone="review"]{--status-dot:#e5b928}[data-tone="changed"]{--status-dot:#e38a32}[data-tone="blocked"]{--status-dot:#c85b54}[data-tone="missing"]{--status-dot:#a4aea7}
.cheatsheet-link,.guide-cheatsheet-link{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;max-width:100%;margin:7px 0 15px;color:#167598;font-weight:700;text-decoration:underline;text-underline-offset:3px}.cheatsheet-link:focus-visible,.guide-cheatsheet-link:focus-visible{outline:2px solid #2489a9;outline-offset:3px;border-radius:4px}
.cheatsheet-link.is-inline{display:inline;width:auto;margin:0;font-weight:inherit}
.cheatsheet-choice{min-height:100dvh;margin:0;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:linear-gradient(145deg,#daf4fb,#eef8f2);color:#24332e}.cheatsheet-choice main{width:min(760px,100%);margin:auto}.cheatsheet-choice header{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:24px;border-radius:22px;background:linear-gradient(115deg,#0786b2,#11abd0);color:#fff;box-shadow:0 18px 46px #144c5b1c}.cheatsheet-choice header img{object-fit:contain;filter:brightness(0) invert(1)}.cheatsheet-choice header span{font-size:11px;font-weight:800;letter-spacing:1.6px}.cheatsheet-choice header h1{margin:6px 0 5px;color:#fff}.cheatsheet-choice header p{margin:0;color:#eefcff;line-height:1.55}.cheatsheet-choice section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cheatsheet-choice section a{display:flex;flex-direction:column;min-height:160px;padding:22px;border:1px solid #d8e7df;border-radius:18px;background:#fff;color:#263a33;text-decoration:none;box-shadow:0 12px 28px #274d3e12;transition:.18s}.cheatsheet-choice section a:hover{border-color:#83bda9;transform:translateY(-2px)}.cheatsheet-choice section strong{font-size:20px}.cheatsheet-choice section span{margin:10px 0 22px;color:#6b7a73;line-height:1.55}.cheatsheet-choice section b{margin-top:auto;color:#167598;font-size:14px}
@media(max-width:600px){.recommendations-head{align-items:flex-start}.stats-completion{width:100%;justify-items:stretch}.stats-completion .statistics-progress{width:100%}.cheatsheet-choice header{align-items:flex-start;padding:20px}.cheatsheet-choice header img{width:58px;height:58px}.cheatsheet-choice header h1{font-size:27px}.cheatsheet-choice section{grid-template-columns:1fr}.cheatsheet-choice section a{min-height:138px}}