/* Recorded desktop layout, scaled while keeping overflow reachable. */
.officefloat:has(.octoberoffice){height:83vh;min-height:560px;width:71vw;min-width:810px;max-height:96vh}
.octoberoffice{font-family:Arial,sans-serif;gap:5px;padding:12px 20px 8px;background:white;min-width:780px;font-size:12px}
.octoberoffice .officedxhead{font-size:12px;white-space:nowrap;gap:8px}.octoberoffice .officedxhead b{font-weight:600}.octoberoffice .officedxhead button{font-size:12px;color:#7278c4;padding:0}
.octoberoffice .officedxgrid{height:90px}.octoberoffice .officedxgrid th:first-child{width:30px}.octoberoffice .officedxgrid th:last-child{width:80px}.octoberoffice .nativegrid th,.octoberoffice .nativegrid td{font-size:12px;height:18px;padding:0 3px}.octoberoffice .nativegrid button{font-size:12px;min-height:18px;padding:0 2px}
.octoberoffice .officeselected{margin:3px 0 0}.octoberoffice .officeselected input{height:20px;min-height:20px}.octoberoffice .btn{min-height:20px;padding:0 12px;border-radius:12px;font-size:12px}
.octoberoffice .officecatalogarea{grid-template-columns:52% 48%;gap:12px}.octoberoffice .officeleft p{font-size:12px;line-height:1.15;max-width:100%;margin-bottom:3px}.octoberoffice .officesubgrid{grid-template-columns:30% 70%;gap:12px}
.octoberoffice .officereview .nativegrid{min-height:75px;margin:0}.octoberoffice .pointtests{display:grid;grid-auto-flow:row;grid-template-rows:auto;grid-template-columns:45% 55%;gap:5px}.octoberoffice .pointtests>div{display:flex;flex-direction:column}.octoberoffice .pointtests label{height:15px;font-size:11px}.octoberoffice textarea{height:40px;width:100%}
.octoberoffice .officecategories{padding:0 0 0 5px;gap:3px}.octoberoffice .templatepill{margin:0 0 10px 5px;padding:1px 22px}.octoberoffice .officecategories>button,.octoberoffice .misccategories>button{width:142px;flex-shrink:0;height:19px}.octoberoffice .misccategories{gap:8px}.octoberoffice .misccategories>div{gap:7px}.octoberoffice .misccategories label{font-size:11px}
.octoberoffice .officeentry{margin-top:5px;grid-template-columns:28px minmax(160px,4fr) 65px repeat(7,minmax(28px,.9fr));gap:2px}.octoberoffice .officeentry label,.octoberoffice .officebilling label{font-size:11px}.octoberoffice .officeentry input,.octoberoffice .officebilling input{font-size:12px;height:19px;min-height:19px;border-radius:0;padding:0 2px}.octoberoffice .officebilling{margin-left:30px;grid-template-columns:3.9fr .9fr .85fr .9fr 1.6fr;width:72%}.octoberoffice .officeperformed{font-size:12px;justify-content:center}.octoberoffice .officeperformed input[type=date]{height:19px;min-height:19px;width:120px}.octoberoffice .officeprocessing{font-size:12px;margin:7px 0 3px;text-align:left;padding-left:43%}
.octoberoffice .officeplaced{min-height:75px;max-height:120px;width:71%}.octoberoffice .officeorderbottom{margin-top:auto;min-height:90px}.octoberoffice .officequick{width:28%;gap:6px}.octoberoffice .officequick i{font-size:11px;max-width:225px}.octoberoffice .nativefooter{justify-content:flex-end;margin-top:6px;flex-wrap:nowrap}
.officerecipientfloat{left:4.6vw;top:8vh;width:62vw;min-width:735px;height:67vh;min-height:410px;background:#eee;border:1px solid #888;border-radius:8px;z-index:70}.officerecipientfloat .windowtitle{height:28px;background:#ddd;color:#222}.officerecipientfloat .windowtitle button{color:#555}.officerecipientfloat .clinicalwindowbody{background:#eee}.officerecipients{padding:6px 12px 8px;background:#eee;grid-template-columns:43% 9% 44%;gap:2%;min-height:0;display:grid;font-size:12px}.officerecipients h3{margin:0 0 5px;font-size:12px;font-weight:400}.officerecipients>div{min-width:0;min-height:0}.officerecipients .officeavailable,.officeselectedrecipients{display:flex;flex-direction:column}.officerecipienttree{border:2px inset #ddd;overflow:auto;flex:1;background:white;padding:3px}.officerecipienttree>div{white-space:nowrap;line-height:19px}.officerecipienttree button{display:block;text-align:left;white-space:nowrap;line-height:19px;min-height:19px;padding:0 3px;font-size:12px}.officerecipienttree button[hidden]{display:none}.officerecipienttree button span{color:inherit}.officerecipients .recipientcontrols{justify-content:flex-start;gap:0}.officerecipients .recipientcontrols label{font-size:12px}.officerecipients .recipientcontrols select{padding:0;font-size:12px}.recipientmoves{display:flex;flex-direction:column;gap:6px;margin-top:auto;margin-bottom:auto}.officerecipients .recipientmoves .btn{font-size:12px;white-space:nowrap;padding:2px 3px;border-radius:0;min-height:24px}.officeselectedrecipients>div{border:2px inset #ddd;flex:1;overflow:auto;background:repeating-linear-gradient(white 0,white 19px,#f1f1f1 20px)}.officeselectedrecipients .nativegrid{min-height:0;width:100%}.officeselectedrecipients .nativegrid th,.officeselectedrecipients .nativegrid td{padding:1px 3px;font-size:12px;white-space:nowrap}.officeselectedrecipients .nativegrid button{font-size:12px;padding:0}.officerecipientfloat .nativefooter{margin:0;padding:5px 12px 10px;gap:8px}.officerecipientfloat .nativefooter .btn{border-radius:0;min-width:75px;min-height:25px;padding:2px 10px}
@media(max-width:1100px){.officefloat:has(.octoberoffice){width:96vw;left:1vw;min-width:0;height:92vh;min-height:0}.officerecipientfloat{width:91vw;left:3vw;min-width:0;height:76vh}.officerecipients{min-width:690px}}
.octoberoffice .nativefooter{position:sticky;bottom:0;background:white;padding:7px 0 2px;z-index:2;border-top:1px solid #ddd}
@media(min-width:1101px) and (max-width:1440px){.officefloat:has(.octoberoffice){height:94vh}.octoberoffice .officedxgrid{height:78px}.octoberoffice .officeorderbottom{min-height:70px}.octoberoffice .officeplaced{min-height:65px}}
.officerecipients .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}