:root{font-family:Avenir Next,Avenir,IBM Plex Sans,Trebuchet MS,sans-serif;color:#1a1a1a;background:#f6f8fb}*{box-sizing:border-box}body{margin:0}a{color:#0c4fd5;text-decoration:none}a:hover{text-decoration:underline}.app-shell{max-width:1200px;margin:0 auto;padding:24px}.app-header{margin-bottom:20px;border-bottom:1px solid #d8deea;padding-bottom:12px}.app-header h1{margin:0 0 8px}.app-nav{display:flex;gap:14px;flex-wrap:wrap}.app-nav a{border:1px solid #bdc8da;border-radius:999px;padding:6px 12px;background:#fff;font-weight:600}.app-nav a:hover{text-decoration:none;border-color:#9fb4d6}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filters{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;gap:6px;font-size:14px}.filters select{min-width:160px;padding:8px}.bulk-actions{border:1px solid #d7dfec;background:#fff;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.bulk-actions-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-actions button{border:1px solid #bdc8da;background:#fff;padding:6px 10px;cursor:pointer}.bulk-actions select,.bulk-actions input{border:1px solid #c6d0e0;border-radius:4px;padding:6px 8px}.error-list{margin:6px 0 0 18px;color:#a10000;padding:0}.error-list li{margin-bottom:4px}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{border:1px solid #dde4ef;padding:8px 10px;text-align:left;font-size:14px}.pager{margin-top:12px;display:flex;gap:12px;align-items:center}.pager button{border:1px solid #bdc8da;background:#fff;padding:6px 12px;cursor:pointer}.pager button:disabled{opacity:.5;cursor:not-allowed}.table-skeleton{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:16px}.table-skeleton div{height:32px;border-radius:6px;background:linear-gradient(90deg,#e8edf6 25%,#f1f4fa 40%,#e8edf6 65%);background-size:280% 100%;animation:table-loading 1.2s ease-in-out infinite}@keyframes table-loading{0%{background-position:100% 0}to{background-position:0 0}}.row-actions{display:flex;flex-direction:column;gap:6px;min-width:260px}.row-actions-line{display:flex;gap:6px;flex-wrap:wrap}.row-actions-line button,.row-inline-note button{border:1px solid #bdc8da;background:#fff;padding:6px 8px;cursor:pointer}.row-actions-line select{border:1px solid #c6d0e0;border-radius:4px;padding:6px 8px}.row-inline-note{display:flex;flex-direction:column;gap:6px}.row-inline-note textarea{border:1px solid #c6d0e0;border-radius:4px;padding:6px 8px}.card{background:#fff;border:1px solid #dde4ef;border-radius:8px;padding:16px;margin-bottom:14px}.card h3{margin-top:0}.detail-grid{display:grid;grid-template-columns:170px 1fr;gap:8px;margin:0}.detail-grid dt{font-weight:600}.detail-grid dd{margin:0}.legacy-actions{display:flex;gap:12px;flex-wrap:wrap}.legacy-actions button{border:1px solid #bdc8da;background:#fff;padding:8px 12px;cursor:pointer}.form-stack{display:flex;flex-direction:column;gap:10px}.form-stack label{display:flex;flex-direction:column;gap:6px;font-size:14px}.form-stack textarea,.form-stack input,.form-stack select{border:1px solid #c6d0e0;border-radius:6px;padding:8px}.form-stack button{width:fit-content;border:1px solid #bdc8da;background:#fff;padding:8px 12px;cursor:pointer}.error{color:#a10000}.status{color:#35435f}.request-error{border:1px solid #efc8c8;background:#fff6f6;border-radius:8px;padding:14px;margin-bottom:14px}.request-error h3{margin:0 0 6px;color:#7a0000}.request-error p{margin:0;color:#5f1b1b}pre{background:#f4f7fc;border:1px solid #d9e2f1;padding:10px;overflow-x:auto}.ticket-hero-card{border:1px solid #cad8ee;background:linear-gradient(160deg,#fff,#f4f8ff)}.action-status{margin-bottom:14px}.ticket-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ticket-tabs button{border:1px solid #bfd0ea;background:#edf3ff;color:#214781;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.ticket-tabs button:hover{text-decoration:none;background:#e5eeff;border-color:#9eb7de}.ticket-tabs button.active{background:#214781;border-color:#214781;color:#fff}.email-history-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.email-history-header h3{margin:0}.email-history-header button{border:1px solid #bdc8da;background:#fff;padding:8px 12px;cursor:pointer}.email-header-actions{display:flex;gap:8px;flex-wrap:wrap}.email-history-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.email-thread-list{display:flex;flex-direction:column;gap:8px}.email-thread-item{border:1px solid #d1dcef;border-radius:10px;background:#f7faff;padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.email-thread-item:hover{border-color:#afc3e2}.email-thread-item.active{border-color:#3766ab;background:#edf3ff;box-shadow:inset 0 0 0 1px #3766ab}.email-thread-item.unread{border-color:#6d8cbc}.email-thread-subject{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#1d355e}.email-unread-dot{width:9px;height:9px;border-radius:999px;background:#2f7cd8;display:inline-block}.email-thread-meta{font-size:12px;color:#4e607f}.email-thread-recipients{font-size:12px;color:#35435f}.email-thread-preview{font-size:13px;color:#2c3b56}.email-thread-view{border:1px solid #d6e1f1;border-radius:10px;background:#fbfdff;padding:12px}.email-thread-title{border-bottom:1px solid #d7e3f2;padding-bottom:10px;margin-bottom:10px}.email-thread-title h4{margin:0 0 6px}.email-thread-title p{margin:0;color:#566480;font-size:13px}.email-messages{display:flex;flex-direction:column;gap:10px}.email-message{border:1px solid #d5dfed;border-left:4px solid #8fa8cc;border-radius:8px;background:#fff;padding:10px}.email-message.is-outbound{border-left-color:#2967c7}.email-message.is-inbound{border-left-color:#2a8a5f}.email-message.is-unread{box-shadow:inset 0 0 0 1px #7aa8de}.email-message-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.email-direction-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.email-direction-badge.outbound{background:#e5efff;color:#1f4f96}.email-direction-badge.inbound{background:#e4f4ec;color:#236242}.email-message-time{color:#566480;font-size:12px}.email-message-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;color:#35435f;font-size:13px}.email-message-body{border-top:1px solid #e4ebf5;padding-top:10px;white-space:pre-wrap;line-height:1.45;color:#1a2436}.email-composer-shell{margin-top:14px;border-top:1px solid #dbe5f3;padding-top:14px}.email-composer-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.email-composer-header h4{margin:0}.email-composer-modes{display:inline-flex;background:#edf3ff;border:1px solid #c6d8f0;border-radius:999px;padding:2px}.email-composer-modes button{border:none;background:transparent;color:#365a8f;border-radius:999px;padding:6px 10px;cursor:pointer;font-weight:600}.email-composer-modes button.active{background:#fff;color:#1f457d;box-shadow:0 1px 2px #22457a26}.inbox-layout{display:grid;grid-template-columns:250px minmax(300px,1fr) minmax(340px,1fr);gap:14px}.inbox-sidebar h3,.inbox-main h3,.inbox-detail h3{margin-top:0}.inset-card{margin-bottom:12px;background:#fcfdff}.inset-card h4{margin-top:0}.compact-form{margin-top:10px}.compact-form textarea{resize:vertical}.compact-form select[multiple]{min-height:110px}.bucket-button{width:100%;border:1px solid #cfdbef;border-radius:8px;background:#f8fbff;padding:8px 10px;margin-bottom:8px;text-align:left;display:flex;align-items:center;gap:8px;cursor:pointer}.bucket-button.active{border-color:#3667b0;box-shadow:inset 0 0 0 1px #3667b0;background:#edf4ff}.bucket-color{width:10px;height:10px;border-radius:999px;flex-shrink:0}.inbox-toolbar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px;margin-bottom:10px}.inbox-toolbar-filters{display:flex;flex-wrap:wrap;gap:8px}.inbox-toolbar label{display:flex;align-items:center;gap:8px}.inbox-toolbar select{border:1px solid #c6d0e0;border-radius:6px;padding:6px 8px}.inbox-conversation-list{display:flex;flex-direction:column;gap:8px;max-height:74vh;overflow-y:auto;padding-right:2px}.inbox-conversation-item{border:1px solid #d2ddef;border-radius:8px;background:#fff;padding:10px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.inbox-conversation-item:focus-visible{outline:2px solid #3d6fb9;outline-offset:2px}.inbox-conversation-item.active{border-color:#3565ab;background:#eef4ff;box-shadow:inset 0 0 0 1px #3565ab}.inbox-conversation-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#4f607f}.status-pill{display:inline-flex;border-radius:999px;padding:2px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.status-pill.open{background:#e6f0ff;color:#1f4a8a}.status-pill.resolved{background:#e5f6ec;color:#1f6a44}.inbox-preview{color:#31425f;font-size:13px}.inbox-tag-row,.inbox-flag-row{display:flex;flex-wrap:wrap;gap:6px}.inbox-flag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;background:#edf3ff;color:#234a87;font-size:11px;font-weight:600}.inbox-flag.warning{background:#fff4e6;color:#8a4c12}.inbox-flag.info{background:#e9f4ff;color:#165e9b}.inbox-flag.danger{background:#fdecec;color:#9e1f1f}.inbox-tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;background:#e8eef8;color:#29466f;font-size:11px;font-weight:600}.inbox-meta-line{color:#53617a;font-size:12px}.inbox-inline-followup{margin-top:6px;border-top:1px solid #dce5f3;padding-top:6px}.inbox-inline-result{margin-top:6px;border:1px solid #d6e2f2;border-radius:6px;background:#f6faff;color:#254872;padding:4px 8px;font-size:11px;display:flex;justify-content:space-between;gap:8px}.inbox-inline-result.success{border-color:#c6e4cf;background:#edf9f1;color:#215f39}.inbox-inline-result.error{border-color:#f1c9c9;background:#fff2f2;color:#8b1f1f}.inbox-inline-result.info{border-color:#cad9ef;background:#eef4ff;color:#234a87}.inbox-inline-actions{display:flex;flex-wrap:wrap;gap:6px}.inbox-inline-actions button{border:1px solid #c7d5ea;background:#f7faff;color:#244a82;border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.inbox-inline-followup-form{margin-top:8px;border:1px solid #d8e3f2;background:#f8fbff;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px}.inbox-inline-followup-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#334a70}.inbox-inline-followup-form select,.inbox-inline-followup-form textarea{border:1px solid #c6d0e0;border-radius:6px;padding:6px 8px;font-size:12px}.inbox-detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.inbox-detail-header p{margin:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.inbox-detail-header button{border:1px solid #bdc8da;background:#fff;padding:7px 10px;cursor:pointer}.ticket-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.ticket-inline-form{margin-top:0;border:1px solid #d9e3f2;background:#fff;border-radius:8px;padding:10px}.ticket-inline-form h5,.ticket-inline-notes h5{margin:0}.ticket-inline-notes{margin-top:10px}.comment-section h4{margin-top:0}.comment-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.comment-list li{border:1px solid #dce5f2;background:#f9fbff;border-radius:8px;padding:10px}.comment-head{display:flex;justify-content:space-between;gap:8px;color:#4f5f78;font-size:12px}.comment-list li p{margin:8px 0 0;white-space:pre-wrap}.draft-autosave-status{margin-top:0}.draft-autosave-status.saved{color:#245f3a}.draft-autosave-status.error{color:#8f1c1c}.template-preview{border:1px solid #d8e3f2;border-radius:8px;background:#f7faff;padding:10px}.template-preview-title{margin:0 0 8px;font-size:12px;font-weight:700;color:#32507a;text-transform:uppercase;letter-spacing:.03em}.template-preview p{margin:0 0 8px;color:#243653;font-size:13px}.template-preview pre{margin:0;border-radius:6px;background:#fff;border:1px solid #d4deed;padding:8px;white-space:pre-wrap;font-size:12px;line-height:1.45}.template-preview.inline{padding:8px}@media (max-width: 980px){.inbox-layout,.ticket-inline-grid,.email-history-layout{grid-template-columns:1fr}.email-thread-list{max-height:260px;overflow-y:auto}}@media (max-width: 760px){.ticket-tabs button{flex:1 1 calc(50% - 8px);justify-content:center}.email-history-header,.email-composer-header{flex-direction:column;align-items:flex-start}}