body.bitrix-embedded{background:#f4f9ff;min-width:0}
.map{cursor:pointer}
.bitrix-embedded>.topbar{display:none}
.bitrix-embedded .layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh}
.bitrix-embedded .layout>aside{display:block;padding:20px 12px}
.bitrix-embedded .layout>aside a{padding:13px 14px;font-size:13px;cursor:pointer}
.bitrix-embedded main{width:min(1280px,calc(100% - 36px));margin:0 auto;padding:22px 0 40px}
.bitrix-embedded .banner{height:104px;padding:0 32px;border-radius:16px;font-size:18px;gap:42px}
.bitrix-embedded .banner b{font-size:20px}
.bitrix-embedded .tabs{margin:20px 0 14px}
.bitrix-embedded .tabs button{min-width:160px;padding:11px 28px;font-size:14px;border-radius:10px}
.bitrix-embedded .role-badge{margin-left:auto;align-self:center;padding:8px 13px;border-radius:18px;background:#e8f3ff;color:#2571d5;font-size:12px;font-weight:700}
.bitrix-embedded h1{font-size:32px}
.bitrix-embedded .subtitle{font-size:14px;margin-top:7px}
.bitrix-embedded .work-card{margin-top:20px;min-height:360px;padding:30px 26px 20px;grid-template-columns:130px 1fr 230px;border-radius:16px}
.bitrix-embedded .clock-icon{width:76px;height:76px;font-size:43px}
.bitrix-embedded .work-center{font-size:15px}
.bitrix-embedded .work-center output{font-size:66px;letter-spacing:-3px;margin:8px 0}
.bitrix-embedded .work-center small{font-size:13px}
.bitrix-embedded blockquote{font-size:15px;padding-left:22px}
.bitrix-embedded blockquote small{font-size:12px}
.bitrix-embedded .actions{gap:14px;margin-top:24px}
.bitrix-embedded .actions button{height:54px;font-size:12px;border-radius:10px}
.bitrix-embedded .actions .danger{background:linear-gradient(#ff6b75,#df3545);color:#fff;border:0}
.bitrix-embedded .work-card footer{font-size:13px;margin-top:20px;padding-top:17px}
.bitrix-embedded .work-card footer span small{font-size:11px}
.bitrix-embedded .work-card footer em{font-size:11px;padding:10px 14px}
.bitrix-embedded .stats{gap:14px;margin-top:18px}
.bitrix-embedded .stats article{min-height:92px;padding:17px}
.bitrix-embedded .stats small{font-size:12px}
.bitrix-embedded .stats b{font-size:19px;margin:8px 0 3px}
.bitrix-embedded .history{margin-top:16px;min-height:145px;padding:18px 20px}
.bitrix-embedded .history header{font-size:14px}
.bitrix-embedded .history header button{font-size:13px}
.bitrix-embedded .empty{font-size:12px;padding:25px}
.bitrix-embedded .empty b{font-size:14px}
.bitrix-embedded .filters{padding:14px}
.bitrix-embedded .filters select,.bitrix-embedded .filters button,.bitrix-embedded .filters input{height:38px;font-size:13px}
.bitrix-embedded .table-wrap table{font-size:13px}
.bitrix-embedded .table-wrap th,.bitrix-embedded .table-wrap td{padding:14px 12px}
.bitrix-embedded .totals article{padding:18px;font-size:13px}
.bitrix-embedded .totals b{font-size:25px}
.access-hidden{display:none!important}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:20px}
.calendar-grid article{min-height:105px;border-radius:12px;background:#fff;box-shadow:0 1px 5px #d4e2efaa;padding:12px;color:#6c8db8;font-size:12px}
.calendar-grid article b{display:block;color:#174781;font-size:18px;margin-bottom:12px}
.calendar-grid .calendar-ok{border-bottom:4px solid #38c996}.calendar-grid .calendar-alert{background:#fff1f2;border-bottom:4px solid #ef6574;color:#bd4856}
.permissions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.permissions article{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 5px #d4e2efaa}.permissions b{display:block;font-size:18px;margin-bottom:10px}.permissions span{font-size:13px;line-height:1.5;color:#6f8db4}
.workplace-settings{display:grid;grid-template-columns:1fr 2fr 150px auto;gap:14px;align-items:end;margin-top:18px;padding:20px;background:#fff;border-radius:14px;box-shadow:0 1px 5px #d4e2efaa}.workplace-settings h2{grid-column:1/-1;margin:0;font-size:18px}.workplace-settings label{font-size:12px;color:#6f8db4}.workplace-settings input,.workplace-settings select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #cfe0f3;border-radius:8px;padding:0 10px}.workplace-settings button{height:42px;border-radius:8px;padding:0 18px}.workplace-settings small{grid-column:1/-1;color:#159c72}
.schedule-settings{display:grid;grid-template-columns:1.2fr 2fr 130px 130px;gap:14px;align-items:end;margin-top:18px;padding:20px;background:#fff;border-radius:14px;box-shadow:0 1px 5px #d4e2efaa}.schedule-settings h2{grid-column:1/-1;margin:0;font-size:18px}.schedule-settings>label{font-size:12px;color:#6f8db4}.schedule-settings input,.schedule-settings select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #cfe0f3;border-radius:8px;padding:0 10px}.schedule-settings fieldset{grid-column:1/4;display:flex;gap:15px;align-items:center;min-height:50px;border:1px solid #dce9f7;border-radius:9px;padding:8px 12px}.schedule-settings legend{font-size:12px;color:#6f8db4;padding:0 5px}.schedule-settings fieldset label{display:flex;align-items:center;gap:5px;font-size:12px}.schedule-settings fieldset input{display:inline;width:auto;height:auto;margin:0}.schedule-settings button{height:42px;border-radius:8px;padding:0 18px}.schedule-settings small{grid-column:1/-1;color:#159c72}
.access-settings{margin-top:18px;padding:20px;background:#fff;border-radius:14px;box-shadow:0 1px 5px #d4e2efaa}.access-settings h2{margin:0 0 16px;font-size:18px}.role-create,.role-assign{display:grid;grid-template-columns:1fr 1.4fr auto;gap:14px;align-items:end}.role-create label,.role-assign label{font-size:12px;color:#6f8db4}.role-create input,.role-create select,.role-assign select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #cfe0f3;border-radius:8px;padding:0 10px}.role-create fieldset{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:13px;border:1px solid #dce9f7;border-radius:9px;padding:10px 12px}.role-create fieldset label{display:flex;align-items:center;gap:5px;color:#315b92}.role-create fieldset input{width:auto;height:auto;margin:0}.role-create button,.role-assign button{height:42px;padding:0 18px;border-radius:8px}.role-assign{margin-top:18px;padding-top:18px;border-top:1px solid #e5eef8}.role-assign label:nth-child(3){grid-row:span 2}.role-assign select[multiple]{height:126px}.access-settings>small{display:block;margin-top:12px;color:#159c72}.roles-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.roles-list article{padding:12px;border:1px solid #e0ebf7;border-radius:9px}.roles-list b,.roles-list small{display:block}.roles-list small{margin-top:5px;color:#7895bb}.staff-group-row td{background:#eaf4ff!important;color:#174781!important;font-size:14px;font-weight:bold;padding:10px 12px!important}
.access-settings>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.access-settings>header h2{margin:0}.access-settings>header p{margin:5px 0 0;color:#7895bb;font-size:12px}.access-settings>header button{height:42px;border-radius:9px;padding:0 18px}.roles-list article footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.roles-list article footer span{color:#174781;font-weight:700;font-size:12px}.roles-list article footer button{border:1px solid #bdd8f6;background:#f5faff;color:#1871dc;border-radius:7px;padding:7px 9px;cursor:pointer}
.address-picker{position:relative}.address-picker>span{display:block;margin-top:6px;color:#7895bb;font-size:11px}.address-picker>span a{color:#1871dc}.address-suggestions{position:absolute;z-index:20;left:0;right:0;top:66px;max-height:260px;overflow:auto;background:#fff;border:1px solid #cfe0f3;border-radius:9px;box-shadow:0 12px 28px #1b4f8730}.address-suggestions button{display:block!important;width:100%;height:auto!important;padding:10px 12px!important;border:0!important;border-bottom:1px solid #edf3fa!important;border-radius:0!important;background:#fff!important;color:#174781!important;text-align:left!important;cursor:pointer}.address-suggestions button:hover{background:#eef6ff!important}.address-suggestions b,.address-suggestions small{display:block}.address-suggestions b{font-size:12px;line-height:1.35}.address-suggestions small{margin-top:4px;color:#7895bb}
.role-dialog{width:min(920px,calc(100vw - 40px));max-height:90vh;border:0;border-radius:18px;padding:24px;color:#174781;box-shadow:0 24px 80px #12396755}.role-dialog::backdrop{background:#153a6766;backdrop-filter:blur(3px)}.role-dialog>header{display:flex;justify-content:space-between;align-items:flex-start}.role-dialog h2{margin:0;font-size:24px}.role-dialog header p{margin:5px 0 0;color:#7895bb}.dialog-close{width:36px;height:36px;border:0;border-radius:50%;background:#edf5ff;color:#174781;font-size:24px;cursor:pointer}.role-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.role-dialog-grid label{font-size:12px;color:#6f8db4}.role-dialog-grid input,.role-dialog-grid select,.role-employees>input{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #cfe0f3;border-radius:8px;padding:0 10px;background:#fff}.role-dialog-grid label:last-child{grid-column:1/-1}.role-dialog-grid select[multiple]{height:110px;padding:7px}.role-dialog h3{margin:20px 0 10px;font-size:15px}.permission-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-switches label{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:8px 12px;border:1px solid #dfebf8;border-radius:9px;color:#315b92;font-size:13px;cursor:pointer}.permission-switches input{position:absolute;opacity:0}.permission-switches i{position:relative;width:42px;height:24px;border-radius:99px;background:#c9d7e6;transition:.2s}.permission-switches i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #315b9255;transition:.2s}.permission-switches input:checked+i{background:#297cec}.permission-switches input:checked+i:after{left:21px}.permission-switches input:disabled+i{opacity:.55}.employee-results{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:210px;overflow:auto;margin-top:9px;padding:8px;border:1px solid #dfebf8;border-radius:9px}.employee-results label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;font-size:13px}.employee-results label:hover{background:#f1f7ff}.employee-results p{grid-column:1/-1;color:#7895bb}.role-dialog>small{display:block;min-height:18px;margin-top:12px;color:#df3545}.role-dialog>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.role-dialog>footer button{height:42px;padding:0 18px;border-radius:9px;border:1px solid #cfe0f3}.role-dialog>footer .primary{border:0}
.structure-loading{margin-top:12px;padding:14px 16px;border-radius:10px;background:#eaf4ff;color:#5c7fae;font-size:13px}.structure-loading.error{background:#fff1f2;color:#bd4856}
.geo-cell{min-width:300px;display:grid;gap:5px}.geo-point{font-size:11px;line-height:1.3}.geo-point b{color:#315b92}.geo-point .map{white-space:nowrap;margin-left:5px}
.journal-tree{display:grid;gap:12px;margin-top:14px}.week-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 1px 5px #d4e2efaa}.week-toggle{display:flex;width:100%;align-items:center;gap:12px;padding:16px 18px;border:0;background:#fff;color:#174781;text-align:left;cursor:pointer}.week-toggle:hover{background:#f5f9ff}.week-toggle strong{font-size:16px}.week-toggle span{color:#6f8db4;font-size:12px}.week-toggle b{margin-left:auto;font-size:18px}.week-toggle i{font-style:normal;color:#2777df;transition:transform .2s}.week-card.open .week-toggle i{transform:rotate(90deg)}.week-days{display:none;border-top:1px solid #e5eef8}.week-card.open .week-days{display:block}.day-row{display:grid;grid-template-columns:130px 1fr;min-height:58px;border-top:1px solid #eef4fa}.day-row:first-child{border-top:0}.day-date{padding:13px 16px;background:#f7fbff;color:#174781;font-size:12px}.day-date b{display:block;font-size:16px}.day-records{padding:10px 16px}.day-empty{color:#9aafc7;font-size:12px;padding-top:9px}.day-record{display:grid;grid-template-columns:1.4fr repeat(4,.7fr) 1fr 1fr;gap:10px;align-items:center;min-height:38px;font-size:12px;color:#315b92}.day-record.violation{margin:0 -16px;padding:0 16px;background:#fff0f1;color:#bd4856}
.filters .period-date{width:145px;border:1px solid #d7e6f7;background:#fff;color:#5a7ba7;border-radius:6px;padding:0 9px}.journal-table-wrap{margin-top:14px}.journal-table{min-width:960px!important}.journal-table .week-summary td{padding:0!important;background:#eaf4ff;border-top:8px solid #f4f9ff}.journal-table .week-summary button{display:flex;width:100%;align-items:center;gap:12px;padding:14px 16px;border:0;background:transparent;color:#174781;cursor:pointer;text-align:left}.journal-table .week-summary button:hover{background:#dcecff}.journal-table .week-summary strong{font-size:15px}.journal-table .week-summary span{color:#6f8db4}.journal-table .week-summary b{margin-left:auto;font-size:17px}.journal-table .week-summary i{font-style:normal;color:#2777df}.journal-table .day-detail.outside-period{display:none}.journal-table .empty-day td{color:#9aafc7}.journal-table .day-detail.violation td{background:#fff0f1;color:#bd4856}.journal-table .day-detail.active-day td{background:#effaf6;color:#14795d}.journal-table .day-detail.active-day td:last-child{font-weight:700}
@media(max-width:900px){.bitrix-embedded .layout{display:block}.bitrix-embedded .layout>aside{display:none}.bitrix-embedded main{width:calc(100% - 20px);padding-top:12px}.bitrix-embedded .banner{height:76px;font-size:12px;padding:0 16px}.bitrix-embedded .banner b{font-size:13px}.bitrix-embedded .work-card{grid-template-columns:86px 1fr;min-height:340px;padding:22px 16px 16px}.bitrix-embedded .work-card blockquote{display:none}.bitrix-embedded .work-center output{font-size:50px}.bitrix-embedded .actions{flex-wrap:wrap}.bitrix-embedded .actions button{min-width:220px}.bitrix-embedded .stats{grid-template-columns:repeat(2,1fr)}.schedule-settings,.role-create,.role-assign{grid-template-columns:1fr 1fr}.schedule-settings h2,.schedule-settings fieldset,.schedule-settings small,.role-create fieldset{grid-column:1/-1}.roles-list{grid-template-columns:1fr}.role-assign label:nth-child(3){grid-row:auto}.role-assign select[multiple]{height:110px}}