/* erp — оболочка кабинетов и «Сотрудники» (Стиль 2026, только переменные из index.html; светлая и тёмная темы) */
.erp-wrap{display:flex;flex-direction:column;gap:12px;}
.erp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;}
.erp-who{min-width:0;display:flex;flex-direction:column;}
.erp-who b{font-size:20px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.erp-who span{font-size:13px;color:var(--text-dim);margin-top:2px;}
.erp-staff-btn{flex-shrink:0;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;min-height:40px;padding:0 12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;}
.erp-modes{display:flex;flex-wrap:wrap;gap:4px;background:var(--panel);border-radius:var(--radius);padding:4px;overflow-x:auto;scrollbar-width:none;align-items:center;}
.erp-modes::-webkit-scrollbar{display:none;}
.erp-modes-l{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:0 6px 0 8px;flex-shrink:0;}
.erp-modes button{flex:1 0 auto;border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:13px;font-weight:700;min-height:40px;border-radius:12px;padding:0 10px;cursor:pointer;white-space:nowrap;}
.erp-modes button.on{background:var(--text);color:var(--bg);}
.erp-body{min-height:40vh;}
.erp-back{border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:14px;font-weight:700;padding:4px 0;margin-bottom:6px;cursor:pointer;}
.erp-empty{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);padding:22px 18px;text-align:center;color:var(--text-dim);}
.erp-empty b{display:block;color:var(--text);font-size:17px;margin-bottom:6px;}
.erp-empty p{margin:0;font-size:14px;line-height:1.45;}
/* карточки и формы */
.erp-h{font-size:18px;margin:2px 0 10px;}
.erp-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px;}
.erp-ct{font-weight:800;font-size:15.5px;margin-bottom:4px;}
details.erp-card>summary{cursor:pointer;list-style:none;}
details.erp-card>summary::-webkit-details-marker{display:none;}
details.erp-card>summary::after{content:"＋";float:right;color:var(--text-dim);}
details.erp-card[open]>summary::after{content:"－";}
.erp-sub{color:var(--text-dim);font-size:13px;line-height:1.45;margin:2px 0 10px;}
.erp-l{display:block;font-size:12.5px;color:var(--text-dim);font-weight:700;margin:10px 0 5px;}
.erp-in{width:100%;box-sizing:border-box;min-height:46px;border-radius:14px;padding:0 12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:16px;margin:0;}
textarea.erp-in{padding:10px 12px;min-height:110px;resize:vertical;line-height:1.4;}
.erp-in:focus{outline:none;border-color:var(--accent);}
.erp-mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;}
.erp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;text-decoration:none;box-sizing:border-box;}
.erp-btn:disabled{opacity:.5;}
.erp-btn:active{transform:scale(.98);}
.erp-primary{background:var(--text);border-color:var(--text);color:var(--bg);width:100%;margin-top:12px;}
.erp-ghost{background:transparent;color:var(--text-dim);}
.erp-sm{min-height:36px;padding:0 10px;font-size:13px;border-radius:11px;}
.erp-file{cursor:pointer;flex:0 0 auto;margin-top:12px;}
.erp-row{display:flex;gap:8px;align-items:stretch;}
.erp-row .erp-primary{flex:1;}
.erp-row3{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;margin-top:8px;}
.erp-link{margin-top:12px;background:var(--ok-bg);border-radius:14px;padding:12px;}
.erp-link .erp-in{background:var(--panel);}
.erp-link-h{font-weight:800;font-size:14px;margin:10px 0 8px;color:var(--ok);}
.erp-link .erp-link-h{margin-top:0;}
.erp-err{margin-top:10px;background:var(--err-bg);color:var(--err);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.4;}
/* списки */
.erp-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0 8px;}
.erp-filters .erp-in{min-height:40px;font-size:14px;border-radius:12px;}
.erp-table{margin-bottom:4px;}
.erp-tr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--border);}
.erp-tr:first-child{border-top:0;}
.erp-tr>div:first-child{min-width:0;display:flex;flex-direction:column;}
.erp-tr b{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;}
.erp-tr small{font-size:12.5px;color:var(--text-dim);margin-top:1px;}
.erp-tr.dim b,.erp-tr.dim small{opacity:.6;}
.erp-acts{display:flex;gap:4px;flex-shrink:0;}
.erp-tag{display:inline-block;font-size:11px;font-weight:700;background:var(--muted-bg);color:var(--text-dim);border-radius:8px;padding:1px 6px;margin-left:4px;vertical-align:1px;}
.erp-tel{font-size:12.5px;color:var(--text-dim);margin-top:2px;text-decoration:none;}
/* 🎓 наставник стажёра — в строке «Мои люди» */
.erp-mentor{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:12.5px;font-weight:700;color:var(--text-dim);white-space:nowrap;}
.erp-mentor .erp-in{flex:1;min-width:0;min-height:36px;padding:0 8px;font-size:14px;border-radius:11px;}
/* 📅 фирменный календарь оценщика — в строке «Мои люди» + подсказка над списком */
.erp-cal{display:flex;flex-direction:column;gap:4px;margin-top:6px;}
.erp-cal .erp-row .erp-in{flex:1;min-width:0;min-height:36px;padding:0 8px;font-size:14px;border-radius:11px;}
.erp-calr{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.erp-calr span{min-width:0;display:flex;flex-direction:column;}
.erp-calr code{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.erp-calno{font-size:12.5px;color:var(--text-dim);}
.erp-calhelp{margin:2px 0 8px;font-size:13px;line-height:1.45;color:var(--text-dim);}
.erp-calhelp summary{cursor:pointer;font-weight:700;color:var(--text);}
.erp-calhelp ol{margin:6px 0 0;padding-left:18px;}
.erp-calhelp li{margin-bottom:6px;}
.erp-robot{display:flex;align-items:center;gap:6px;margin:4px 0;}
.erp-robot code{flex:1;min-width:0;font-size:12px;word-break:break-all;user-select:all;background:var(--muted-bg);border-radius:8px;padding:4px 6px;color:var(--text);}
.erp-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:700;font-size:14px;opacity:0;transition:all .2s;z-index:1000;pointer-events:none;}
.erp-toast.on{opacity:1;transform:translate(-50%,0);}
/* вход в ERP со старых экранов */
.topbar .erp-entry{margin-left:auto;flex-shrink:0;}
/* кабинет собственника: кнопка «👥 Сотрудники» в шапке */
.ow-head{position:relative;}
.ow-staff{position:absolute;right:0;bottom:2px;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;min-height:36px;padding:0 10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.ow-staff.on{background:var(--text);color:var(--bg);border-color:var(--text);}

/* на компьютере кабинеты отделов во всю ширину, как экран РОПа (было 560px — «мобильный формат») */
@media (min-width:700px){#screen-erp{max-width:1180px;}}
/* 🖥 «Сотрудники» на компьютере: слева пригласить / ждут, справа «Мои люди» */
@media (min-width:900px){
  .erp-staff{display:grid;grid-template-columns:minmax(300px,400px) 1fr;column-gap:12px;align-items:start;}
  .erp-staff>.erp-h{grid-column:1/-1;}
  .erp-staff>*:not(.erp-h){grid-column:1;}
  .erp-staff>*:last-child{grid-column:2;grid-row:2/span 3;}
}
/* 🔑 ссылка для нового пароля — под строкой человека */
.erp-reset{display:flex;flex-direction:column;gap:6px;padding:8px 0 10px;}
.erp-reset small{font-size:12.5px;color:var(--text-dim);}
.erp-reset .erp-in{min-height:36px;font-size:12px;}
