/* Account-only layout adapter. Session and API gates remain in dashboard.js. */
.desk-shelf-views { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 12px; }
.desk-shelf-views .ws-btn { min-height:44px; font-size:.8rem; gap:8px; }
.desk-shelf-views .ws-btn[aria-pressed="true"] { background:var(--acid); color:#1c1030; border-color:var(--ink); }
.desk-shelf-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.desk-shelf-actions .ws-btn { min-height:44px; white-space:normal; text-align:center; font-size:.75rem; padding:8px; }
.account-collector #dash-main, .account-collector .dash-shell { max-width: none; margin: 0; padding: 0; width: 100%; }
.account-collector.is-signed-in > .ws-nav { display: none; }
.account-collector:not(.is-signed-in) #dash-main { padding: 32px 20px; }
.account-collector #dash-app { grid-template-columns: 184px minmax(0, 1fr); }
.account-collector .demo-workspace { padding-bottom: 32px; }
.account-collector .dash-head { margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 10px; }
.account-collector .dash-who { overflow-wrap: anywhere; font-size: .75rem; }
.account-collector .dash-tabs { gap: 8px; margin-bottom: 22px; flex-wrap: wrap; }
.account-collector .dash-tab { font-size: .75rem; white-space: normal; }
.account-collector #dash-watchlist { display: block; }
.account-collector #dash-app[data-paid="true"] .dash-rows { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.account-collector #dash-app[data-paid="true"] .desk-watch { height: 100%; }
.account-collector .dash-rows > .desk-watch { margin: 0; }
.account-collector .dash-note { font-size: .8rem; line-height: 1.6; }
.account-collector .demo-alert-panel > .ws-btn { margin-top: 16px; min-height: 44px; font-size: .75rem; width: 100%; white-space: normal; text-align: center; }
.account-drop-card > img { float: right; width: 74px; height: 74px; object-fit: contain; margin: -6px -4px 6px 8px; }
.account-drop-card h2 { font-size: 1.8rem; font-variation-settings: "wdth" 65; text-transform: none; line-height: 1.1; margin: 0 0 12px; }
.account-drop-card > p { font-size: .8rem; line-height: 1.7; margin: 12px 0; }
.account-drop-card .demo-rail-note { clear: both; font-size: .75rem; margin-bottom: 0; }
.account-mobile-signout { display: none; min-height: 44px; align-items: center; font-weight: 700; color: var(--ink); }
.account-collector .dash-field__help { overflow-wrap: anywhere; }
@media (max-width: 1180px) { .account-collector #dash-app[data-paid="true"] .dash-rows { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 960px) { .account-collector .demo-right-rail { display: flex; } }
@media (max-width: 740px) {
  .account-collector #dash-app { display: block; }
  .account-collector .demo-sidebar nav { flex-wrap: wrap; justify-content: flex-start; }
  .account-collector .demo-sidebar nav a { flex: 1 1 55px; }
  .account-collector .account-mobile-signout { display: inline-flex; }
  .account-collector .dash-tab { flex: 1; padding: 10px 8px; min-height: 44px; }
  .account-collector .demo-page-head { margin-bottom: 18px; }
}
@media (max-width: 540px) { .account-collector #dash-app[data-paid="true"] .dash-rows { grid-template-columns: 1fr; } }

.account-collector .desk-watch .dash-row__side > .ws-btn--primary { background: var(--acid); color: #1c1030; border-color: var(--ink); }
@media(max-width:540px) { .account-collector .desk-watch .dash-row__side > .ws-btn--primary { grid-column:1/-1; order:4; } }

.account-collector .ws-btn:hover { color:var(--ink); }
.account-collector .ws-btn--primary:hover { background:var(--acid); color:#1c1030; }
.desk-setup { margin:0 0 22px; padding:18px; border:1px solid var(--line); border-radius:14px; background:var(--card); color:var(--ink); }
.desk-setup summary { display:flex; justify-content:space-between; gap:12px; cursor:pointer; min-height:44px; align-items:center; font-weight:800; }
.desk-setup summary span:last-child { font-size:.8rem; white-space:nowrap; }
.desk-setup ol { padding-left:24px; margin:16px 0; }
.desk-setup li { padding:10px 0; }
.desk-setup li p,.desk-setup > p { margin:6px 0; font-size:.85rem; line-height:1.6; }
.desk-setup-status { display:inline-block; margin-left:10px; font-size:.75rem; }
.desk-setup [data-setup-done="true"] .desk-setup-status { font-weight:800; }
.desk-setup .ws-btn { min-height:44px; white-space:normal; }
.desk-setup summary:focus-visible { outline:3px solid var(--hot); outline-offset:4px; }
@media(max-width:540px) { .desk-setup summary { align-items:flex-start; flex-direction:column; gap:6px; } }
