/* SVM Solar Unternehmenszentrale – Smartphone-Ansicht, 25.10.2026
   Nur Darstellung und Navigation; keine Änderungen an Lager, Lexware, Auth oder Buchhaltung. */
.svm-mobile-nav{display:none}
@media(max-width:700px){
  html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{max-width:100%;overflow-x:hidden;background:#edf3f3}
  .app{margin:0;max-width:none;width:100%;min-height:100dvh;border-radius:0;box-shadow:none;overflow:visible}
  .hero{
    display:grid!important;grid-template-columns:80px minmax(0,1fr) 46px;
    grid-template-areas:"logo brand helper" "clock clock clock" "session session session";
    gap:12px 9px!important;align-items:center;
    padding:14px 13px 15px!important;min-height:0!important;
    background:linear-gradient(110deg,#101f28eF 5%,#182d35e3 70%,#132c35cc),url('solar-header.jpg') center/cover no-repeat!important;
  }
  .hero #svmHomeLogo{grid-area:logo;min-width:0;width:80px;justify-self:start}
  .hero #svmHomeLogo .logo{width:76px!important;height:76px!important}
  .hero #svmHomeLogo .svm-logo-version{padding:3px 9px;font-size:11px!important;white-space:nowrap}
  .hero .brand{grid-area:brand;min-width:0;overflow-wrap:anywhere}
  .hero .brand h1{font-size:clamp(26px,7.3vw,36px);line-height:1.03}
  .hero .brand h2{font-size:clamp(10px,2.8vw,13px);letter-spacing:.6px;line-height:1.28;margin:5px 0 0}
  .hero .brand p{display:none}
  .hero .brand .motto{margin-top:5px;font-size:11px;line-height:1.3}
  .hero #svmHeaderHelper{
    grid-area:helper;position:static!important;
    left:auto!important;right:auto!important;top:auto!important;
    transform:none!important;width:46px!important;min-height:52px!important;
    justify-self:end;align-self:start;z-index:2
  }
  .hero #svmHeaderHelper .svm-ai-robot{width:42px!important;height:49px!important}
  .hero #svmHeaderHelper .svm-ai-bubble{display:none!important}
  .hero .hero-clock{
    grid-area:clock;position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;min-width:0!important;width:100%;max-width:none;
    padding:10px 12px!important;display:grid;grid-template-columns:minmax(0,1fr) auto;
    gap:5px 8px;align-items:center;font-size:12px!important
  }
  .hero .hero-clock .clock-date{grid-column:1/-1;font-size:12px;line-height:1.3;margin:0}
  .hero .hero-clock .clock-time{font-size:20px;line-height:1.2;white-space:nowrap}
  .hero .hero-clock #svmTopSettings{margin:0!important;padding:9px 11px!important;min-height:39px;font-size:12px!important;white-space:nowrap}
  .hero #svmSessionBar:not([hidden]){
    grid-area:session;position:static!important;
    left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    max-width:none!important;width:100%;display:flex!important;
    justify-content:space-between!important;align-items:center!important;gap:8px!important;
    flex-wrap:nowrap!important
  }
  .hero #svmSessionBar[hidden]{display:none!important}
  .hero #svmSessionName{font-size:11px!important;line-height:1.3;min-width:0;flex:1;padding:8px 9px!important}
  .hero #svmSignOut{min-height:43px;flex:0 0 auto;padding:8px 10px!important}
  .content{padding:14px 12px calc(100px + env(safe-area-inset-bottom,0px))!important}
  main.content>section{min-width:0;max-width:100%}
  .nav{align-items:stretch;gap:10px;margin-bottom:13px}
  .nav h2{margin:0;min-width:0;overflow-wrap:anywhere;font-size:clamp(19px,5.3vw,24px);line-height:1.2;flex:1 1 180px}
  .nav .back{flex:0 0 auto}
  .panel{padding:13px 12px;margin:12px 0;border-radius:13px;min-width:0;overflow-wrap:anywhere}
  .panel h3{font-size:17px;line-height:1.35}
  .form{grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .form>*{min-width:0}
  .form label{display:block;min-width:0}
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{
    max-width:100%;min-width:0;font-size:16px
  }
  input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px;accent-color:#23834b}
  .scroll{max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .scroll table{min-width:690px}
  .actions{gap:8px;align-items:stretch}
  .actions button,.actions .action{max-width:100%;white-space:normal}
  .action,.back{min-height:44px;padding:10px 13px;line-height:1.3}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile{min-width:0;padding:12px 8px;min-height:128px}
  .tile .emoji{font-size:34px;margin-bottom:5px}
  .tile strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}
  .tile small{font-size:11px;line-height:1.25}
  #start .svm-main-tiles{grid-template-columns:minmax(0,1fr)!important;gap:11px}
  #start .svm-main-tiles>.tile{
    min-height:188px!important;height:auto!important;
    padding:42px 12px 12px!important;
    border-radius:15px
  }
  #start .svm-main-tiles>.tile>.emoji{
    flex:0 0 45px!important;height:45px!important;font-size:41px!important;margin-bottom:5px!important
  }
  #start .svm-main-tiles>.tile>strong{font-size:18px;min-height:24px;line-height:24px}
  #start .svm-main-tiles>.tile>small{font-size:12px;min-height:0;margin-top:4px}
  #start .svm-main-tiles>.tile>#svmHomeWarehouseStats{margin-top:7px;font-size:12px}
  #start .svm-main-tiles #azTileEmployees{max-width:54%;font-size:11px}
  #start .svm-main-tiles #azDropboxFreshness{font-size:11px!important;right:9px!important}
  #start .svm-main-tiles>.tile>.svm-home-alert-ticker{min-height:31px}
  #start .svm-quick-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;margin-top:11px}
  #start .svm-quick-tiles>.tile,
  #start .svm-quick-tiles>.svm-control-cell,
  #start .svm-quick-tiles>.svm-control-cell>#svmControlTile{
    min-width:0;height:151px!important;min-height:151px!important
  }
  #start .svm-quick-tiles>.tile{
    padding:48px 8px 9px!important
  }
  #start .svm-quick-tiles>.svm-control-cell>#svmControlTile{
    padding:46px 8px 12px!important
  }
  #start .svm-quick-tiles>.tile strong,
  #start .svm-quick-tiles>.svm-control-cell strong{font-size:13px!important;line-height:1.3;min-height:0}
  #start .svm-quick-tiles>.tile small{font-size:10px!important}
  #start .svm-quick-tiles>.tile>.emoji{font-size:31px!important;flex-basis:37px;height:37px}
  #start .svm-control-cell .svm-control-reset{top:6px;right:6px;width:36px;height:36px}
  #start .svm-home-admin .action{width:100%}
  .svm-cloud-backup-bar{flex-direction:column;align-items:stretch!important;gap:9px!important}
  .svm-cloud-backup-bar button{min-height:44px}
  .svm-cloud-backup-bar #svmBackupStatus{min-width:0;overflow-wrap:anywhere}
  .foot{padding:13px 14px;font-size:11px;line-height:1.6}
  #svmAuthGate{padding:12px!important;align-items:center}
  #svmAuthGate .authCard{padding:20px 16px;max-height:94dvh;overflow-y:auto}
  #svmAuthGate input{font-size:16px}
  dialog{max-width:calc(100vw - 14px)!important;max-height:94dvh!important}
  dialog.svm-voucher-split-dialog{
    width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;
    max-height:94dvh!important
  }
  dialog.svm-voucher-split-dialog .svm-voucher-document-side{
    height:35dvh;min-height:220px;padding:10px
  }
  dialog.svm-voucher-split-dialog .svm-voucher-edit-side{padding:13px}
  /* Handy-Schnellnavigation: echte Seitenwechsel, dieselben Berechtigungen wie am PC. */
  .svm-mobile-nav{
    position:fixed;bottom:0;left:0;right:0;z-index:90;
    display:flex;align-items:stretch;justify-content:space-around;
    height:calc(69px + env(safe-area-inset-bottom,0px));
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
    background:#fcfffd;box-shadow:0 -5px 22px #112f3830;
    border-top:1px solid #cadbdc
  }
  .svm-mobile-nav[hidden],body.svm-locked .svm-mobile-nav{display:none!important}
  .svm-mobile-nav button{
    display:flex;flex:1;min-width:0;max-width:110px;
    flex-direction:column;align-items:center;justify-content:center;gap:3px;
    border:0;border-radius:10px;background:transparent;color:#375668;
    cursor:pointer;font:700 10px/1.2 system-ui,'Segoe UI',sans-serif;
    padding:5px 2px;touch-action:manipulation
  }
  .svm-mobile-nav button span:first-child{font-size:23px;line-height:1}
  .svm-mobile-nav button[aria-current="page"]{background:#dbf4e3;color:#145f3b}
  .svm-mobile-nav button[hidden]{display:none!important}
  .svm-mobile-nav button:focus-visible{outline:3px solid #248a53;outline-offset:-2px}
  .svm-mobile-nav button:disabled{opacity:.35}
}
@media(max-width:390px){
  .hero{grid-template-columns:70px minmax(0,1fr) 40px;gap:8px!important;padding-inline:10px!important}
  .hero #svmHomeLogo{width:70px}
  .hero #svmHomeLogo .logo{width:67px!important;height:67px!important}
  .hero .brand h1{font-size:26px}
  .hero .brand h2{font-size:10px}
  .hero #svmHeaderHelper{width:40px!important}
  .hero #svmHeaderHelper .svm-ai-robot{width:39px!important;height:46px!important}
  #start .svm-quick-tiles>.tile strong{font-size:12px!important}
  .svm-mobile-nav button{font-size:9px}
}
@media print{
 .svm-mobile-nav{display:none!important}
}