/* Shared phone layout, loaded after the page themes. */
@media screen {
  .employee-logo {display:block;width:150px;max-width:100%;height:80px;object-fit:contain}
  #employee-app .login-logo {display:block;width:170px;max-width:100%;height:90px;object-fit:contain;margin:0 auto 24px}
  .login,.register-page {min-height:100vh;min-height:100svh}
}
@media screen and (max-width:650px) {
  .main,.login-layout,.loginbox,.register-card,.form label {min-width:0}
  .login.login-entry {justify-content:flex-start;padding:20px 16px 28px}
  .login-entry .login-preferences {position:static;width:100%;max-width:460px;margin-bottom:24px}
  .login-entry .login-layout {gap:20px}
  .login-entry .login-logo {margin-bottom:12px}
  .login-welcome h1 {font-size:30px}
  .login-description {line-height:1.5}
  .language-selector,.language-buttons {min-width:0;max-width:100%;flex-wrap:wrap}
  .language-choice {white-space:normal;min-height:44px}
  .nav button {overflow-wrap:anywhere}
  .top,.employee-page .top {flex-wrap:wrap;gap:12px}
  .toolbar input,.toolbar>input {min-width:0;max-width:100%}
  input:not([type=checkbox]):not([type=radio]),select,textarea,
  .datepick input,.person-controls select,.assignment-controls select {font-size:16px}
  .date-controls,.datepick {min-width:0}
  .datepick {flex-wrap:wrap}
  .datepick input {width:100%;min-width:0}
  .person-controls {width:auto;min-width:0;flex:1 1 100%;margin-left:0}
  .person-controls select {width:0;flex:1;min-width:0}
  .assignment-controls {flex-wrap:wrap}
  .assignment-controls select {min-width:0;flex:1 1 120px}
  .direction-heading {flex-wrap:wrap}
  .list li {flex-wrap:wrap}
  .list li>span,.register-card h1,.owner-header h2 {overflow-wrap:anywhere;min-width:0}
  .employee-page .tag {white-space:normal}
  .employee-page .panel {min-width:0;overflow:visible}
  .register-page {padding:16px;align-items:start}
  .register-card {max-width:100%;overflow-wrap:anywhere}
  .register-actions {grid-template-columns:1fr}
  .modal {padding:10px;overflow:auto}
  .modal>div {min-width:0;max-height:90vh;max-height:90dvh}
  .row-menu summary,.text-btn,.small {min-height:44px}
  .panel:has(>table),.register-table {max-width:100%;overflow-x:auto}
}