/* v2.8 — premium XTRA workspace and human-confirmed appointment actions */
.xtra-launch{border-color:rgba(239,49,53,.55)!important;background:rgba(239,49,53,.1)!important;color:#ff575b!important}
.xtra-mode-badge{border-color:rgba(37,211,139,.35)!important;background:rgba(37,211,139,.09)!important;color:#38d996!important}
.xtra-workspace{grid-template-columns:280px minmax(650px,1fr) 330px;gap:16px}
.xtra-workspace>.card{border-color:color-mix(in srgb,#243347 78%,var(--line));border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.xtra-chat{min-height:calc(100dvh - 116px)}
.xtra-chat-head{padding:18px 20px}.xtra-chat-title h3{font-size:20px}.xtra-chat-title>div>span{font-size:10px}
.xtra-orb{width:48px;height:48px;border-color:rgba(238,44,48,.46)!important;background:radial-gradient(circle at 35% 30%,#ff6669,#d9181e 55%,#6c0509)!important;color:#fff!important;box-shadow:0 0 28px rgba(235,32,37,.3)!important}
.xtra-appointment-bar{padding:15px 18px;justify-content:flex-start;border-color:rgba(38,210,139,.24)!important;background:linear-gradient(110deg,rgba(23,34,48,.97),rgba(12,23,32,.95))!important}
.xtra-appointment-bar>div{flex:1}.xtra-appointment-bar>div>span{color:#33d793!important}.xtra-appointment-bar>div>strong{font-size:14px}
.xtra-vehicle-icon{display:grid;place-items:center;width:56px;height:38px;border:1px solid rgba(238,48,52,.35);border-radius:12px;background:linear-gradient(145deg,rgba(238,48,52,.27),rgba(96,6,11,.18));color:#ff4a4e;font-size:21px}
.xtra-action-strip{padding:14px 17px;background:linear-gradient(180deg,rgba(16,25,36,.95),rgba(12,19,28,.95))}
.xtra-action-strip>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.xtra-action-strip>summary::-webkit-details-marker{display:none}.xtra-action-strip>summary strong{font-size:13px}.xtra-action-strip>summary span{color:var(--muted);font-size:10px}
.xtra-primary-tools{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px;margin-top:13px}
.xtra-tool-card{display:grid;place-items:center;gap:8px;min-height:92px;padding:12px 8px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,white),var(--panel-2));color:var(--text);cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.11);transition:.18s ease}
.xtra-tool-card:hover{transform:translateY(-2px);border-color:var(--tool-colour);box-shadow:0 11px 24px color-mix(in srgb,var(--tool-colour) 13%,transparent)}.xtra-tool-card>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:color-mix(in srgb,var(--tool-colour) 13%,var(--panel));color:var(--tool-colour);font-size:18px}.xtra-tool-card strong{font-size:11px;line-height:1.25;text-align:center}.xtra-tool-card.tone-red{--tool-colour:#ef4444}.xtra-tool-card.tone-blue{--tool-colour:#4b9cff}.xtra-tool-card.tone-purple{--tool-colour:#a86aff}.xtra-tool-card.tone-green{--tool-colour:#2dd68f}.xtra-tool-card.tone-amber{--tool-colour:#ffad32}.xtra-tool-card.tone-cyan{--tool-colour:#42baff}
.xtra-more-tools{margin-top:11px}.xtra-more-tools>summary{width:max-content;padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;cursor:pointer}.xtra-more-tools>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.xtra-more-tools button{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:10px;cursor:pointer}
.xtra-thread{padding:24px 22px;max-height:calc(100dvh - 390px);background:radial-gradient(circle at 82% 0,rgba(226,35,41,.045),transparent 36%),linear-gradient(180deg,rgba(7,13,21,.5),transparent)!important}
.xtra-message{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:20px}.xtra-message-avatar{width:40px;height:40px;border-radius:13px}.xtra-message.assistant .xtra-message-avatar{border-color:rgba(238,44,48,.38);background:linear-gradient(145deg,#e9272c,#86070b);color:#fff;box-shadow:0 8px 20px rgba(220,24,29,.2)}
.xtra-message-meta strong{font-size:12px}.xtra-message-copy{gap:10px;padding:16px 17px;border-radius:5px 15px 15px;font-size:13px;line-height:1.6}
.xtra-response-section{display:grid;gap:6px;padding:11px 12px;border:1px solid var(--line);border-left:3px solid #8a5cf5;border-radius:10px;background:color-mix(in srgb,var(--panel) 90%,#8a5cf5)}.xtra-response-section>strong{font-size:12px;text-transform:uppercase;letter-spacing:.035em}.xtra-response-section>div{display:grid;gap:4px}.xtra-response-section.tone-red{border-left-color:#ef4444}.xtra-response-section.tone-blue{border-left-color:#4b9cff}.xtra-response-section.tone-green{border-left-color:#29d18a}
.xtra-labour-summary{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:15px;border:1px solid rgba(240,51,56,.35);border-radius:12px;background:linear-gradient(120deg,rgba(225,35,41,.12),rgba(255,169,42,.04))}.xtra-labour-summary span{color:#ff565a;font-size:10px;font-weight:900;letter-spacing:.08em}.xtra-labour-summary strong{grid-row:1/3;grid-column:2;font-size:26px;color:#ff4a4f}.xtra-labour-summary small{color:var(--muted)}
.xtra-answer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:11px;border-top:1px solid var(--line)}.xtra-answer-actions button{padding:8px 11px;border:1px solid rgba(237,48,52,.34);border-radius:9px;background:rgba(237,48,52,.08);color:#ff5a5e;font-size:10px;font-weight:850;cursor:pointer}.xtra-answer-actions button:hover{background:rgba(237,48,52,.16)}
.xtra-compose{padding:14px 17px 16px}.xtra-compose-row{gap:10px}.xtra-compose textarea{min-height:76px;padding:14px 15px;border-radius:14px;font-size:14px}.xtra-send{min-width:104px;border:0!important;background:linear-gradient(145deg,#f33438,#d6161b)!important;color:white!important;box-shadow:0 10px 24px rgba(223,25,31,.22)}
.xtra-draft{padding:16px;border-color:rgba(255,168,42,.38);border-radius:14px;background:linear-gradient(145deg,rgba(255,169,42,.09),rgba(255,255,255,.015))}.xtra-draft-head small{color:var(--muted);font-size:10px}.xtra-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.xtra-preview-grid>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.xtra-preview-grid span{color:var(--muted);font-size:9px;text-transform:uppercase}.xtra-preview-grid strong{font-size:14px}.xtra-draft .page-actions{justify-content:flex-end}.xtra-draft .button.primary{background:linear-gradient(145deg,#ef3439,#d8171c)!important;color:#fff!important}
.xtra-context>details>summary{cursor:pointer;list-style:none}.xtra-context>details>summary::-webkit-details-marker{display:none}.xtra-context>details>summary b{color:var(--muted)}
.xtra-context-facts>div{padding:11px}.xtra-context-section{padding:13px 0}.xtra-context-section h4{font-size:12px}.xtra-context-section p,.xtra-context-section ul{font-size:11px}
:root[data-theme="light"] .xtra-action-strip{background:#f5f8fc}:root[data-theme="light"] .xtra-tool-card{background:linear-gradient(145deg,#fff,#f5f7fb)}:root[data-theme="light"] .xtra-appointment-bar{background:linear-gradient(110deg,#f5fbf8,#f7faff)!important}:root[data-theme="light"] .xtra-response-section{background:#f8f9fc}:root[data-theme="light"] .xtra-labour-summary{background:linear-gradient(120deg,#fff2f2,#fffaf0)}:root[data-theme="light"] .xtra-thread{background:linear-gradient(180deg,#fff,#f8fafe)!important}
@media(max-width:1500px){.xtra-workspace{grid-template-columns:240px minmax(560px,1fr) 290px}.xtra-primary-tools{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.xtra-workspace{grid-template-columns:235px minmax(0,1fr);grid-template-areas:"history chat" "context context"}.xtra-context{position:static}.xtra-thread{max-height:700px}}
@media(max-width:850px){.xtra-workspace{grid-template-columns:1fr;grid-template-areas:"history" "chat" "context"}.xtra-primary-tools{grid-template-columns:repeat(2,1fr)}.xtra-chat{min-height:760px}.xtra-appointment-bar{align-items:center;flex-direction:row}.xtra-appointment-bar .button{width:auto}.xtra-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.xtra-primary-tools{grid-template-columns:1fr 1fr}.xtra-tool-card{min-height:86px}.xtra-appointment-bar{flex-wrap:wrap}.xtra-appointment-bar>div{min-width:calc(100% - 74px)}.xtra-appointment-bar .button{width:100%}.xtra-message{grid-template-columns:32px minmax(0,1fr)}.xtra-message-avatar{width:32px;height:32px}.xtra-preview-grid{grid-template-columns:1fr}.xtra-answer-actions button{flex:1}.xtra-send{min-height:50px}}