/* Reference web content is 384 px wide. iOS status bar and keyboard are OS UI. */
@font-face{font-family:ProFixTechnician;src:url('/assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ProFixTechnician;src:url('/assets/fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:ProFixTechnician;src:url('/assets/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:ProFixTechnician;src:url('/assets/fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.tr-app,.tr-app button,.tr-app input,.tr-app select,.tr-app textarea,.tr-sheet,.tr-sheet *,.tr-app .ops-notification-dialog,.tr-app .ops-notification-dialog *{font-family:ProFixTechnician,system-ui,sans-serif!important}
html.tr-document{scrollbar-width:none;background:#eeedf4}html.tr-document::-webkit-scrollbar{display:none}
.tr-app{--tr-width:384px;--tw-bg:#eeedf4;--tw-text:#111;--tw-muted:#87858b;--tr-blue:#0074b8;--tw-soft:#e5e4e9;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.tr-app.tw-dark{--tw-bg:#080808;--tw-card:#1c1c1e;--tw-text:#f5f5f5;--tw-muted:#929096;--tw-soft:#303033}
.tr-app .demo-top,.tr-app .demo-top-inner{max-width:var(--tr-width)!important}
.tr-app .demo-top-inner{position:relative;min-height:50px!important;padding:5px 14px!important;gap:8px}
.tr-app .tr-header-avatar{width:40px;height:40px;border:2px solid #40bd49;outline:2px solid var(--tw-card);border-radius:50%;background:#0076b7;color:#fff;font-size:11px;font-weight:650;padding:0;cursor:pointer;box-shadow:inset 0 0 0 2px #fff}
.tr-app .tw-search{min-height:34px;padding:6px 10px;border-radius:10px;background:#dfdee5}.tr-app.tw-dark .tw-search{background:#29292c}.tr-app .tw-search input{font-size:14px;line-height:1.4}
.tr-app .demo-top .tw-language,.tr-app .demo-top .ref-tech-notifications,.tr-app.tr-profile-open .demo-top{display:none!important}
.tr-app .demo-shell.tw-shell{max-width:var(--tr-width)!important;padding:0 14px 100px!important;border:0!important}.tr-app.tr-profile-open .demo-shell.tw-shell{padding-top:6px!important}
.tr-app .tr-profile-head{min-height:72px;padding:8px 12px;margin:0 0 14px;border-radius:17px;gap:9px}.tr-app .tr-profile-head b{font-size:18px;line-height:1.35;font-weight:750}.tr-app .tr-profile-head small{font-size:12px;line-height:1.5;margin-top:2px}
.tr-app .tw-avatar{width:54px;height:54px;border:2px solid #32b448;box-shadow:inset 0 0 0 2px #fff;background:#0076b7;font-size:11px}
.tr-app .tr-switch{width:44px;height:27px;background:#37b951;box-shadow:0 0 0 6px #e2f5e7;padding:3px}.tr-app .tr-switch i{width:21px;height:21px}.tr-app .tr-switch.off{background:#c6c6cb;box-shadow:0 0 0 6px var(--tw-soft)}.tr-app .tr-switch.off i{transform:translateX(-17px)}
.tr-app .tw-card{padding:14px 15px;border-radius:17px;margin-bottom:14px}.tr-app .tw-card>small{font-size:12px;line-height:1.5}
.tr-app .tw-periods{height:34px;border-radius:7px;padding:2px;margin:10px 0 8px;background:#e9e9eb}.tr-app.tw-dark .tw-periods{background:#303033}
.tr-app .tw-periods button{font-size:12px;line-height:1.4;font-weight:600;padding:5px 2px;border-radius:6px}.tr-app .tw-periods button.active{background:#fff;box-shadow:0 2px 5px #0002}.tr-app.tw-dark .tw-periods button.active{background:#5a5a5e}
.tr-app .tr-earnings{min-height:200px}.tr-app .tw-profit{font-size:36px;line-height:1.25;font-weight:800;color:#17662a;margin:10px 0 5px}.tr-app .tr-earnings p{font-size:13px;line-height:1.6;margin:5px 0 8px}.tr-app .tr-earnings>small:last-child{font-size:12px;line-height:1.6;border-top:1px solid #c8c7cc;padding-top:7px;margin-top:7px}
.tr-app .tw-score{min-height:66px;align-items:center;gap:12px;padding:5px 0 7px;margin-bottom:5px}.tr-app .tw-score strong{width:56px;height:56px;border:0;border-radius:50%;font-size:22px;line-height:1;font-weight:800;background:radial-gradient(closest-side,var(--tw-card) 77%,transparent 80%),conic-gradient(var(--tr-score-color,#a65b00) calc(var(--score)*1%),#e7e7e9 0)}.tr-app .tw-score>div>b{font-size:20px;line-height:1.3;font-weight:750}.tr-app .tw-score small{font-size:12px;margin-top:3px}
.tr-app .tw-metric{height:43px;padding:7px 0 3px}.tr-app .tw-metric>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px;align-items:baseline;font-size:13px;line-height:1.5}.tr-app .tw-metric>div>b{font-weight:750;white-space:nowrap}.tr-app .tw-metric>div>small{font-size:11px;color:var(--tw-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr-app .tw-metric>div>span{color:var(--tr-metric)!important;font-size:13px;font-weight:800}.tr-app .tw-metric progress{height:3px;margin:5px 0 0;accent-color:var(--tr-metric)}.tr-app .tw-metric progress::-webkit-progress-value{background:var(--tr-metric)}
.tr-app .tw-tip{font-size:13px;font-weight:650;line-height:1.5;padding:9px 12px;min-height:53px;border-radius:10px;margin:12px 0 10px;color:#0073aa!important;background:#d9edf7}.tr-app .tr-score-help{font-size:12px;margin-top:9px;border-top:1px solid var(--tw-line);padding-top:9px}.tr-app .tw-setting{font-size:14px;padding:11px 0}.tr-app .tw-setting .tw-btn,.tr-app .tw-setting .tw-language{font-size:12px}
.tr-app .tw-filters{gap:0;margin:0 0 13px;padding:0;background:#dedde4;border-radius:10px;min-height:34px;overflow:visible}.tr-app.tw-dark .tw-filters{background:#2b2b2e}.tr-app .tw-filters button{font-size:12px;font-weight:650;line-height:1.4;margin:2px;min-height:30px;padding:4px 3px;border-radius:7px;gap:3px}.tr-app .tw-filters button.active{box-shadow:0 2px 5px #0002}.tr-app .tw-filters b{font-size:11px;min-width:17px;line-height:18px;height:18px;padding:0 4px}
.tr-app .tw-alert{font-size:13px;font-weight:600;line-height:1.55;background:#f4d9dd;color:#111;padding:11px 14px;border-radius:11px;margin:0 0 10px;min-height:65px}.tr-app.tw-dark .tw-alert{background:#451f28;color:#f7e8ec}
.tr-app .tw-order{padding:11px 14px;gap:10px;min-height:84px;margin-bottom:8px;border-radius:17px}.tr-app .tw-state{width:42px;height:42px;font-size:11px;font-weight:650}.tr-app .tw-order-main>b{font-size:16px;line-height:1.35}.tr-app .tw-order small{font-size:13px;line-height:1.5}.tr-app .tw-order-end .tw-positive{font-size:13px;font-weight:800}.tr-app .tw-order-end{max-width:68px;gap:5px}.tr-app .tw-unread{font-size:10px;min-width:18px;height:18px;line-height:18px}.tr-app .tr-delay{font-size:10px;padding:1px 5px;background:#ffe2e3;color:#d43630!important}.tr-app .tr-group{font-size:12px;margin:12px 3px 7px}
.tr-app .tw-bottom{width:calc(100% - 28px);max-width:356px;height:56px;bottom:max(12px,env(safe-area-inset-bottom));padding:3px 4px;border:1px solid #b6b5bb;border-radius:30px;background:#aaa9aebf;box-shadow:inset 0 0 0 2px #ffffff2b;gap:0}.tr-app .tw-bottom button{font-size:10px;min-height:48px;padding:3px 1px;border-radius:25px;gap:2px}.tr-app .tw-bottom button svg{width:23px;height:23px;stroke-width:1.8}.tr-app .tw-bottom button.active{background:#83838999;color:#59dbf3}.tr-app .tw-bottom b{min-width:22px;height:22px;line-height:22px;font-size:13px;inset-inline-end:9px;top:-3px}.tr-app .tw-bottom [data-tab=profile] svg{fill:currentColor;stroke-width:1}
.tr-app .tw-chat-head{padding:5px 0 6px;min-height:50px}.tr-app .tw-chat-head b{font-size:16px}.tr-app .tw-chat-head small{font-size:11px}.tr-app .tw-chat-head .tw-state{width:36px;height:36px;font-size:11px}.tr-app .tw-chat-state>span{font-size:11px;padding:3px 7px;border-radius:8px}.tr-app .demo-shell.tw-shell.tw-in-chat{max-width:var(--tr-width)!important;padding:0 14px!important}
.tr-app .tw-bubble{font-size:15px;padding:8px 12px 5px;border-radius:17px}.tr-app .tw-bubble p{font-size:15px;line-height:1.5}.tr-app .tw-bubble.system{border-radius:17px;padding:10px 12px}.tr-app .tw-bubble.system p{font-size:13px}.tr-app .tw-bubble footer,.tr-app .tw-bubble time{font-size:10px}.tr-app .tr-quoted b{font-size:11px}.tr-app .tr-quoted span{font-size:13px;line-height:1.4}
.tr-app .tw-quick{padding:8px 0 7px;gap:6px}.tr-app .tw-quick .tw-btn{min-height:36px;font-size:12px;padding:8px 10px}.tr-app .tw-composer{direction:ltr;min-height:43px;border-radius:24px;gap:6px;padding:4px 6px;background:var(--tw-card)}.tr-app .tw-composer textarea{direction:rtl;text-align:start;order:4;flex:1;min-width:0;font-size:14px;line-height:1.5;padding:4px 2px}html[lang=en] .tr-app .tw-composer textarea{direction:ltr}.tr-app .tr-mic{order:0;width:34px;height:34px}.tr-app .tw-attach{order:1;width:22px}.tr-app .tw-send{order:5}
.tr-app~.tr-sheet,.tr-sheet{width:min(384px,100%);max-width:384px;border-radius:18px 18px 0 0;padding:10px 14px max(22px,env(safe-area-inset-bottom));bottom:0}.tr-sheet .tr-handle{width:34px;height:4px;margin:0 auto 16px}.tr-sheet header h2{font-size:16px}.tr-sheet label{font-size:12px;gap:6px;margin:12px 0}.tr-sheet input:not([type=checkbox]):not([type=radio]),.tr-sheet select,.tr-sheet textarea{font-size:16px;line-height:1.4;min-height:45px;padding:11px 12px;border-radius:13px;background:#efedf4}.tr-sheet .tr-submit{font-size:15px;min-height:45px;padding:11px;border-radius:10px}.tr-sheet .tr-price-list input{font-size:16px;min-height:38px!important}.tr-sheet .tr-service-menu button,.tr-sheet .tr-more-menu button,.tr-sheet .tr-reason-options label{font-size:16px;min-height:48px}.tr-sheet .tr-warranty-chips button{font-size:12px;padding:7px 12px}.tr-sheet::backdrop{backdrop-filter:none;background:#0007}
@media(max-width:350px){.tr-app .demo-shell.tw-shell{padding-inline:10px!important}.tr-app .tw-metric>div>b{font-size:12px}.tr-app .tw-metric>div>small{font-size:10px}.tr-app .tw-quick .tw-btn{font-size:11px;padding-inline:6px}}
/* Align the four metric baselines with the measured reference, not browser chrome. */
.tr-app .tr-earnings{padding-bottom:8px}
.tr-app .tw-score{padding:2px 0 4px;min-height:62px}
.tr-app .tw-metric{height:42px}
.tr-app .tw-tip{margin-top:6px;padding-block:7px;min-height:53px}
.tr-app[data-tr-view=history] .tw-order{min-height:59px;padding:9px 11px;margin-bottom:6px;border-radius:14px}
.tr-app[data-tr-view=history] .tw-order-main>b{font-size:14px}
.tr-app[data-tr-view=history] .tw-order small{font-size:11px}
.tr-app[data-tr-view=history] .tw-order .tr-preview{display:none}
.tr-app[data-tr-view=history] .tw-state{width:34px;height:34px;font-size:10px}
.tr-app .tw-alert{width:calc(100% - 30px);margin-inline:15px}
.tr-app .tw-filters{margin-bottom:19px}
.tr-app .tr-schedule-hero{border-radius:14px;background:linear-gradient(120deg,#004d81,#006daf);padding:15px;color:#fff}
.tr-app .tr-schedule-hero strong{font-size:34px;line-height:1.2}.tr-app .tr-schedule-hero p{font-size:12px;line-height:1.5;margin:8px 0}.tr-app .tr-schedule-hero small{font-size:11px}
.tr-app .tw-appointment{border:0;border-radius:15px;padding:12px 13px;min-height:84px;margin-bottom:8px;gap:10px}
.tr-app .tw-appointment time{font-size:20px;font-weight:750}.tr-app .tw-appointment b{font-size:14px}.tr-app .tw-appointment small{font-size:12px;line-height:1.5}
.tr-app .tw-chat-head>div{text-align:start;min-width:0}
.tr-app .tw-chat-head .tw-customer-phone{display:block;margin-block:.2rem;font-variant-numeric:tabular-nums}
.tr-app .tw-chat-head .tw-customer-phone a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.tr-app .tw-chat-state .tr-map-chip{display:flex;align-items:center;gap:3px;color:#0878b1;background:#dbedf7;border-radius:9px;padding:3px 7px;font-size:11px;line-height:1.4;text-decoration:none}
.tr-app .tr-map-chip svg{width:11px;height:13px}

.tr-phone-intake{display:block;width:100%;margin-block:14px 20px}
.tr-phone-badge{display:inline-block;margin-inline-start:4px;border-radius:8px;background:#e1f4ff;color:#075a83;font-size:.75rem;padding:2px 7px}
.tr-phone-panel{padding:10px 14px;text-align:center}
.tr-phone-panel p{margin:0 0 8px;font-size:.85rem}
.tr-phone-panel a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.tr-phone-panel svg{width:18px;height:18px}

.tr-app .tr-conversation-time{font-size:.75rem;line-height:1.35;font-variant-numeric:tabular-nums}
.tr-app .tw-order-end .tr-conversation-time{text-align:end}