.ph-page-content .ph-ticket-compose { display:block; min-width:0; width:100%; margin:0; padding:26px; border:1px solid var(--ph-line); border-radius:16px; background:var(--ph-surface); }
.ph-ticket-field { min-width:0; margin-bottom:22px; }
.ph-ticket-compose label { display:block; margin:0 0 9px; font-size:12px; font-weight:500; color:var(--ph-ink); }
.ph-ticket-guest-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.ph-ticket-meta-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ph-page-content .ph-ticket-compose :is(input:not([type="file"]),select) { width:100%; min-width:0; height:46px; margin:0; padding:10px 13px; border:1px solid var(--ph-line); border-radius:10px; background:var(--ph-surface-alt); color:var(--ph-ink); font-size:12px; }
.ph-page-content .ph-ticket-compose textarea { width:100%; min-width:0; min-height:210px; padding:14px; border:1px solid var(--ph-line); border-radius:10px; background:var(--ph-surface-alt); color:var(--ph-ink); font-size:12px; resize:vertical; }
.ph-ticket-compose :is(input,textarea)::placeholder { color:var(--ph-muted); }
.ph-ticket-compose #customFieldsContainer:empty { display:none; }
.ph-ticket-compose #autoAnswerSuggestions { margin-bottom:22px; }
.ph-ticket-upload { padding:20px; border:1px dashed var(--ph-line); border-radius:12px; background:var(--ph-surface-alt); }
.ph-ticket-upload-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-bottom:16px; }
.ph-ticket-upload-heading label { margin:0 0 4px; }
.ph-ticket-upload-heading p,.ph-ticket-upload>p { margin:0; color:var(--ph-muted); font-size:10px; line-height:1.9; }
.ph-page-content .ph-ticket-upload input[type="file"] { display:block; width:100%; min-width:0; height:auto; min-height:44px; padding:7px; border:1px solid var(--ph-line); border-radius:9px; color:var(--ph-muted); background:var(--ph-surface); font-size:11px; }
.ph-page-content .ph-ticket-upload input#inputAttachments { width:100%; height:auto; min-height:44px; padding:7px; border:1px solid var(--ph-line); border-radius:9px; color:var(--ph-muted); background:var(--ph-surface); font-size:11px; text-align:start; }
.ph-ticket-upload input::file-selector-button { margin-inline-end:12px; padding:6px 10px; border:0; border-radius:6px; color:var(--ph-primary); background:var(--ph-primary-soft); cursor:pointer; }
.ph-ticket-upload>p { margin-top:12px; }
.ph-page-content .ph-ticket-upload-heading button { display:inline-flex; align-items:center; justify-content:center; gap:7px; width:auto; min-height:36px; padding:7px 10px; border:1px solid var(--ph-line); border-radius:8px; color:var(--ph-primary); background:var(--ph-surface); font-size:11px; cursor:pointer; }
.ph-ticket-upload-row { display:flex; align-items:center; gap:8px; margin-top:10px; }
.ph-page-content .ph-ticket-upload-row input { flex:1; min-width:0; }
.ph-page-content .ph-ticket-remove-file { flex-shrink:0; width:auto; padding:7px 10px; border:0; border-radius:7px; color:var(--ph-danger); background:var(--ph-danger-soft); font-size:10px; cursor:pointer; }
.ph-ticket-captcha { margin:22px 0; }
.ph-ticket-compose-footer { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:14px; margin-top:24px; padding-top:20px; border-top:1px solid var(--ph-line); }
.ph-ticket-compose-footer>a { font-size:12px; color:var(--ph-muted); }
.ph-page-content .ph-ticket-compose-footer button { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-height:44px; padding:10px 20px; border:0; border-radius:10px; color:#fff; background:var(--ph-primary-action); font-size:12px; }
.ph-ticket-compose button:focus-visible { outline:2px solid var(--ph-primary); outline-offset:3px; }
.ph-ticket-compose .md-editor { border:1px solid var(--ph-line); border-radius:10px; overflow:hidden; background:var(--ph-surface-alt); }
.ph-ticket-compose .md-editor.active { border-color:var(--ph-primary); box-shadow:none; }
.ph-ticket-compose .md-editor :is(.md-header,.md-footer) { padding:10px; background:var(--ph-surface-alt) !important; color:var(--ph-muted); border-color:var(--ph-line); }
.ph-page-content .ph-ticket-compose .md-editor textarea { border:0; border-color:var(--ph-line) !important; border-radius:0; background:var(--ph-surface-alt) !important; color:var(--ph-ink) !important; font-family:inherit; }
.ph-page-content .ph-ticket-compose .md-header button { height:30px; min-height:30px; width:auto; padding:4px 8px; font-size:11px; border:1px solid var(--ph-line); border-radius:5px; background:var(--ph-surface); color:var(--ph-muted); }
.ph-ticket-compose .md-header button:hover { color:var(--ph-primary); background:var(--ph-primary-soft); }
.ph-ticket-compose .md-preview { background:var(--ph-surface) !important; color:var(--ph-ink); padding:14px; }
@media(max-width:768px) { .ph-ticket-meta-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .ph-page-content .ph-ticket-compose { padding:20px 17px; } .ph-ticket-meta-fields,.ph-ticket-guest-fields { grid-template-columns:minmax(0,1fr); gap:0; } .ph-ticket-upload { padding:16px 12px; } .ph-page-content .ph-ticket-compose-footer button { width:100%; } .ph-ticket-compose-footer>a { order:1; margin:auto; } }