.personal-schedule { min-width:0; gap:14px; }
/* Reserve navigation clearance once. Natural document overflow remains available
   for short viewports, larger text and longer/split shifts; never clip days. */
.app-view:has(> .personal-roster-page) { padding-bottom:calc(96px + var(--safe-bottom)); }
.personal-roster-page.personal-premium { padding-bottom:14px; }
.personal-schedule-live { position:absolute!important; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.personal-schedule-error { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0; border:1px solid #9b48452b; border-radius:16px; padding:4px 14px; color:var(--brand,#5a1718); font-size:.82rem; background:#f3e6e8; }
.personal-schedule-error button { border:0; background:transparent; font-weight:750!important; }
.personal-schedule button { appearance:none; font:inherit; cursor:pointer; min-height:44px; color:var(--brand,#5a1718); }
.personal-schedule button:focus-visible { outline:3px solid #ab777b; outline-offset:3px; }
.personal-schedule-back { justify-self:start; width:fit-content; text-align:left; border:1px solid #5a171814; border-radius:15px; padding:8px 14px; background:#5a17180c; font-weight:700!important; }
.personal-roster-toolbar { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; }
.personal-roster-toolbar .personal-schedule-back { padding:8px; font-size:.82rem; white-space:nowrap; }
.personal-week-selector { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; min-width:0; min-height:54px; padding:4px 0; border:1px solid #5a17184a; border-radius:18px; background:linear-gradient(180deg,#f2e9ec,#fff); }
.personal-week-selector button { width:44px; min-width:44px; background:transparent; font-size:1.5rem; border-radius:14px; padding:0; }
.personal-week-selected { min-width:0; text-align:center; color:var(--brand,#5a1718); font-size:.88rem; line-height:1.3; font-weight:750; overflow-wrap:break-word; }
.personal-roster-toolbar ~ .personal-week .personal-week-days { padding-top:0; }
@media(max-width:360px) { .personal-roster-toolbar { gap:6px; } .personal-roster-toolbar .personal-schedule-back { font-size:.76rem; padding:6px; } .personal-week-selected { font-size:.76rem; } }
.personal-schedule .personal-schedule-eyebrow { margin:14px 0 5px; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase; color:var(--muted,#827b80); }
.personal-week-band { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:20px 18px; border:1px solid #8f302e33; border-radius:22px; background:linear-gradient(135deg,#8f302e,#5a1718); color:#fff; }
.personal-week-band strong { font-size:clamp(1.25rem,5.5vw,1.85rem); letter-spacing:-.045em; line-height:1.2; }
.personal-week-band small { font-size:.8rem; color:#ffffffb8; }
.personal-week-days { display:grid; gap:10px; padding-top:14px; }
.personal-week-day { position:relative; display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:8px; padding:14px; border:1px solid #5a17181c; border-radius:20px; background:linear-gradient(120deg,#f3e6e9aa,#fffafbd9); }
.personal-week-date { display:flex; align-items:center; gap:12px; }
.personal-week-date>strong { font-size:1.85rem; font-weight:600; letter-spacing:-.05em; min-width:32px; font-variant-numeric:tabular-nums; color:var(--brand,#5a1718); }
.personal-week-date>span { font-size:.8rem; font-weight:700; }
.personal-week-date small { display:block; margin-top:3px; font-weight:500; color:var(--muted,#827b80); font-size:.7rem; }
.personal-week-shifts { text-align:right; min-width:0; display:grid; gap:10px; }
.personal-week-shifts strong { font-size:clamp(.88rem,4vw,1.25rem); letter-spacing:-.02em; font-weight:750; line-height:1.6; color:var(--brand,#5a1718); }
.personal-week-shifts small { display:block; font-size:.7rem; color:var(--muted,#827b80); overflow-wrap:anywhere; }
.personal-week-shifts .is-rest strong,.personal-unscheduled { color:var(--muted,#827b80); font-size:1rem; font-weight:500; }
.personal-week-day.is-today { border-color:#8f302e70; background:linear-gradient(120deg,#ead1d5,#f9eef0); }
.personal-week-day.is-today .personal-week-date,.personal-week-day.is-today .personal-week-shifts strong { color:var(--brand,#5a1718); }
.personal-schedule [hidden] { display:none!important; }
.personal-schedule-empty { color:var(--muted,#827b80); font-size:.85rem; padding:16px 0; }
.personal-request-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:6px 0 20px; }
.personal-request-toolbar .personal-schedule-eyebrow { margin:0; }
.personal-schedule .personal-request-new { border:0; border-radius:16px; background:linear-gradient(135deg,#8f302e,#5a1718); color:white; padding:12px 16px; font-size:.84rem; font-weight:750; }
.personal-request-group { margin-bottom:22px; }
.personal-request-group h3 { font-size:.75rem; text-transform:uppercase; letter-spacing:.1em; color:var(--muted,#827b80); margin:0 0 12px; }
.personal-request-group h3 span { margin-left:8px; }
.personal-request-item { border:1px solid #5a171824; border-radius:20px; padding:16px 18px; background:linear-gradient(120deg,#f1e0e4bb,#fff8fad9); margin:0 0 12px; }
.personal-request-item header { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.personal-request-item h4 { margin:6px 0 10px; font-size:1.05rem; color:var(--brand,#5a1718); }
.personal-request-status { display:inline-block; font-size:.67rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#85704b; }
.personal-request-status.status-approved { color:#39715b; }
.personal-request-status.status-declined { color:#932f39; }
.personal-request-item header button { border:0; background:#5a171809; border-radius:14px; width:44px; flex:0 0 44px; font-size:1.25rem; }
.personal-request-item .roster-request-details { display:grid; gap:4px; overflow-wrap:anywhere; font-size:.88rem; }
.personal-request-item .roster-request-details small { font-size:.82rem; color:var(--muted,#827b80); }
.personal-request-item .roster-request-details p { margin:6px 0 0; }
.personal-request-undo { font-size:.8rem; color:var(--muted,#827b80); }
.personal-request-undo button { background:transparent; border:0; font-weight:700!important; }
.personal-schedule .personal-requests-toolbar { margin:0; padding:14px; gap:10px; grid-template-columns:44px minmax(0,1fr) auto; }
.personal-schedule .personal-requests-toolbar h2 { color:var(--brand,#5a1718); }
.personal-schedule .personal-requests-toolbar p { font-size:.72rem; }
.personal-schedule .personal-requests-toolbar .personal-request-new { font-size:.8rem; padding:10px 12px; }
@media(max-width:360px) { .personal-schedule .personal-requests-toolbar { grid-template-columns:44px minmax(0,1fr); } .personal-schedule .personal-requests-toolbar .personal-request-new { grid-column:1/-1; } .personal-week-band { padding:18px 14px; } }
.personal-entries { min-width: 0; display: grid; gap: 14px; }
.personal-entries .personal-notes-toolbar h2 { margin: 0; font-size: 1.2rem; }
.personal-entry-actions, .personal-entry-filters, .personal-entry-custom, .personal-entry-photo-status { display: flex; gap: 8px; align-items: center; }
.personal-entry-actions > button { flex: 1; min-width: 0; }
.personal-entry-filters { margin: 0; padding: 5px; border-radius: 18px; background: rgba(90, 23, 24, .07); }
.personal-entry-filters > button { flex: 1; }
.personal-entries button {
  -webkit-appearance: none;
  appearance: none;
  min-height: 44px;
  min-width: 44px;
  padding: 10px 14px;
  border: 1px solid rgba(90, 23, 24, .14);
  border-radius: 16px;
  background: rgba(255, 255, 255, .82);
  color: var(--brand, #5a1718);
  font: inherit;
  font-size: .88rem;
  font-weight: 750;
  line-height: 1.25;
  cursor: pointer;
  overflow-wrap: anywhere;
  transition: background-color .15s, border-color .15s;
}
.personal-entries button:disabled { opacity: .5; cursor: default; }
.personal-entries button:focus-visible,
.personal-entry-legacy summary:focus-visible { outline: 3px solid rgba(143, 47, 45, .4); outline-offset: 3px; }
.personal-entries button:not(:disabled):hover { border-color: rgba(90, 23, 24, .38); }
.personal-entries > .personal-entry-actions > button,
.personal-entry-editor > .personal-entry-actions > button[type="submit"] {
  background: linear-gradient(135deg, #8f302e, #5a1718);
  border-color: transparent;
  color: #fff;
  min-height: 48px;
}
.personal-entries .personal-notes-toolbar { padding: 0; border: 0; background: transparent; box-shadow: none; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 10px; }
.personal-entries .personal-notes-toolbar > button { padding: 0; background: rgba(90, 23, 24, .07); border-color: transparent; font-size: 1.5rem; }
.personal-entry-filters > button { background: transparent; border-color: transparent; padding: 10px 6px; border-radius: 14px; color: var(--muted); }
.personal-entry-folders { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; align-items: center; }
.personal-entry-folders button { overflow-wrap: anywhere; }
.personal-entry-folders > [data-entry-new] { background: transparent; border-style: dashed; }
.personal-entry-folders > [data-entry-folder] { -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; touch-action:manipulation; }
.personal-folder-menu { position:fixed; margin:0; padding:6px; width:190px; max-width:calc(100vw - 16px); border:1px solid #decbd0; border-radius:16px; background:#fffafa; box-shadow:0 10px 35px #290a1326; }
.personal-folder-menu::backdrop { background:transparent; }
.personal-folder-menu button { appearance:none; width:100%; min-height:48px; padding:10px 14px; border:0; border-radius:12px; background:#f7ecee; color:#9a2528; font:inherit; font-weight:750; text-align:left; cursor:pointer; }
.personal-folder-menu button:focus-visible { outline:2px solid #8f302e; outline-offset:1px; }
.personal-entries [aria-pressed="true"] { background: #641719; color: white; }
.personal-entries .personal-recipe-share-types > button.active { background: #641719; color: white; }
.personal-entry-editor fieldset { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 14px; }
.personal-entry-editor label { display: grid; gap: 6px; font-size: .88rem; font-weight: 650; min-width: 0; }
.personal-entry-editor input, .personal-entry-editor select, .personal-entry-editor textarea { width: 100%; min-width: 0; box-sizing: border-box; font-size: 16px; }
.personal-entry-editor select,
.personal-entry-editor input:not([type="checkbox"]),
.personal-entry-editor textarea { min-height: 46px; border: 1px solid rgba(90, 23, 24, .16); border-radius: 14px; padding: 10px 12px; color: var(--ink); background-color: rgba(255, 255, 255, .9); font-family: inherit; }
.personal-entry-editor select { padding-right: 30px; }
.personal-entry-editor input[type="file"] { padding: 8px; }
.personal-entry-editor input::file-selector-button { -webkit-appearance: none; appearance: none; border: 0; border-radius: 10px; padding: 10px 12px; margin-right: 8px; background: rgba(90, 23, 24, .08); color: var(--brand); font: inherit; font-weight: 700; }
.personal-entry-editor input:focus-visible,
.personal-entry-editor select:focus-visible,
.personal-entry-editor textarea:focus-visible { outline: 2px solid rgba(143, 47, 45, .4); outline-offset: 2px; }
.personal-entry-editor > .personal-entry-actions { margin-top: 12px; }
.personal-entry-editor textarea { min-height: 110px; resize: vertical; }
.personal-entry-editor input[type="file"] { font-size: .85rem; }
.personal-entry-ingredient { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 44px; align-items: end; gap: 6px; margin: 10px 0; }
.personal-entry-allergens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.personal-entry-allergens label { display: flex; align-items: center; min-height: 44px; gap: 8px; overflow-wrap: anywhere; }
.personal-entry-allergens input { width: 22px; height: 22px; min-height: 22px; padding: 0; flex: none; accent-color: var(--brand); }
.personal-entry-custom label { flex: 1; }
.personal-entry-error { color: #9f2525; padding: 12px 0; overflow-wrap: anywhere; }
.personal-entry-photo { display: block; max-width: 100%; max-height: 400px; object-fit: contain; border-radius: 16px; }
.personal-entry-legacy { margin: 0; border: 1px solid rgba(90, 23, 24, .12); border-radius: 18px; padding: 0 14px; background: rgba(255, 255, 255, .55); color: var(--muted); font-size: .84rem; }
.personal-entry-legacy summary { cursor: pointer; padding: 14px 0; min-height: 44px; box-sizing: border-box; color: var(--brand); font-weight: 700; }
.personal-entry-legacy p { line-height: 1.5; }
.personal-entry-legacy article { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 0; }
.personal-entry-legacy article { flex-wrap: wrap; overflow-wrap: anywhere; }
.personal-entry-legacy article > div { display: flex; flex-wrap: wrap; gap: 8px; }
.personal-entries .personal-recipe-main p { white-space: pre-wrap; overflow-wrap: anywhere; }
.personal-entries .personal-recipe-main strong { padding-right: 0; font-size: 1rem; overflow-wrap: anywhere; }
.personal-entries .personal-recipe-main p { font-size: .88rem; line-height: 1.5; }
.personal-entries .personal-notes-list > article { border-radius: 20px; padding: 16px; }
.personal-entries .personal-notes-list > .personal-empty-row { min-height: 120px; display: grid; place-items: center; text-align: center; border-style: dashed; color: var(--muted); background: rgba(255, 255, 255, .45); }
.personal-entries .personal-notes-list > .personal-empty-row strong { font-size: .9rem; font-weight: 600; }
.personal-entries .personal-recipe-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.personal-entries .personal-recipe-actions > button { padding-inline: 6px; }
.personal-entries .personal-recipe-actions > .personal-recipe-share { grid-column: 1 / -1; }
.personal-entries .personal-recipe-share-list { display: grid; gap: 6px; }
.personal-entries .personal-notes-toolbar [data-entry-add] { color: white; background: linear-gradient(135deg,#8f302e,#5a1718); }
.personal-entry-heading { display: flex; align-items: center; gap: 12px; }
.personal-entry-heading > div { flex: 1; min-width: 0; }
.personal-entry-heading small { display: block; margin-top: 4px; }
.personal-entry-heading-actions { display: flex; gap: 6px; flex: 0 0 auto; align-items: center; }
.personal-entry-heading-actions [aria-busy="true"] { opacity: .5; cursor: progress; }
.personal-premium .personal-updates-all { justify-self: end; padding: 10px 14px; min-height: 44px; border: 1px solid #ddc6ce; border-radius: 13px; color: #5a1718; background: #f6edef; font-weight: 700; }
.personal-notification-center .personal-inline-head [data-toggle-personal-notifications] { margin-left: auto; width: 44px; height: 44px; }
.personal-entry-kind-icon { color: #5a1718; background: #f2eaec; border-radius: 13px; padding: 10px; display: grid; place-items: center; flex: none; }
.personal-entries .personal-entry-photo-button { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(145deg,#f6edef,#eddee3); color: #5a1718; border: 1px solid #ddc6ce; }
.personal-entry-kind-picker, .lined-entry-photo-viewer { width: calc(100% - 32px); max-width: 390px; max-height: 90dvh; padding: 20px; border: 1px solid #decbd0; border-radius: 24px; margin: auto; background: #fff; color: #302629; box-shadow: 0 20px 70px #290a1340; }
.personal-entry-kind-picker::backdrop, .lined-entry-photo-viewer::backdrop { background: #2e0e16b8; }
.personal-entry-kind-picker header, .lined-entry-photo-viewer header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.personal-entry-kind-picker h3, .lined-entry-photo-viewer h2 { flex: 1; margin: 0; font-size: 1.05rem; overflow-wrap: anywhere; }
.personal-entry-kind-picker > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.personal-entry-kind-picker > div > button { min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: #f7eff2; }
.lined-entry-photo-viewer header button { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 14px; color: #5a1718; background: #f2e8ec; font: inherit; font-size: 24px; cursor: pointer; }
.lined-entry-photo-stage { position: relative; height: 360px; max-height: 60dvh; border-radius: 14px; overflow: hidden; background: #f5f0f2; display: grid; place-items: center; }
.lined-entry-photo-stage p { padding: 20px; text-align: center; color: #796871; font-size: 14px; }
.lined-entry-photo-stage img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 180ms ease-out; }
.lined-entry-photo-stage img.is-ready { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .lined-entry-photo-stage img { transition: none; } }
@media (max-width: 360px) {
  .personal-entries .personal-notes-toolbar h2 { font-size: 1.05rem; }
  .personal-entry-ingredient { grid-template-columns: minmax(0, 1fr) 44px; }
  .personal-entry-ingredient > label:first-child { grid-column: 1 / -1; }
  .personal-entry-allergens { grid-template-columns: minmax(0, 1fr); }
}
/* Complete shared cards are distinct from roster/prep publications. */
.stream-pilot-message .bubble.stream-pilot-note-message { border:0; outline:none; box-shadow:none; }
.stream-pilot-message .bubble.stream-pilot-note-message > strong { display:block; margin:0 4px 8px; color:#5a1718; }
.stream-pilot-message .bubble.stream-pilot-note-message > .message-meta { margin:8px 4px 0; width:auto; color:#796871; }
.lined-chat-entry button, .stream-pilot-note-picker button, .stream-pilot-pending-note button, .stream-pilot-send { touch-action:manipulation; }
.lined-chat-entry button:focus:not(:focus-visible), .lined-entry-photo-viewer button:focus:not(:focus-visible) { outline:none; }
.lined-chat-entry button:focus-visible, .lined-entry-photo-viewer button:focus-visible { outline:2px solid #681c20; outline-offset:3px; }
.lined-chat-entry button:disabled { cursor:default; opacity:.5; }
.stream-pilot-send[aria-busy="true"] { opacity:.55; }
.lined-chat-entry { box-sizing:border-box; width:100%; max-width:390px; padding:20px; border:1px solid #ded0d2; border-radius:20px; color:#282326; background:#fff; box-shadow:0 5px 16px #5a17180a; text-align:left; }
.lined-chat-entry-recipe { background:#fffaf1; border-top:4px solid #681c20; }
.lined-chat-entry header { display:flex; justify-content:space-between; gap:12px; align-items:center; min-height:44px; }
.lined-chat-entry-kind { display:flex; gap:8px; align-items:center; color:#681c20; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.lined-chat-entry .lined-entry-photo-button { flex:0 0 44px; width:44px; height:44px; padding:0; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,#f6edef,#eddee3); color:#5a1718; border:1px solid #ddc6ce; cursor:pointer; }
.lined-chat-entry h3 { margin:12px 0 20px; font-size:23px; line-height:1.2; color:#4e1c20; overflow-wrap:anywhere; }
.lined-chat-entry-recipe h3 { font-family:Georgia,serif; font-size:27px; }
.lined-chat-entry h4 { margin:0 0 8px; font-size:11px; font-weight:800; color:#681c20; text-transform:uppercase; letter-spacing:.07em; }
.lined-chat-entry-content { display:grid; gap:20px; overflow-wrap:anywhere; }
.lined-chat-entry-content p, .lined-chat-entry .lined-chat-entry-text { margin:0; display:block; font-size:14px; line-height:1.65; white-space:pre-wrap; color:#383034; }
.lined-chat-entry ul { margin:0; padding-left:18px; font-size:14px; line-height:1.7; white-space:pre-wrap; }
.lined-chat-entry footer { border-top:1px solid #e8deda; margin-top:22px; padding-top:14px; }
.lined-chat-entry footer button { width:100%; min-height:44px; padding:10px 14px; border-radius:13px; border:1px solid #dbc9cb; color:#641e22; background:#fff; font:inherit; font-size:13px; font-weight:800; cursor:pointer; }
.lined-entry-copy-dialog { box-sizing:border-box; margin:auto; width:calc(100% - 32px); max-width:380px; max-height:85dvh; overflow:auto; border:1px solid #decdd0; border-radius:22px; padding:20px; color:#30282c; background:#fffafa; }
.lined-entry-copy-dialog::backdrop { background:#30111670; }
.lined-entry-copy-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lined-entry-copy-dialog h2 { margin:0; font-size:19px; }
.lined-entry-copy-dialog button { min-height:44px; border:0; border-radius:12px; background:#f0e5e8; color:#641d22; font:inherit; font-weight:750; padding:10px 14px; }
.lined-entry-copy-dialog form { display:grid; gap:18px; }
.lined-entry-copy-dialog form[hidden] { display:none; }
.lined-entry-copy-dialog label { display:grid; gap:8px; font-size:14px; font-weight:750; }
.lined-entry-copy-dialog select { width:100%; min-height:46px; padding:10px; border:1px solid #decdd0; border-radius:12px; background:white; color:#30282c; font:inherit; }
.lined-entry-copy-dialog button[type=submit] { color:white; background:#681c20; }
.lined-entry-copy-dialog button:disabled { opacity:.55; }
.personal-home-view.app-view {
  --personal-frame-space: 0px;
  --personal-nav-space: 96px;
  height: calc(100dvh - var(--personal-frame-space));
  min-height: 0;
  overflow: hidden;
  overscroll-behavior: none;
  padding-bottom: calc(var(--personal-nav-space) + var(--safe-bottom));
}
.personal-home-view .personal-premium {
  display: flex;
  flex-direction: column;
  height: calc(100dvh - var(--personal-frame-space) - var(--fixed-topbar-height) - var(--personal-nav-space) - var(--safe-bottom));
  min-height: 0;
  padding: 12px 18px 12px;
  gap: 12px;
  overflow: hidden;
}
.personal-home-view .personal-command-card,
.personal-home-view .personal-kpi-row { flex: 0 0 auto; }
.personal-home-view .personal-command-card .clock-next-shift { margin-bottom: 0; }
.personal-home-view .personal-hub-grid {
  container: personal-home-tiles / size;
  flex: 1 1 0;
  min-height: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.personal-home-view .personal-hub-grid > button {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
  min-height: 0;
  min-width: 0;
  align-content: center;
  padding: clamp(10px, 2.2dvh, 24px);
  gap: clamp(5px, 1dvh, 10px);
}
.personal-home-view .personal-hub-grid > button > span { width: 44px; height: 44px; border-radius: 15px; }
.personal-home-view .personal-hub-grid svg { width: 24px; height: 24px; }
.personal-home-view .personal-hub-grid strong { font-size: clamp(16px, 2.1dvh, 21px); line-height: 1.15; }
.personal-home-view .personal-hub-grid small { line-height: 1.2; }
/* Updates remain accessible without taking the four tiles' flexible space. */
.personal-home-view .personal-request-updates { flex: 0 0 auto; padding: 0; display: flex; justify-content: flex-end; border: 0; box-shadow: none; background: none; }
.personal-home-view .personal-request-updates > article { display: none; }
.personal-home-view .personal-updates-all { width: auto; height: auto; min-height: 36px; padding: 7px 12px; font-size: 12px; line-height: 1.2; }
.personal-home-view .personal-notification-center {
  position: fixed; z-index: 121;
  top: calc(var(--fixed-topbar-height) + var(--personal-frame-space) / 2 + 12px);
  left: 50%; transform: translateX(-50%);
  width: min(calc(100% - 36px), 444px);
  max-height: calc(100dvh - var(--fixed-topbar-height) - var(--personal-frame-space) - var(--personal-nav-space) - var(--safe-bottom) - 24px);
  min-height: 0; overflow-y: auto; overscroll-behavior: contain;
  background: #fffafa;
}
@media (max-height: 740px) {
  .personal-home-view .personal-premium { gap: 8px; padding: 8px 14px 10px; }
  .personal-home-view .personal-command-card { padding: 9px; gap: 6px; }
  .personal-home-view .personal-command-card .clock-card { padding: 7px; min-height: 44px; }
  .personal-home-view .personal-command-card .personal-helper-copy { display: none; }
  .personal-home-view .personal-command-card .clock-next-shift small,
  .personal-home-view .personal-command-card .clock-card small { font-size: 11px; line-height: 1.2; }
  .personal-home-view .personal-kpi-row article { min-height: 48px; padding: 7px; }
  .personal-home-view .personal-hub-grid { gap: 8px; }
  .personal-home-view .personal-hub-grid > button { padding: 9px 12px; gap: 5px; }
  .personal-home-view .personal-hub-grid > button > span { width: 32px; height: 32px; border-radius: 11px; }
  .personal-home-view .personal-hub-grid svg { width: 20px; height: 20px; }
  .personal-home-view .personal-hub-grid small { display: none; }
}
@media (max-height: 600px) {
  .personal-home-view .personal-hub-grid > button { padding: 6px 10px; gap: 4px; }
  .personal-home-view .personal-hub-grid > button > span { width: 24px; height: 24px; border-radius: 8px; }
}
@media (max-height: 450px) and (min-width: 500px) {
  body:has(.personal-home-view) { padding: 0; }
  .personal-home-view .app-header { top: 0; }
  .personal-home-view.app-view { --personal-nav-space: 84px; }
  .personal-home-view .personal-premium { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); grid-template-rows: minmax(0, 1fr) auto; gap: 6px 12px; padding: 6px 14px; }
  .personal-home-view .personal-command-card { grid-column: 1; grid-row: 1; min-height: 0; padding: 6px; gap: 2px; }
  .personal-home-view .personal-command-card .clock-next-shift { gap: 2px; }
  .personal-home-view .personal-command-card .clock-next-shift span { display: none; }
  .personal-home-view .personal-command-card .clock-next-shift strong { font-size: 11px; }
  .personal-home-view .personal-command-card .clock-next-shift small,
  .personal-home-view .personal-command-card .clock-card small { font-size: 10px; line-height: 1.1; }
  .personal-home-view .personal-command-card .clock-card { padding: 4px; }
  .personal-home-view .personal-command-card .clock-card { gap: 4px; }
  .personal-home-view .personal-command-card .clock-card button { min-width: 64px; padding: 0 6px; font-size: 11px; }
  .personal-home-view .personal-command-card .clock-card strong { font-size: 12px; }
  .personal-home-view .personal-kpi-row { grid-column: 1; grid-row: 2; }
  .personal-home-view .personal-kpi-row { gap: 4px; }
  .personal-home-view .personal-kpi-row article { min-height: 34px; padding: 4px; gap: 2px; }
  .personal-home-view .personal-kpi-row small { font-size: 8px; letter-spacing: 0; }
  .personal-home-view .personal-kpi-row strong { font-size: 14px; }
  .personal-home-view .personal-hub-grid { grid-column: 2; grid-row: 1 / span 2; }
  .personal-home-view .personal-hub-grid > button { padding: 6px; gap: 4px; }
  .personal-home-view .personal-hub-grid > button > span { display: none; }
  .personal-home-view .personal-hub-grid strong { font-size: 15px; }
  .personal-home-view .personal-request-updates { grid-column: 2; grid-row: 2; }
  .personal-home-view .personal-premium:has(.personal-request-updates) .personal-updates-all { min-height: 34px; padding: 3px 10px; font-size: 12px; }
  .personal-home-view .personal-premium:has(.personal-request-updates) .personal-hub-grid { grid-row: 1; }
}
@media (min-width: 720px) and (min-height: 451px) {
  .personal-home-view.app-view { --personal-frame-space: 56px; }
}
@container personal-home-tiles (max-height: 310px) {
  .personal-home-view .personal-hub-grid > button { padding: 8px 10px; gap: 5px; }
  .personal-home-view .personal-hub-grid > button > span { width: 32px; height: 32px; }
  .personal-home-view .personal-hub-grid small { display: none; }
}
@container personal-home-tiles (max-height: 170px) {
  .personal-home-view .personal-hub-grid > button { padding: 6px 8px; gap: 4px; }
  .personal-home-view .personal-hub-grid > button > span { width: 24px; height: 24px; }
}
@container personal-home-tiles (max-height: 140px) {
  .personal-home-view .personal-hub-grid > button > span { display: none; }
}