.pictures-panel{max-width:1180px!important}.picture-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.picture-panel-heading h2{font:32px Georgia,serif;margin:6px 0}.picture-panel-heading p{margin:0;color:#786d73}.pictures-panel .before-after-columns{align-items:start}.picture-group-title{display:flex;align-items:center;gap:12px;margin-bottom:13px}.picture-group-title>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#754057,#a85a7a);color:#fff;font:15px Georgia,serif;box-shadow:0 8px 19px #63354b2c}.picture-group-title h3{margin:0;font:26px Georgia,serif}.picture-group-title small{display:block;margin-top:2px;color:#8b7881}.pictures-panel .progress-slot-grid{grid-template-columns:repeat(5,minmax(78px,1fr));gap:12px}.progress-photo-frame{position:relative;min-width:0;padding:7px;background:linear-gradient(145deg,#fff,#eadde3);border:1px solid #fff;border-radius:8px;box-shadow:0 14px 30px rgba(72,39,54,.16),inset 0 0 0 2px rgba(123,75,96,.1);transition:transform .18s,box-shadow .18s}.progress-photo-frame:hover{transform:translateY(-3px);box-shadow:0 19px 38px rgba(72,39,54,.21),inset 0 0 0 2px rgba(179,94,128,.18)}.progress-photo-frame>form:first-child{height:100%}.picture-frame-label{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#f8eff2;cursor:pointer}.picture-frame-label>img{width:100%;height:100%;display:block;object-fit:cover}.empty-picture-frame{width:100%;height:100%;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#fff 0,#f8eaf0 58%,#eedce4 100%);color:#80546a}.empty-picture-frame i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#b45b7d;font:22px/1 Arial,sans-serif;box-shadow:0 8px 20px #63354b1b;font-style:normal}.empty-picture-frame b{margin-top:10px;font-size:10px}.empty-picture-frame small{margin-top:3px;font-size:8px;color:#9a8490}.picture-add-badge{position:absolute;right:7px;bottom:7px;width:25px;height:25px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#a65275;color:#fff;font:17px/1 Arial,sans-serif;box-shadow:0 6px 14px #572d4140}.picture-saving{position:absolute;inset:0;display:grid;place-items:center;background:rgba(63,35,49,.73);color:#fff;font-weight:800;opacity:0;pointer-events:none;transition:opacity .15s}.progress-photo-frame form.is-saving .picture-saving{opacity:1}.picture-delete-form{position:absolute;top:2px;left:2px;z-index:2}.picture-delete-form button{width:25px;height:25px;padding:0;border:2px solid #fff;border-radius:50%;background:#713249;color:#fff;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 5px 14px #4c263936}.client-delivery-compact{max-width:720px;margin-top:18px;padding:18px!important}.client-delivery-compact h2{font:24px Georgia,serif;margin:5px 0 13px}.client-delivery-compact .send-form-grid{gap:9px}.client-delivery-compact .send-form-grid form{grid-template-columns:1fr auto;align-items:end;gap:8px}.client-delivery-compact .send-form-grid label{font-size:10px}.client-delivery-compact .send-form-grid select{min-height:38px}.client-delivery-compact .button{min-height:38px;white-space:nowrap}.client-delivery-compact .document-list{margin-top:10px;max-height:120px;overflow:auto}.client-delivery-compact .document-list>div{display:flex;justify-content:space-between;padding:7px 2px;border-top:1px solid #eadde3;font-size:10px}.compact-danger-zone{max-width:720px;margin-top:10px!important;padding:0!important;overflow:hidden}.compact-danger-zone summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:12px 16px;cursor:pointer;color:#814459}.compact-danger-zone summary::-webkit-details-marker{display:none}.compact-danger-zone summary span{display:flex;align-items:baseline;gap:9px}.compact-danger-zone summary b{font-size:12px}.compact-danger-zone summary small{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#a17d8d}.compact-danger-zone summary i{font-style:normal}.compact-danger-content{padding:0 16px 15px;border-top:1px solid #eadde3}.compact-danger-content p{font-size:10px;color:#786d73}.compact-danger-content form{max-width:none;grid-template-columns:1fr auto;align-items:end}.compact-danger-content label{font-size:9px}.compact-danger-content input{margin-top:4px}.compact-danger-content .button{min-height:39px}.compact-danger-zone[open] summary i{transform:rotate(180deg)}
@media(max-width:900px){.pictures-panel .before-after-columns{grid-template-columns:1fr}.pictures-panel .progress-slot-grid{grid-template-columns:repeat(5,minmax(70px,1fr))}}
@media(max-width:620px){.picture-panel-heading{display:grid}.pictures-panel .progress-slot-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}.client-delivery-compact .send-form-grid{grid-template-columns:1fr}.client-delivery-compact .send-form-grid form,.compact-danger-content form{grid-template-columns:1fr}.compact-danger-zone summary span{display:grid;gap:2px}}