/* Original FrmPatientPictures: independent sidebar, shared toolbar, date cards. */
.media-popout .chart-popout-toolbar{height:30px;background:#f1f1f1;border:0;font-size:12px;font-weight:400}
.media-popout #content.content{height:calc(100vh - 30px);padding:0;overflow:hidden}
.original-media.media-workspace{margin:0;height:100%;min-height:0;grid-template-columns:400px minmax(0,1fr);font:13px Arial,'Malgun Gothic',sans-serif;background:#f2f2f2}
.original-media .media-sidebar{position:relative;border-right:10px solid #eee;background:#fff;overflow:hidden}
.original-media .media-day{height:80px;box-sizing:border-box;border:0;padding:7px 16px 0}
.original-media .media-day>button{padding:6px 24px;margin-bottom:4px;min-width:72px}
.original-media .media-day>div{position:relative;justify-content:center;height:34px;gap:8px}
.original-media .media-pretty-day{font-size:18px;font-weight:bold;color:#69727e;white-space:nowrap}
.original-media .media-visit-day{position:absolute;left:38px;width:260px;height:32px;opacity:0;cursor:pointer}
.original-media .media-day .media-reload{border:1px solid #e2e2e2;border-radius:9px;width:36px;height:36px;line-height:24px;color:#6275ae}
.original-media .media-sidebar nav button{font-size:14px;padding:14px 2px}
.original-media .media-patients{max-height:none;flex:1;padding:5px 5px 0 14px;overflow:auto}
.original-media .media-patients>button{grid-template-columns:45px 76px minmax(80px,1fr) 102px;font-size:10px;gap:4px;height:28px;padding:6px 3px}
.original-media .media-sidebar footer{border-top:1px solid #eee;padding:4px;text-align:center;font-size:10px;color:#8991a5}
.original-media .media-search-form[hidden]{display:none}
.original-media .media-search-form{display:flex;gap:3px;padding:7px}
.original-media .media-search-form input{width:0;flex:1;margin:0}
.original-media .media-main{display:flex;flex-direction:column;min-height:0;background:#fff}
.original-media .media-patient-heading{height:72px;min-height:72px;gap:28px;padding:0 12px;background:#eee;color:#4f5b76}
.original-media .media-emblem{display:grid;place-items:center;width:32px;height:37px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#1ac3cf,#0754bd);color:white;font:bold 25px Arial}
.original-media .media-patient-no{font-size:16px}.original-media .media-patient-heading b{font-size:16px}
.original-media .media-readonly{font-size:10px;color:#9299a9;margin-left:auto}
.original-media .media-bookmark{margin-left:0;color:#bcc2d3}
.original-media .media-type-tabs{min-height:52px;align-items:stretch}
.original-media .media-type-tabs button{font-size:16px;padding:12px 14px}
.original-media .media-type-tabs .media-template,.original-media .media-type-tabs .media-signatures{font-size:10px;margin-left:auto;color:#9b9fab;padding:8px}
.original-media .media-type-tabs .media-signatures{margin-left:0}
.original-media .media-filter{margin:2px 5px 0;padding:4px;background:#dcdcdc}
.original-media .media-filter-form{gap:5px;padding:4px;flex-wrap:nowrap;height:32px;font-size:12px}
.original-media .media-filter-form label{font-size:0}
.original-media .media-filter-form input,.original-media .media-filter-form select{height:28px;font-size:12px;background:#f7f7f7;color:#758096;box-sizing:border-box}
.original-media .media-filter-form input[type=date]{width:118px}
.original-media .media-filter-form select[name=category]{width:27%;max-width:300px}
.original-media .media-filter-form input[name=q]{width:26%;max-width:300px}
.original-media .media-filter-form button{font-size:13px;padding:5px 18px;white-space:nowrap}
.original-media .media-filter-form .media-all-dates{font-size:10px;padding:5px 7px}
.original-media .media-query-options{position:relative;order:10;font-size:12px}
.original-media .media-query-options>summary{cursor:pointer;padding:5px;list-style:none}
.original-media .media-query-options>div{position:absolute;right:0;top:30px;z-index:5;display:flex;gap:6px;width:310px;padding:10px;background:white;border:1px solid #bbc2d6;box-shadow:0 3px 8px #0002}
.original-media .media-query-options label{font-size:11px}
.original-media .media-query-options input[name=visit]{width:65px}
.original-media .media-tools{display:flex;align-items:center;min-height:44px;background:#f2f2f2;margin:0 5px}
.original-media .media-group-tabs{flex:1;background:transparent;white-space:nowrap}
.original-media .media-group-tabs button{font-size:15px;padding:11px 20px}
.original-media .media-actions{margin:0;padding:3px;gap:7px;flex-wrap:nowrap;background:white;border-color:#ddd}
.original-media .media-actions button{padding:5px 11px;font-size:13px;white-space:nowrap}
.original-media .media-small{display:flex;align-items:center;gap:4px;white-space:nowrap;background:#6b79ad;color:white;padding:5px 7px;font-size:13px}
.original-media .media-small input{width:13px;height:13px;margin:0}
.original-media .media-result{flex:1;min-height:0;max-height:none;padding:0 12px 10px 10px;overflow:auto;background:#f2f2f2;margin:0 5px 10px}
.original-media .media-status{font-size:10px;margin:0;line-height:12px;min-height:12px;color:#9ba2b1}
.original-media .media-empty{display:grid;place-items:center;min-height:250px;margin:0;color:#9499a6;font-size:16px}
.original-media .media-result:has(.media-empty){background:#fff;padding:0;overflow:hidden}
.original-media .media-result:has(.media-empty)>.media-status,.original-media .media-result:has(.media-empty)>footer{display:none}
.original-media .media-gallery:has(.media-empty){height:100%;display:grid;place-items:center;background:#fff}
.original-media .media-empty{min-height:0;color:#adb2bc;font-size:14px;font-weight:400;text-align:center}
.media-warning{min-width:320px;color:#334765;font:13px Arial,'Malgun Gothic',sans-serif}.media-warning h3{margin:0 0 20px;font-size:14px}.media-warning p{display:flex;align-items:center;gap:14px;min-height:65px}.media-warning p span{font-size:32px;color:#d5a941}.media-warning footer{text-align:right;border-top:1px solid #e0e2e9;padding-top:10px}.media-warning button{border:0;background:#6977b1;color:white;padding:7px 28px;cursor:pointer}
.original-media .media-group{margin:0 0 4px}
.original-media .media-group>summary{position:relative;padding:4px 14px;font-size:14px;line-height:18px;list-style:none;background:#dfe1eb}
.original-media .media-group>summary:after{content:'⌄';position:absolute;right:24px;top:3px;color:#555}
.original-media .media-group[open]>summary:after{content:'⌃'}
.original-media .media-group>summary span{display:none}
.original-media .media-group-items{gap:12px 24px;padding:5px 12px 0;grid-template-columns:repeat(5,minmax(0,1fr));background:#f2f2f2}
.original-media .media-group-items .attachment-card{border-radius:15px;padding:11px;min-height:258px;box-sizing:border-box}
.original-media .media-group-items .attachment-card.media-selected{padding:10px;background:#fff;border-color:#7183b5}
.original-media .media-group-items .attachment-symbol{height:195px;background:#fff;border-color:#ddd;letter-spacing:0;font-weight:400;font-size:11px}
.original-media .media-group-items .attachment-symbol{position:relative;display:block}
.original-media .media-group-items .attachment-symbol img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain}
.original-media .media-group-items .attachment-card>p{margin:10px 4px 7px;font-size:12px;color:#adb2bc}
.original-media .media-group-items .attachment-card h3{font-size:12px;min-height:28px;padding:5px 7px;margin:0;box-sizing:border-box;line-height:17px;color:#9da6b6;background:white}
.original-media .media-compare-pick{position:absolute;z-index:2;top:17px;right:18px;display:block;width:18px;height:18px;font-size:0;border-radius:50%;background:white;cursor:pointer}
.original-media .media-compare-pick:before{content:'';position:absolute;inset:0;box-sizing:border-box;border:1px solid #858585;border-radius:50%;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8l2.5 2.5L12 5' fill='none' stroke='%23858585' stroke-width='.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;pointer-events:none}
.original-media .media-compare-pick input{position:absolute;inset:0;appearance:none;opacity:0;width:18px;height:18px;min-width:0;max-width:18px;margin:0;padding:0;border:0;cursor:pointer;box-sizing:border-box}
.original-media .media-compare-pick:has(input:checked):before{border-color:#6879af;background-color:#6879af;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8l2.5 2.5L12 5' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.original-media .media-compare-pick:has(input:focus-visible){outline:2px solid #8999c9;outline-offset:3px}
.original-media .media-compare-pick:has(input:disabled){opacity:.4;cursor:default}
.original-media .media-card-zoom{position:absolute;top:177px;left:15px;border:0;background:#fff;color:#666;font-size:24px;padding:0 3px;line-height:28px;cursor:pointer}
.original-media .media-card-details{margin-top:4px;font-size:9px}
.original-media .media-card-details:not([open]){height:0;overflow:hidden;margin:0}
.original-media .attachment-card:focus-within .media-card-details{height:auto;overflow:visible;margin-top:4px}
.original-media .media-small-images .media-group-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.original-media .media-small-images .attachment-symbol{height:120px}
.original-media .media-small-images .attachment-card{min-height:185px}
.original-media .media-small-images .media-card-zoom{top:102px}
.original-media .media-image-frame{position:relative}
.original-media .media-image-frame .media-card-zoom{top:auto;bottom:4px;left:4px;width:18px;height:18px;padding:0;border:0;background:transparent;line-height:1;z-index:1;cursor:pointer}
.original-media .media-card-zoom svg{display:block;width:18px;height:18px;fill:white;stroke:#737373;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.media-popout #content>.original-template-library{height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box}
.media-popout .original-template-library .it-layout{flex:1;min-height:0;overflow:hidden}
.media-popout .original-template-library .it-layout aside,.media-popout .original-template-library .it-right{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.media-popout .original-template-library .it-groups{flex:1;min-height:0;max-height:none;overflow:auto}
.media-popout .original-template-library .it-work{flex:1;height:auto;min-height:0;overflow:hidden}
.media-popout .original-template-library .it-preview{display:block;overflow:auto;min-height:0;overscroll-behavior:contain}
.media-popout .original-template-library .it-preview img{display:block;height:auto;max-width:none;margin:0 auto}
.media-popout #content:has(>.original-view){overflow:auto}
@media(max-width:1599px){.original-media.media-workspace{grid-template-columns:300px minmax(0,1fr)}.original-media .media-patients>button{grid-template-columns:35px 65px minmax(60px,1fr)}.original-media .media-patients>button>span:last-child{display:none}.original-media .media-pretty-day{font-size:14px}.original-media .media-visit-day{width:190px;left:24px}.original-media .media-group-items{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.original-media .media-tools{flex-wrap:wrap}.original-media .media-actions{margin-left:auto}.original-media .media-filter-form{flex-wrap:wrap;height:auto}.original-media .media-readonly{display:none}}
@media(max-width:850px){.original-media.media-workspace{grid-template-columns:230px minmax(0,1fr)}.original-media .media-filter-form select[name=category],.original-media .media-filter-form input[name=q]{min-width:110px}.original-media .media-patient-heading{gap:12px}.original-media .media-pretty-day{font-size:11px}.original-media .media-actions{flex-wrap:wrap}.original-media .media-type-tabs .media-signatures{display:none}}

@media(min-width:1600px){.original-media.media-workspace{grid-template-columns:22% minmax(0,1fr)}.original-media .media-sidebar{border-right-width:22px}.original-media .media-group-items{grid-template-columns:repeat(5,minmax(0,262px));gap:12px 24px}.original-media .media-group-items .attachment-symbol{aspect-ratio:238 / 195;height:auto;min-height:0}.original-media .media-card-zoom{top:auto;bottom:76px}.original-media .media-small-images .media-group-items{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.original-media .media-small-images .attachment-symbol{aspect-ratio:1.5;height:auto}}

/* Native card: image fills the frame, magnifier stays inside its lower left corner. */
.original-media .media-group-items{gap:6px;padding:6px}
.original-media .media-image-frame{height:195px;position:relative}
.original-media .media-group-items .media-image-frame .attachment-symbol{height:100%;min-height:0;aspect-ratio:auto}
.original-media .media-image-frame .attachment-symbol img{width:100%;height:100%;object-fit:contain}
.original-media .media-group-items .attachment-card{min-height:0;padding:10px;border-radius:14px}
.original-media .attachment-card.media-no-title>h3{display:none}
.original-media .attachment-card>p{margin:9px 4px 0;line-height:1.3;font-size:12px;color:#a1a7b0}
.original-media .attachment-card .media-card-details{display:none}
.original-media .media-small-images .media-image-frame{height:120px}
@media(min-width:1600px){.original-media .media-group-items{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}}
.original-media .media-group-items .attachment-card>p{margin:8px 4px 0;font-size:12px;line-height:1.3}.original-media .media-group-items .attachment-card.media-no-title{min-height:0}