/* MYTHD shared visual language — approved calendar concept, 2026-10-16.
   Screen-only: printed customer documents and equipment diagrams retain their layouts.
   Every color follows the active appearance palette. */
@media screen{
:root{
 --mythd-line:color-mix(in srgb,var(--graphite-700) 48%,var(--graphite-900));
 --mythd-hover:color-mix(in srgb,var(--amber-500) 7%,var(--graphite-900));
 --mythd-radius:16px;
}
#mythdModernApp{line-height:1.5}
#mythdModernApp :is(.m-pagehead,.m-hero){gap:16px;margin-bottom:24px}
#mythdModernApp :is(.m-pagehead,.m-hero) h1{font-size:clamp(25px,3vw,32px);line-height:1.15;letter-spacing:-.7px;font-weight:750}
#mythdModernApp :is(.m-pagehead,.m-hero) p{font-size:14px;line-height:1.5;max-width:66ch;margin:8px 0 0}
#mythdModernApp :is(.m-card,.po-sheet,.po-list-panel,.po-stats>div,.mr-surface,.mr-kpi,.pr-card,.fy-panel,.fy-silo,.pl-inline .pl-dept){
 border-radius:var(--mythd-radius);border-top-color:var(--mythd-line);border-right-color:var(--mythd-line);border-bottom-color:var(--mythd-line);
 box-shadow:0 3px 14px #00000006;
}
#mythdModernApp :is(.m-panel,.skills-card,.pr-card){padding:20px}
#mythdModernApp .m-panel h2{text-transform:none;letter-spacing:-.2px;font-weight:750;font-size:18px;margin-bottom:16px}
#mythdModernApp :is(.m-primary,.m-secondary,.print-btn,.save-btn),
#mythdCalendarPanel :is(.m-primary,.m-secondary),
:is(.pm-dialog,.fy-dialog) button{
 border-radius:11px;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:0;line-height:1.3;min-height:40px;padding:10px 14px;text-transform:none;box-shadow:none;
}
#mythdModernApp .m-secondary{border-color:var(--mythd-line);background:var(--graphite-800)}
#mythdModernApp :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){
 border-radius:10px;border-color:var(--mythd-line);font-family:var(--font-body);line-height:1.4;
}
#mythdModernApp :is(input,select,textarea):focus-visible,
#mythdCalendarPanel :is(button,input,select,textarea):focus-visible{
 outline:2px solid var(--amber-500);outline-offset:3px;
}
#mythdModernApp button:focus-visible{outline:2px solid var(--amber-500);outline-offset:3px}
#mythdModernApp .m-nav{gap:8px;padding-top:6px;padding-bottom:8px}
#mythdModernApp .m-nav button{border-radius:12px;border-color:transparent;background:transparent;box-shadow:none;transform:none;min-height:44px}
#mythdModernApp .m-nav button.active{background:color-mix(in srgb,var(--amber-500) 16%,var(--graphite-900));border-color:color-mix(in srgb,var(--amber-500) 50%,transparent);color:var(--paper);box-shadow:none;transform:none}
#mythdModernApp .m-nav button:hover:not(.active){background:var(--graphite-800);box-shadow:none;transform:none}
#mythdModernApp :is(.m-status,.m-badge,.pr-pill,.fy-chip){border-radius:999px}
#mythdModernApp .m-tr{border-top-color:var(--mythd-line);padding:15px 16px}
#mythdModernApp .m-tr:first-child{text-transform:none;letter-spacing:.1px;background:color-mix(in srgb,var(--graphite-800) 65%,var(--graphite-900))}
#mythdModernApp :is(.m-activity-footer,.pr-task,.pr-update,.pr-file,.po-row,.po-list-label,.fy-table td,.fy-table th){border-color:var(--mythd-line)}
#mythdModernApp :is(table){border-collapse:separate;border-spacing:0}
#mythdModernApp :is(th,td){border-color:var(--mythd-line);font-variant-numeric:tabular-nums}
#mythdModernApp th{text-transform:none;letter-spacing:0;font-weight:700}
#mythdModernApp .m-activity-card{border-radius:14px;border-left-width:3px}
#mythdModernApp .m-activity-card.priority-high{border-left-width:5px}
#mythdModernApp .m-activity-card.priority-critical{border-color:#df5c5c;border-left-width:6px}
#mythdModernApp .m-activity-meta{font-size:12px}
#mythdModernApp .m-activity-card h3{letter-spacing:-.25px;line-height:1.3}
#mythdModernApp .mr-card{border-radius:13px}
#mythdModernApp :is(.mr-recurring-container,.mr-workspace-container,.mr-summary-container){box-shadow:none;border-radius:16px}
#mythdModernApp .mr-surface :is(button,a){border-radius:10px;font-size:13px}
#mythdModernApp :is(.po-row,.pr-task){border-radius:8px}
#mythdModernApp .po-row:hover{transform:none;background:var(--mythd-hover)}
#mythdModernApp .po-head-actions button{width:auto;min-width:112px;min-height:40px}
#mythdModernApp :is(.skills-puzzle-answer,.fy-note,.search-result,.ai-response){border-radius:12px}
#mythdModernApp .fy{--fy-line:var(--mythd-line)}
#mythdModernApp .fy-appt{border-radius:11px}
#mythdModernApp .fy-day{border-color:var(--mythd-line);border-radius:14px}
#mythdModernApp :is(.fy-weight,.fy-kpis strong){font-family:var(--font-body);font-variant-numeric:tabular-nums}
:is(.pm-dialog,.fy-dialog,.knowledge-modal,.modal-box){border-radius:20px;border-color:var(--mythd-line)}
.pm-dialog :is(.pm-task,.pm-row){border-radius:13px;border-color:var(--mythd-line)}
.pm-dialog .pm-day{border:0;border-radius:10px;background:transparent;min-height:66px}
.pm-dialog .pm-day.selected{background:color-mix(in srgb,var(--amber-500) 14%,var(--graphite-900));outline:2px solid var(--amber-500);outline-offset:-2px}
#mythdModernApp #mActivityMiniCalendar{border-radius:16px;padding:20px!important;background:var(--graphite-900)}
#mythdModernApp #mActivityMiniCalendar .m-secondary{border:0;background:transparent;padding:4px 0!important;min-height:0;color:var(--amber-500);font-size:12px;white-space:nowrap}
#mythdModernApp #mMiniCalendarDays{gap:4px!important}
#mythdModernApp #mMiniCalendarDays>div{border:0!important;background:transparent!important;padding:6px 0!important;min-width:0}
#mythdModernApp #mMiniCalendarDays>div>b{display:flex!important;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;margin:5px auto 0!important;font-weight:650}
#mythdModernApp #mMiniCalendarDays>div:first-child>b{background:var(--amber-500);color:var(--graphite-950)}
#mythdModernApp #mMiniCalendarDays>div>span:last-child{font-size:0!important;height:10px;min-height:10px!important}
.mythd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mythd-mini-dot{display:block;width:5px;height:5px;margin:2px auto;border-radius:50%;background:var(--amber-500)}
.mythd-mini-next{display:block;padding-top:12px;margin-top:12px;border-top:1px solid var(--mythd-line);font-size:13px;line-height:1.5}
.mythd-mini-next span{color:var(--steel-400)}
#mythdCalendarPanel{background:var(--graphite-900)!important;border-radius:22px!important;border-color:var(--mythd-line)!important;height:auto!important;max-height:94dvh}
#mythdCalendarPanel .mythd-cal-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0!important}
#mythdCalendarPanel #calendarClose{width:40px;height:40px;min-height:40px;border:0!important;background:transparent!important;border-radius:50%;font-size:24px}
#mythdCalendarPanel :is(#calPrev,#calNext){border:0!important;background:transparent!important;font-size:24px;padding:4px 12px;min-width:40px}
#mythdCalendarPanel :is(.m-primary,.m-secondary){border-radius:11px}
#mythdCalendarPanel .mythd-cal-grid{border:0!important;border-radius:0!important;overflow:visible!important;gap:6px}
#mythdCalendarPanel button[data-cal-day]{border:0!important;border-radius:12px;min-height:74px!important;padding:7px!important;text-align:center!important;position:relative;font-size:14px}
#mythdCalendarPanel button[data-cal-day]>span:first-child{width:34px!important;height:34px!important;font-weight:600}
#mythdCalendarPanel button[data-cal-day][aria-current=date]>span:first-child{background:transparent!important;outline:2px solid var(--amber-500);outline-offset:-2px}
#mythdCalendarPanel button[data-cal-day][aria-pressed=true]{background:color-mix(in srgb,var(--amber-500) 16%,var(--graphite-900))!important}
#mythdCalendarPanel button[data-cal-day][data-outside=true]>span:first-child{color:var(--steel-400)!important;opacity:.65}
#mythdCalendarPanel button[data-cal-day]>span:last-child{margin-top:3px!important}
#mythdCalendarPanel button[data-cal-day]>span:last-child>span{display:inline-block!important;font-size:0!important;width:5px;height:5px;border-radius:50%;padding:0!important;margin:2px!important;background:var(--amber-500)!important}
#mythdCalendarPanel button[data-cal-day]>span:last-child>small{font-size:10px}
#mythdCalendarPanel .mythd-cal-agenda{background:transparent!important;border:0!important;box-shadow:none;padding:8px 0!important}
#mythdCalendarPanel button[data-cal-event]{border:1px solid var(--mythd-line)!important;border-left:3px solid var(--amber-500)!important;border-radius:13px!important;padding:16px!important;min-height:76px;line-height:1.45}
#mythdCalendarPanel button[data-cal-event] b{font-size:15px}
#mythdCalendarPanel .mythd-calendar-layout{gap:28px!important}
/* Module details use the same surfaces without changing record status colors. */
#mythdModernApp .inv-nav :is(button,a){border-radius:11px;border-color:var(--mythd-line);box-shadow:none}
#mythdModernApp .inv-nav :is(button,a):not(.active){background:transparent;color:var(--paper)}
#mythdModernApp :is(.inv-lot-group,.inv-lot-select,.inv-lot-box){border-color:var(--mythd-line)}
#mythdModernApp .inv-lot-group{border-radius:14px}
#mythdModernApp .inv-kpi span{text-transform:none;letter-spacing:0}
#mythdModernApp .mr-summary-container{border-top-color:var(--ok-500)}
#mythdModernApp .mr-recurring-container{border-top-color:var(--amber-500)}
#mythdModernApp .mr-workspace-container{border-top-color:var(--graphite-600,var(--graphite-700))}

@media(hover:hover){
 #mythdModernApp :is(.m-secondary,.mr-card,.pr-card):hover{background-color:var(--mythd-hover)}
 #mythdCalendarPanel button[data-cal-event]:hover{border-color:var(--amber-500)!important}
}
@media(max-width:760px){
 #mythdModernApp :is(.m-panel,.skills-card,.pr-card){padding:16px}
 #mythdModernApp .m-pagehead{gap:12px}
 #mythdModernApp .m-pagehead>button{flex-shrink:0}
 #mythdModernApp :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 #mythdModernApp .m-nav button{padding:10px 12px}
 #mythdCalendarPanel{padding:20px 14px!important}
 #mythdCalendarPanel .mythd-calendar-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 #mythdCalendarPanel button[data-cal-day]{min-height:54px!important;padding:2px!important}
 #mythdCalendarPanel .mythd-cal-grid{gap:3px}
 #mythdCalendarPanel .mythd-cal-toolbar{gap:8px;margin:18px 0!important}
 #mythdCalendarPanel .mythd-cal-toolbar h2{font-size:18px!important;order:-1;width:100%}
 #mythdCalendarPanel button[data-cal-event]{min-height:70px}
 #mythdModernApp #mActivityMiniCalendar{padding:16px!important}
 #mythdModernApp .po-head-actions{flex-shrink:1}
 #mythdModernApp .po-head-actions button{min-width:0}
}
@media(prefers-reduced-motion:reduce){#mythdModernApp *{scroll-behavior:auto}}
}