.studio-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.studio-summary>div{padding:18px 22px;border-top:2px solid #5776e6}.studio-summary span{display:block;color:#bbcce7;font-size:.95rem}.studio-summary b{display:block;font-size:1.7rem;margin-top:8px}.studio-summary .purple{border-color:#aa87ed}.studio-summary .amber{border-color:#e7bc5b}.studio-summary .cyan{border-color:#58cfe1}.studio-summary .green{border-color:#5bd5a1}.studio-source{display:flex;gap:20px;border:1px solid #33486c;padding:18px;border-radius:12px;margin-bottom:20px}.studio-source legend{padding:0 8px;font-size:.95rem}.studio-source label{display:flex;align-items:center;gap:10px;font-size:1rem}.studio-source input{width:18px;height:18px}.studio-sizes{margin:24px 0}.studio-sizes h3,[data-customer-artwork] h3{margin:16px 0}.studio-size-row{display:grid;grid-template-columns:1fr 1fr .8fr 36px;gap:12px;margin-bottom:14px;align-items:end}.studio-size-row label,.customer-form-grid label{font-size:.9rem}.studio-billed-lines{padding:12px 16px;border:1px solid #2e5279;background:#116a9b14;border-radius:10px;margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;color:#adcae7}.studio-billed-lines span{display:block}.studio-stage{font-size:.85rem;line-height:1.5;padding:6px 10px}.studio-detail-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.studio-detail-top h2{margin-bottom:5px}.studio-detail-top span{color:#b5c8e2}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.studio-paid{display:flex;align-items:center;gap:14px;padding:16px;background:#1797641c;border:1px solid #35bd8461;border-radius:12px;margin:20px 0;color:#8ff1bf}.studio-paid span{display:block;font-size:.9rem;margin-top:5px}.studio-updates{padding:20px;margin:20px 0}.studio-update{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #2c3d5c}.studio-update:last-child{border:0}.studio-update p{margin:6px 0;color:#bdcce1;line-height:1.5}.studio-update small{color:#90a9ca;font-size:.8rem}.studio-update b{font-size:1rem}.studio-empty{padding:26px;text-align:center;color:#a7bedb}#studio-error:not(:empty){padding:12px;background:#912e4229;border:1px solid #b9526b;border-radius:8px;color:#ffc3cf;margin-bottom:18px}[data-customer-artwork][hidden]{display:none!important}.studio-payment-fields{margin-bottom:18px}@media(max-width:750px){.studio-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-source{flex-direction:column;gap:16px}.studio-size-row{grid-template-columns:1fr 1fr}.studio-update{align-items:flex-start;flex-direction:column}.studio-detail-top{align-items:flex-start;flex-direction:column}}

.topright .iconbtn{position:relative}.studio-bell-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#2664ed;color:#fff;font-size:11px;border:2px solid #142441}

/* Compact shared artwork form; only long forms and small screens need page scrolling. */
#overlay:has(.studio-job-modal) .modal-cover{overflow-y:auto;align-items:safe center;padding:18px}
.modal.studio-job-modal{width:900px;max-width:100%;max-height:none;overflow:visible;flex:0 0 auto;border-radius:20px;background:linear-gradient(135deg,rgba(22,43,78,.96),rgba(12,26,49,.97));box-shadow:inset 0 1px 0 rgba(178,210,255,.1),0 24px 85px rgba(0,0,0,.45)}
.studio-job-modal .modal-head{padding:16px 20px;border-radius:20px 20px 0 0;position:static;background:rgba(25,47,80,.6)}
.studio-job-modal .modal-head h2{font-size:20px;line-height:1.3}
.studio-job-modal .modal-body{padding:18px 20px}
.studio-job-modal .studio-source{padding:10px 12px;margin:0 0 14px;gap:12px;background:rgba(84,132,229,.06);border-color:rgba(151,190,255,.2)}
.studio-job-modal .studio-source label{flex:1;gap:8px;font-size:14px;padding:9px 10px;border:1px solid transparent;border-radius:9px;cursor:pointer}
.studio-job-modal .studio-source label:has(input:checked){background:rgba(61,117,241,.17);border-color:rgba(115,166,255,.5);color:#e6f0ff}
.studio-job-modal .studio-source input{margin:0;accent-color:#68a2ff;flex:0 0 17px;height:17px}
.studio-job-modal .customer-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.studio-job-modal .customer-form-grid label,.studio-job-modal .studio-size-row label{font-size:14px;gap:6px}
.studio-job-modal .studio-brief{grid-column:1/-1}
.studio-job-modal input:not([type=radio]),.studio-job-modal select{min-height:38px;height:38px;padding:8px 11px;font-size:14px;border-radius:9px}
.studio-job-modal textarea{min-height:42px;height:42px;resize:vertical;padding:8px 11px;font-size:14px;border-radius:9px}
.studio-job-modal .studio-billed-lines{margin-top:12px;padding:8px 11px;gap:6px 14px;font-size:14px;line-height:1.4}
.studio-job-modal .studio-sizes{margin:14px 0}
.studio-job-modal .studio-sizes h3,.studio-job-modal [data-customer-artwork] h3,.studio-print-request h3{font-size:15px;line-height:1.4;margin:10px 0 8px}
.studio-job-modal .studio-size-row{gap:10px;margin-bottom:8px}
.studio-job-modal .studio-size-row .iconbtn{width:36px;height:38px}
.studio-job-modal .studio-payment-fields{margin-bottom:12px}
.studio-job-modal .form-actions{margin-top:16px;padding-top:12px;border-top:1px solid rgba(151,190,255,.14);gap:10px}
@media(max-width:600px){#overlay:has(.studio-job-modal) .modal-cover{padding:10px}.studio-job-modal .modal-head{padding:14px 16px}.studio-job-modal .modal-body{padding:14px 16px}.studio-job-modal .customer-form-grid{grid-template-columns:1fr}.studio-job-modal .studio-source{flex-direction:column;gap:5px}.studio-job-modal .studio-source label{flex:auto}.studio-job-modal .studio-size-row{grid-template-columns:1fr 1fr}}