/* Mobileland panel 0.8: every operational component stays inside the repair app. */
.tp-app .tp-workbar{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px 24px}.tp-app .tp-workbar .tp-brand{max-width:470px}.tp-app .tp-workbar .tp-brand strong{font-size:17px;line-height:1.8}.tp-app .tp-workbar .tp-nav{grid-column:1/-1;justify-content:flex-start;border-top:1px solid var(--mlu-line);padding-top:12px;gap:6px}.tp-app .tp-workbar .tp-nav button{flex:0 1 auto;padding:10px 16px;font-size:13px}.tp-app .tp-nav button[data-action=logout]{margin-inline-start:auto}.tp-app .tp-user-chip{display:flex;align-items:center;gap:10px;background:#f7f7f9;border:1px solid var(--mlu-line);border-radius:13px;padding:7px 12px;max-width:260px;overflow-wrap:anywhere}.tp-app .tp-user-chip small{display:block;font-size:10px;color:var(--mlu-muted)}.tp-app .tp-user-chip strong{font-size:12px}.tp-app .tp-avatar{display:grid;place-items:center;background:#fff1f1;color:#a80000;width:32px;height:32px;border-radius:10px;font-weight:800;flex:none}
.tp-app .tp-case-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--mlu-line);border-radius:21px;padding:20px 24px;margin-bottom:18px}.tp-app .tp-case-banner strong{display:block;font-size:18px}.tp-app .tp-case-banner small{display:block;color:var(--mlu-muted);font-size:11px}.tp-app .tp-case-banner p{font-size:12px;color:var(--mlu-muted)}.tp-app .tp-case-banner>div:last-child strong{font-size:16px;color:#b30016}.tp-app .tp-flow-nav{min-width:0;overflow:auto;margin-bottom:20px;padding:3px;border-radius:16px;scrollbar-width:thin}.tp-app .tp-steps{display:flex;min-width:650px;gap:4px}.tp-app .tp-steps button{font:inherit;border:1px solid transparent;background:transparent;padding:12px 8px;flex:1;border-radius:15px;cursor:pointer;color:var(--mlu-muted);display:flex;align-items:center;gap:9px;text-align:right;position:relative;min-height:60px}.tp-app .tp-steps button:after{content:'';height:1px;background:#dedade;position:absolute;left:-4px;width:8px}.tp-app .tp-steps button:last-child:after{display:none}.tp-app .tp-steps button span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ddd6db;border-radius:10px;background:white;color:#636772;font-weight:700}.tp-app .tp-steps strong{font-size:11px;line-height:1.7}.tp-app .tp-steps button[aria-current=step]{background:#fff1f1;border-color:#efcbd0;color:#a80000}.tp-app .tp-steps button[aria-current=step] span{background:#cc0000;color:white;border-color:#cc0000}.tp-app .tp-steps button.tp-visited:not([aria-current=step]) span{color:#a80000;border-color:#efcbd0;background:#fff7f8}.tp-app .tp-steps svg{width:17px;height:17px}.tp-app .tp-flow-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;align-items:start}.tp-app .tp-flow-columns>div{min-width:0}.tp-app .tp-stage-pending{font-size:12px;border-inline-start:3px solid #cc0000;background:#fff1f1;padding:9px 13px;margin:14px 0}.tp-app .tp-stage-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.tp-app .tp-case-info .tp-meta{grid-template-columns:1fr 1fr;font-size:12px}.tp-app .tp-case-info h3{margin-top:14px}.tp-app .tp-fold{border-top:1px solid var(--mlu-line);margin-top:16px;padding-top:14px}.tp-app summary{cursor:pointer;font-weight:650;min-height:42px;line-height:2}.tp-app .tp-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.tp-app .tp-feed-tabs{gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--mlu-line);padding-bottom:14px}.tp-app .tp-feed-tabs button{font:inherit;min-height:44px;border:1px solid transparent;border-radius:12px;background:#f7f7f9;padding:9px 18px;color:var(--mlu-muted);cursor:pointer}.tp-app .tp-feed-tabs button[aria-pressed=true]{color:#a80000;border-color:#efcbd0;background:#fff1f1;font-weight:750}.tp-app .tp-message-form{display:grid;gap:13px}.tp-app .tp-message-form input[type=file]{height:auto;padding:10px;font-size:12px}.tp-app .tp-attachment{margin-top:10px}.tp-app .tp-attachment button{white-space:normal;word-break:break-word;min-height:42px;font-size:12px;text-align:right}.tp-app .tp-code-mode{margin-bottom:4px}.tp-app .tp-code-mode .tp-check{font-size:11px;min-height:32px;padding:4px 8px}.tp-app .tp-pattern{box-shadow:inset 0 0 0 7px white;background:radial-gradient(circle at 50% 50%,#fff1f1,#f7f7f9);width:252px;height:252px;max-width:100%}.tp-app .tp-pattern button{width:42px;height:42px;min-height:42px;box-shadow:0 3px 8px #3020280b}.tp-app .tp-pattern button i{font-style:normal;position:absolute;right:-6px;top:-8px;background:#fff;border:1px solid #efcbd0;color:#a80000;border-radius:50%;width:18px;height:18px;font-size:10px;line-height:17px}.tp-app .tp-pattern-order{font-size:12px;padding:10px;border-radius:10px;background:#fff1f1;color:#a80000;text-align:center;max-width:252px;white-space:normal}.tp-app .tp-pattern-read{max-width:252px;white-space:normal;text-align:center;user-select:none}.tp-app .tp-pattern-read svg{width:100%;height:auto;background:#fff;border:1px solid var(--mlu-line);border-radius:21px;stroke:#cc0000;stroke-width:2;margin:12px 0;direction:ltr}.tp-app .tp-pattern-read circle{fill:#f7f7f9;stroke:#e8e5e8}.tp-app .tp-pattern-read circle.selected{fill:#cc0000;stroke:#cc0000}.tp-app .tp-pattern-read text{fill:#636772;stroke:none;font:16px system-ui;text-anchor:middle}.tp-app .tp-pattern-read text.selected{fill:#fff}.tp-app .tp-pattern-legend{display:flex;justify-content:space-between;font-size:11px}.tp-app .tp-secret{user-select:text}.tp-app .tp-crm-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.tp-app .tp-crm-search .tp-field{flex:1;min-width:160px}.tp-app .tp-crm-row{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(160px,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid var(--mlu-line);padding:18px 0}.tp-app .tp-crm-row:last-child{border-bottom:0}.tp-app .tp-crm-row small{display:block;color:var(--mlu-muted);font-size:11px}.tp-app .tp-crm-row strong{display:block;font-size:15px;overflow-wrap:anywhere}.tp-app .tp-crm-row bdi{overflow-wrap:anywhere}
.tp-app .tp-loading{display:grid;place-items:center;min-height:330px;padding:50px}.tp-app .tp-loader{width:96px;height:96px;display:grid;place-items:center;background:#fff;border:1px solid #f2d8dc;border-radius:29px;box-shadow:0 12px 32px #30202808;position:relative}.tp-app .tp-loader:after{content:'';position:absolute;inset:-10px;border:2px solid transparent;border-top-color:#cc0000;border-right-color:#ffd7dd;border-radius:36px;animation:tp-orbit 1.8s linear infinite}.tp-app .tp-loader svg{width:64px;height:64px;stroke:#cc0000;stroke-width:2.4}.tp-app .tp-loader-pulse{stroke-dasharray:90;animation:tp-pulse 1.6s ease-in-out infinite}.tp-app .tp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes tp-orbit{to{transform:rotate(360deg)}}@keyframes tp-pulse{0%,100%{stroke-dashoffset:90;opacity:.3}50%{stroke-dashoffset:0;opacity:1}}
/* The datepicker is loaded only on managed repair screens. */
.tp-calendar-host jdp-container{font-family:inherit!important;border:1px solid #eadfe3!important;border-radius:20px!important;box-shadow:0 12px 32px #3020281a!important;padding:14px!important;max-width:calc(100vw - 24px);color:#282b34!important}.tp-calendar-host jdp-container .jdp-day{border-radius:10px!important;min-height:34px!important}.tp-calendar-host jdp-container .selected{background:#cc0000!important;color:#fff!important}.tp-calendar-host jdp-container .jdp-btn-today{background:#fff1f1!important;color:#a80000!important}.tp-calendar-host jdp-container select,.tp-calendar-host jdp-container input{font:inherit!important;border:1px solid #e8e5e8!important;border-radius:9px!important;background:#f7f7f9!important;color:#282b34!important}.tp-calendar-host jdp-container :focus-visible{outline:2px solid #cc0000;outline-offset:2px}
@media(max-width:1100px){.tp-app .tp-flow-columns{grid-template-columns:1fr}.tp-app .tp-case-info .tp-meta{grid-template-columns:repeat(3,1fr)}.tp-app .tp-steps{min-width:650px}}
@media(max-width:760px){.tp-app .tp-workbar{padding:16px;gap:12px}.tp-app .tp-workbar .tp-brand strong{font-size:14px}.tp-app .tp-user-chip{grid-row:2;grid-column:1/-1;justify-self:start;max-width:100%}.tp-app .tp-workbar .tp-nav{grid-row:3;gap:4px}.tp-app .tp-workbar .tp-nav button{font-size:12px;padding:8px 10px;flex:1 0 40%}.tp-app .tp-nav button[data-action=logout]{margin:0}.tp-app .tp-crm-row{grid-template-columns:auto 1fr;gap:12px}.tp-app .tp-crm-row>div:nth-of-type(2){grid-column:2}.tp-app .tp-crm-row>button{grid-column:1/-1}.tp-app .tp-case-banner{padding:18px;gap:12px}.tp-app .tp-case-info .tp-meta{grid-template-columns:1fr 1fr}.tp-app .tp-stage-actions{display:grid;grid-template-columns:1fr}.tp-app .tp-case-banner>div:first-child{flex-basis:100%}.tp-app .tp-steps{min-width:630px}.tp-app .tp-steps button{flex-direction:column;gap:6px}.tp-app .tp-flow-nav{margin-bottom:12px}.tp-app .tp-feed-tabs button{font-size:12px;flex:1;padding:8px}}
@media(max-width:420px){.tp-app .tp-workbar{padding:12px}.tp-app .tp-workbar .tp-brand strong{font-size:13px}.tp-app .tp-case-info .tp-meta{grid-template-columns:1fr}.tp-app .tp-flow-columns{gap:12px}.tp-app .tp-crm-search{display:grid;grid-template-columns:1fr}.tp-app .tp-case-banner strong{font-size:16px}.tp-app .tp-stage-actions button{font-size:12px;padding:12px}.tp-app .tp-pattern{width:228px;height:228px}.tp-app .tp-crm-row{grid-template-columns:1fr}.tp-app .tp-crm-row>div:nth-of-type(2){grid-column:auto}.tp-app .tp-crm-row>.tp-icon-tile{display:none}}
@media(prefers-reduced-motion:reduce){.tp-app .tp-loader:after,.tp-app .tp-loader-pulse{animation:none}.tp-app .tp-loader-pulse{stroke-dashoffset:0}}
@media print{.tp-app .tp-workbar,.tp-app .tp-flow-nav,.tp-app [data-stage-work],.tp-app .tp-secret{display:none!important}.tp-app .tp-flow-columns{display:block}}

.tp-calendar-host jdp-container{--jdp-primary:#cc0000;--jdp-day-size:40px}
@media(prefers-reduced-motion:reduce){.tp-calendar-host *{animation:none!important;transition:none!important}}

body.tp-dashboard-page{margin:0;background:#f7f7f9}.tp-app.tp-busy-overlay{position:fixed;inset:0;z-index:100200;margin:0;max-width:none;background:#f7f7f9c9;display:grid;place-items:center;backdrop-filter:blur(2px)}.tp-app.tp-busy-overlay .tp-loading{min-height:0}
.tp-app .tp-top>div{min-width:0;max-width:100%}.tp-app h1,.tp-app .tp-code{overflow-wrap:anywhere}
