:root{--bp-phone: 640px;--bp-tablet: 1024px;--app-bg: #dddddd;--menu-bar-height: 64px;--search-bar-height: 48px;--text-color-light: #fff;--text-color-dark: #000;--table-dark-color: #d0d0d0;--table-light-color: #f0f0f0;--table-font-color: #333333;--table-header-background-color: #415070;--field-color: #b0b0b0;--field-border: #555555;--font-base: 16px;--font-base-phone: 14px}@media (max-width: 640px){:root{--menu-bar-height: 56px}}html,body,#root{height:100%;width:100%;max-width:100%;overflow-x:hidden;min-width:320px}body{margin:0;font-size:var(--font-base);background-color:var(--app-bg)}@media (max-width: 640px){body{font-size:var(--font-base-phone)}}.app{display:flex;flex-direction:column;min-height:100dvh;height:100vh;min-width:0}.app-main{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.app,.medication-panel{min-width:0}.app.is-phone{padding-top:0;--app-offset: 0px}.menu-bar{position:sticky;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:8px 16px;z-index:100;box-sizing:border-box;height:var(--menu-bar-height);gap:12px}.menu-bar-left{display:flex;align-items:center;gap:12px}.menu-bar-center{display:flex;align-items:center;justify-content:center}.menu-bar-banner{max-height:44px}.menu-bar-title-long{font-size:32px;color:var(--text-color-dark);white-space:nowrap}.menu-bar-title-short{display:none;font-size:20px;font-weight:700;color:var(--text-color-dark)}@media (max-width: 640px){.menu-bar{padding:6px 10px}.menu-bar-banner{max-height:28px}.menu-bar-title-long{display:none}.menu-bar-title-short{display:block}.menu-item{font-size:14px;padding:8px 10px}}@media (min-width: 641px) and (max-width: 1024px){.menu-bar-title-long{font-size:26px}.menu-bar-banner{max-height:36px}}.status-bar{margin-top:auto;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;background-color:#d3d3d3;color:#333;padding:10px 20px;box-sizing:border-box;line-height:1.3;gap:8px 12px}.status-bar-left,.status-bar-right{display:flex;align-items:center}.status-bar-left{flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:11px;padding:0}.status-bar-right{flex:0 0 auto;white-space:nowrap;margin-left:auto}.search-bar{position:sticky;top:0;z-index:5;background-color:var(--app-bg);display:flex;align-items:center;gap:0px;margin-bottom:10px;padding:0 10px;flex-wrap:nowrap;min-width:0;min-height:var(--search-bar-height)}.search-bar>.search-label{white-space:nowrap;flex:0 0 auto;color:#000}.search-bar>.search-input{min-width:0;flex:1 1 auto}.search-input{flex:1 1 auto;min-width:0;padding:10px;margin:0 10px;border:1px solid var(--field-border);border-radius:4px;background-color:var(--field-color);font-size:16px}.medication-panel{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;padding:0 12px 12px;box-sizing:border-box;background-color:var(--app-bg)}.app-medication-table{width:100%;table-layout:fixed;border-collapse:collapse}.app-medication-table th{position:sticky;top:var(--search-bar-height);background-color:var(--table-header-background-color);z-index:4;padding:10px;text-align:left;border-bottom:1px solid var(--field-border);color:var(--text-color-light)}.app-medication-table td{padding:10px;text-align:left;border-bottom:1px solid var(--field-border);color:var(--table-font-color)}.app-medication-table th:last-child,.app-medication-table td:last-child{text-align:center;width:10%}.cell-medication{white-space:normal;word-break:break-word}.app-table-row{background-color:var(--table-light-color);color:var(--table-font-color)}.app-even-row{background-color:var(--table-dark-color)}.app-odd-row{background-color:var(--table-light-color)}.spin-control,.picker-control{width:64px;background-color:var(--table-light-color);color:var(--table-font-color);font-size:16px}@media (max-width: 640px){.search-bar{padding:0;gap:6px}.search-input{margin:0;font-size:16px}.medication-panel input,.medication-panel select,.medication-panel textarea{font-size:16px}.search-label{font-size:12px}.app-medication-table thead{display:none}.app-medication-table,.app-medication-table tbody{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.app-medication-table tr{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;column-gap:12px;row-gap:8px;align-items:start;background-color:var(--table-light-color);border:1px solid var(--field-border);border-radius:12px;margin:10px 0;padding:10px 12px;box-sizing:border-box;width:100%;max-width:100%;min-width:0}.app-medication-table td{display:block;border:none;padding:6px 0;min-width:0}.app-medication-table td:last-child{border-bottom:0}.app-medication-table td:before{content:attr(data-label);display:block;font-weight:600;font-size:12px;color:var(--table-font-color);margin-bottom:2px;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.app-medication-table td[data-label=FPL]:before{white-space:nowrap}.app-medication-table td:nth-child(1){grid-column:1}.app-medication-table td:nth-child(2){grid-column:2}.app-medication-table td:nth-child(3){grid-column:1}.app-medication-table td:nth-child(4){grid-column:2}.spin-control,.picker-control{width:50%;font-size:16px}.cell-medication{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}