/* Preventive planning, calendar and inspections use the workflow visual system. */
.planning-design{--pl-panel:#0b2438;--pl-panel2:#102c42;--pl-edge:#24506d;--pl-text:#f2f8ff;--pl-soft:#a9c4da;--pl-muted:#8faec6;color:var(--pl-text)}
.planning-design .wf-heading h1,.planning-calendar .page-head h1{font-size:clamp(28px,3vw,39px);line-height:1.1;margin:0 0 9px;color:var(--pl-text);font-weight:800}
.planning-design .wf-heading p,.planning-calendar .page-head p{color:var(--pl-soft);font-size:15px;line-height:1.45;max-width:none}
.planning-design .eyebrow{font-size:11px;letter-spacing:1.4px;color:#43baff}
.planning-design .wf-table{min-width:1050px}.planning-design .wf-table th{background:#18394e}.planning-design .wf-table small{font-size:11px}.planning-design .wf-progress{min-width:120px}.planning-design .wf-progress>span{width:88px}.planning-design .wf-table td:first-child>b{white-space:nowrap}
.pf-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 25px;margin:0 0 16px;border:1px solid #1b6588;border-radius:14px;background:radial-gradient(circle at 85% 0%,#0e5775 0%,transparent 34%),linear-gradient(130deg,#103753,#0a2338);box-shadow:0 12px 30px #001b2b22}.pf-intro h2{font-size:21px;margin:2px 0 5px;color:#f4f9ff}.pf-intro p{font-size:13px;color:#afd0e4;margin:0;line-height:1.4}.pf-intro-icon{width:64px;height:64px;flex:0 0 64px;border:1px solid #2e86ae;border-radius:15px;background:#0a405f;color:#62cfff;display:grid;place-items:center}.pf-intro-icon svg{width:34px;height:34px}
.pf-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}.pf-area{position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:95px;padding:16px;text-align:left;background:linear-gradient(145deg,#102d43,#0b2438);border:1px solid var(--pl-edge);border-radius:12px;color:var(--pl-text);cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.pf-area:hover{transform:translateY(-2px);border-color:#49bcf4;box-shadow:0 10px 24px #00162525}.pf-area.selected{border-color:#36aff3;box-shadow:inset 0 0 0 1px #36aff3,0 10px 28px #009ceb21}.pf-area-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:10px;background:#10476b;color:#57c1ff}.pf-area-icon svg{width:23px;height:23px}.pf-area-copy{min-width:0;display:block}.pf-area-copy b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-area-copy small{display:block;margin-top:5px;font-size:11px;color:var(--pl-muted)}.pf-area strong{margin-left:auto;font-size:26px;color:#f6fbff}.pf-area em{position:absolute;right:13px;bottom:8px;font-size:10px;color:#ffcb70;font-style:normal}
.pf-filters{margin-bottom:18px}.pf-filters .wf-toolbar{min-height:76px;gap:11px}.pf-filters .wf-search{flex:1;max-width:none}.pf-filters .wf-filter{width:215px;flex:0 0 215px}.pf-result{display:flex;align-items:center;gap:8px;padding:10px 18px;color:var(--pl-muted);font-size:11px;border-top:1px solid var(--pl-edge)}.pf-result svg{width:15px;height:15px;color:#48bbf8}
.pf-factory{margin:0 0 20px;border:1px solid var(--pl-edge);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,var(--pl-panel2),var(--pl-panel));box-shadow:0 16px 38px #00121c1a}.pf-factory-head{display:flex;align-items:center;gap:13px;padding:16px 19px;background:linear-gradient(90deg,#123b57,#0e2e45);border-bottom:1px solid var(--pl-edge)}.pf-factory-head>span{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#0a4c71;color:#62caff}.pf-factory-head>span svg{width:23px;height:23px}.pf-factory-head small{display:block;margin-bottom:2px;color:var(--pl-muted);font-size:10px;letter-spacing:1px;font-weight:750}.pf-factory-head h2{margin:0;font-size:18px;color:var(--pl-text)}.pf-factory-head>strong{margin-left:auto;color:#6accff;font-size:12px}.pf-line+.pf-line{border-top:1px solid var(--pl-edge)}.pf-line-head{display:flex;align-items:center;gap:9px;padding:13px 19px;background:#102b3e;border-bottom:1px solid var(--pl-edge)}.pf-line-head>span{display:grid;place-items:center;color:#51baff}.pf-line-head>span svg{width:17px;height:17px}.pf-line-head h3{margin:0;font-size:14px;color:var(--pl-text)}.pf-line-head small{margin-left:auto;color:var(--pl-muted);font-size:11px}.pf-factory .wf-table th{background:#14344a}.pf-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:45px 18px;text-align:center;border:1px dashed var(--pl-edge);border-radius:13px;background:var(--pl-panel2);color:var(--pl-muted)}.pf-empty svg{width:30px;height:30px;color:#55baff}.pf-empty b{color:var(--pl-text);font-size:17px}.pf-empty p{font-size:12px;margin:0;line-height:1.5}.pf-table .wf-actions{justify-content:flex-start}.pf-table .wf-actions .record-row-actions{gap:12px!important}
.pi-table{min-width:900px}.pi-kind{display:inline-flex;border:1px solid #34627b;border-radius:7px;padding:5px 8px;background:#123951;color:#bde4fa;font-size:11px;font-weight:700}.pi-table .wf-progress i{background:linear-gradient(90deg,#2fa97e,#60d0a9)}
.planning-calendar{padding:4px 0 28px}.planning-calendar .page-head{align-items:center;margin-bottom:24px}.planning-calendar .page-head .secondary{background:#102e44;border:1px solid var(--pl-edge);color:var(--pl-text);min-height:42px;padding:0 17px;font-size:13px}.planning-calendar .calendar-card{border:1px solid var(--pl-edge);border-radius:14px;background:linear-gradient(145deg,var(--pl-panel2),var(--pl-panel));box-shadow:0 16px 38px #00121c1a}.planning-calendar .calendar-head{min-height:70px;gap:12px;padding:12px 20px;background:#102b40;border-color:var(--pl-edge)}.planning-calendar .calendar-head h2{min-width:160px;text-align:center;font-size:17px;color:var(--pl-text)}.planning-calendar .calendar-head .icon-btn{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--pl-edge);border-radius:8px;color:#b4d6ed;background:#0b2438}.planning-calendar .calendar-head .icon-btn:hover{border-color:#59c3ff;color:#fff}.planning-calendar .calendar-head .icon-btn svg{width:18px;height:18px}.planning-calendar .calendar-legend{gap:17px;font-size:11px;color:var(--pl-soft)}.planning-calendar .calendar-legend i{width:8px;height:8px}.planning-calendar .calendar-grid>b{padding:13px 6px;background:#16364a;color:var(--pl-soft);font-size:11px;border-right:1px solid var(--pl-edge)}.planning-calendar .cal-day{min-height:118px;padding:10px;background:#0d2638;border-color:var(--pl-edge);font-size:12px}.planning-calendar .cal-day:nth-child(14n+8),.planning-calendar .cal-day:nth-child(14n+9),.planning-calendar .cal-day:nth-child(14n+10),.planning-calendar .cal-day:nth-child(14n+11),.planning-calendar .cal-day:nth-child(14n+12),.planning-calendar .cal-day:nth-child(14n+13),.planning-calendar .cal-day:nth-child(14n+14){background:#102a3d}.planning-calendar .cal-day.other{background:#0a2030!important;opacity:.55}.planning-calendar .cal-day>span{display:grid;place-items:center;width:26px;height:26px;color:var(--pl-text)}.planning-calendar .cal-day.today-cell>span{background:#139ce9;border-radius:50%;color:#fff}.planning-calendar .cal-event{font-size:11px;padding:6px 7px;margin-top:5px;background:#164261;border-left:3px solid #46b8f2;color:#bce9ff;border-radius:5px}.planning-calendar .cal-event.green{background:#14443f;border-color:#31cda3;color:#9ff5d3}.planning-calendar .cal-event.amber{background:#4c381f;border-color:#f8bd5a;color:#ffdc98}.planning-calendar .cal-event:hover{filter:brightness(1.15)}.planning-calendar .cal-more{color:var(--pl-muted);font-size:10px}
[data-theme="light"] .planning-design{--pl-panel:#f1f8fc;--pl-panel2:#fff;--pl-edge:#c7dce9;--pl-text:#102e47;--pl-soft:#425c72;--pl-muted:#5d7183}[data-theme="light"] .pf-intro{background:linear-gradient(130deg,#e5f4fc,#f7fbff);border-color:#b7ddf0}[data-theme="light"] .pf-intro h2{color:#123951}[data-theme="light"] .pf-intro p{color:#4a677b}[data-theme="light"] .pf-area{background:linear-gradient(145deg,#fff,#f1f8fc)}[data-theme="light"] .pf-area strong{color:#173b55}[data-theme="light"] .pf-factory-head{background:linear-gradient(90deg,#e0f0fa,#f7fbff)}[data-theme="light"] .pf-line-head{background:#eaf5fb}[data-theme="light"] .pf-factory .wf-table th,[data-theme="light"] .planning-calendar .calendar-grid>b{background:#e6f1f8}[data-theme="light"] .planning-calendar .page-head .secondary{background:#fff}[data-theme="light"] .planning-calendar .calendar-head{background:#ecf6fc}[data-theme="light"] .planning-calendar .calendar-head .icon-btn{background:#fff;color:#2a668b}[data-theme="light"] .planning-calendar .cal-day,[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+8),[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+9),[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+10),[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+11),[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+12),[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+13),[data-theme="light"] .planning-calendar .cal-day:nth-child(14n+14){background:#fff}[data-theme="light"] .planning-calendar .cal-day.other{background:#e8f1f7!important}[data-theme="light"] .planning-calendar .cal-event{background:#e4f2fb;color:#176c9c}[data-theme="light"] .planning-calendar .cal-event.green{background:#e1f8ec;color:#157957}[data-theme="light"] .planning-calendar .cal-event.amber{background:#fff0d8;color:#98620e}[data-theme="light"] .pi-kind{background:#e2f2fb;color:#19678f;border-color:#bad8e9}
@media(max-width:1200px){.pf-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-filters .wf-toolbar{flex-wrap:wrap}.pf-filters .wf-search{flex:1 0 100%}.pf-filters .wf-filter{flex:1 1 190px;width:auto}}
@media(max-width:700px){.pf-intro{padding:17px}.pf-intro-icon{display:none}.pf-intro h2{font-size:18px}.pf-areas{gap:9px}.pf-area{min-height:80px;padding:10px;gap:8px}.pf-area-icon{width:33px;height:33px;flex-basis:33px}.pf-area-icon svg{width:18px;height:18px}.pf-area-copy b{font-size:12px}.pf-area-copy small{font-size:9px}.pf-area strong{font-size:20px}.pf-area em{display:none}.pf-filters .wf-search,.pf-filters .wf-filter{flex:1 0 100%}.pf-factory-head{padding:13px}.pf-factory-head h2{font-size:15px}.pf-factory-head>strong{font-size:10px}.pf-line-head{padding:11px 13px}.pf-line .wf-table-wrap{overflow:visible}.pf-line .wf-table,.pi-table{min-width:0}.planning-calendar .page-head{align-items:flex-start}.planning-calendar .page-head h1{font-size:28px}.planning-calendar .page-head .secondary{display:block}.planning-calendar .calendar-card{overflow-x:auto}.planning-calendar .calendar-head{min-width:700px}.planning-calendar .calendar-grid{min-width:700px}.planning-calendar .cal-day{min-height:97px;padding:6px}.planning-calendar .cal-event{font-size:9px;padding:5px}}
@media(max-width:420px){.pf-areas{grid-template-columns:1fr}.pf-area{min-height:64px}.pf-area-copy b{font-size:13px}.pf-area strong{font-size:23px}.pf-factory-head>strong{display:none}.planning-calendar .page-head{flex-wrap:wrap;gap:12px}.planning-calendar .page-head>div{flex-basis:100%}}
/* A full seven-day month remains visible on a narrow phone, without side-scrolling. */
@media(max-width:700px){.planning-calendar .calendar-card{overflow:hidden}.planning-calendar .calendar-head{min-width:0;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 6px}.planning-calendar .calendar-head h2{min-width:175px;font-size:15px}.planning-calendar .calendar-legend{width:100%;justify-content:center;gap:10px;margin:4px 0 0;font-size:10px}.planning-calendar .calendar-grid{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}.planning-calendar .calendar-grid>b{padding:8px 0;font-size:10px}.planning-calendar .cal-day{min-width:0;min-height:76px;padding:4px}.planning-calendar .cal-day>span{width:22px;height:22px;font-size:10px}.planning-calendar .cal-event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;padding:4px 2px;border-left-width:2px}.planning-calendar .cal-more{font-size:8px}}
@media(max-width:700px){.planning-design .pi-table{min-width:0}}