/* Working previews keep each desk's identity within the studio's shared frame. */
.live-demo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px 18px; color: #56564e; font-size: 11px; }
.live-demo-status { display: flex; align-items: center; gap: 8px; }
.live-demo-status::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #77766c; }
.live-demo-control { border: 0; border-bottom: 1px solid #aca99e; background: transparent; color: #404039; font: inherit; padding: 8px 0; min-height: 36px; cursor: pointer; white-space: nowrap; }
.live-demo-control[hidden] { display: none; }
.portfolio-live-frame .inquiry-desk { border: 1px solid #cfcdc3; border-radius: 9px; overflow: hidden; background: #fff; }
.portfolio-live-frame .inbox-layout { grid-template-columns: 205px minmax(0,1fr); }
.portfolio-live-frame .inbox-reading { padding: 25px; gap: 22px; min-height: 430px; }
.portfolio-live-frame .inquiry-desk .draft-section { padding: 28px; gap: 35px; border-top: 1px solid #d1cfc5; }
.portfolio-live-frame .inquiry-desk .draft-section .workspace-title { font-size: 26px; }
.portfolio-live-frame .draft-section p { font-size: 13px; }
.portfolio-live-frame .draft-section textarea { min-height: 180px; font-size: 14px; }
.portfolio-live-frame .inbox-toolbar { flex-wrap: wrap; gap: 10px; }
.portfolio-live-frame .print-desk, .portfolio-live-frame .document-desk { margin: 0; border-radius: 9px; }
.portfolio-live-frame .print-workspace { grid-template-columns: 190px minmax(0,1fr) 210px; border-top: 0; }
.portfolio-live-frame .job-ticket { min-height: 565px; }
.portfolio-live-frame .workspace-title { line-height: 1.2; font-weight: 500; }
.portfolio-document-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center; padding: 26px 30px; }
.portfolio-document-summary > div:first-child strong { font-size: 16px; font-weight: 500; }
.portfolio-document-summary > div:first-child p { font-size: 13px; margin: 8px 0 0; }
.portfolio-document-summary .document-progress { padding: 0 0 0 28px; gap: 8px; }
.portfolio-document-summary .document-progress strong { font-size: 40px; }
.portfolio-live-frame .document-next { min-height: 390px; }
.portfolio-live-frame :is(.job-output,.document-draft) { scroll-margin-top: 130px; }
.portfolio-live-frame .handoff-note { padding-bottom: 5px; }
@media (max-width: 1000px) {
 .portfolio-live-frame .print-workspace { grid-template-columns: 180px minmax(0,1fr); }
 .portfolio-live-frame .inbox-reading { min-height: 0; }
 .portfolio-live-frame .job-ticket { min-height: 600px; }
}
@media (max-width: 650px) {
 .live-demo-toolbar { font-size: 10px; gap: 8px; padding: 0 2px 12px; }
 .portfolio-live-frame .inbox-layout { grid-template-columns: 1fr; }
 .portfolio-live-frame .inbox-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 10px; border-right: 0; border-bottom: 1px solid #d1cfc5; }
 .portfolio-live-frame .inbox-list button { padding: 12px 8px; border: 0; border-radius: 5px; }
 .portfolio-live-frame .inbox-list button span { font-size: 10px; margin: 0; line-height: 1.5; }
 .portfolio-live-frame .inbox-list button :is(strong,small) { display: none; }
 .portfolio-live-frame .inbox-reading { padding: 22px 18px; }
 .portfolio-live-frame .inbox-toolbar { padding: 16px 18px; }
 .portfolio-live-frame .inbox-toolbar > span:not(.review-required) { display: none; }
 .portfolio-live-frame .inbox-toolbar .review-required { font-size: 10px; }
 .portfolio-live-frame .inquiry-desk .draft-section { grid-template-columns: 1fr; padding: 24px 18px; gap: 10px; }
 .portfolio-live-frame .print-workspace { grid-template-columns: 1fr; }
 .portfolio-live-frame .job-ticket { min-height: 0; }
 .portfolio-live-frame .print-jobs { gap: 3px; padding: 16px 8px; }
 .portfolio-live-frame .print-jobs button { padding: 12px 6px; }
 .portfolio-document-summary { grid-template-columns: 1fr; gap: 16px; padding: 22px 18px; }
 .portfolio-document-summary .document-progress { padding: 18px; }
 .portfolio-live-frame .document-workspace { margin: 0 8px 8px; }
 .portfolio-live-frame .document-register { padding: 20px 14px; }
 .portfolio-live-frame .document-next { min-height: 0; }
}
@media (prefers-reduced-motion: no-preference) {
 .is-demonstrating .live-demo-status::before { animation: agent-activity 1.2s ease-in-out 4; }
 @keyframes agent-activity { 50% { box-shadow: 0 0 0 5px #77766c20; } }
}
@media print { .live-demo-toolbar { display: none; }.portfolio-live-frame { break-inside: auto; }.portfolio-live-frame :is(.job-ticket,.inbox-reading,.document-next) { min-height: 0; } }
@media (prefers-reduced-motion: no-preference) {
 :is([data-support-desk],[data-inquiry-desk],[data-print-desk],[data-document-desk]) button:enabled { transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; cursor: pointer; }
 :is([data-support-choice],[data-inbox-choice],[data-print-job]):enabled:hover { box-shadow: inset 0 0 0 1px #a7a498; }
 :is([data-support-desk],[data-inquiry-desk],[data-print-desk],[data-document-desk]) button:enabled:active { transform: translateY(1px) scale(.985); }
 .document-row { transition: background-color 220ms ease; }
 .document-row:has(input:checked) { background: #f5f5ef; }
 .document-row input::after { transition: transform 220ms ease; }
 .document-progress progress::-webkit-progress-value { transition: width 460ms cubic-bezier(.16,1,.3,1); }
 .document-progress progress::-moz-progress-bar { transition: width 460ms cubic-bezier(.16,1,.3,1); }
}
@media print {
 .is-demonstrating .live-demo-status::before { animation: none; }
 :is([data-support-desk],[data-inquiry-desk],[data-print-desk],[data-document-desk]) * { animation: none !important; transition: none !important; }
}