/* Time clock additions to the CPC classic theme */
.flash{margin:8px auto;padding:6px 12px;border-radius:6px;border:2px solid #0008;background:#0006;max-width:720px;text-align:center;}
.flash.ok{border-color:#0a6;background:#0a64;}
.flash.warn{border-color:#d90;background:#d902;}
.flash.error{border-color:#c33;background:#c334;}
.flash div{margin:2px 0;}
.dim{opacity:.6;font-weight:normal;}
.inline-form{display:inline-block;margin:0;width:auto;}
#topBar button.current{background:linear-gradient(#f0f0f030 25%,#f0f0f012 90%);font-weight:bold;}
.now-clock{font-size:1.1rem;opacity:.8;margin-bottom:4px;}
.status-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 28px;margin:8px 0;border-radius:8px;border:2px solid #0008;background:#0005;}
.status-box.in{border-color:#0a6;}
.status-box.out{border-color:#888;}
.elapsed{font-family:var(--monospace-font);font-size:2.6rem;font-weight:bold;letter-spacing:1px;}
.elapsed-small{font-family:var(--monospace-font);opacity:.75;}
button.big{font-size:1.6rem;padding:10px 40px;margin:6px 0;}
button.small{font-size:.85rem;margin-left:8px;vertical-align:middle;}
.cards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:10px 0;}
.card{min-width:170px;padding:8px 16px;border-radius:8px;border:2px solid #0008;background:#0005;}
.card-label{font-size:.85rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px;}
.card-value{font-size:1.9rem;font-weight:800;font-family:var(--monospace-font);}
.card-sub{font-size:.85rem;opacity:.7;}
.table-wrap{width:100%;overflow-x:auto;margin:4px 0;}
.table-wrap table{min-width:max-content;}
td.num,thead td.num,tfoot td.num{text-align:right;font-family:var(--monospace-font);}
td.note{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;}
tfoot td{font-weight:bold;background:#0007;}
tr.open-row td{background:#0a62;}
tr.inactive-row td{opacity:.55;}
.pill{display:inline-block;padding:0 8px;border-radius:10px;font-size:.85rem;border:1px solid #fff4;background:#0006;}
.pill.in{background:#0a65;border-color:#0c8;}
.pill.out{opacity:.7;}
.pill.warn{background:#d903;border-color:#d90;}
.pill.edited{font-size:.75rem;opacity:.8;}
.filter-form{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;align-items:center;margin:4px 0;}
.presets{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:4px 0;}
.group{width:100%;margin-top:6px;}
.group h2{margin:10px 0 2px;text-align:left;}
form table input[type=text],form table input[type=password],form table input[type=number],form table input[type=datetime-local],form table select{min-width:220px;box-sizing:border-box;}
td > button.small,td > button[style]{width:auto;}
td.zero-width > button{width:auto;padding:0 8px;}
@media(max-width:760px){.elapsed{font-size:2rem;}.card{min-width:130px;}.card-value{font-size:1.5rem;}}

/* ---- Schedules ---- */
.week-nav{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:center;align-items:center;margin:4px 0;}
.week-nav b{min-width:220px;text-align:center;}
table.sched{table-layout:fixed;min-width:860px;}
table.sched td{white-space:normal;vertical-align:top;padding:4px;}
table.sched thead td.today,table.sched td.cell.today{background:#0a62;}
table.sched td.who{font-weight:bold;width:150px;}
table.sched td.num{width:90px;}
table.sched td.cell{min-width:88px;}
table.sched tr.me td.who{color:#7fe0ff;}
button.shift{display:block;width:100%;margin:0 0 3px;padding:3px 4px;font-size:.95rem;text-align:center;}
button.shift small,.shift-ro small{display:block;font-size:.72rem;opacity:.75;}
.shift-ro{margin:0 0 3px;padding:3px 4px;border-radius:6px;background:#0a64;border:1px solid #0a68;font-size:.95rem;text-align:center;}
button.add{display:block;width:100%;height:24px;margin:0;padding:0;opacity:.45;font-size:1rem;}
button.add:hover,button.add:focus-visible{opacity:1;}
.next-shift{margin:2px 0 8px;}
@media print{
	svg.bg,#topBar,.bottom-section,.noprint,.flash,.vk,.vk-toggle,#uiAlert,.tip{display:none!important;}
	body{height:auto!important;overflow:visible!important;margin:0!important;background:#fff!important;color:#000!important;text-shadow:none!important;}
	#mainPanel{display:block!important;height:auto!important;padding:0!important;}
	section{display:block!important;max-height:none!important;overflow:visible!important;background:#fff!important;border:0!important;color:#000!important;backdrop-filter:none!important;}
	.table-wrap{overflow:visible!important;}
	table,thead,tfoot,td{background:#fff!important;color:#000!important;text-shadow:none!important;box-shadow:none!important;backdrop-filter:none!important;}
	table.sched{min-width:0!important;width:100%!important;font-size:11px;}
	td{border-bottom:1px solid #999!important;}
	button.shift,.shift-ro{background:#fff!important;color:#000!important;border:1px solid #555!important;box-shadow:none!important;text-shadow:none!important;}
	.pill{border:1px solid #555!important;background:#fff!important;color:#000!important;}
}

/* ---- Time off ---- */
.pill.bad{background:#c334;border-color:#c55;}
.pill.off{background:#58f3;border-color:#58f;font-size:.75rem;display:inline-block;margin-bottom:3px;}
.notices p{margin:2px 0;}
@media print{.pill.off{border:1px solid #555!important;}}

/* ---- Lunch ---- */
.status-box.lunch{border-color:#d90;}
label.inline-check{display:inline-block;margin-left:8px;white-space:nowrap;}
.dim.small{font-size:.85rem;}

/* ---- Permanent schedules ---- */
.repeat{opacity:.75;font-size:.85em;}