/* SERVIS RAZ DVA 18.19.219
   Spolecna responsive smlouva nacitana jako posledni za motivem i moduly.
   Resi dostupny prostor komponent, ne konkretni screenshot nebo jeden motiv. */

:root {
  --srd-responsive-ready:1;
}

@media screen {
  html {
    min-width:0;
    max-width:100%;
    overflow-x:auto!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body.srd-v5:not(.modal-scroll-lock):not(.app-modal-scroll-lock) {
    min-width:0;
    max-width:100%;
    overflow-x:visible!important;
    overflow-wrap:normal;
    word-break:normal;
  }

  body.srd-v5 .srd-app,
  body.srd-v5 .srd-stage,
  body.srd-v5 .srd-content,
  body.srd-v5 .page,
  body.srd-v5 main,
  body.srd-v5 form,
  body.srd-v5 .card,
  body.srd-v5 .panel,
  body.srd-v5 .toolbar,
  body.srd-v5 .form-actions,
  body.srd-v5 .page-heading,
  body.srd-v5 .card-heading,
  body.srd-v5 .section-title,
  body.srd-v5 .detail-main,
  body.srd-v5 .detail-side,
  body.srd-v5 .job-detail-page,
  body.srd-v5 .job-workspace {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }

  body.srd-v5 .srd-content {
    overflow-x:visible!important;
  }

  body.srd-v5 :where(
    .srd-content,
    .card,
    .panel,
    .toolbar,
    .form-actions,
    .page-heading,
    .card-heading,
    .section-title,
    .form-grid,
    .grid,
    [class$="-grid"],
    [class*="-grid "],
    [class$="-row"],
    [class*="-row "]
  ) > * {
    min-width:0;
  }

  body.srd-v5 :where(
    .card,
    .panel,
    .alert,
    .empty,
    .empty-state,
    .settings-dashboard,
    .settings-health,
    .settings-directory-section,
    .jobs-work-item,
    .crm-customer-row,
    .supplier-card,
    .order-queue-row,
    .chat-conversation-item,
    .chat-message
  ) :where(h1,h2,h3,h4,p,li,dt,dd,strong,b,small,span) {
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
    hyphens:manual;
  }

  /* Technicke hodnoty se mohou bezpecne zalomit, lidske texty nikoli nasilim. */
  body.srd-v5 :where(
    code,
    pre,
    samp,
    .technical-value,
    .serial-number,
    .imei,
    .file-name,
    .attachment-name,
    [data-technical-value]
  ) {
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  body.srd-v5 :where(img,video,canvas,iframe) {
    max-width:100%;
    height:auto;
  }

  body.srd-v5 :where(input,select,textarea) {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }

  body.srd-v5 textarea {
    resize:vertical;
  }

  /* Zamerne siroka tabulka roluje uvnitr sveho kontejneru, ne dokumentem. */
  body.srd-v5 :where(
    .table-wrap,
    .table-scroll,
    .responsive-table,
    .inventory-table-wrap,
    .stock-edit-table-wrap,
    .bulk-sheet-wrap,
    .invoice-import-table-wrap,
    .chat-visitors-table-wrap,
    .pi-table-wrap
  ) {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }

  body.srd-v5 :where(.table-wrap,.table-scroll,.responsive-table) > table {
    margin-inline:0;
  }

  /* Vsechny bezne dialogy zustanou uvnitr dynamickeho viewportu. */
  body.srd-v5 :where(
    .app-dialog,
    .supplier-dialog,
    .document-email-dialog,
    .scanner-confirm-dialog,
    .catalog-editor-dialog,
    .price-editor-dialog,
    .external-service-copy-dialog,
    .job-label-dialog
  ) {
    box-sizing:border-box;
    max-width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
    overscroll-behavior:contain;
  }

  body.srd-v5 :where(
    .app-dialog-card,
    .supplier-dialog__form,
    .document-email-dialog-form,
    .catalog-editor-dialog__body,
    .price-editor-dialog__body,
    .external-service-copy-dialog__panel,
    .job-label-dialog__panel,
    .srd-customer-modal__dialog,
    .service-price-modal-panel,
    .qr-scan-panel,
    .price-modal-panel
  ) {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
    max-height:calc(100dvh - 16px);
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  body.srd-v5 :where(.alert,.sticky-toast,.scanner-toast,.job-label-flash,.job-label-notice) {
    box-sizing:border-box;
    max-width:min(620px,calc(100vw - 20px));
    overflow-wrap:break-word;
    word-break:normal;
  }

  body.srd-v5 :where(.srd-bell-panel,.document-menu-panel,.chat-send-menu-panel,.chat-canned-menu-panel) {
    box-sizing:border-box;
    max-width:calc(100vw - 16px);
    max-height:min(70dvh,520px);
    overflow:auto;
    overscroll-behavior:contain;
  }

  body.srd-v5 :where(
    .srd-choice-menu,
    .rjd-snapshot-popover,
    .invoice-print-split__menu,
    .external-service-menu-panel,
    .repair-status-menu,
    .srd-search-suggestions,
    .purchase-order-global-results,
    .order-product-results,
    .message-template-combobox__panel,
    .product-search-results,
    .live-results,
    .stock-link-results,
    .buyout-device-results
  ) {
    box-sizing:border-box;
    max-width:calc(100vw - 16px);
    max-height:min(70dvh,520px);
    overflow:auto;
    overscroll-behavior:contain;
  }

  /* Zvysena specificita pro starsi vzhledy, ktere stejna menu deklaruji s !important. */
  body.srd-v5 .external-service-action-menu .external-service-menu-panel,
  body.srd-v5 .repair-status-control-v2 .repair-status-menu,
  body.srd-v5 .job-detail-page .document-menu-panel,
  body.srd-v5 .rjd.rjd-v3 .rjd-more-actions > div,
  body.srd-v5 .rjd.rjd-v3 .rjd-more-actions > section {
    box-sizing:border-box;
    max-width:calc(100vw - 16px)!important;
    max-height:min(70dvh,520px)!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }

  body.srd-v5 :where(.btn,button,summary,[role="button"],a) svg {
    flex:0 0 auto;
    align-self:center;
    pointer-events:none;
  }

  body.srd-v5 :where(.btn,button,summary,[role="button"],input,select,textarea):focus-visible {
    outline:3px solid color-mix(in srgb,var(--srd-accent,#2563eb) 42%,transparent);
    outline-offset:2px;
  }

  /* 18.19.214: rychle odpovedi patri do bleskoveho menu, ne do dalsiho radku. */
  body.srd-v5.route-chat [data-chat-admin] .chat-canned-row {
    display:none!important;
  }

  /* Verejne prihlasovaci a aktivacni obrazovky nepouzivaji vnitrni shell. */
  body:not(.srd-v5) :where(.login-wrap,.login-card,.company-select-card,.company-select-grid,.company-select-grid form) {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
  }

  body:not(.srd-v5) :where(.login-card,.company-select-card) :where(h1,p,strong,small,span,.alert) {
    overflow-wrap:break-word;
    word-break:normal;
  }
}

@media screen and (min-width:701px) and (max-width:1100px) {
  body.srd-v5 :where(.form-grid-3,.form-grid-4,.settings-grid,.stats-grid) {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.srd-v5 :where(.settings-directory-grid,.settings-overview-grid) {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media screen and (max-width:700px) {
  :root {
    --srd-mobile-nav-space:calc(82px + env(safe-area-inset-bottom));
  }

  html,
  body.srd-v5:not(.modal-scroll-lock):not(.app-modal-scroll-lock) {
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:visible!important;
  }

  body.srd-v5 .srd-stage,
  body.srd-v5 .srd-content,
  body.srd-v5 .page,
  body.srd-v5 main {
    width:100%;
    min-width:0;
    max-width:100%;
  }

  body.srd-v5:not(.chat-thread-open) .srd-content {
    padding-bottom:var(--srd-mobile-nav-space)!important;
  }

  body.srd-v5 :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea,
    [contenteditable="true"]
  ) {
    font-size:16px!important;
  }

  body.srd-v5 :where(
    .btn,
    button:not([aria-hidden="true"]),
    summary,
    [role="button"],
    select,
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])
  ) {
    min-height:44px;
    touch-action:manipulation;
  }

  body.srd-v5 :where(.btn,button,summary,[role="button"]) {
    max-width:100%;
    overflow-wrap:normal;
    word-break:keep-all;
  }

  body.srd-v5 :where(.check,.check-row,label:has(>input[type="checkbox"]),label:has(>input[type="radio"])) {
    min-height:44px;
  }

  body.srd-v5 :where(input[type="checkbox"],input[type="radio"]) {
    flex:0 0 22px;
    width:22px;
    height:22px;
  }

  body.srd-v5 :where(
    .form-grid,
    .form-grid-2,
    .form-grid-3,
    .form-grid-4,
    .form-grid-5,
    .settings-grid,
    .settings-form-grid,
    .invoice-editor-grid,
    .invoice-form-grid,
    .detail-columns,
    .diagnostic-text-grid,
    .communication-filters-v2,
    .audit-filters,
    .platform-subscription-filters,
    .stock-filter-grid
  ) {
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.srd-v5 :where(.span-2,.span-3,.span-4,.span-5) {
    grid-column:auto!important;
  }

  body.srd-v5 :where(
    .settings-overview-head,
    .crm-hero,
    .purchase-head,
    .invoice-center-head,
    .stock-command-head,
    .quick-prices__head,
    .tasks-page-head,
    .cron-setup-head,
    .external-service-stats__head
  ) {
    align-items:stretch;
    flex-direction:column;
    gap:12px;
  }

  body.srd-v5 :where(
    .settings-head-actions,
    .crm-hero__actions,
    .purchase-head__actions,
    .invoice-center-actions,
    .stock-manager-actions,
    .tasks-page-head__actions,
    .communication-head-actions,
    .external-service-detail-toolbar,
    .external-service-profile__actions
  ) {
    width:100%;
    min-width:0;
    flex-wrap:wrap;
  }

  body.srd-v5 :where(.form-actions,.dialog-actions,.document-email-dialog-actions) {
    align-items:stretch;
    flex-wrap:wrap;
  }

  body.srd-v5 :where(.form-actions,.dialog-actions,.document-email-dialog-actions) > :where(.btn,button,form) {
    flex:1 1 min(100%,220px);
    min-width:0;
  }

  body.srd-v5 :where(.form-actions,.dialog-actions,.document-email-dialog-actions) > form > :where(.btn,button) {
    width:100%;
  }

  /* Nastaveni: jedna citelna karta pres sirku, ikona/text/chevron. */
  body.srd-v5[data-ui-appearance] .settings-health,
  body.srd-v5[data-ui-appearance] .settings-dashboard,
  body.srd-v5[data-ui-appearance] .settings-directory-grid,
  body.srd-v5[data-ui-appearance] .settings-overview-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard {
    gap:8px;
    padding:8px;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a {
    grid-template-columns:42px minmax(0,1fr) 32px!important;
    grid-template-rows:auto;
    align-items:start;
    gap:10px;
    min-width:0;
    min-height:0;
    padding:12px;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a > .settings-icon {
    grid-column:1;
    align-self:start;
    width:42px;
    min-width:42px;
    height:42px;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a > span:nth-child(2) {
    grid-column:2;
    min-width:0;
    align-self:center;
    gap:3px;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a b,
  body.srd-v5[data-ui-appearance] .settings-dashboard > a small {
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a em {
    grid-column:3;
    align-self:stretch;
    display:grid;
    place-items:center;
    width:32px;
    min-width:32px;
    margin:0;
    overflow:hidden;
    color:var(--srd-accent-dark,#1d4ed8);
    font-size:0!important;
    line-height:1;
    white-space:normal;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a em::after {
    content:"›";
    font-size:25px;
    font-weight:500;
    line-height:1;
  }

  body.srd-v5[data-ui-appearance] .settings-health small,
  body.srd-v5[data-ui-appearance] .settings-readiness-link > article small {
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
  }

  body.srd-v5[data-ui-appearance] .settings-directory-section {
    overflow:visible;
  }

  body.srd-v5[data-ui-appearance] .settings-directory-section > header {
    padding:13px 12px;
  }

  body.srd-v5[data-ui-appearance] .settings-directory-section > header h2 {
    font-size:18px;
    line-height:1.25;
  }

  /* Vnitrni nastaveni pouziva na telefonu dotykovy, vodorovne rolovatelny tablist. */
  body.srd-v5 .settings-page.settings-tabbed .settings-hub {
    position:static!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px!important;
    width:100%;
    max-width:100%;
    padding:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  body.srd-v5 .settings-page.settings-tabbed .settings-hub > a {
    flex:0 0 auto!important;
    grid-template-columns:28px auto!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    min-height:44px!important;
    padding:8px 11px!important;
    scroll-snap-align:start;
  }

  body.srd-v5 .settings-page.settings-tabbed .settings-hub > a strong {
    overflow:visible!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }

  body.srd-v5 .settings-page.settings-tabbed .settings-hub > a small {
    display:none!important;
  }

  body.srd-v5 .settings-search label {
    min-width:0;
  }

  /* Neobalena tabulka se stane vlastnim scroll kontejnerem. */
  body.srd-v5 table.table:not(.mobile-cards):not(.mobile-detail-table),
  body.srd-v5 table.inventory-table:not(.mobile-cards),
  body.srd-v5 table.buyout-list-table:not(.mobile-cards) {
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }

  body.srd-v5 :where(.mobile-cards,.mobile-detail-table) :where(td,th) {
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
  }

  /* Popup menu ma na telefonu vzdy hranice viewportu a vlastni svisly scroll. */
  body.srd-v5 :where(
    .srd-bell-panel,
    .document-menu-panel,
    .jobs-status-favorites form,
    .rjd-more-actions > div,
    .rjd-more-actions > section,
    .rjd-snapshot-popover,
    .invoice-print-split__menu,
    .external-service-menu-panel,
    .repair-status-menu,
    .chat-mobile-more-panel
  ) {
    position:fixed!important;
    z-index:1600!important;
    top:max(68px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    left:max(8px,env(safe-area-inset-left))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }

  body.srd-v5 .external-service-action-menu .external-service-menu-panel,
  body.srd-v5 .repair-status-control-v2 .repair-status-menu,
  body.srd-v5 .job-detail-page .document-menu-panel,
  body.srd-v5 .rjd.rjd-v3 .rjd-more-actions > div,
  body.srd-v5 .rjd.rjd-v3 .rjd-more-actions > section {
    position:fixed!important;
    z-index:1800!important;
    top:max(68px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:auto!important;
    left:max(8px,env(safe-area-inset-left))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))!important;
    overflow:auto!important;
  }

  body.srd-v5 :where(
    .srd-search-suggestions,
    .purchase-order-global-results,
    .order-product-results,
    .message-template-combobox__panel,
    .product-search-results,
    .live-results,
    .stock-link-results,
    .buyout-device-results
  ) {
    position:fixed!important;
    z-index:1700!important;
    top:auto!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(var(--srd-mobile-nav-space) + 8px)!important;
    left:max(8px,env(safe-area-inset-left))!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(55dvh,440px)!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }

  body.srd-v5 :where(
    .srd-customer-modal,
    .service-price-modal,
    .qr-scan-modal,
    .job-photo-preview-modal
  ) {
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  }

  body.srd-v5 :where(
    .srd-customer-modal__dialog,
    .service-price-modal-panel,
    .qr-scan-panel,
    .price-modal-panel,
    .external-service-copy-dialog__panel,
    .job-label-dialog__panel
  ) {
    width:100%;
    max-width:100%;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }

  body.srd-v5 dialog[open]:not(.srd-mobile-create-dialog):not(.srd-command):not(.quick-model-dialog) {
    box-sizing:border-box;
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin:auto;
    overflow:auto;
  }

  body.srd-v5 .srd-mobile-nav {
    box-sizing:border-box;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    max-width:100%;
    min-height:calc(66px + env(safe-area-inset-bottom));
    padding-right:max(5px,env(safe-area-inset-right));
    padding-bottom:calc(5px + env(safe-area-inset-bottom));
    padding-left:max(5px,env(safe-area-inset-left));
  }

  body.srd-v5 .srd-mobile-nav > :is(a,button) {
    min-width:0;
    min-height:54px;
    line-height:1.15;
    text-align:center;
  }

  body.srd-v5 :where(.scanner-toast,.sticky-toast,.job-label-flash,.job-label-notice) {
    right:max(10px,env(safe-area-inset-right));
    bottom:calc(var(--srd-mobile-nav-space) + 8px);
    left:max(10px,env(safe-area-inset-left));
    width:auto;
    max-width:none;
  }

  /* Chat: composer zustava jednim ovladatelnym radkem i na 320 px. */
  body.srd-v5.route-chat [data-chat-admin] .chat-compose-actions {
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    gap:7px!important;
    min-width:0!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-compose-actions > label.btn,
  body.srd-v5.route-chat [data-chat-admin] .chat-canned-menu {
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-send-split {
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    margin-left:auto!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-send-main {
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-canned-menu-panel {
    position:fixed!important;
    z-index:1900!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:calc(64px + env(safe-area-inset-bottom))!important;
    left:max(8px,env(safe-area-inset-left))!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(50dvh,330px)!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-message {
    min-width:0!important;
    max-width:92%!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-message :where(a,.chat-message-body) {
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-message :where(img,video) {
    display:block;
    max-width:100%;
    max-height:55dvh;
    object-fit:contain;
  }

  body:not(.srd-v5) .login-wrap {
    width:100%;
    min-height:100dvh;
    padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }

  body:not(.srd-v5) :where(.login-card,.company-select-card) {
    width:100%;
    padding:18px 15px;
  }

  body:not(.srd-v5) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-width:0;
    max-width:100%;
    font-size:16px;
  }

  body:not(.srd-v5) :where(.login-card,.company-select-card) :where(.btn,button,input:not([type="checkbox"]):not([type="radio"]),select) {
    min-height:44px;
  }

  body:not(.srd-v5) .company-select-button {
    grid-template-columns:42px minmax(0,1fr) 28px;
    gap:10px;
    padding:13px 12px;
  }

  body:not(.srd-v5) .company-select-button > b {
    grid-column:3;
    grid-row:1;
    align-self:center;
    overflow:hidden;
    width:28px;
    color:transparent;
    font-size:0;
  }

  body:not(.srd-v5) .company-select-button > b::after {
    content:"›";
    color:#2563eb;
    font-size:24px;
    line-height:1;
  }
}

@media screen and (max-width:430px) {
  body.srd-v5 .srd-top {
    gap:7px;
    padding-inline:max(8px,env(safe-area-inset-left));
  }

  body.srd-v5 .srd-top .srd-page-title {
    flex:1 1 auto!important;
    max-width:none!important;
  }

  body.srd-v5 .srd-page-title h1 {
    max-width:100%;
  }

  body.srd-v5 .srd-top-actions {
    gap:5px;
  }

  body.srd-v5 .srd-top-actions :where(.srd-task-quick,.srd-payment-qr-quick,.srd-scan-button) {
    display:none!important;
  }

  body.srd-v5 :where(
    .settings-head-actions,
    .crm-hero__actions,
    .purchase-head__actions,
    .invoice-center-actions,
    .stock-manager-actions,
    .tasks-page-head__actions,
    .communication-head-actions,
    .external-service-profile__actions
  ) > :where(.btn,button,a.btn,form) {
    flex:1 1 100%;
    width:100%;
  }

  body.srd-v5 :where(.settings-plugin-card__actions,.job-tools-actions,.invoice-actions-v98) {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }

  body.srd-v5 :where(.settings-plugin-card__actions,.job-tools-actions,.invoice-actions-v98) > :where(.btn,button,form) {
    width:100%;
  }

  body.srd-v5 :where(.business-dashboard .dashboard-quick-actions,.ops-summary,.settings-health,.stats-grid) {
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.srd-v5 .quick-price-row {
    grid-template-columns:minmax(0,1fr) 44px!important;
  }

  body.srd-v5 .quick-price-row > .quick-stock,
  body.srd-v5 .quick-price-row > [data-quick-price-value],
  body.srd-v5 .quick-price-row > form {
    grid-column:1 / -1;
    grid-row:auto;
    justify-self:stretch;
    text-align:left;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-compose-actions {
    gap:6px!important;
  }

  body.srd-v5.route-chat [data-chat-admin] .chat-compose-actions > label.btn,
  body.srd-v5.route-chat [data-chat-admin] .chat-canned-menu {
    flex-basis:42px!important;
    width:42px!important;
    min-width:42px!important;
  }
}

@media screen and (max-width:360px) {
  body.srd-v5 .srd-content {
    padding-inline:max(8px,env(safe-area-inset-left))!important;
  }

  body.srd-v5 .srd-menu-button,
  body.srd-v5 .srd-command-button,
  body.srd-v5 .srd-bell {
    width:36px;
    min-width:36px;
    height:36px;
  }

  body.srd-v5 .srd-page-title > span {
    display:none;
  }

  body.srd-v5 .srd-page-title h1 {
    font-size:16px;
  }

  body.srd-v5 .srd-mobile-nav > :is(a,button) {
    padding-inline:1px;
    font-size:9px;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a {
    grid-template-columns:38px minmax(0,1fr) 28px!important;
    gap:8px;
    padding:11px 9px;
  }

  body.srd-v5[data-ui-appearance] .settings-dashboard > a > .settings-icon {
    width:38px;
    min-width:38px;
    height:38px;
  }
}

@media screen and (max-height:600px) and (orientation:landscape) and (max-width:980px) {
  body.srd-v5:not(.chat-thread-open) .srd-content {
    padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
    overflow-x:visible!important;
  }

  body.srd-v5 .srd-mobile-nav {
    display:none!important;
  }

  body.srd-v5 :where(
    .srd-customer-modal__dialog,
    .service-price-modal-panel,
    .qr-scan-panel,
    dialog[open]
  ) {
    max-height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }
}