/* The computer's board under Base, out of index.html only for the page
   budget. Loaded after the bench's own styles, so its tokens apply. */
  /* The computer's board under Base. Hidden on the phone, which keeps Base
     to one screen. */
  .base-desk{display:none}
  @media (min-width:881px){
    #paneToday > .today:has(.base-desk){max-width:1040px}
    #paneToday > .today > :not(.base-desk){width:100%;max-width:520px;align-self:center}
    #paneToday > .today:has(#baseGrid.laid) > #baseGrid{max-width:none}
    /* FIT, 2026-10-20: "make it fit a little better". The top block ran as a
       520px column over a 1040px board, and the page scrolled at 1280x800.
       Now it is the board's width, the box beside search with the pills
       under it, and the counts and room tiles are tighter. Not while he has
       laid Base out by hand: his layout wins. */
    #paneToday > .today:has(.base-desk) > #prompterBox{max-width:none}
    #paneToday > .today:has(.base-desk) > #baseGrid:not(.laid){max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    #baseGrid:not(.laid) > [data-block].wide{grid-column:auto;max-width:none}
    #baseGrid:not(.laid) > #noteCard{order:1}
    #baseGrid:not(.laid) > #baseFind{order:2}
    #baseGrid:not(.laid) > [data-block]:not(#noteCard):not(#baseFind){order:3;grid-column:1/-1}
    #baseGrid:not(.laid) > .day-ask{order:4;grid-column:1/-1}
    .desk-room span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    #paneToday:has(.base-desk) .today{gap:12px}
    .base-desk{display:flex;flex-direction:column;gap:16px;margin-top:10px}
    .desk-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
    .desk-card{
      display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;min-height:44px;
      background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r);padding:11px 16px;color:var(--white);font:inherit
    }
    .desk-card .k{font-size:13px;color:var(--grey)}
    .desk-card .v{font-family:'Lexend';font-size:24px;font-weight:300}
    .desk-card:hover{border-color:var(--line)}
    .desk-card:focus-visible,.desk-row:focus-visible,.desk-room:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
    .desk-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
    #deskWork .strip{padding:12px 18px 4px;margin:0}
    .desk-panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r);padding:6px 0 10px}
    .desk-panel h2{margin:0;padding:12px 18px;font-family:'Lexend';font-weight:500;font-size:13px;color:var(--grey);border-bottom:1px solid var(--line-soft)}
    .desk-row{
      display:flex;justify-content:space-between;gap:12px;width:100%;min-height:44px;align-items:center;
      background:none;border:0;border-bottom:1px solid var(--line-soft);padding:0 18px;color:var(--white);font:inherit;font-size:14px;text-align:left;cursor:pointer
    }
    .desk-row .t{color:var(--grey);font-size:12px;flex:none}
    .desk-row:hover{background:rgba(255,255,255,.03)}
    .desk-empty{margin:0;padding:14px 18px;color:var(--grey);font-size:14px}
    .desk-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 14px 2px}
    .desk-room{
      display:flex;flex-direction:column;gap:4px;text-align:left;min-height:44px;cursor:pointer;
      background:none;border:1px solid var(--line-soft);border-radius:10px;padding:8px 12px;color:var(--white);font:inherit;font-size:14px
    }
    .desk-room span{color:var(--grey);font-size:12px}
    .desk-room:hover{border-color:var(--line)}
  }