/* Only the new-ticket compose fieldset; conversation and management forms keep their existing styles. */
:is(.to-panel,.ht) fieldset.ts-compose{--tc-field-border:#dce6f6;--tc-field-focus:#8bb1f5;box-sizing:border-box;min-width:0;margin:0;padding:0;border:0}
:is(.to-panel,.ht) fieldset.ts-compose :is(.to-form-grid,.ht-row){gap:18px}
:is(.to-panel,.ht) fieldset.ts-compose :is(.to-form-grid>label,.ht-row>label){position:relative;gap:9px;margin:0;color:#597495;font:inherit;font-size:12px;font-weight:600;line-height:1.9}
:is(.to-panel,.ht) fieldset.ts-compose>label{display:flex;flex-direction:column;gap:9px;color:#597495;font-size:12px;font-weight:600;margin:16px 0}
:is(.to-panel,.ht) fieldset.ts-compose :is(input[name=title],select[name=department],select[name=priority],textarea[name=body]){box-sizing:border-box!important;display:block;width:100%!important;max-width:100%;min-width:0;min-height:49px;border:1px solid var(--tc-field-border)!important;border-radius:13px!important;padding:12px 15px!important;background-color:#f9fbff!important;color:#3e5e88!important;font:inherit!important;font-size:12px!important;font-weight:400!important;line-height:1.9!important;box-shadow:inset 0 1px 3px #28497502!important;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}
:is(.to-panel,.ht) fieldset.ts-compose input[name=title]{min-height:52px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%2395aed2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v4a3 3 0 0 0 0 6v4H4v-4a3 3 0 0 0 0-6V5Z M9 5v2m0 3v4m0 3v2m4-10h4m-4 4h3'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;padding-right:45px!important}
:is(.to-panel,.ht) fieldset.ts-compose :is(select[name=department],select[name=priority]){appearance:none!important;-webkit-appearance:none!important;padding-left:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238da5c7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 14px center!important;cursor:pointer}
:is(.to-panel,.ht) fieldset.ts-compose textarea[name=body]{min-height:165px;max-height:480px;resize:vertical;line-height:2.1!important;background-image:linear-gradient(180deg,#f8fbff,#fff)!important}
:is(.to-panel,.ht) fieldset.ts-compose :is(input[name=title],textarea[name=body])::placeholder{color:#a0b1c8!important;opacity:1;font-size:11px;font-weight:400}
:is(.to-panel,.ht) fieldset.ts-compose :is(input[name=title],select[name=department],select[name=priority],textarea[name=body]):hover{border-color:#bfd1ed!important}
:is(.to-panel,.ht) fieldset.ts-compose :is(input[name=title],select[name=department],select[name=priority],textarea[name=body]):focus{border-color:var(--tc-field-focus)!important;background-color:#fff!important;box-shadow:0 0 0 4px #edf3ff!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;padding:21px;margin:24px 0 19px;border:1px solid #e0e9f6;border-radius:19px;background:linear-gradient(125deg,#f7faff,#fcfdff);box-shadow:0 6px 20px #36588403}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-upload-label{grid-column:1;grid-row:1;min-width:0;align-self:stretch;align-content:center;align-items:center;gap:9px;padding:19px!important;border:1px solid #e1e9f6;border-radius:15px;background:white!important;color:#58799f!important;font-size:12px!important;font-weight:600;line-height:1.8}
:is(.to-panel,.ht) fieldset.ts-compose .to-upload-label>svg{box-sizing:content-box;display:block;width:21px;height:21px;padding:8px;border-radius:11px;background:#edf3ff;color:#618bd2;flex-shrink:0}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields input[type=file]:not([hidden]){box-sizing:border-box;width:100%;min-width:0;margin:5px 0 0!important;min-height:58px;padding:9px!important;border:1px dashed #c8d9f1!important;border-radius:11px!important;background:#f8fbff!important;color:#8c9eb8;font:inherit!important;font-size:10px!important;line-height:2;box-shadow:none!important;cursor:pointer}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields input[type=file]::file-selector-button{font:inherit;font-size:10px;font-weight:500;background:#e8f0ff;color:#5682cc;border:0;border-radius:8px;padding:8px 11px;margin:0 0 0 10px;cursor:pointer;transition:background .15s}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields input[type=file]:hover::file-selector-button{background:#dce9ff}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields input[type=file]:focus-visible{outline:3px solid #c6d9fb;outline-offset:3px}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields>small{grid-column:1;grid-row:2;display:block;margin:0 6px!important;font-size:9px;color:#9aacc5;line-height:1.8}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder{grid-column:2;grid-row:1 / span 2;align-self:stretch;margin:0!important;min-width:0;border:1px solid #e0e8f5!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,#f6faff)!important;box-shadow:0 4px 15px #3b5d9103!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-recorder .to-recorder-head{padding:13px 16px 0}
:is(.to-panel,.ht) fieldset.ts-compose .to-recorder-head>span{font-size:11px;font-weight:600;color:#6786ad}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder .to-rec-controls{padding:17px 17px 14px!important;gap:12px!important;min-height:91px}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder .to-rec-controls button{width:45px!important;height:45px!important;min-width:45px!important;max-width:45px!important;min-height:45px!important;max-height:45px!important;flex-basis:45px!important;border-radius:50%!important;background:linear-gradient(140deg,#fb6685,#ed3b69)!important;box-shadow:0 5px 13px #ed3b6921!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder .to-rec-controls [data-voice-stop]{background:#fff0f4!important;color:#dc7794!important;box-shadow:none!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder .to-rec-controls time{font-size:17px!important;color:#6785ab!important;letter-spacing:1.4px!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-rec-signal{height:20px;gap:3px}.ts-compose .to-rec-signal i{width:3px;background:#c4d5ed}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder>p{font-size:9px!important;padding:10px 13px!important;background:#f8fbff;color:#98abc4;border-color:#e9eff8!important;line-height:1.9!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields>.to-media-notice{grid-column:1 / -1;margin-bottom:0!important}
:is(.to-panel,.ht) fieldset.ts-compose>button[type=submit],:is(.to-panel,.ht) fieldset.ts-compose>button:not([type]){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:11px 23px!important;font:inherit;font-size:12px!important;font-weight:600;color:#fff!important;background:linear-gradient(115deg,#397cff,#1769f5)!important;border:1px solid #2472f3!important;border-radius:12px!important;box-shadow:0 5px 15px #1769ff1c!important;cursor:pointer}
:is(.to-panel,.ht) fieldset.ts-compose>button>svg{width:19px;height:19px}
@media(max-width:780px){:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields{grid-template-columns:1fr;padding:15px;gap:12px}:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-upload-label{grid-column:1;grid-row:auto;padding:15px!important}:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields>small{grid-column:1;grid-row:auto}:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder{grid-column:1;grid-row:auto}}
@media(max-width:500px){:is(.to-panel,.ht) fieldset.ts-compose :is(.to-form-grid,.ht-row){gap:15px}:is(.to-panel,.ht) fieldset.ts-compose :is(input[name=title],select[name=department],select[name=priority],textarea[name=body]){font-size:12px!important;border-radius:11px!important}:is(.to-panel,.ht) fieldset.ts-compose textarea[name=body]{min-height:148px}:is(.to-panel,.ht) fieldset.ts-compose>button[type=submit]{width:100%}}
@media(prefers-reduced-motion:reduce){:is(.to-panel,.ht) fieldset.ts-compose :is(input,select,textarea){transition:none}}

/* Match the visible upload and recorder cards on the same desktop grid row. */
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-upload-label,:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder{box-sizing:border-box;grid-row:1;align-self:stretch;min-height:185px;height:100%}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder{display:flex;flex-direction:column}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder>p{margin-top:auto!important}
:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields>small{grid-column:1 / -1;grid-row:2;margin-top:1px!important}
@media(max-width:780px){:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-upload-label,:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields .to-recorder{grid-row:auto;height:auto;min-height:185px}:is(.to-panel,.ht) fieldset.ts-compose .to-media-fields>small{grid-row:auto}}