/* Mein Arbeitstag – responsive native task inbox for Er Call Center */
.ercc-daily{max-width:100%;min-width:0;color:#eef5ff;font-size:13px}
.ercc-daily *{box-sizing:border-box}
.ercc-daily-head{display:flex;gap:12px;justify-content:space-between;align-items:center;
 flex-wrap:wrap;background:linear-gradient(125deg,#172c44,#101b2a);
 border:1px solid #39516b;border-radius:15px;padding:18px;margin-bottom:12px}
.ercc-daily-head small{font-size:10px;letter-spacing:.12em;color:#e8b965;font-weight:850}
.ercc-daily-head h3{margin:5px 0;font-size:clamp(20px,2.5vw,29px)}
.ercc-daily-head p{margin:0;color:#a7bbd2;line-height:1.55;max-width:650px;font-size:12px}
.ercc-daily-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ercc-daily-content>.ercc-daily-panel:nth-of-type(1){grid-column:1/-1}
.ercc-daily-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ercc-daily-stat{border:1px solid #36516d;background:#14263c;padding:14px;border-radius:12px;display:flex;flex-direction:column;gap:4px}
.ercc-daily-stat strong{font-size:24px;font-weight:900}
.ercc-daily-stat span{color:#aec2da;font-size:11px}
.ercc-daily-panel{min-width:0;background:#0f1d2d;border:1px solid #314861;border-radius:14px;padding:15px}
.ercc-daily-panel h4{font-size:17px;margin:0 0 13px}
.ercc-daily-panel h5{font-size:13px;margin:0 0 9px}
.ercc-daily-list{display:grid;gap:9px;margin-top:12px}
.ercc-daily-task{display:grid;gap:8px;background:#17283b;border:1px solid #364f69;border-radius:12px;padding:13px;min-width:0;overflow-wrap:anywhere}
.ercc-daily-task[data-priority=high]{border-left:3px solid #e5ae65}
.ercc-daily-task-top{display:flex;align-items:start;justify-content:space-between;gap:10px}
.ercc-daily-task-top strong{font-size:13px;line-height:1.45}
.ercc-daily-priority{flex:none;color:#f0d19d;border:1px solid #997a49;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:800}
.ercc-daily-task-meta{display:flex;flex-wrap:wrap;gap:7px;color:#abc1da;font-size:11px}
.ercc-daily-task-meta span{border-radius:7px;background:#23394e;padding:5px 7px}
.ercc-daily-desc{color:#d4e1f0;font-size:12px;white-space:pre-wrap;margin:0;line-height:1.65}
.ercc-daily-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ercc-daily-sub{background:#13253a;border:1px solid #304962;padding:12px;border-radius:11px;min-width:0}
.ercc-daily-sub p{font-size:12px;color:#c2d5e8;overflow-wrap:anywhere}
.ercc-daily-note{border:1px solid #304861;background:#14263a;padding:11px;margin:8px 0;border-radius:10px;display:grid;gap:7px}
.ercc-daily-note strong{font-size:12px}
.ercc-daily-note p{font-size:11px;color:#bcd0e5;line-height:1.5;margin:0;overflow-wrap:anywhere}
.ercc-daily-note small{color:#96abc5;font-size:10px}
.ercc-daily-controls{display:flex;flex-wrap:wrap;gap:7px}
.ercc-daily-filter,.ercc-daily-secondary,.ercc-daily-done,.ercc-daily-primary{
 border-radius:10px;padding:9px 12px;min-height:44px;font-weight:800;font-size:12px;
 cursor:pointer;border:1px solid #546980;background:#23394e;color:#e3efff}
.ercc-daily-filter.is-active{background:#f0bc6a;border-color:#f0bc6a;color:#172335}
.ercc-daily-primary{background:linear-gradient(120deg,#ffcf7a,#e4b257);color:#142239;border:0}
.ercc-daily-done{color:#d7fbe6;background:#195440;border-color:#438d6e;justify-self:start}
.ercc-daily-secondary{justify-self:start}
.ercc-daily button:disabled{opacity:.5;cursor:wait}
.ercc-daily button:focus-visible,.ercc-daily input:focus-visible,.ercc-daily select:focus-visible,
.ercc-daily textarea:focus-visible{outline:2px solid #ffc96c;outline-offset:2px}
.ercc-daily-search,.ercc-daily-field input,.ercc-daily-field select,.ercc-daily-field textarea{
 width:100%;max-width:100%;min-width:0;border:1px solid #415c77;
 background:#0c1725;color:#eaf4ff;border-radius:9px;padding:10px 12px;
 font:inherit;font-size:16px;min-height:44px}
.ercc-daily-search{margin-top:10px}
.ercc-daily-field{display:grid;gap:5px;color:#b8cde2;font-weight:800;font-size:12px}
.ercc-daily-form{display:grid;gap:11px}
.ercc-daily-alert:not([hidden]){padding:12px;background:#3a2c1f;border:1px solid #88663e;
 color:#f7d9af;border-radius:11px;line-height:1.55}
.ercc-daily-alert[data-level=ok]{background:#193c2e;border-color:#3c8469;color:#c1f6d8}
.ercc-daily-empty,.ercc-daily-muted{font-size:12px;color:#a6bed7;line-height:1.6;overflow-wrap:anywhere}
.ercc-daily-team-list{display:grid;gap:7px;max-height:650px;overflow-y:auto}
@media(max-width:860px){
 .ercc-daily-content{grid-template-columns:1fr}
 .ercc-daily-grid{grid-template-columns:1fr}
 .ercc-daily-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
 .ercc-daily-panel{padding:12px}
 .ercc-daily-head{padding:13px}
 .ercc-daily-stats{gap:6px}
 .ercc-daily-stat{padding:11px}
 .ercc-daily-stat strong{font-size:21px}
}

/* Deadline reminders: private in-app alerts, never external messages. */
.ercc-daily-reminders{display:grid;gap:8px;border:1px solid #9b7441;
 border-radius:11px;background:#282319;padding:12px;margin-bottom:13px}
.ercc-daily-reminders>strong{color:#ffe0a4;font-size:13px}
.ercc-daily-reminder{border:1px solid #785c39;border-radius:9px;
 padding:10px;background:#3b2c1d;display:grid;gap:6px;overflow-wrap:anywhere}
.ercc-daily-reminder b{color:#ffe5b1;font-size:12px}
.ercc-daily-reminder p{margin:0;font-size:11px;line-height:1.65;color:#eee3d1}
.ercc-daily-reminder-actions{display:flex;gap:7px;flex-wrap:wrap}

/* ER Call Center: read-only workday reporting */
.ercc-daily-report{grid-column:1/-1}
.ercc-daily-report-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 15px}
.ercc-daily-report-select{border:1px solid #415c77;background:#0c1725;color:#eaf4ff;border-radius:9px;padding:9px;min-height:44px;font-size:16px}
.ercc-daily-report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.ercc-daily-report-metric{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #35516f;border-radius:10px;background:#14283d}
.ercc-daily-report-metric strong{font-size:22px;color:#f6d295}
.ercc-daily-report-metric span{font-size:11px;color:#c0d3e8}
.ercc-daily-report-table-wrap{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.ercc-daily-report-table{width:100%;border-collapse:collapse;min-width:630px;font-size:12px}
.ercc-daily-report-table th,.ercc-daily-report-table td{padding:11px 9px;border-bottom:1px solid #304963;text-align:left}
.ercc-daily-report-table th{color:#f8d598;background:#172b41}
.ercc-daily-report-table tr:hover td{background:#182e44}
.ercc-daily-report-error{padding:11px;border:1px solid #ae604e;border-radius:9px;color:#ffb7a5}
@media(max-width:630px){.ercc-daily-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){
 .ercc-daily-report-table{min-width:0}
 .ercc-daily-report-table thead{display:none}
 .ercc-daily-report-table,.ercc-daily-report-table tbody{display:block;width:100%}
 .ercc-daily-report-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;padding:10px;border:1px solid #304963;border-radius:9px}
 .ercc-daily-report-table td{display:block;min-width:0;overflow-wrap:anywhere;border:0;padding:5px;background:transparent}
 .ercc-daily-report-table td:first-child{grid-column:1/-1;font-weight:800;color:#f8d598}
 .ercc-daily-report-table td::before{content:attr(data-label);display:block;font-size:10px;color:#adbed3;margin-bottom:4px;font-weight:500}
}

/* Teamleiter task workbench, responsive within Mein Arbeitstag. */
.ercc-daily-team-panel{grid-column:1/-1}
.ercc-daily-team-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;margin-bottom:12px}
.ercc-daily-team-filters .ercc-daily-team-search{margin:0}
.ercc-daily-team-filters>.ercc-daily-secondary{width:100%}
.ercc-daily-edit-form{border:1px solid #55708c;border-radius:11px;padding:12px;display:grid;gap:10px;background:#10253c}
.ercc-daily-edit-actions{display:flex;flex-wrap:wrap;gap:8px}
.ercc-daily-edit-actions button{min-width:140px}
@media(max-width:900px){.ercc-daily-team-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.ercc-daily-team-filters{grid-template-columns:1fr}}

/* ER Call Center – Teamleiter Control Center: weekly planner and workload */
.ercc-planner{grid-column:1/-1}
.ercc-planner-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.ercc-planner-week-picker,.ercc-planner-scope select{
 border:1px solid #49647e;background:#101d2d;color:#eef5ff;
 padding:10px;border-radius:9px;min-height:44px;font-size:15px;max-width:100%
}
.ercc-planner-week-picker{color-scheme:dark}
.ercc-planner-scope{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.ercc-planner-check{display:flex;gap:7px;align-items:center;font-size:12px;color:#c8d5e5}
.ercc-planner-check input{width:17px;height:17px;accent-color:#e6b85b}
.ercc-planner-workload{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 16px}
.ercc-planner-workload-card{background:#13283c;border:1px solid #38526b;border-radius:11px;
 display:flex;flex-direction:column;gap:7px;padding:12px;min-width:0;overflow-wrap:anywhere}
.ercc-planner-workload-card strong{color:#f4c87d;font-size:13px}
.ercc-planner-workload-card span{color:#b7cbe0;font-size:11px;line-height:1.45}
.ercc-planner-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:10px 0 16px}
.ercc-planner-day{min-width:0;padding:9px;border:1px solid #385470;border-radius:10px;
 display:flex;flex-direction:column;gap:7px;background:#111f31;overflow-wrap:anywhere}
.ercc-planner-day-head{display:flex;flex-direction:column;gap:5px}
.ercc-planner-day-head strong{font-size:12px;color:#fff0d2}
.ercc-planner-day-head span{font-size:10px;color:#aec1d8}
.ercc-planner-day-head button{min-height:36px;padding:6px 7px;font-size:10px;width:100%}
.ercc-planner-shift{font-size:10px;color:#c9dce5;background:#244054;border-radius:7px;
 padding:7px;margin:0}
.ercc-planner-item{display:flex;flex-direction:column;gap:5px;border:1px solid #435b74;
 border-radius:8px;background:#1b3046;padding:8px;overflow-wrap:anywhere}
.ercc-planner-item[data-priority=high]{border-left:3px solid #eec073}
.ercc-planner-item strong{font-size:11px}
.ercc-planner-item small{font-size:10px;color:#b8cee4;line-height:1.4}
.ercc-planner-item button{padding:7px;min-height:36px;font-size:10px}
.ercc-planner-item .ercc-daily-edit-form{margin-top:5px;padding:7px}
.ercc-planner-item .ercc-daily-field{font-size:10px}
.ercc-planner-backlog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:9px}
.ercc-planner-backlog>.ercc-daily-sub{display:flex;flex-direction:column;gap:8px}
.ercc-planner-create{padding:14px;border:1px solid #aa8550;background:#1d3042;
 border-radius:12px;margin:14px 0;max-width:650px}
.ercc-planner-create h5{margin:0}
@media(max-width:1250px){
 .ercc-planner-workload{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ercc-planner-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
 .ercc-planner-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ercc-planner-backlog{grid-template-columns:1fr}
 .ercc-planner-controls .ercc-daily-secondary{flex:1}
}
@media(max-width:420px){
 .ercc-planner-workload{grid-template-columns:1fr}
 .ercc-planner-calendar{grid-template-columns:1fr}
 .ercc-planner-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ercc-planner-controls .ercc-planner-week-picker{grid-column:1/-1;width:100%}
}
/* Keep the editor usable when editing an existing entry from a narrow calendar cell. */
.ercc-planner-day:has(.ercc-daily-edit-form){grid-column:span 2}
@media(min-width:1251px){.ercc-planner-day:has(.ercc-daily-edit-form){grid-column:span 3}}
@media(max-width:420px){.ercc-planner-day:has(.ercc-daily-edit-form){grid-column:1/-1}}
/* Shift scheduling and staff availability */
.ercc-shift-editor{padding:15px;border:1px solid #b38d58;background:#1d3044;
  border-radius:12px;margin:14px 0;max-width:650px;display:grid;gap:11px}
.ercc-shift-editor h5{margin:0;color:#f1cb8c}
.ercc-shift-editor input[readonly]{opacity:.85;background:#17283b}
.ercc-planner-shift{display:flex;flex-direction:column;gap:6px}
.ercc-planner-shift p{margin:0}
.ercc-planner-shift button{font-size:10px;min-height:34px}
.ercc-planner-shift-cancelled{opacity:.66;text-decoration:none;border:1px dashed #b7a7a3}
.ercc-planner-day:has(.ercc-planner-shift button){min-width:0}

/* Attendance & Monthly Overview */
.ercc-monthly{grid-column:1/-1}
.ercc-monthly-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0}
.ercc-monthly-month{border:1px solid #47647e;background:#14263b;color:#e3f1fa;
 padding:10px;min-height:44px;border-radius:9px;font-size:14px;color-scheme:dark}
.ercc-monthly-filter{max-width:320px}
.ercc-monthly-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.ercc-monthly-metric{border:1px solid #3a556f;background:#172d43;border-radius:12px;
 padding:13px;display:flex;flex-direction:column;gap:5px}
.ercc-monthly-metric strong{font-size:21px;color:#f4c87d;font-variant-numeric:tabular-nums}
.ercc-monthly-metric span{font-size:11px;line-height:1.45;color:#b6cde2}
.ercc-monthly-warning{border-left:3px solid #ddb26b;padding:9px 13px;background:#313143;
 border-radius:6px;color:#f9e4c2;font-size:12px}
.ercc-monthly-table-wrap,.ercc-monthly-roster{overflow-x:auto;max-width:100%;margin:8px 0 16px}
.ercc-monthly-days,.ercc-monthly-team-table{width:100%;border-collapse:collapse;font-size:12px}
.ercc-monthly-days th,.ercc-monthly-days td,.ercc-monthly-team-table th,
.ercc-monthly-team-table td{padding:9px 11px;border-bottom:1px solid #344960;text-align:left}
.ercc-monthly-days th,.ercc-monthly-team-table th{color:#edc78a;font-size:11px}
.ercc-monthly-days td,.ercc-monthly-team-table td{color:#d7e5f2}
@media(max-width:720px){
 .ercc-monthly-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ercc-monthly-days thead,.ercc-monthly-team-table thead{display:none}
 .ercc-monthly-days tr,.ercc-monthly-team-table tr{display:block;border:1px solid #3c5368;
  border-radius:10px;margin:8px 0;padding:7px}
 .ercc-monthly-days td,.ercc-monthly-team-table td{display:flex;justify-content:space-between;
  align-items:baseline;gap:10px;border:0;padding:6px}
 .ercc-monthly-days td:before,.ercc-monthly-team-table td:before{
  content:attr(data-label);color:#b2c8db;font-size:10px;flex-shrink:0}
 .ercc-monthly-days td[colspan]{display:block}
 .ercc-monthly-days td[colspan]:before{content:none}
}
@media(max-width:420px){
 .ercc-monthly-controls>*{width:100%}
 .ercc-monthly-metrics{grid-template-columns:1fr}
}
.ercc-planner-absence{font-size:10px;background:#263d4b;border-left:3px solid #77c9af;
 border-radius:6px;color:#d1f3ea;padding:8px;margin:0;overflow-wrap:anywhere}
.ercc-absence-form{display:grid;gap:10px;padding:15px;border:1px solid #547d8a;
 border-radius:12px;background:#172d42;margin:12px 0;max-width:600px}
.ercc-absence-form h5{margin:0}
.ercc-absence-form button{justify-self:start}
@media(max-width:430px){.ercc-absence-form button{width:100%}}