/* V7 Smart Studio: scoped styles; original V6 rental screens remain untouched. */
#studioPage{--v7:#762e3e;--v7-light:#a96b7a;color:#4a2e34}
#studioPage .studio-hero{border:1px solid #eed5dc;border-radius:20px;background:linear-gradient(125deg,#fff8fa,#fbe5ec);padding:20px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
#studioPage .studio-hero .eyebrow{font-size:10px;color:var(--v7-light);margin-bottom:8px}
#studioPage .studio-hero h2{font-family:Georgia,serif;font-size:26px;letter-spacing:-.035em;font-weight:600;color:var(--v7);margin:0 0 6px}
#studioPage .studio-hero p{color:#956f78;font-size:12px;line-height:1.5;margin:0}
#studioPage .studio-hero .btn{flex:none}
#studioPage .studio-tabs{display:flex;align-items:center;gap:7px;overflow:auto hidden;scrollbar-width:none;margin-bottom:18px;padding:0 1px 8px}
#studioPage .studio-tabs button{white-space:nowrap;border:1px solid #ebd9df;background:white;border-radius:99px;color:#865a65;padding:11px 15px;font-size:12px;font-weight:750}
#studioPage .studio-tabs button.active{color:#fff;background:var(--v7);border-color:var(--v7)}
#studioPage .studio-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:19px}
#studioPage .studio-kpis>div{border:1px solid #ead7dc;border-radius:16px;background:#fffbfc;padding:16px 18px;display:flex;flex-direction:column;gap:7px;min-width:0}
#studioPage .studio-kpis b{font-size:25px;line-height:1.1;color:var(--v7);font-weight:780;letter-spacing:-.04em;overflow-wrap:anywhere}
#studioPage .studio-kpis span{font-size:11px;color:#956f78;line-height:1.4}
#studioPage .studio-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 15px}
#studioPage .studio-heading h3,#studioPage .studio-panel h3{margin:0 0 4px;font-size:19px;color:#5d2936;letter-spacing:-.03em}
#studioPage .studio-heading p{font-size:12px;color:#8e737c;margin:0}
#studioPage .studio-panel{border:1px solid #ead7dc;background:#fffcfd;border-radius:18px;padding:19px;margin-bottom:16px}
#studioPage .studio-search{margin-bottom:15px}
#studioPage .studio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#studioPage .studio-order-card{background:#fffcfd;border:1px solid #e8d5da;border-radius:18px;padding:16px;min-width:0;box-shadow:0 6px 22px rgba(93,41,54,.04)}
#studioPage .studio-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#studioPage .studio-order-top h3,#studioPage .studio-order-card>h3{font-size:17px;letter-spacing:-.035em;margin:5px 0;color:#5d2936}
#studioPage .studio-order-top p,#studioPage .studio-order-card>p{font-size:11px;color:#9b7b85;margin:3px 0 9px;line-height:1.5;overflow-wrap:anywhere}
#studioPage .studio-subtitle{font-size:9px;color:#ae7786;font-weight:800;letter-spacing:.09em}
#studioPage .studio-count{background:#faebf0;border-radius:999px;padding:6px 9px;color:#843d4d;font-size:10px;font-weight:800;white-space:nowrap}
#studioPage .studio-mini-photos{display:flex;gap:5px;margin:12px 0 13px}
#studioPage .studio-photo{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:11px;border:1px solid #e9dce0;background:#fff1f5;color:#9a5767;font-size:25px}
#studioPage .studio-photo img{width:100%;height:100%;object-fit:contain}
#studioPage .studio-metrics{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #f0e2e5;padding:12px 0;color:#9a757f;font-size:11px}
#studioPage .studio-metrics strong{color:var(--v7);font-size:14px}
#studioPage .studio-footnote,#studioPage .studio-hint{font-size:11px;line-height:1.6;color:#95737d;margin:13px 0 8px}
#studioPage .studio-formrow,.modal .studio-formrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
#studioPage .studio-formrow label,.modal .studio-formrow label,#studioPage .studio-panel>label,.modal .studio-field>label,.modal .studio-advanced label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:760;color:#754551}
#studioPage .studio-formrow input,#studioPage .studio-formrow select,.modal .studio-formrow input,.modal .studio-formrow select,.modal .studio-field input,.modal .studio-field textarea,.modal .studio-advanced input,.modal .studio-advanced select{width:100%;min-width:0;min-height:44px;border:1px solid #e4ccd4;border-radius:11px;padding:9px 11px;background:#fff;color:#5e2d39;font-size:14px}
.modal .studio-field{display:flex;flex-direction:column;gap:8px;margin:11px 0}
.modal .studio-field textarea{resize:vertical}
#studioPage .studio-section-meta{font-size:12px;color:#9a737f}
#studioPage .studio-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#studioPage .studio-product{border:1px solid #eadce0;border-radius:13px;background:#fff;overflow:hidden;padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
#studioPage .studio-product>.studio-photo{width:100%;height:138px;border-radius:9px}
#studioPage .studio-product strong{font-size:11px;overflow-wrap:anywhere}
#studioPage .studio-product>span:not(.studio-photo){font-size:10px;color:#937a82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#studioPage .studio-product small{font-size:11px;color:#672e3d;font-weight:750}
#studioPage .studio-product .btn{font-size:10px;min-height:37px;padding:6px}
#studioPage .studio-empty,#studioPage .studio-error,#studioPage .studio-loading{text-align:center;border:1px dashed #e5cdd6;padding:33px 13px;border-radius:16px;background:#fffafb;color:#977784;font-size:13px;grid-column:1/-1}
#studioPage .studio-order-actions,.modal .studio-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
#studioPage .studio-link-row,#studioPage .studio-enquiry{border-bottom:1px solid #f0e2e5;padding:12px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#studioPage .studio-link-row>div{flex:1;min-width:145px}
#studioPage .studio-link-row b,#studioPage .studio-enquiry strong{display:block;font-size:12px}
#studioPage .studio-link-row small,#studioPage .studio-enquiry small{display:block;font-size:10px;color:#9e8088;margin-top:5px}
#studioPage .studio-enquiry{display:block}
#studioPage .studio-enquiry span{font-size:11px;display:block;margin-top:7px;overflow-wrap:anywhere}
#studioPage .studio-qr-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:280px;overflow:auto}
#studioPage .studio-qr-choice{display:flex;gap:9px;align-items:center;border:1px solid #ebd8df;background:#fff;text-align:left;border-radius:11px;padding:9px;color:#6a3d48}
#studioPage .studio-qr-choice .studio-photo{width:39px;height:39px}
#studioPage .studio-qr-choice span:not(.studio-photo){display:block;min-width:0}
#studioPage .studio-qr-choice strong{display:block;font-size:11px}
#studioPage .studio-qr-choice small{font-size:10px;color:#937d83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
#studioPage .studio-qr-label{border:1px solid #eedbe0;display:grid;justify-items:center;gap:6px;background:#fff;border-radius:15px;padding:20px;margin-top:17px}
#studioPage .studio-qr-label img{max-width:240px;width:100%;height:auto}
#studioPage .studio-qr-label h3{margin:5px 0 0}
#studioPage .studio-qr-label small{font-size:10px;color:#987e85}
#studioPage .studio-report-row{display:grid;grid-template-columns:1fr 90px 110px;gap:8px;padding:12px 0;border-bottom:1px solid #eadce0;font-size:12px}
#studioPage .studio-report-row small{text-align:right;color:#8d6a74}
#studioPage .studio-report-row b{font-size:11px;color:#703443}
#studioPage .studio-history{border-top:1px solid #f1e3e7;margin-top:8px;padding-top:9px}
#studioPage .studio-history summary{cursor:pointer;font-size:12px;color:#864a59;font-weight:750}
#studioPage .studio-history div{font-size:11px;color:#8c7380;padding:8px 0;border-bottom:1px solid #f4eaf0}
.modal .studio-picker-matches{display:grid;gap:5px;max-height:220px;overflow-y:auto;margin-top:8px;border:1px solid #eedde2;border-radius:13px;padding:6px}
.modal .studio-picker-match{display:flex;align-items:center;gap:8px;width:100%;padding:6px;border:0;background:white;text-align:left;border-radius:10px;color:#59333f}
.modal .studio-picker-match .studio-photo{width:45px;height:45px;flex-shrink:0;border-radius:9px}
.modal .studio-picker-match span:not(.studio-photo){flex:1;min-width:0}
.modal .studio-picker-match b{display:block;font-size:12px}
.modal .studio-picker-match small{display:block;font-size:10px;color:#977d85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal .studio-picker-match .studio-plus{flex:0 0 auto!important;display:grid!important;place-items:center;font-size:18px;color:#823a4d;background:#faeaf0;border-radius:11px;width:33px;height:33px}
.modal .studio-section-title{font-size:13px;color:#713543;margin:13px 0 8px}
.modal .studio-picked{display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0e1e5;padding:8px 0;min-width:0}
.modal .studio-picked .studio-photo{width:45px;height:45px;flex-shrink:0}
.modal .studio-picked>span:not(.studio-photo),.modal .studio-picked>div{min-width:0;flex:1}
.modal .studio-picked strong,.modal .studio-picked b{display:block;font-size:12px;color:#6c3542}
.modal .studio-picked small{display:block;font-size:10px;color:#977b84;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal .studio-picked label{display:flex;flex-direction:column;gap:4px;width:78px;font-size:10px;color:#956e79;flex:none}
.modal .studio-picked label input{width:100%;border:1px solid #e5ccd5;border-radius:8px;padding:7px;font-size:12px!important;min-width:0}
.modal .studio-remove{background:#fff0f4;border:0;border-radius:8px;color:#87394b;padding:7px 10px;font-size:15px;flex-shrink:0}
.modal .studio-total{border:1px solid #e9d0d9;background:#fff4f7;padding:12px 14px;border-radius:12px;margin:13px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:11px;color:#96586a}
.modal .studio-total b,.modal .studio-total strong{color:#743042;font-size:13px}
.modal .studio-reminders{display:grid;gap:8px}.modal .studio-reminders button{justify-content:flex-start}
.modal .studio-condition{border:1px solid #ecd9df;background:#fffafb;padding:13px;border-radius:13px;margin:14px 0}
.modal .studio-condition-saved{display:flex;gap:7px;margin:9px 0;overflow:auto}
.modal .studio-condition-saved>div{display:flex;flex-direction:column;gap:3px;min-width:90px;max-width:135px}
.modal .studio-condition-saved img{width:90px;height:90px;object-fit:cover;border-radius:10px;border:1px solid #ead0d8}
.modal .studio-condition-saved small{font-size:10px;color:#936976}
.modal .studio-upload{font-size:11px;color:#743043;display:flex;flex-direction:column;gap:9px;margin:10px 0}
.modal .studio-upload input{max-width:100%;font-size:11px!important}
.modal .studio-advanced{border:1px solid #ecdae1;border-radius:13px;padding:11px;margin:13px 0}
.modal .studio-advanced summary{cursor:pointer;color:#8a5361;font-size:12px;font-weight:750}
@media(max-width:850px){#studioPage .studio-hero{padding:17px 15px;flex-direction:column;align-items:stretch;gap:11px}#studioPage .studio-hero h2{font-size:23px}#studioPage .studio-hero .btn{width:100%}#studioPage .studio-tabs{margin-left:-2px;margin-right:-12px}#studioPage .studio-tabs button{padding:10px 13px;font-size:11px}#studioPage .studio-kpis{gap:7px}#studioPage .studio-kpis>div{padding:11px;border-radius:13px}#studioPage .studio-kpis b{font-size:19px}#studioPage .studio-kpis span{font-size:9px}#studioPage .studio-cards{grid-template-columns:1fr}#studioPage .studio-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#studioPage .studio-product>.studio-photo{height:145px}#studioPage .studio-panel{padding:13px}#studioPage .studio-report-row{grid-template-columns:1fr 75px 70px;font-size:10px}#studioPage .studio-qr-results{grid-template-columns:1fr}.modal .studio-picked label{width:62px}.modal .studio-picked .studio-photo{width:40px;height:40px}}
@media(max-width:380px){#studioPage .studio-product>.studio-photo{height:110px}.modal .studio-formrow{grid-template-columns:1fr}}
