/* Plandero desktop refinement. The mobile application keeps its own layout. */
@media (min-width:901px) {
  #app > .shell[data-app="plandero"].pld-shell {
    grid-template-columns:248px minmax(0,1fr);
  }
  #app > .shell[data-app="plandero"].pld-shell > .sidebar.pld-sidebar {
    width:248px;
  }
  #app > .shell[data-app="plandero"].pld-shell .pld-sidebar .brand {
    min-height:76px;
    padding-block:12px;
  }
  #app > .shell[data-app="plandero"].pld-shell .pld-sidebar-nav .pld-nav-entry {
    gap:10px;
    font-size:.79rem;
  }
  #app > .shell[data-app="plandero"].pld-shell .pld-sidebar-nav .pld-nav-child {
    font-size:.73rem;
  }
  #app > .shell[data-app="plandero"].pld-shell .pld-sidebar-nav .pld-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    padding:3px;
    border-radius:5px;
    background:#e8f3fb;
  }
  #app > .shell[data-app="plandero"].pld-shell .pld-sidebar-nav .pld-icon svg {
    display:block;
    width:16px;
    height:16px;
  }
  .shell[data-app="plandero"]:has(.pld-workspace) .topbar {
    min-height:54px;
    padding:10px 24px;
  }
  .shell[data-app="plandero"]:has(.pld-workspace) .topbar .title-block h1 {
    font-size:1.05rem;
    line-height:1.4;
    letter-spacing:-.02em;
  }
  .shell[data-app="plandero"]:has(.pld-workspace) .topbar .title-block p {
    display:none;
  }
  .shell[data-app="plandero"]:has(.pld-workspace) .content {
    padding:18px 24px 36px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-titlebar {
    margin-bottom:12px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-titlebar h1 {
    margin-top:4px;
    font-size:1.5rem;
    line-height:1.3;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-overline {
    font-size:.66rem;
    letter-spacing:.075em;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-nav {
    margin-bottom:14px;
    border-radius:11px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-board-compact {
    padding:14px;
    border-color:#d5e1eb;
    box-shadow:0 2px 8px #142f4805;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-toolbar-compact .pld-date-heading > h2 {
    font-size:.86rem;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-board-status {
    gap:8px 16px;
    margin-bottom:10px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-board-status .pld-compact-dashboard dt {
    font-size:.71rem;
    color:#425e76;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-planning-layout {
    grid-template-columns:208px minmax(0,1fr);
    gap:14px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-planning-layout:not(:has(.pld-selection-workspace)) {
    grid-template-columns:minmax(0,1fr);
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar {
    --pld-cell-width:142px!important;
    min-width:calc(184px + var(--pld-days) * var(--pld-cell-width));
  }
  .shell[data-app="plandero"] .pld-workspace :is(.pld-calendar-header,.pld-calendar-row) {
    grid-template-columns:184px repeat(var(--pld-days),minmax(var(--pld-cell-width),1fr));
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-scroll {
    max-height:calc(100dvh - 300px);
    min-height:280px;
    scrollbar-color:#7e9cb4 #edf3f8;
  }
  .shell[data-app="plandero"] .pld-workspace :is(.pld-calendar-axis,.pld-calendar-day) {
    font-size:.73rem;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-label > strong {
    font-size:.8rem;
    line-height:1.45;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-label > small {
    font-size:.69rem;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-group {
    padding:6px 12px;
    font-size:.76rem;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-group > button {
    min-height:36px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-cell {
    gap:8px;
    min-height:104px;
    padding:8px 6px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-event {
    position:relative;
    display:block;
    border-radius:8px;
    box-shadow:0 1px 2px #142f4808;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-event > input {
    position:absolute;
    inset-inline-start:7px;
    top:8px;
    width:16px;
    height:16px;
    margin:0;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-content {
    padding:7px 8px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-content > .pld-person-identity {
    grid-template-columns:24px minmax(0,1fr);
    gap:6px;
    min-height:28px;
    padding:0;
    font-size:.74rem;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-event:has(> input) .pld-person-identity {
    padding-inline-start:22px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-event:has(> input):not(:has(.pld-person-identity)) .pld-calendar-content {
    padding-top:29px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-content > button[data-pld="shift"] {
    gap:5px;
    padding:6px 0 2px;
    min-height:48px;
    line-height:1.4;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-content > button[data-pld="shift"] > strong {
    display:block;
    font-size:.78rem;
    font-weight:600;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-full-period {
    display:none;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-clock-period[hidden] {
    display:block!important;
    white-space:normal;
    word-break:keep-all;
    direction:ltr;
    unicode-bidi:isolate;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-day-hint[hidden] {
    display:block!important;
    font-size:.68rem;
    line-height:1.4;
    white-space:normal;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-content > button[data-pld="shift"] > :is(span,small) {
    font-size:.7rem;
    line-height:1.45;
    overflow-wrap:normal;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-add {
    min-height:32px;
    opacity:.75;
  }
  .shell[data-app="plandero"] .pld-workspace :is(button,a,input,select,summary):focus-visible {
    outline:3px solid #147ac2;
    outline-offset:3px;
  }
  .shell[data-app="plandero"] .pld-workspace .pld-calendar-content > button:focus-visible {
    border-radius:4px;
    outline-offset:1px;
  }
}