/* Compact, calm mobile presentation. All fields, actions and information stay available. */
.mobile-home-shortcuts{display:none}
.mobile-home-configured #page-dashboard .desktop-field-shortcuts{display:none!important}
.mobile-home-configured .mobile-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 24px}
.mobile-home-shortcuts button{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:76px;min-width:0;padding:15px 18px;text-align:left;background:var(--panel,#1b3026);color:var(--text,#f4eee4);border:1px solid var(--border,#506653);border-radius:9px}
.mobile-home-shortcuts button>span{flex:none}.mobile-home-shortcuts strong{font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.mobile-home-shortcuts svg{width:27px;height:27px;color:var(--ind-orange,#cfb58e)}
.mobile-home-shortcuts button:hover{border-color:var(--ind-orange,#cfb58e)}
.mobile-home-block-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.mobile-home-block-settings label,.mobile-home-setting-row label{display:flex;align-items:center;gap:9px}
.mobile-home-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line,#65736a)}
.mobile-home-setting-row>div{display:flex;gap:6px}
.mobile-home-setting-row button{min-width:44px}
@media(max-width:820px){
 .mobile-home-configured #page-dashboard .mobile-home-hidden{display:none!important}
 .mobile-home-configured #page-dashboard .grid2:has(>[data-mobile-home-block].mobile-home-hidden):not(:has(>[data-mobile-home-block]:not(.mobile-home-hidden))){display:none}
 .mobile-home-configured .mobile-home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px}
 .mobile-home-shortcuts button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:9px;text-align:left;min-width:0;min-height:106px;padding:12px 9px!important;background:var(--panel,#1b3026);color:var(--text,#f4eee4);border:1px solid var(--border,#506653)}
 .mobile-home-shortcuts strong{font-size:12px;line-height:1.3;hyphens:auto;overflow-wrap:anywhere}
 .mobile-home-shortcuts svg{width:25px;height:25px;color:var(--ind-orange,#cfb58e)}
}
@media (max-width: 820px) {
  .page { padding-top: 12px; padding-bottom: calc(18px + env(safe-area-inset-bottom)); }
  .page > .section-head { align-items: flex-start; margin-bottom: 10px; gap: 8px; }
  .page > .section-head p { margin: 3px 0 0; font-size: 13px; line-height: 1.4; color: var(--muted, #65736a); }
  .page h2 { margin-bottom: 10px; line-height: 1.25; }
  .panel { padding: 13px 12px; box-shadow: 0 2px 8px rgba(21, 48, 31, .045); }
  .form { gap: 9px; }
  .form label, .page label { gap: 5px; line-height: 1.35; }
  .page small, .page .meta, .page .hint, .page .helper-text { font-size: 12px; line-height: 1.4; }
  .page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .page select, .page textarea,
  .modal input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .modal select, .modal textarea { padding: 9px 11px; border-radius: 9px; }
  .page button, .page .pdfbtn, .modal button { min-height: 44px; border-radius: 9px; }
  .page .actions { gap: 7px; }
  .page .item, .page .metric { border-radius: 11px; }
  .page .statusbox { margin: 8px 0; padding: 9px 11px; border-radius: 9px; line-height: 1.4; }
  .page .table-wrap { margin-top: 10px; }
  .page details > summary { min-height: 40px; padding: 9px 0; }
  .page .section-head > .actions { gap: 7px; }
  .modal-card, .modal-card.wide { box-shadow: 0 -8px 35px rgba(0, 0, 0, .16); }
}

@media (max-width: 420px) {
  .page { padding-left: max(10px, env(safe-area-inset-left)); padding-right: max(10px, env(safe-area-inset-right)); }
  .page > .section-head p { font-size: 12px; }
  .page .panel { padding: 11px 10px; }
  .page .actions > button, .page .actions > a { padding-left: 9px; padding-right: 9px; }
}