/* TEAM DARK — final phone/tablet overflow hardening.
   Loaded after every visual layer so narrow screens never inherit desktop widths. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body[data-teamdark-ui="5"] .app-layout,
body[data-teamdark-ui="5"] .workspace,
body[data-teamdark-ui="5"] .page-content,
body[data-teamdark-ui="5"] main,
body[data-teamdark-ui="5"] section,
body[data-teamdark-ui="5"] article,
body[data-teamdark-ui="5"] .grid,
body[data-teamdark-ui="5"] .card,
body[data-teamdark-ui="5"] .hero,
body[data-teamdark-ui="5"] .toolbar,
body[data-teamdark-ui="5"] .toolbar-controls,
body[data-teamdark-ui="5"] .form-row,
body[data-teamdark-ui="5"] .field,
body[data-teamdark-ui="5"] .stack,
body[data-teamdark-ui="5"] .password-wrap,
body[data-teamdark-ui="5"] .table-wrap,
body[data-teamdark-ui="5"] .modal-card,
body[data-teamdark-ui="5"] .ui-dialog,
body[data-teamdark-ui="5"] .ui-busy-card,
body[data-teamdark-ui="5"] .system-form,
body[data-teamdark-ui="5"] .system-split,
body[data-teamdark-ui="5"] .system-choice-grid,
body[data-teamdark-ui="5"] .owner-connect-shell,
body[data-teamdark-ui="5"] .owner-endpoint-card,
body[data-teamdark-ui="5"] .owner-code-card,
body[data-teamdark-ui="5"] .vault-upload-panel,
body[data-teamdark-ui="5"] .vault-file-card,
body[data-teamdark-ui="5"] .vault-file-top,
body[data-teamdark-ui="5"] .vault-file-name,
body[data-teamdark-ui="5"] .vault-replace,
body[data-teamdark-ui="5"] .vault-file-actions{min-width:0;max-width:100%}
body[data-teamdark-ui="5"] form,
body[data-teamdark-ui="5"] fieldset{min-width:0;max-width:100%}
body[data-teamdark-ui="5"] fieldset{margin:0;padding:0;border:0}
body[data-teamdark-ui="5"] input:not([type="checkbox"]):not([type="radio"]),
body[data-teamdark-ui="5"] select,
body[data-teamdark-ui="5"] textarea,
body[data-teamdark-ui="5"] button{min-width:0;max-width:100%}
body[data-teamdark-ui="5"] input[type="file"]{width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-teamdark-ui="5"] .table-wrap{width:100%;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body[data-teamdark-ui="5"] .table-wrap table{max-width:none}
body[data-teamdark-ui="5"] .alert,
body[data-teamdark-ui="5"] .hint,
body[data-teamdark-ui="5"] .muted,
body[data-teamdark-ui="5"] label,
body[data-teamdark-ui="5"] code,
body[data-teamdark-ui="5"] pre,
body[data-teamdark-ui="5"] .key,
body[data-teamdark-ui="5"] .owner-endpoint-value,
body[data-teamdark-ui="5"] .system-module-card small,
body[data-teamdark-ui="5"] .system-setting-line strong{overflow-wrap:anywhere;word-break:break-word}
body[data-teamdark-ui="5"] .grid>* ,
body[data-teamdark-ui="5"] .form-row>* ,
body[data-teamdark-ui="5"] .toolbar>* ,
body[data-teamdark-ui="5"] .topbar>* ,
body[data-teamdark-ui="5"] .section-heading>*{min-width:0}

@media(max-width:860px){
  body[data-teamdark-ui="5"] .app-layout{display:block!important;width:100%!important}
  body[data-teamdark-ui="5"] .workspace{width:100%!important;grid-column:auto!important}
  body[data-teamdark-ui="5"] .page-content{width:100%!important;max-width:100%!important;padding-left:max(14px,env(safe-area-inset-left))!important;padding-right:max(14px,env(safe-area-inset-right))!important}
  body[data-teamdark-ui="5"] .topbar{width:100%;max-width:100%;height:auto!important;min-height:64px;padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  body[data-teamdark-ui="5"] .topbar-left{flex:1 1 auto;overflow:hidden}
  body[data-teamdark-ui="5"] .breadcrumb{flex:1 1 auto;overflow:hidden;min-width:0}
  body[data-teamdark-ui="5"] .breadcrumb strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body[data-teamdark-ui="5"] .sidebar{
    max-width:calc(100vw - 36px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  body[data-teamdark-ui="5"] .sidebar nav{
    overflow:visible!important;
    flex:0 0 auto!important;
    min-height:auto!important;
    overscroll-behavior:auto;
    -webkit-overflow-scrolling:auto;
  }
  body[data-teamdark-ui="5"] .sidebar-brand,
  body[data-teamdark-ui="5"] .sidebar-foot{flex:0 0 auto}
  body[data-teamdark-ui="5"] .sidebar-foot{margin-top:18px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  body[data-teamdark-ui="5"] .sidebar nav a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:720px){
  body[data-teamdark-ui="5"] .hero,
  body[data-teamdark-ui="5"] .section-heading,
  body[data-teamdark-ui="5"] .toolbar{align-items:stretch!important;flex-direction:column!important}
  body[data-teamdark-ui="5"] .half,
  body[data-teamdark-ui="5"] .third,
  body[data-teamdark-ui="5"] .quarter{grid-column:span 12!important}
  body[data-teamdark-ui="5"] .form-row,
  body[data-teamdark-ui="5"] .system-split,
  body[data-teamdark-ui="5"] .system-choice-grid,
  body[data-teamdark-ui="5"] .system-module-grid,
  body[data-teamdark-ui="5"] .system-stats{grid-template-columns:minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] .toolbar-controls{width:100%;grid-template-columns:minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] .toolbar-controls>*{width:100%!important;min-width:0!important}
  body[data-teamdark-ui="5"] .tabs{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  body[data-teamdark-ui="5"] .tabs::-webkit-scrollbar{display:none}
  body[data-teamdark-ui="5"] .tabs a{flex:0 0 auto;white-space:nowrap}
  body[data-teamdark-ui="5"] .modal-card,
  body[data-teamdark-ui="5"] .ui-dialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;border-radius:22px 22px 0 0!important;padding-bottom:max(20px,calc(14px + env(safe-area-inset-bottom)))!important}
  body[data-teamdark-ui="5"] .modal-actions-grid,
  body[data-teamdark-ui="5"] .ui-dialog-actions{grid-template-columns:minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] .modal-actions-grid button,
  body[data-teamdark-ui="5"] .ui-dialog-actions button{width:100%!important;grid-column:1!important}
  body[data-teamdark-ui="5"] input:not([type="checkbox"]):not([type="radio"]),
  body[data-teamdark-ui="5"] select,
  body[data-teamdark-ui="5"] textarea{font-size:16px!important}
}

@media(max-width:600px){
  body[data-teamdark-ui="5"] .card{padding:15px!important}
  body[data-teamdark-ui="5"] .alert{align-items:flex-start;flex-wrap:wrap}
  body[data-teamdark-ui="5"] .security-detail,
  body[data-teamdark-ui="5"] .twofa-delivery,
  body[data-teamdark-ui="5"] .countdown-panel{align-items:flex-start!important;flex-direction:column!important}
  body[data-teamdark-ui="5"] .setting-row{align-items:flex-start!important;gap:12px;flex-wrap:wrap}
  body[data-teamdark-ui="5"] .setting-row>span{min-width:0;flex:1 1 220px}
  body[data-teamdark-ui="5"] .vault-file-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}
  body[data-teamdark-ui="5"] .vault-file-actions>*{width:100%!important;min-width:0!important}
  body[data-teamdark-ui="5"] .vault-file-top{align-items:flex-start!important}
  body[data-teamdark-ui="5"] .vault-pager{flex-wrap:wrap;justify-content:space-between!important}
  body[data-teamdark-ui="5"] .owner-endpoint-top,
  body[data-teamdark-ui="5"] .owner-code-head{align-items:flex-start!important;flex-wrap:wrap!important}
  body[data-teamdark-ui="5"] .owner-copy-btn{max-width:100%}
}

@media(max-width:520px){
  body[data-teamdark-ui="5"] .page-content{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
  body[data-teamdark-ui="5"] .theme-control{min-width:0!important;max-width:46px!important;padding:5px!important}
  body[data-teamdark-ui="5"] .theme-control select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer}
  body[data-teamdark-ui="5"] .theme-control-mark{margin:auto}
  body[data-teamdark-ui="5"] .btn,
  body[data-teamdark-ui="5"] button.primary,
  body[data-teamdark-ui="5"] .primary,
  body[data-teamdark-ui="5"] .ghost{white-space:normal;text-align:center}
  body[data-teamdark-ui="5"] .key-actions{grid-template-columns:minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] .key-actions>*,
  body[data-teamdark-ui="5"] .key-actions form,
  body[data-teamdark-ui="5"] .key-actions form button{width:100%!important;min-width:0!important}
  body[data-teamdark-ui="5"] footer{flex-direction:column!important;align-items:flex-start!important}
}

@media(max-width:360px){
  body[data-teamdark-ui="5"] .topbar{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
  body[data-teamdark-ui="5"] .page-content{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
  body[data-teamdark-ui="5"] .card{padding:12px!important}
  body[data-teamdark-ui="5"] .hero h1{font-size:30px!important}
}

@media(max-width:860px) and (max-height:560px){
  body[data-teamdark-ui="5"] .modal-card,
  body[data-teamdark-ui="5"] .ui-dialog{max-height:100dvh!important}
}

/* Generate-key mobile sheet hardening.
   Keep the key composer inside the visual viewport and stop the generic mobile
   toolbar stacking rule from pushing the close control/content out of view. */
@media(max-width:720px){
  body[data-teamdark-ui="5"] #key-generator.is-open,
  body[data-teamdark-ui="5"] #key-generator:target{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:max(8px,env(safe-area-inset-top)) 0 0!important;
    overflow:hidden!important;
  }

  body[data-teamdark-ui="5"] #key-generator .modal-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding:16px 0 max(84px,calc(60px + env(safe-area-inset-bottom)));
    padding:16px 14px max(24px,calc(16px + env(safe-area-inset-bottom)))!important;
    border-radius:20px 20px 0 0!important;
  }

  body[data-teamdark-ui="5"] #key-generator .toolbar{
    position:sticky!important;
    top:-16px!important;
    z-index:8!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    margin:0 -2px 10px!important;
    padding:16px 2px 10px!important;
    background:linear-gradient(180deg,#0b1018 76%,rgba(11,16,24,.94) 88%,rgba(11,16,24,0));
  }

  body[data-teamdark-ui="5"] #key-generator .toolbar>div{min-width:0!important}
  body[data-teamdark-ui="5"] #key-generator .toolbar h3{margin-bottom:0!important}
  body[data-teamdark-ui="5"] #key-generator .toolbar .icon-btn{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
  }

  body[data-teamdark-ui="5"] #key-generator form.stack,
  body[data-teamdark-ui="5"] #key-generator .field,
  body[data-teamdark-ui="5"] #key-generator .form-row{width:100%!important;min-width:0!important;max-width:100%!important}
  body[data-teamdark-ui="5"] #key-generator .form-row{grid-template-columns:minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] #key-generator input:not([type="checkbox"]),
  body[data-teamdark-ui="5"] #key-generator select{width:100%!important;min-width:0!important;max-width:100%!important}
  body[data-teamdark-ui="5"] #key-generator button.primary.wide{min-height:50px!important}
}

@media(max-width:720px) and (max-height:620px){
  body[data-teamdark-ui="5"] #key-generator.is-open,
  body[data-teamdark-ui="5"] #key-generator:target{padding-top:0!important}
  body[data-teamdark-ui="5"] #key-generator .modal-card{
    max-height:100dvh!important;
    border-radius:0!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;
  }
  body[data-teamdark-ui="5"] #key-generator .toolbar{top:calc(-1 * max(10px,env(safe-area-inset-top)))!important}
}

/* Deep responsive audit — cross-page hardening. */
body[data-teamdark-ui="5"] .guest-main,
body[data-teamdark-ui="5"] .auth,
body[data-teamdark-ui="5"] .auth-layout,
body[data-teamdark-ui="5"] .row-user,
body[data-teamdark-ui="5"] .user-summary,
body[data-teamdark-ui="5"] .audience-card,
body[data-teamdark-ui="5"] .audience-card>span:last-child,
body[data-teamdark-ui="5"] .owner-code-title,
body[data-teamdark-ui="5"] .system-module-card>div,
body[data-teamdark-ui="5"] .system-choice-card span,
body[data-teamdark-ui="5"] .live-announcement-preview,
body[data-teamdark-ui="5"] .premium-announcement,
body[data-teamdark-ui="5"] .broadcast-job,
body[data-teamdark-ui="5"] .security-detail{min-width:0;max-width:100%}

body[data-teamdark-ui="5"] pre{max-width:100%;overflow:auto}
body[data-teamdark-ui="5"] .security-detail strong{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
body[data-teamdark-ui="5"] .owner-code-title strong,
body[data-teamdark-ui="5"] .owner-code-title small{overflow-wrap:anywhere;word-break:break-word}
body[data-teamdark-ui="5"] .checkline{min-width:0;max-width:100%;align-items:flex-start;overflow-wrap:anywhere}
body[data-teamdark-ui="5"] .modal-head{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 98%,transparent) 72%,color-mix(in srgb,var(--surface-2) 78%,transparent),transparent)!important}

/* App API cards reuse system-module-card markup but contain full forms/stats.
   Keep navigation module cards flex, while article cards stack vertically. */
body[data-teamdark-ui="5"] article.system-module-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  min-height:0!important;
}
body[data-teamdark-ui="5"] article.system-module-card>.toolbar,
body[data-teamdark-ui="5"] article.system-module-card>.system-preview,
body[data-teamdark-ui="5"] article.system-module-card>.system-stats,
body[data-teamdark-ui="5"] article.system-module-card>.inline{width:100%;min-width:0;max-width:100%}
body[data-teamdark-ui="5"] article.system-module-card>.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body[data-teamdark-ui="5"] .endpoint-rotate-form{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
body[data-teamdark-ui="5"] .endpoint-rotate-form .control-input{flex:1 1 190px;min-width:150px;max-width:320px}

@media(max-width:860px){
  body[data-teamdark-ui="5"] .selection-bar{bottom:max(8px,env(safe-area-inset-bottom))!important;max-width:100%}
  body[data-teamdark-ui="5"] .modal-backdrop,
  body[data-teamdark-ui="5"] .ui-dialog-backdrop,
  body[data-teamdark-ui="5"] .ui-busy-backdrop{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh}
  body[data-teamdark-ui="5"] .ui-busy-card{margin-bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px)}
  body[data-teamdark-ui="5"] .guest-main{width:100%;max-width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}
  body[data-teamdark-ui="5"] .auth{width:100%;max-width:520px}
}

@media(max-width:720px){
  body[data-teamdark-ui="5"] .modal-head{
    top:-18px!important;
    margin:-18px -18px 14px!important;
    padding:18px 18px 12px!important;
    gap:10px!important;
  }
  body[data-teamdark-ui="5"] .modal-head>div{min-width:0}
  body[data-teamdark-ui="5"] .modal-head .icon-btn{flex:0 0 42px;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px;min-height:42px;padding:0!important}
  body[data-teamdark-ui="5"] .system-module-card>b{margin-left:0!important;justify-self:start;overflow-wrap:anywhere}
  body[data-teamdark-ui="5"] .system-preview{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  body[data-teamdark-ui="5"] .system-preview>span,
  body[data-teamdark-ui="5"] .system-preview code,
  body[data-teamdark-ui="5"] .system-preview a,
  body[data-teamdark-ui="5"] .system-preview button{width:100%;min-width:0;max-width:100%;margin-left:0!important}
  body[data-teamdark-ui="5"] .endpoint-rotate-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  body[data-teamdark-ui="5"] .endpoint-rotate-form .control-input,
  body[data-teamdark-ui="5"] .endpoint-rotate-form button{width:100%!important;min-width:0!important;max-width:100%!important}
  body[data-teamdark-ui="5"] article.system-module-card>.inline{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  body[data-teamdark-ui="5"] article.system-module-card>.inline>*,
  body[data-teamdark-ui="5"] article.system-module-card>.inline form,
  body[data-teamdark-ui="5"] article.system-module-card>.inline button{width:100%;min-width:0;max-width:100%}
  body[data-teamdark-ui="5"] .audience-picker-head{align-items:flex-start;flex-wrap:wrap}
  body[data-teamdark-ui="5"] .audience-all{max-width:100%;white-space:normal}
  body[data-teamdark-ui="5"] #key-generator .toolbar{background:linear-gradient(180deg,var(--surface-2) 76%,color-mix(in srgb,var(--surface-2) 94%,transparent) 88%,transparent)!important}
}

@media(max-width:520px){
  body[data-teamdark-ui="5"] .hero>.primary,
  body[data-teamdark-ui="5"] .hero>.ghost,
  body[data-teamdark-ui="5"] .hero>.generate-btn{width:100%;min-width:0!important}
  body[data-teamdark-ui="5"] .user-summary{align-items:flex-start;flex-wrap:wrap}
  body[data-teamdark-ui="5"] .user-summary>.tag{margin-left:46px;max-width:calc(100% - 46px)}
  body[data-teamdark-ui="5"] .broadcast-job-head{flex-wrap:wrap}
  body[data-teamdark-ui="5"] .broadcast-job-head>*{min-width:0;max-width:100%}
  body[data-teamdark-ui="5"] .live-announcement-preview,
  body[data-teamdark-ui="5"] .premium-announcement{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  body[data-teamdark-ui="5"] .announcement-signal,
  body[data-teamdark-ui="5"] .announcement-mark{justify-self:start}
  body[data-teamdark-ui="5"] .announcement-live{grid-column:1!important;justify-self:start}
  body[data-teamdark-ui="5"] .live-announcement-preview form{grid-column:1!important}
  body[data-teamdark-ui="5"] .history-pager{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch!important}
  body[data-teamdark-ui="5"] .history-pager>span{grid-column:1/-1;margin-right:0!important;text-align:center}
  body[data-teamdark-ui="5"] .history-pager a{width:100%;min-width:0;text-align:center}
  body[data-teamdark-ui="5"] .owner-code-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] .owner-copy-btn{width:100%!important}
  body[data-teamdark-ui="5"] .vault-file-meta{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:380px){
  body[data-teamdark-ui="5"] .audience-card{grid-template-columns:auto minmax(0,1fr)!important}
  body[data-teamdark-ui="5"] .audience-card .audience-icon{display:none}
  body[data-teamdark-ui="5"] .user-summary>.tag{margin-left:0;max-width:100%}
  body[data-teamdark-ui="5"] .history-pager{grid-template-columns:minmax(0,1fr)!important}
}

/* Splash must remain usable on short/landscape phones; the original cinematic
   layer intentionally hides overflow, which can otherwise hide Enter now. */
@media(max-height:680px){
  .td-splash{overflow-x:hidden!important;overflow-y:auto!important;place-items:start center!important;-webkit-overflow-scrolling:touch}
  .td-splash-stage{width:min(900px,96vw)!important;min-height:100dvh;padding:max(54px,calc(40px + env(safe-area-inset-top))) 14px max(54px,calc(40px + env(safe-area-inset-bottom)))!important;justify-content:center}
  .td-cinema-overline{margin-bottom:12px!important}
  .td-splash-logo{width:90px!important;height:90px!important;margin-bottom:14px!important}
  .td-splash-logo span{font-size:34px!important}
  .td-splash-kicker{margin-bottom:7px!important}
  .td-splash h1{font-size:clamp(34px,8vw,54px)!important;line-height:.95!important}
  .td-splash p{margin-top:10px!important}
  .td-cinema-status{margin-top:12px!important}
  .td-splash-progress{margin-top:14px!important}
  .td-splash-foot{margin-top:13px!important}
}

@media(max-height:520px){
  .td-cinema-overline,.td-cinema-status{display:none!important}
  .td-splash-stage{padding-top:max(34px,env(safe-area-inset-top))!important;padding-bottom:max(34px,env(safe-area-inset-bottom))!important}
  .td-splash-logo{width:72px!important;height:72px!important;margin-bottom:10px!important}
  .td-splash-logo span{font-size:28px!important}
  .td-splash-kicker{font-size:7px!important;letter-spacing:.14em!important}
  .td-splash h1{font-size:clamp(30px,9vw,44px)!important}
  .td-splash p{font-size:11px!important;margin-top:7px!important}
  .td-splash-progress{margin-top:10px!important}
  .td-splash-foot{margin-top:9px!important;gap:8px!important}
}

@media(max-width:860px) and (orientation:landscape) and (max-height:520px){
  body[data-teamdark-ui="5"] .topbar{min-height:52px!important;padding-top:5px!important;padding-bottom:5px!important}
  body[data-teamdark-ui="5"] .page-content{padding-top:12px!important}
  body[data-teamdark-ui="5"] .modal-card,
  body[data-teamdark-ui="5"] .ui-dialog{max-height:100dvh!important;border-radius:0!important}
}