/* Prompts phone layout: one document scroller, native touch panning. */
@media (max-width:767px) {
  html:has(body#prompts-app) {height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:auto!important;scrollbar-width:auto!important;scrollbar-color:auto!important;scroll-padding-bottom:80px}
  html:has(body#prompts-app)::-webkit-scrollbar {width:8px;height:8px}
  html:has(body#prompts-app)::-webkit-scrollbar-track {background:transparent}
  html:has(body#prompts-app)::-webkit-scrollbar-thumb {background:rgba(23,43,77,.16);border-radius:8px}
  html[data-theme=dark]:has(body#prompts-app)::-webkit-scrollbar-thumb {background:#81978a}
  body#prompts-app#prompts-app[data-writing-design] {height:auto!important;min-height:100dvh;overflow:visible!important}
  body#prompts-app#prompts-app[data-writing-design] .app.grammar-page.bb-skrivebord {height:auto!important;min-height:100dvh!important;overflow:visible!important;padding-bottom:calc(var(--mn-bar-height,60px) + 12px)!important}
  body#prompts-app#prompts-app[data-writing-design] #main-content {height:auto!important;max-height:none!important;overflow:visible!important}
  body#prompts-app#prompts-app[data-writing-design] #sk-doc-browser {height:auto!important;min-height:calc(100dvh - var(--mn-bar-height,60px) - 32px);overflow:visible!important;padding:24px 16px!important;box-shadow:var(--ss-frame-mobile-shadow,var(--ss-frame-shadow))}
  body#prompts-app #platform-center {padding-bottom:0}
  body#prompts-app #platform-center .center-heading {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;align-items:center;margin-bottom:28px}
  body#prompts-app #platform-center .center-heading h1 {grid-area:1/1;font-size:28px}
  body#prompts-app #platform-center .create {display:contents}
  body#prompts-app #platform-center .create>button {min-width:0;width:100%;font-size:14px;white-space:normal;padding:10px 8px;line-height:1.4}
  body#prompts-app #platform-center .create>button::after {content:none}
  body#prompts-app #platform-center .create .action-label {display:block;overflow-wrap:anywhere}
  body#prompts-app #new-folder {grid-area:2/1}
  body#prompts-app #new-prompt {grid-area:2/2}
  body#prompts-app #platform-center .create #receive-code {grid-area:1/2;justify-self:end;width:auto;justify-content:center;padding:8px;min-height:44px;text-align:end}
  body#prompts-app #platform-center .board-heading {margin:0 0 16px}
  body#prompts-app #platform-center .board-heading p {font-size:14px;line-height:1.5}
  body#prompts-app #platform-center #category-tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
  body#prompts-app #platform-center #category-tabs button {flex-direction:row;justify-content:flex-start;min-height:60px;padding:10px;gap:8px;margin:0;border-radius:12px;font-size:13px;line-height:1.35;border:1px solid var(--border);text-align:start}
  body#prompts-app #platform-center #category-tabs button[aria-selected=true] {background:var(--selected);border-color:var(--control);color:var(--text)}
  body#prompts-app #platform-center #category-tabs .platform-tab-label {align-items:flex-start;min-width:0}
  body#prompts-app #platform-center #category-tabs .platform-tab-here {white-space:normal;font-size:11px}
  body#prompts-app #platform-center #board .platform-box {padding:18px 12px;min-height:96px;border-radius:14px}
  body#prompts-app #platform-center .box-items {display:flex;flex-direction:column;gap:14px}
  body#prompts-app #platform-center .assignment {width:100%;min-width:0}
  body#prompts-app #platform-center .assignment-open {flex:1;min-width:0;min-height:46px;font-size:15px}
  body#prompts-app #platform-center .assignment .remove {flex:0 0 44px;min-width:44px;min-height:44px}
  body#prompts-app #platform-center .library-head {gap:12px;margin:28px 0 20px}
  body#prompts-app #platform-center .library-head .search {width:100%;height:48px}
  body#prompts-app #platform-center #library {display:flex;flex-direction:column;gap:14px}
  body#prompts-app #platform-center #library :is(.source-group,.folder-chip,.library-prompt) {width:100%;min-width:0}
  body#prompts-app #platform-center #library :is(.folder-chip,.library-prompt)>button:first-child {flex:1;justify-content:flex-start;min-width:0;min-height:46px;font-size:15px}
  body#prompts-app #platform-center #library .row-more {flex:0 0 44px}
  body#prompts-app #platform-center #opened .panel-head {flex-wrap:wrap}
  body#prompts-app #platform-center #opened .panel-head h2 {flex-basis:calc(100% - 54px)}
  body#prompts-app #platform-center #opened .panel-head .close {order:1}
  body#prompts-app #platform-center #opened .header-share {order:2;margin-inline-start:auto}
  body#prompts-app #platform-center #opened .folder-edit span {white-space:normal;overflow-wrap:anywhere}
  body#prompts-app #platform-center #opened[data-side=sheet]::after {display:none}
}
body#prompts-app #platform-center .drag-source:not(.drag-handle) {touch-action:pan-y pinch-zoom}
@media (pointer:coarse) {
  body#prompts-app #platform-center .drag-source:not(.drag-handle) {cursor:pointer}
}
/* Keep the tablet transition inside the existing desktop frame. */
@media (min-width:768px) and (max-width:1023px) {
  body#prompts-app #platform-center .center-heading {flex-wrap:wrap}
  body#prompts-app #platform-center #category-tabs button {flex:1;min-width:0;white-space:normal;padding:10px 8px;gap:7px;font-size:14px}
  body#prompts-app #platform-center #category-tabs .platform-tab-label {flex-direction:column;align-items:flex-start;min-width:0}
  body#prompts-app #platform-center #category-tabs .platform-tab-here {white-space:normal}
  body#prompts-app #platform-center .library-head h2 {flex-shrink:0}
  body#prompts-app #platform-center .library-head .search {flex:0 1 240px}
}