:root {
  --peters-yellow: #f3d10b;
  --peters-yellow-hover: #ddbd00;
  --peters-yellow-soft: #fff8cf;
  --peters-anthracite: #2b2b2a;
  --peters-dark: #20201f;
  --peters-gray: #858684;
  --peters-gray-dark: #555653;
  --peters-gray-light: #eeeeeb;
  --peters-border: #d2d2cd;
  --peters-text: #2d2e2c;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--peters-text);
  background: var(--peters-gray-light);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

* { box-sizing: border-box; }
html, body, #root {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html, body, #root { overflow-x: clip; }
}
html { min-height: 100%; scroll-behavior: smooth; overscroll-behavior-x: none; }
body {
  position: relative;
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  background: var(--peters-gray-light);
  overscroll-behavior-x: none;
  touch-action: pan-y;
}
#root { min-height: 100vh; min-height: 100svh; }
img, svg, canvas { max-width: 100%; height: auto; }
button, input, select, textarea { max-width: 100%; min-width: 0; }
fieldset { min-inline-size: 0; max-width: 100%; }
button { white-space: normal; overflow-wrap: anywhere; }
button, input, select { font: inherit; }
button { cursor: pointer; border: 0; border-radius: 9px; font-weight: 700; transition: transform .08s ease, opacity .2s ease, background .2s ease; touch-action: manipulation; }
button:active:not(:disabled) { transform: translateY(1px); }
button:disabled { cursor: not-allowed; opacity: .55; }
input, select { width: 100%; min-width: 0; min-height: 44px; padding: 9px 11px; border: 1px solid #bebfba; border-radius: 8px; background: white; color: var(--peters-text); }
input:focus, select:focus { outline: 3px solid rgba(243, 209, 11, .28); border-color: #b69b00; }
label { min-width: 0; display: grid; gap: 6px; font-weight: 650; font-size: .92rem; }
a { color: #756300; text-underline-offset: 2px; }
h1, h2, h3, p { margin-top: 0; overflow-wrap: anywhere; }
h1 { margin-bottom: 5px; font-size: clamp(1.65rem, 3vw, 2.35rem); }
h2 { font-size: 1.18rem; margin-bottom: 16px; }
h3 { margin-bottom: 7px; }
.small { font-size: .8rem; }
.block { display: block; margin-top: 4px; }
.muted { color: #6f706d; }
.readonly { background: #f0f0ed; color: #555653; }
.card { min-width: 0; max-width: 100%; background: white; border: 1px solid var(--peters-border); border-radius: 14px; box-shadow: 0 4px 18px rgba(32, 32, 31, .08); padding: 22px; }
.card-inset { border: 1px dashed #bdbeb9; border-radius: 10px; padding: 24px; }
.center-page { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 20px; }
.login-background { background: radial-gradient(circle at top left, #4a4945 0, var(--peters-anthracite) 38%, var(--peters-dark) 100%); }
.login-stack { width: min(430px, 100%); display: grid; gap: 14px; }
.login-card { width: 100%; display: grid; gap: 16px; text-align: center; padding: 34px; }
.login-card label { text-align: left; }
.login-logo { width: 72px; height: 72px; object-fit: contain; margin: 0 auto 4px; }
.compact-card { width: min(450px, 100%); text-align: center; }
.primary { background: var(--peters-yellow); color: #242421; padding: 11px 16px; }
.primary:hover:not(:disabled) { background: var(--peters-yellow-hover); }
.secondary { background: #deded9; color: #30312f; padding: 10px 14px; }
.secondary:hover:not(:disabled) { background: #cecec8; }
.warning-button { background: #e4b835; color: #2a250f; padding: 11px 16px; }
.danger-outline { background: transparent; color: #a72a2a; border: 1px solid #dc9999; padding: 9px 12px; }
.danger-text { color: #af2222 !important; }
.link-button { background: none; color: #756300; padding: 6px; }
.link-button.back { padding-left: 0; margin-bottom: 5px; }
.wide { width: 100%; }
.large { min-height: 46px; padding: 11px 18px; }
.app-shell { width: 100%; max-width: 100%; min-width: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; overflow-x: hidden; }
.app-header { width: 100%; max-width: 100%; min-width: 0; min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 28px; background: var(--peters-anthracite); color: white; border-bottom: 4px solid var(--peters-yellow); box-shadow: 0 2px 10px rgba(0,0,0,.2); }
.brand { min-width: 0; display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.brand img { flex: 0 0 auto; width: 45px; height: 45px; object-fit: contain; }
.brand div { min-width: 0; display: grid; }
.brand strong { overflow-wrap: normal; }
.brand span { font-size: .82rem; color: #d5d5d1; }
.header-user { min-width: 0; display: flex; align-items: center; gap: 14px; }
.header-user > span { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-container { flex: 1; min-width: 0; max-width: 100%; width: min(1540px, calc(100% - 34px)); margin: 0 auto; padding: 28px 0 44px; }
.page-title-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.page-title-row > * { min-width: 0; }
.sticky-title { align-items: flex-end; }
.save-indicator { min-width: 210px; text-align: right; color: #6f706d; font-size: .9rem; }
.alert { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 13px 15px; border-radius: 10px; margin: 0 0 16px; font-weight: 650; overflow-wrap: anywhere; }
.alert button { flex: 0 0 auto; background: transparent; font-size: 1.25rem; color: inherit; }
.alert.success { background: #e6f5ec; color: #1e6539; border: 1px solid #a9dbba; }
.alert.error { background: #fce9e9; color: #872424; border: 1px solid #efb4b4; }
.alert.warning { background: var(--peters-yellow-soft); color: #665600; border: 1px solid #e2ca4d; }
.timesheet-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(285px, 100%), 1fr)); gap: 18px; }
.timesheet-card { display: flex; flex-direction: column; min-height: 290px; }
.timesheet-card .wide { margin-top: auto; }
.document-name { margin: -6px 0 16px; color: #62635f; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .82rem; overflow-wrap: anywhere; }
.card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 16px; }
.timesheet-card-meta { min-width: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
.calendar-week { color: var(--peters-anthracite); font-size: 1rem; white-space: nowrap; }
.status { display: inline-flex; align-items: center; border-radius: 999px; padding: 5px 10px; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.status.draft { color: #155b35; background: #ddf4e7; }
.status.submitted { color: #5e5000; background: #fff2a3; }
.status.disabled { color: #7a2424; background: #f7dddd; }
.empty-state { text-align: center; padding: 60px 24px; }
.form-card, .entries-card, .submit-card { margin-bottom: 18px; }
.form-grid { min-width: 0; max-width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.general-grid { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
.section-title-row { min-width: 0; max-width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 16px; }
.section-title-row > * { min-width: 0; }
.section-title-row h2 { margin-bottom: 4px; }
.quick-actions { min-width: 0; max-width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; gap: 9px; }
.shift { padding: 9px 16px; color: white; min-width: 130px; }
.shift small { font-weight: 500; opacity: .88; }
.shift.early { background: #424340; }
.shift.late { background: #777873; }
.table-wrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #d3d3ce; border-radius: 10px; }
table { width: 100%; border-collapse: collapse; }
th, td { border-bottom: 1px solid #dfdfda; padding: 10px 8px; text-align: left; white-space: nowrap; font-size: .87rem; }
th { background: #f1e7a8; color: #3c3c39; font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; }
tbody tr:last-child td { border-bottom: 0; }
.entries-table { min-width: 1160px; }
.entries-table tbody tr[draggable="true"] { cursor: grab; }
.entries-table tbody tr[draggable="true"]:hover { background: #fffdf0; }
.drag-col { width: 30px; }
.drag-handle { font-size: 1.2rem; color: #777874; width: 30px; }
.row-actions { display: flex; gap: 4px; }
.row-actions button { min-width: 32px; height: 32px; padding: 0; background: #e7e7e2; color: #333431; }
.empty-row { text-align: center; color: #777874; padding: 34px; }
.entries-mobile { display: none; }
.entry-mobile-card { min-width: 0; max-width: 100%; background: #fff; border: 1px solid #d3d3ce; border-radius: 12px; padding: 14px; box-shadow: 0 2px 10px rgba(32, 32, 31, .05); }
.entry-mobile-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid #e0e0db; }
.entry-mobile-head > div { min-width: 0; display: grid; gap: 3px; }
.entry-number { color: #6f706d; font-size: .78rem; font-weight: 750; }
.edit-entry-button { min-height: 42px; flex: 0 0 auto; }
.entry-mobile-data { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 14px 0; }
.entry-mobile-data > div { min-width: 0; }
.entry-mobile-data dt { color: #6f706d; font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .03em; }
.entry-mobile-data dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.entry-mobile-actions { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; border-top: 1px solid #e0e0db; padding-top: 12px; }
.empty-mobile { text-align: center; color: #777874; }
.totals { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; padding-top: 16px; }
.totals span { margin-left: auto; color: #6f706d; }
.submit-row { min-width: 0; max-width: 100%; display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }
.recipient-label { min-width: min(310px, 100%); flex: 1; }
.send-button { min-width: min(235px, 100%); background: var(--peters-yellow); color: #242421; }
.send-button:hover:not(:disabled) { background: var(--peters-yellow-hover); }
.danger-link { margin-top: 18px; background: none; color: #a52727; padding: 5px 0; }
.modal-backdrop { max-width: 100%; position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(32, 32, 31, .72); overflow-y: auto; }
.modal { min-width: 0; max-width: 100%; width: min(720px, 100%); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow-y: auto; overscroll-behavior: contain; }
.modal-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.modal-title h2 { margin-bottom: 5px; font-size: 1.45rem; }
.close-button { flex: 0 0 auto; background: var(--peters-gray-light); color: #3b4558; width: 40px; height: 40px; font-size: 1.4rem; }
.modal-grid { margin-top: 16px; }
.span-2 { grid-column: span 2; }
.pause-field { grid-column: span 2; margin: 0; padding: 12px; border: 1px solid #cdcec8; border-radius: 9px; display: flex; flex-wrap: wrap; gap: 24px; }
.pause-field legend { font-weight: 750; padding: 0 5px; }
.radio { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 7px; }
.radio input { width: auto; min-height: 0; }
.calculation-preview { margin-top: 15px; padding: 12px; border-radius: 8px; background: var(--peters-yellow-soft); font-weight: 750; color: #5f5100; overflow-wrap: anywhere; }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.admin-layout { min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(300px, 420px) minmax(0, 1fr); gap: 18px; align-items: start; }
.admin-wide { grid-column: 2; }
.username-preview { background: #f2f2ee; border-radius: 9px; padding: 12px; overflow-wrap: anywhere; }
.admin-table { min-width: 850px; }
.admin-table td { vertical-align: middle; }
.admin-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-user-cards { display: none; }
.inline-form { min-width: 0; max-width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.recipient-list { display: grid; gap: 8px; margin-top: 18px; }
.recipient-list > div { display: flex; justify-content: space-between; align-items: center; gap: 12px; border: 1px solid var(--peters-border); border-radius: 9px; padding: 10px 12px; }
.recipient-list span { min-width: 0; display: grid; overflow-wrap: anywhere; }
.recipient-list small { color: #6f706d; margin-top: 2px; overflow-wrap: anywhere; }
code { max-width: 100%; word-break: break-word; background: var(--peters-gray-light); border-radius: 5px; padding: 3px 6px; overflow-wrap: anywhere; }
.legal-links { display: flex; align-items: center; justify-content: center; gap: 24px; }
.legal-links a { font-size: .9rem; font-weight: 700; }
.login-legal-links { justify-content: space-between; padding: 0 4px; }
.login-legal-links a { color: var(--peters-yellow); }
.site-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; width: min(1540px, calc(100% - 34px)); margin: auto auto 0; padding: 20px 0 24px; color: #6f706d; font-size: .86rem; }
.site-footer .legal-links { justify-content: flex-start; }
.legal-page-shell { width: 100%; max-width: 100%; min-width: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: var(--peters-gray-light); }
.legal-header { min-height: 74px; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 12px max(18px, calc((100% - 1100px) / 2)); background: var(--peters-anthracite); color: white; border-bottom: 4px solid var(--peters-yellow); }
.legal-content { min-width: 0; max-width: 100%; width: min(1100px, calc(100% - 32px)); margin: 28px auto; padding: clamp(22px, 4vw, 46px); line-height: 1.62; }
.legal-content article { max-width: 880px; }
.legal-content h1 { margin-bottom: 6px; }
.legal-content h2 { margin-top: 30px; margin-bottom: 10px; }
.legal-content p, .legal-content li { overflow-wrap: anywhere; }
.legal-content li + li { margin-top: 7px; }
.legal-lead { color: #6f706d; }

@media (max-width: 1100px) {
  .general-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .section-title-row { align-items: flex-start; flex-direction: column; }
  .quick-actions { width: 100%; }
  .quick-actions button { flex: 1 1 180px; }
  .admin-layout { grid-template-columns: 1fr; }
  .admin-wide { grid-column: 1; }
}

@media (max-width: 850px) {
  .entries-table-desktop, .admin-table-desktop { display: none; }
  .entries-mobile, .admin-user-cards { display: grid; gap: 12px; }
  .admin-user-card { border: 1px solid var(--peters-border); border-radius: 11px; padding: 14px; display: grid; gap: 14px; }
  .admin-user-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
  .admin-user-meta small:last-child { width: 100%; }
  .admin-actions button { flex: 1 1 190px; min-height: 44px; }
}

@media (max-width: 720px) {
  .card { padding: 17px; border-radius: 12px; }
  .app-header { min-height: 66px; padding: 10px 12px; }
  .brand { gap: 8px; }
  .brand img { width: 38px; height: 38px; }
  .brand strong { font-size: .82rem; }
  .brand span { font-size: .73rem; }
  .header-user > span { display: none; }
  .header-user .secondary { padding: 9px 11px; }
  .page-container { width: 100%; padding: 16px 9px 28px; }
  .page-title-row { align-items: stretch; flex-direction: column; gap: 12px; }
  .page-title-row > button { width: 100%; }
  .save-indicator { min-width: 0; text-align: left; }
  .form-grid, .general-grid, .modal-grid { grid-template-columns: 1fr; }
  .span-2, .pause-field { grid-column: span 1; }
  .pause-field { flex-direction: column; gap: 10px; }
  .quick-actions { width: 100%; flex-direction: column; }
  .quick-actions button { width: 100%; flex: none; }
  .submit-row { align-items: stretch; flex-direction: column; }
  .submit-row > button, .recipient-label, .send-button { min-width: 0; width: 100%; }
  .inline-form { grid-template-columns: 1fr; }
  .inline-form button { width: 100%; min-height: 46px; }
  .recipient-list > div { align-items: stretch; flex-direction: column; }
  .recipient-list button { width: 100%; }
  .totals { gap: 10px 18px; }
  .totals strong { flex: 1 1 130px; }
  .totals span { margin-left: 0; width: 100%; }
  .modal-backdrop { place-items: end center; padding: 0; }
  .modal { min-width: 0; max-width: 100%; width: 100%; max-height: 94vh; max-height: 94dvh; border-radius: 16px 16px 0 0; border-bottom: 0; padding: 18px; }
  .modal-actions { position: sticky; bottom: -18px; z-index: 2; margin: 18px -18px -18px; padding: 12px 18px max(12px, env(safe-area-inset-bottom)); background: white; border-top: 1px solid #d8d8d3; }
  .modal-actions button { min-height: 46px; flex: 1; }
  .entry-mobile-data { grid-template-columns: 1fr 1fr; }
  .site-footer { width: 100%; max-width: 100%; padding-inline: 12px; align-items: center; flex-direction: column; text-align: center; padding-bottom: max(20px, env(safe-area-inset-bottom)); }
  .site-footer .legal-links { justify-content: center; }
  .legal-header { padding: 10px 12px; }
  .legal-header .secondary { font-size: .8rem; padding: 9px 10px; }
  .legal-content { min-width: 0; max-width: 100%; width: min(100% - 18px, 1100px); margin: 16px auto; }
}

@media (max-width: 480px) {
  .center-page { padding: 12px; }
  .login-card { padding: 24px 18px; }
  .login-logo { width: 62px; height: 62px; }
  .card-top { align-items: flex-start; flex-direction: row; }
  .timesheet-card-meta { max-width: 65%; }
  .entry-mobile-head { align-items: stretch; flex-direction: column; }
  .edit-entry-button { width: 100%; }
  .entry-mobile-data { grid-template-columns: 1fr; }
  .entry-mobile-actions { grid-template-columns: 1fr 1fr; }
  .entry-mobile-actions .danger-outline { grid-column: span 2; }
  .legal-links { gap: 18px; }
  .legal-header .brand strong { max-width: 150px; }
}


@media (max-width: 1180px) {
  .entries-table-desktop { display: none; }
  .entries-mobile { display: grid; gap: 12px; }
}

@media (max-width: 980px) {
  .admin-table-desktop { display: none; }
  .admin-user-cards { display: grid; gap: 12px; }
}

@media (max-width: 640px) {
  .app-header { flex-wrap: wrap; }
  .brand { flex: 1 1 210px; }
  .header-user { margin-left: auto; }
  .card, .form-card, .entries-card, .submit-card { max-width: 100%; }
  .entry-mobile-actions { grid-template-columns: 1fr; }
  .entry-mobile-actions .danger-outline { grid-column: auto; }
  .legal-links, .login-legal-links { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 390px) {
  .page-container { width: 100%; padding-inline: 6px; }
  .card { padding: 14px; }
  .login-card { padding: 20px 14px; }
  .app-header { padding-inline: 8px; }
  .header-user .secondary { font-size: .78rem; }
  .modal { padding: 14px; }
  .modal-actions { margin: 16px -14px -14px; padding-inline: 14px; }
}

.page-title-row h1, .section-title-row h2, .form-card h2, .submit-card h2, .admin-layout h2 { color: var(--peters-anthracite); }
.login-card h1 { color: var(--peters-anthracite); }
.login-card { border-top: 5px solid var(--peters-yellow); }
.timesheet-card { border-top: 4px solid var(--peters-yellow); }
.entries-card { border-top: 4px solid var(--peters-yellow); }
.primary:focus-visible, .secondary:focus-visible, button:focus-visible { outline: 3px solid rgba(243, 209, 11, .42); outline-offset: 2px; }
::selection { background: var(--peters-yellow); color: #242421; }


.center-page, .login-stack, .login-card, .compact-card,
.page-title-row, .timesheet-grid, .timesheet-card, .entries-card,
.entries-mobile, .entry-mobile-card, .entry-mobile-data,
.entry-mobile-actions, .totals, .submit-card, .recipient-list,
.admin-user-cards, .admin-user-card, .site-footer, .legal-header {
  min-width: 0;
  max-width: 100%;
}
input[type="date"], input[type="time"] {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 1180px) {
  .table-wrap { overflow-x: hidden; }
}
@media (max-width: 720px) {
  .center-page { width: 100%; max-width: 100%; }
  .app-header { overflow: hidden; }
  .brand { max-width: calc(100% - 88px); }
  .brand strong, .brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .header-user { flex: 0 0 auto; }
  .card, .entry-mobile-card, .admin-user-card { width: 100%; }
}

.admin-list-header { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 16px; }
.admin-list-header h2 { margin-bottom: 3px; }
.admin-list-header p { margin: 0; }
.admin-search { width: min(360px, 100%); }
.admin-search input { width: 100%; }
.admin-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin-top: 16px; }
.admin-pagination span { min-width: 115px; text-align: center; font-weight: 700; }
.admin-pagination button:disabled { opacity: .5; cursor: not-allowed; }
.empty-state { margin: 18px 0 4px; padding: 18px; border: 1px dashed var(--peters-border); border-radius: 9px; text-align: center; color: #6f706d; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 760px) {
  .admin-list-header { align-items: stretch; flex-direction: column; gap: 10px; }
  .admin-search { width: 100%; }
  .admin-pagination { justify-content: space-between; }
  .admin-pagination button { min-width: 90px; }
}

.modal-backdrop{width:100%;max-width:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}
.modal{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y}
.modal>*,.modal-grid,.modal-grid>*,.pause-field{min-width:0;max-width:100%}
.modal,.modal form,.modal-grid,.modal-grid>label,.modal-grid>fieldset,.pause-field{inline-size:100%;max-inline-size:100%}
.modal input,.modal select,.modal textarea,.modal button{max-inline-size:100%}
@media(max-width:720px){.modal-backdrop{overflow:hidden;overscroll-behavior:none}.modal{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}.modal-actions{position:static!important;inset:auto!important;z-index:auto!important}}

@media (max-width:720px){.modal-grid>label,.modal-grid>fieldset,.pause-field{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;min-width:0;min-inline-size:0}.modal-grid>label{overflow:hidden}.modal-grid input:not([type=radio]),.modal-grid select,.modal-grid textarea{display:block;width:100%!important;inline-size:100%!important;max-width:100%!important;max-inline-size:100%!important;min-width:0!important;min-inline-size:0!important;box-sizing:border-box}.modal-grid input[type=date],.modal-grid input[type=time]{-webkit-appearance:none;appearance:none}}