/* Phase 7D — functional styling for calendar, notifications and daily work. */
.p7d-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.p7d-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}
.p7d-check{display:flex;gap:6px;align-items:center;color:var(--nd-ink-3);font-size:12.5px}
.p7d-summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.p7d-counter{min-width:112px;padding:10px 12px;border:1px solid var(--nd-rule);border-radius:12px;background:var(--nd-plane)}
.p7d-counter-value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.p7d-create{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.p7d-create .p7-input{width:auto;min-width:170px}
.p7d-events{display:grid;gap:8px;margin-top:8px}
.p7d-event{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:14px;align-items:start;padding:10px 12px;border:1px solid var(--nd-rule);border-radius:12px;background:var(--nd-plane)}
.p7d-event.is-overdue{border-color:rgba(255,93,122,.4)}
.p7d-event-date{font-variant-numeric:tabular-nums}
.p7d-event-time{color:var(--nd-ink-3);font-size:12px}
.p7d-event .p7-input{width:auto;min-width:140px}
.p7d-panel{position:fixed;top:0;right:0;width:min(420px,92vw);height:100vh;overflow-y:auto;background:var(--nd-plane-3,#101827);border-left:1px solid var(--nd-rule);padding:16px;transform:translateX(104%);transition:transform .18s ease;z-index:60;box-shadow:-18px 0 40px rgba(0,0,0,.35)}
.p7d-panel.is-open{transform:translateX(0)}
.p7d-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.p7d-notifications{display:grid;gap:8px;margin-top:10px}
.p7d-notification{padding:10px 12px;border:1px solid var(--nd-rule);border-radius:12px;background:var(--nd-plane)}
.p7d-notification.is-unread{border-color:rgba(139,92,255,.5)}
.p7d-notification.sev-critical{border-color:rgba(255,93,122,.5)}
.p7d-notification.sev-warning{border-color:rgba(242,178,75,.45)}
.p7d-values{margin-top:16px;padding-top:14px;border-top:1px solid var(--nd-rule)}
.p7d-values .p7-input{width:auto;min-width:170px}
#p7dBell{align-self:flex-start;margin:0 0 10px}
@media(max-width:650px){.p7d-event{grid-template-columns:1fr;gap:8px}.p7d-event .p7-input{width:100%;min-width:0}.p7d-create .p7-input{width:100%;min-width:0}.p7d-filters .p7-input{min-width:0}}

/* Представления: человекочитаемые условия вместо JSON и builder условий. */
.p7d-chips{display:flex;flex-wrap:wrap;gap:6px}
.p7d-chip{display:inline-block;padding:3px 8px;border:1px solid var(--nd-rule);border-radius:999px;background:var(--nd-plane);font-size:11px;line-height:1.5;white-space:nowrap}
.p7d-builder-rows{display:grid;gap:8px;margin-top:4px}
.p7d-builder-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.p7d-builder-row .p7-input{min-width:150px;width:auto}
.p7d-builder-row .p7-muted{font-size:12px}
.p7d-advanced{margin-top:12px}
.p7d-advanced summary{cursor:pointer;color:var(--nd-ink-2);font-size:12px;font-weight:700}
.p7d-advanced .p7-input{width:100%;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
@media(max-width:650px){.p7d-builder-row{display:grid;grid-template-columns:1fr}.p7d-builder-row .p7-input{width:100%;min-width:0}}