/* Daily Life Doc, round 33 (zone A, gap 7): Ask AI on the To review and Calls pages (js/ask/ask-page.js), the same
   column as on Clients (css/ask.css, .clp.askon): the page's own content keeps its look and scrolls on the left, the
   panel stands on the right at a computer, and covers the whole screen at 880 px and narrower. Closed, the page is
   exactly as before (the column is display: none). The head buttons reuse .cl-askb and .cl-askr of css/ask.css. */
.tabview > .akask { display: none; }
.page:has(> .tabview.akon) { overflow: hidden; display: flex; flex-direction: column; }
.tabview.akon { flex: 1; min-height: 0; height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; }
.tabview.akon > :not(.akask) { min-width: 0; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
.tabview.akon > .akask { display: flex; min-width: 0; min-height: 0; border-radius: 18px; background: var(--card); overflow: hidden; animation: dd-rise var(--m-add) var(--ease-out) both; }

@media (max-width: 880px) {
  .tabview.akon { display: block; }
  .tabview.akon > .akask { position: fixed; inset: 0; z-index: 40; border-radius: 0; height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .tabview.akon > .akask { animation: none; }
}