.xtcd-app{--app-accent:var(--xtc-accent,#0d3d35);--app-gold:var(--xtc-sand,#d9bd78);background:var(--xtc-page-bg,#f7f5f0);color:var(--xtc-ink,#1f2937);min-height:70vh;font-family:var(--xtc-font-sans,"Segoe UI",sans-serif)}
.xtcd-appbar{position:sticky;top:0;z-index:1040;display:flex;align-items:center;gap:24px;min-height:64px;padding:10px clamp(16px,4vw,48px);background:#0d3d35;color:#fff;box-shadow:0 4px 18px #0d3d3520}.xtcd-appbar a,.xtcd-appbar button{color:inherit}.xtcd-appbrand{font-weight:800;text-decoration:none;letter-spacing:.02em;white-space:nowrap}.xtcd-appbrand span{color:#d9bd78}.xtcd-appbar nav{display:flex;gap:6px;flex:1}.xtcd-appbar nav a,.xtcd-appbar nav button,.xtcd-appbar>[data-xtcd-install]{border:0;border-radius:8px;background:transparent;padding:10px 12px;text-decoration:none;font:inherit;cursor:pointer}.xtcd-appbar nav a:hover,.xtcd-appbar nav button:hover,.xtcd-appbar nav a:focus-visible,.xtcd-appbar nav button:focus-visible{background:#ffffff18}.xtcd-app :focus-visible{outline:3px solid #d9bd78;outline-offset:2px}.xtcd-connectivity{padding:12px 20px;background:#8c2f21;color:#fff;text-align:center;font-weight:700}.xtcd-app-content>.xtcd{padding-top:28px}.xtcd-app-content .xtcd-intro{border-left:4px solid #d9bd78;padding-left:18px}
.xtcd-ops-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:36px 0 64px}.xtcd-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.xtcd-section-head h1{margin:.2rem 0 0;font-size:clamp(2rem,4vw,3.4rem);color:#12342f}.xtcd-eyebrow{margin:0;color:#6e5523;font-size:.78rem;font-weight:800;letter-spacing:.13em}.xtcd-section-head label{display:grid;gap:6px;font-weight:700}.xtcd-section-head select,.xtcd-section-head input{min-width:210px;padding:11px;border:1px solid #d5d2c9;border-radius:8px;background:#fff}.xtcd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.xtcd-kpi{display:grid;gap:7px;min-height:118px;padding:18px;border:1px solid #e4e3dc;border-radius:10px;background:#fff;box-shadow:0 4px 12px #14120e0d}.xtcd-kpi span{color:#596270;font-size:.84rem}.xtcd-kpi strong{font-size:1.55rem;color:#12342f}.xtcd-kpi small{color:#596270}.xtcd-panel{padding:20px;border:1px solid #e4e3dc;border-radius:10px;background:#fff}.xtcd-op-card{margin:0 0 10px;border:1px solid #e4e3dc;border-radius:9px;background:#fff}.xtcd-op-card>button{display:grid;grid-template-columns:1fr auto;gap:6px 18px;width:100%;padding:16px;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.xtcd-op-card small{grid-column:1/-1;color:#596270}.xtcd-status{border-radius:999px;padding:4px 9px;background:#f3efe5;font-size:.8rem;font-weight:800}.xtcd-status[data-status="issue"]{background:#f8d7d2;color:#702018}.xtcd-status[data-status="delivered"]{background:#dceee5;color:#174f36}.xtcd-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px}.xtcd-pager button,.xtcd-actions button,.xtcd-detail-close,[data-ops-refresh]{padding:10px 14px;border:1px solid #0d3d35;border-radius:8px;background:#0d3d35;color:#fff;cursor:pointer}.xtcd-pager button:disabled,.xtcd-actions button:disabled{opacity:.45;cursor:not-allowed}.xtcd-ops-detail{position:fixed;z-index:1060;right:0;top:0;width:min(620px,100%);height:100%;overflow:auto;padding:32px;background:#fff;box-shadow:-14px 0 40px #0002}.xtcd-detail-close{float:right;font-size:1.4rem}.xtcd-detail-grid,.xtcd-costs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xtcd-detail-grid>div,.xtcd-costs>div{padding:12px;background:#f7f5f0;border-radius:8px}.xtcd-detail-grid dt,.xtcd-costs dt{font-size:.78rem;font-weight:800;color:#596270}.xtcd-detail-grid dd,.xtcd-costs dd{margin:6px 0 0;white-space:normal}.xtcd-alert{padding:12px;border-left:4px solid #8c2f21;background:#f8e7e4}.xtcd-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.xtcd-timeline{padding-left:22px}.xtcd-timeline li{display:grid;gap:2px;margin-bottom:11px}.xtcd-timeline span,.xtcd-sync,.xtcd-empty{color:#596270}.xtcd-settings{margin-top:28px}
.xtcd-nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:999px;background:#d9bd78;color:#12342f;font-size:.72rem;font-weight:900}.xtcd-support-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 16px;border-top:1px solid #e4e3dc;background:#f7f5f0}.xtcd-support-entry p{margin:0}.xtcd-support-entry span{color:#596270;font-size:.9rem}.xtcd-support-entry button,[data-support-new],[data-support-refresh],.xtcd-support-form button{min-height:44px;padding:10px 14px;border:1px solid #0d3d35;border-radius:8px;background:#0d3d35;color:#fff;font:inherit;font-weight:700;cursor:pointer}.xtcd-support-drawer{position:fixed;z-index:1070;right:0;top:0;width:min(620px,100%);height:100%;overflow:auto;padding:32px;background:#fff;box-shadow:-14px 0 40px #0002}.xtcd-support-ops{width:min(980px,100%)}.xtcd-support-notice{margin:12px 0;padding:12px;border-left:4px solid #0d3d35;background:#edf5f2}.xtcd-support-notice[data-error="true"]{border-color:#8c2f21;background:#f8e7e4}.xtcd-support-head,.xtcd-support-case-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.xtcd-support-cases{display:grid;gap:10px}.xtcd-support-case,.xtcd-support-queue-card>button{display:grid;grid-template-columns:1fr auto;gap:6px 14px;width:100%;padding:15px;border:1px solid #e4e3dc;border-radius:9px;background:#fff;color:inherit;text-align:left;cursor:pointer}.xtcd-support-case>small,.xtcd-support-queue-card small{grid-column:1/-1;color:#596270}.xtcd-support-case span:first-child{display:grid;gap:3px}.xtcd-support-case small{color:#596270}.xtcd-support-status{align-self:start;border-radius:999px;padding:5px 9px;background:#edf0ee;font-size:.78rem;font-weight:800}.xtcd-support-status[data-support-status="waiting_customer"]{background:#fff0c9;color:#62470a}.xtcd-support-status[data-support-status="waiting_internal"]{background:#e8e5f5;color:#3c326a}.xtcd-support-status[data-support-status="resolved"],.xtcd-support-status[data-support-status="closed"]{background:#dceee5;color:#174f36}.xtcd-support-form{display:grid;gap:13px;margin-top:20px;padding:16px;border:1px solid #e4e3dc;border-radius:9px;background:#f7f5f0}.xtcd-support-form label{display:grid;gap:6px;font-weight:700}.xtcd-support-form textarea{min-height:120px;resize:vertical}.xtcd-support-form textarea,.xtcd-support-form select,.xtcd-support-filters input,.xtcd-support-filters select{width:100%;padding:11px;border:1px solid #babdb8;border-radius:7px;background:#fff;color:inherit;font:inherit}.xtcd-support-form fieldset{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0}.xtcd-support-form fieldset label{display:flex;align-items:center;gap:6px}.xtcd-support-form[data-mode="internal"]{border:2px solid #8b6b20;background:#fff8df}.xtcd-support-messages{display:grid;gap:10px;max-height:46vh;overflow:auto;margin:16px 0;padding:4px}.xtcd-support-message{max-width:88%;padding:12px 14px;border-radius:12px;background:#edf5f2}.xtcd-support-message[data-author="customer"]{justify-self:end;background:#f3efe5}.xtcd-support-message[data-visibility="internal"]{max-width:100%;border:1px dashed #8b6b20;background:#fff8df}.xtcd-support-message header{display:flex;justify-content:space-between;gap:14px;margin-bottom:7px;font-size:.78rem}.xtcd-support-message time{color:#596270}.xtcd-support-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.xtcd-support-closed{padding:12px;border-left:4px solid #596270;background:#edf0ee}.xtcd-link-button{border:0;background:transparent;color:#0d3d35;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.xtcd-support-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-bottom:18px}.xtcd-support-filters label{display:grid;gap:6px;font-size:.82rem;font-weight:700}.xtcd-support-queue-card{margin-bottom:10px;border-left:4px solid transparent}.xtcd-support-queue-card[data-priority="urgent"]{border-left-color:#8c2f21}.xtcd-support-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:24px}.xtcd-support-layout>aside{padding-left:20px;border-left:1px solid #e4e3dc}
@media(max-width:900px){.xtcd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.xtcd-appbar{flex-wrap:wrap;gap:8px}.xtcd-appbar nav{order:3;width:100%;overflow:auto}.xtcd-section-head{align-items:stretch;flex-direction:column}.xtcd-section-head input,.xtcd-section-head select{width:100%}.xtcd-support-filters{grid-template-columns:1fr 1fr}.xtcd-support-layout{grid-template-columns:1fr}.xtcd-support-layout>aside{padding:18px 0 0;border-top:1px solid #e4e3dc;border-left:0}}
@media(max-width:540px){.xtcd-ops-shell{width:min(100% - 20px,1440px);padding-top:22px}.xtcd-kpis{grid-template-columns:1fr}.xtcd-detail-grid,.xtcd-costs{grid-template-columns:1fr}.xtcd-ops-detail,.xtcd-support-drawer{padding:22px}.xtcd-op-card>button,.xtcd-support-case,.xtcd-support-queue-card>button{grid-template-columns:1fr}.xtcd-status,.xtcd-support-status{justify-self:start}.xtcd-appbar>[data-xtcd-install]{margin-left:auto}.xtcd-app-content>.xtcd{padding-top:18px}.xtcd-support-entry{align-items:stretch;flex-direction:column}.xtcd-support-entry button{width:100%}.xtcd-support-filters{grid-template-columns:1fr}.xtcd-support-message{max-width:96%}}