.quick-prescription-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.quick-prescription-widget{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:6px;min-width:0;padding:18px 16px;border:1px solid #ffffffcc;border-radius:22px;background:var(--paper,#fff);box-shadow:0 4px 16px #23487106;color:var(--ink,#15354d)}
.quick-prescription-widget:not(:disabled):hover{box-shadow:0 8px 22px #23487112}

.quick-prescription-widget strong{font-size:17px;letter-spacing:-.4px;line-height:1.25;overflow-wrap:anywhere}
.quick-prescription-widget small{font-size:11px;color:#66798e}
.quick-pen-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eaf2ff;color:#366dc9;flex-shrink:0}
.quick-pen-icon svg{width:24px;height:24px}.semaglutide .quick-pen-icon{background:#edf5f0;color:#408066}
.quick-widget-action{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:10px;color:#57718d}.quick-widget-action .studio-icon{width:13px;height:13px}
#editor.pen-picker{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #ffffffef;border-radius:28px;background:#f9fbff;box-shadow:0 24px 90px #17374c38;overflow:auto;overscroll-behavior:contain}
#editor.pen-picker::backdrop{background:#1b334447;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pen-picker-header{display:flex;align-items:center;gap:14px;padding:24px 24px 18px;background:#fff;border-bottom:1px solid #eaf0f6}
.pen-picker-header .quick-pen-icon{width:48px;height:48px;border-radius:16px}.pen-picker-header .quick-pen-icon svg{width:31px;height:31px}
.pen-picker-header small{color:#75899f;font-size:9px;letter-spacing:1.2px;font-weight:600}
.pen-picker-header h2{margin:5px 0 3px;font-size:26px;letter-spacing:-.8px;line-height:1.15}.pen-picker-header p{margin:0;font-size:12px;color:#66798e}
.pen-picker-close{margin-left:auto;align-self:flex-start;border:0;box-shadow:none;border-radius:50%;width:30px;height:30px;min-height:30px;padding:0;font-size:23px;background:#edf2f8;color:#65778c}
.pen-picker-body{padding:22px 24px 8px;display:grid;gap:20px}.pen-picker-body .field{gap:9px;color:#263e58;font-size:13px;font-weight:550;margin:0}
.pen-patient-section input{border-radius:14px;border:1px solid #dce6f1;min-height:48px;padding:12px 14px;background:#fff;font-size:15px;font-weight:400}
.pen-patient-section .quick-patient-results{margin:8px 0 0;max-height:178px;background:#fff;border-radius:14px}
.pen-selected-patient{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;background:#edf4fd;border-radius:14px}.pen-selected-patient[hidden]{display:none}
.pen-selected-patient b{font-size:13px}.pen-selected-patient small{display:block;margin-top:4px;font-size:11px;color:#687e95}
.pen-strengths{border:0;margin:0;padding:0;min-width:0}.pen-strengths legend{font-size:13px;font-weight:550;margin-bottom:10px;color:#263e58}
.pen-dose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pen-dose{position:relative;cursor:pointer}
.pen-dose input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0}
.pen-dose>span{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:14px 8px;border:1px solid #dce6f1;border-radius:13px;background:#fff;font-size:18px;font-weight:550}
.pen-dose small{font-size:11px;color:#75899f;font-weight:400}.pen-dose input:checked+span{background:#e9f1ff;border-color:#6299e9;color:#2a64bd}.pen-dose input:focus-visible+span{outline:3px solid #80aeeb;outline-offset:3px}.pen-dose input:disabled+span{opacity:.65;cursor:wait}
.pen-prescription-preview{padding:16px;background:#fff;border:1px solid #e4ebf4;border-radius:17px}.pen-prescription-preview>div:first-child{display:flex;flex-direction:column;gap:6px}.pen-prescription-preview>div:first-child>span{font-size:10px;color:#75899f}.pen-prescription-preview b{font-size:14px;font-weight:550}
.pen-prescription-preview p{margin:10px 0;font-size:12px;line-height:1.6;color:#536c87}.pen-preset-facts{display:flex;flex-wrap:wrap;gap:6px}.pen-preset-facts span{background:#f0f4f9;padding:5px 7px;border-radius:7px;font-size:10px;color:#61768e}.pen-prescription-preview>small{display:block;margin-top:12px;font-size:10px;color:#75899f}
.pen-picker-body .editor-error{margin:0;min-height:0}.pen-picker-body .editor-error:empty{display:none}
.pen-picker-footer{padding:16px 24px 22px;position:sticky;bottom:0;background:#f9fbfff5;border-top:1px solid #e9eff6;z-index:1}.pen-picker-footer .primary{width:100%;min-height:49px;border-radius:15px;justify-content:space-between;font-size:14px}
.list-pagination{padding:14px 18px;gap:10px;flex-wrap:wrap;border-top:1px solid #edf0f4}.list-pagination small{color:#75899f;font-size:11px}.list-pagination button{min-height:38px;font-size:12px;border-radius:11px}.list-pagination .button-row{gap:8px}
@media(max-width:1100px){.quick-prescription-widget{padding:14px 11px}.quick-prescription-widget strong{font-size:14px}.quick-prescription-widgets{gap:8px}}
@media(max-width:700px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-prescription-widgets{grid-column:1/-1;gap:10px}.quick-prescription-widget{min-height:130px;padding:16px 18px;position:relative}.quick-prescription-widget strong{font-size:19px}.quick-prescription-widget .quick-pen-icon{position:absolute;right:16px;top:16px;width:30px;height:30px}.quick-widget-action{margin-top:8px}.quick-prescription-widget small{font-size:12px}}
@media(max-width:380px){.pen-picker-header{padding:20px 18px 16px}.pen-picker-body{padding:18px 18px 8px;gap:16px}.pen-picker-footer{padding:14px 18px 18px}.pen-picker-header h2{font-size:24px}.pen-picker-header p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.quick-prescription-widget,.pen-dose>span{transition:none}.quick-prescription-widget:not(:disabled):hover{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#editor.pen-picker::backdrop{background:#1b3344b0;backdrop-filter:none;-webkit-backdrop-filter:none}}

.profile-main>.quick-prescription-widgets{margin-bottom:20px}.profile-main .quick-prescription-widget{min-height:125px}