/* _content/TandemCRM/Pages/WorkforceForecast.razor.rz.scp.css */
/* Собственный макет сохраняет читаемость большого календаря на компьютере и телефоне. */
.workforce-page[b-it9yog7lgl] { --ink:#142c38; --muted:#637987; --line:#dce6eb; color:var(--ink); background:#f3f6f8; min-height:100vh; padding:28px clamp(16px,3vw,52px); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.workforce-brand[b-it9yog7lgl] { font-size:15px; font-weight:800; letter-spacing:2px; margin-bottom:24px; color:#087c76; }
.workforce-brand span[b-it9yog7lgl] { font-size:11px; font-weight:600; color:var(--muted); letter-spacing:1.5px; margin-left:14px; }
.workforce-header[b-it9yog7lgl] { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:22px; }
h1[b-it9yog7lgl] { font-size:clamp(26px,3vw,38px); font-weight:750; margin:0 0 7px; letter-spacing:-1px; }
.workforce-header p[b-it9yog7lgl] { color:var(--muted); margin:0; }
.workforce-status[b-it9yog7lgl] { font-size:13px; text-align:right; }
.workforce-status small[b-it9yog7lgl] { display:block; color:var(--muted); margin-top:6px; font-size:11px; }
.status-dot[b-it9yog7lgl] { display:inline-block; width:8px; height:8px; background:#10a083; border-radius:50%; margin-right:6px; }
.status-dot.stale[b-it9yog7lgl] { background:#d58712; }
.workforce-toolbar[b-it9yog7lgl] { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:20px; align-items:end; }
label[b-it9yog7lgl] { display:flex; flex-direction:column; gap:6px; font-size:11px; color:var(--muted); margin:0; font-weight:600; }
input[b-it9yog7lgl],select[b-it9yog7lgl] { min-height:40px; background:#fff; color:var(--ink); border:1px solid #cbd9e1; border-radius:7px; padding:8px 10px; font-size:13px; }
.workforce-search[b-it9yog7lgl] { flex:1; min-width:200px; max-width:400px; }
.workforce-summary[b-it9yog7lgl] { display:grid; grid-template-columns:1.15fr 1.2fr 1.2fr .75fr .85fr; gap:1px; border:1px solid var(--line); background:var(--line); border-radius:12px; overflow:hidden; margin-bottom:24px; }
.workforce-summary > div[b-it9yog7lgl] { background:white; padding:20px; display:flex; flex-direction:column; gap:8px; }
.workforce-summary span[b-it9yog7lgl] { color:var(--muted); font-size:12px; }
.workforce-summary strong[b-it9yog7lgl] { font-size:30px; font-weight:750; line-height:1.2; }
.workforce-summary strong small[b-it9yog7lgl] { font-size:11px; font-weight:500; color:var(--muted); display:block; margin-top:8px; }
.workforce-summary .summary-date[b-it9yog7lgl] { background:#e9f3f2; }
.summary-date strong[b-it9yog7lgl] { font-size:22px; }
.summary-date small[b-it9yog7lgl] { font-size:10px; color:var(--muted); }
.workforce-card[b-it9yog7lgl] { background:white; border:1px solid var(--line); border-radius:12px; padding:20px; margin-bottom:24px; min-width:0; }
.workforce-section-title[b-it9yog7lgl] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
h2[b-it9yog7lgl] { font-size:17px; font-weight:700; margin:0; }
.workforce-section-title > span[b-it9yog7lgl] { font-size:11px; color:var(--muted); }
h2 span[b-it9yog7lgl] { color:var(--muted); font-size:13px; margin-left:6px; font-weight:500; }
.workforce-section-title label[b-it9yog7lgl] { flex-direction:row; align-items:center; }
.workforce-section-title select[b-it9yog7lgl] { min-height:32px; padding:5px 8px; }
.workforce-chart[b-it9yog7lgl] { display:flex; gap:4px; overflow-x:auto; padding:2px 0 12px; }
.chart-day[b-it9yog7lgl] { flex:1; min-width:39px; padding:6px 5px; border:1px solid transparent; border-radius:6px; background:transparent; font-size:10px; color:var(--muted); cursor:pointer; }
.chart-day strong[b-it9yog7lgl] { display:block; color:var(--ink); font-size:13px; }
.chart-day small[b-it9yog7lgl] { display:block; font-size:9px; }
.chart-day:hover[b-it9yog7lgl] { background:#f4f8f9; }
.chart-day.selected[b-it9yog7lgl] { background:#edf6f5; border-color:#89c8c1; }
.chart-bars[b-it9yog7lgl] { height:110px; display:flex; flex-direction:column-reverse; justify-content:flex-start; gap:1px; margin:7px 0; overflow:hidden; border-radius:3px; }
.chart-bars span[b-it9yog7lgl] { display:block; flex-shrink:0; }
.bar-day[b-it9yog7lgl],.legend-day[b-it9yog7lgl] { background:#21a899; }
.bar-night[b-it9yog7lgl],.legend-night[b-it9yog7lgl] { background:#425b98; }
.bar-extension[b-it9yog7lgl],.legend-extension[b-it9yog7lgl] { background:repeating-linear-gradient(135deg,#ced5de,#ced5de 3px,#f2f4f6 3px,#f2f4f6 6px); }
.workforce-legend[b-it9yog7lgl] { display:flex; gap:16px; flex-wrap:wrap; color:var(--muted); font-size:10px; margin-top:8px; }
.workforce-legend span[b-it9yog7lgl] { display:flex; align-items:center; gap:6px; }
.workforce-legend i[b-it9yog7lgl] { width:10px; height:10px; border-radius:2px; display:inline-block; }
.workforce-caption[b-it9yog7lgl] { font-size:12px; line-height:1.6; color:var(--muted); margin:12px 0; }
.workforce-calendar-scroll[b-it9yog7lgl] { overflow:auto; max-height:650px; border:1px solid var(--line); border-radius:7px; }
.workforce-calendar[b-it9yog7lgl] { border-collapse:separate; border-spacing:0; width:100%; }
.workforce-calendar th[b-it9yog7lgl],.workforce-calendar td[b-it9yog7lgl] { border-bottom:1px solid #edf1f4; border-right:1px solid #f0f3f5; padding:7px 4px; text-align:center; background:white; }
.workforce-calendar thead th[b-it9yog7lgl] { position:sticky; top:0; z-index:2; background:#f8fafb; font-size:10px; }
.workforce-calendar thead button[b-it9yog7lgl] { background:none; color:var(--muted); border:0; padding:3px; font-size:10px; cursor:pointer; }
.workforce-calendar thead small[b-it9yog7lgl] { display:block; font-size:9px; }
.workforce-calendar .person-column[b-it9yog7lgl] { position:sticky; left:0; min-width:270px; width:270px; max-width:270px; z-index:1; text-align:left; padding:12px 15px; box-shadow:2px 0 4px #16364d08; }
.workforce-calendar thead .person-column[b-it9yog7lgl] { z-index:3; }
.person-column strong[b-it9yog7lgl] { display:block; font-size:13px; font-weight:650; }
.person-column span[b-it9yog7lgl] { display:block; font-size:10px; font-weight:500; color:var(--muted); margin:4px 0; }
.person-column small[b-it9yog7lgl] { display:block; font-size:9px; color:var(--muted); line-height:1.4; font-weight:400; }
.person-column .person-timeoff[b-it9yog7lgl] { color:#946b26; margin-top:5px; }
.calendar-cell[b-it9yog7lgl] { width:29px; height:32px; border:1px solid transparent; border-radius:5px; font-weight:650; font-size:11px; cursor:pointer; background:#f6f8fa; color:#a6b4bc; }
.calendar-cell.kind-day[b-it9yog7lgl] { background:#daf2ec; color:#147164; }
.calendar-cell.kind-night[b-it9yog7lgl] { background:#e4eaf8; color:#384f8c; }
.calendar-cell.kind-dayoff[b-it9yog7lgl] { background:#faf0d8; color:#8e681c; }
.calendar-cell.kind-needsreview[b-it9yog7lgl] { background:#fbe4e1; color:#a34a3d; }
.calendar-cell.is-extension[b-it9yog7lgl] { border:1px dashed #7b8795; opacity:.8; }
.workforce-calendar .selected-column[b-it9yog7lgl] { background:#eff7f6; }
.workforce-bottom[b-it9yog7lgl] { display:grid; grid-template-columns: minmax(250px, .8fr) minmax(300px,1.2fr); gap:24px; }
.workforce-ending[b-it9yog7lgl] { border-top:1px solid var(--line); padding:12px 0; }
.workforce-ending strong[b-it9yog7lgl] { font-size:12px; display:block; }
.workforce-ending time[b-it9yog7lgl] { float:right; color:#087c76; }
.workforce-ending span[b-it9yog7lgl] { font-size:11px; color:var(--muted); }
.workforce-log[b-it9yog7lgl] { max-height:330px; overflow:auto; padding-right:10px; }
.workforce-event[b-it9yog7lgl] { display:flex; gap:16px; padding:12px 0; border-top:1px solid var(--line); }
.workforce-event time[b-it9yog7lgl] { flex-shrink:0; width:100px; font-size:10px; color:var(--muted); padding-top:2px; }
.workforce-event strong[b-it9yog7lgl] { font-size:12px; font-weight:650; }
.workforce-event p[b-it9yog7lgl] { font-size:11px; color:var(--muted); margin:3px 0 0; line-height:1.5; }
.workforce-more[b-it9yog7lgl] { border:0; background:#edf5f4; color:#087c76; font-size:12px; padding:8px 14px; border-radius:6px; margin-top:15px; cursor:pointer; }
.workforce-footer[b-it9yog7lgl] { color:var(--muted); font-size:11px; padding-bottom:14px; }
.workforce-empty[b-it9yog7lgl] { padding:32px 16px; }
.workforce-empty h3[b-it9yog7lgl] { font-size:16px; }
.workforce-empty p[b-it9yog7lgl] { color:var(--muted); font-size:13px; }
.workforce-warning[b-it9yog7lgl],.workforce-detail[b-it9yog7lgl] { background:#fff4d8; border:1px solid #e9d5a3; border-radius:7px; padding:12px; font-size:12px; }
.workforce-detail[b-it9yog7lgl] { margin:14px 0 0; background:#edf6f5; border-color:#bcdcd7; }
.workforce-detail button[b-it9yog7lgl] { float:right; background:none; border:0; font-size:18px; }
button:focus-visible[b-it9yog7lgl],input:focus-visible[b-it9yog7lgl],select:focus-visible[b-it9yog7lgl] { outline:2px solid #087c76; outline-offset:2px; }
@media(max-width:900px) { .workforce-summary[b-it9yog7lgl] { grid-template-columns:repeat(2,1fr); } .workforce-summary .summary-date[b-it9yog7lgl] { grid-column:1/-1; flex-direction:row; align-items:center; gap:16px; } .workforce-bottom[b-it9yog7lgl] { grid-template-columns:1fr; gap:0; } .workforce-header[b-it9yog7lgl] { align-items:flex-start; flex-direction:column; gap:14px; } .workforce-status[b-it9yog7lgl] { text-align:left; } }
@media(max-width:540px) { .workforce-page[b-it9yog7lgl] { padding:20px 12px; } .workforce-card[b-it9yog7lgl] { padding:14px 10px; } .workforce-toolbar label[b-it9yog7lgl] { flex:1; min-width:135px; } .workforce-summary > div[b-it9yog7lgl] { padding:14px; } .workforce-summary strong[b-it9yog7lgl] { font-size:24px; } .summary-date small[b-it9yog7lgl] { display:none; } .workforce-calendar .person-column[b-it9yog7lgl] { min-width:185px; width:185px; max-width:185px; padding:10px; } .workforce-brand span[b-it9yog7lgl] { margin-left:4px; font-size:9px; } .workforce-event[b-it9yog7lgl] { gap:10px; } .workforce-event time[b-it9yog7lgl] { width:92px; } }
/* _content/TandemCRM/Shared/HttpFileUpload.razor.rz.scp.css */
.http-file-upload[b-74rjq76kkt] { display: block; }
.http-file-upload-transfer[b-74rjq76kkt] { margin-top: .5rem; }
.http-file-upload-transfer[hidden][b-74rjq76kkt] { display: none; }
.http-file-upload-transfer progress[b-74rjq76kkt] { width: 100%; }
.http-file-upload-status[b-74rjq76kkt] { display: block; margin: .25rem 0; }
/* _content/TandemCRM/Shared/MainLayout.razor.rz.scp.css */
.page[b-v4xjmofrnz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-v4xjmofrnz] {
    flex: 1;
}

.sidebar[b-v4xjmofrnz] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-v4xjmofrnz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-v4xjmofrnz]  a, .top-row .btn-link[b-v4xjmofrnz] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-v4xjmofrnz] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-v4xjmofrnz] {
        display: none;
    }

    .top-row.auth[b-v4xjmofrnz] {
        justify-content: space-between;
    }

    .top-row a[b-v4xjmofrnz], .top-row .btn-link[b-v4xjmofrnz] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-v4xjmofrnz] {
        flex-direction: row;
    }

    .sidebar[b-v4xjmofrnz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-v4xjmofrnz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-v4xjmofrnz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/TandemCRM/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-mb3vlbhynz] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-mb3vlbhynz] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-mb3vlbhynz] {
    font-size: 1.1rem;
}

.oi[b-mb3vlbhynz] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-mb3vlbhynz] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-mb3vlbhynz] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-mb3vlbhynz] {
        padding-bottom: 1rem;
    }

    .nav-item[b-mb3vlbhynz]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-mb3vlbhynz]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-mb3vlbhynz]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-mb3vlbhynz] {
        display: none;
    }

    .collapse[b-mb3vlbhynz] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}