#inbox.op-section{display:flex!important;flex-direction:column!important;gap:0!important;width:min(1280px,calc(100% - 64px))!important;height:auto!important;overflow:visible!important;padding:100px 0 120px!important;color:#eeedf0;font-family:Inter,Arial,sans-serif;position:relative} .op-section *{box-sizing:border-box}.op-section h2,.op-section h3,.op-section h4,.op-section p{margin:0}.op-section svg{width:18px;height:18px;flex-shrink:0}.op-intro{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;width:100%}.op-eyebrow{font-size:10px;letter-spacing:1.7px;color:#99999f}.op-copy h2{font-size:clamp(40px,4.5vw,66px);font-weight:500;letter-spacing:-3px;line-height:1.04;margin:25px 0}.op-copy>p{font-size:16px;line-height:1.7;max-width:420px;color:#b0afb6}.op-copy-foot{font-size:13px;color:#a5a4ab;line-height:1.6;border-left:1px solid #55545d;padding-left:20px;margin-top:38px}.op-ticket-window{background:#fdfdfd;color:#252528;border:1px solid #ffffff24;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #0003;width:100%;min-width:0}.op-window-header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid #eaeaec;font-size:12px;color:#888}.op-brand{display:flex;align-items:center;gap:9px;color:#222;font-size:12px}.op-brand>b{display:grid;place-items:center;width:25px;height:25px;background:#202022;color:white;border-radius:50%}.op-ticket-body{display:grid;grid-template-columns:158px 1fr}.op-ticket-list{background:#f7f7f8;border-right:1px solid #ebebed;padding:23px 10px}.op-ticket-list>small{font-size:9px;letter-spacing:.7px;padding:0 8px;color:#999}.op-ticket-list>div{padding:15px 10px;margin-top:12px;border-radius:10px}.op-ticket-list .selected{background:white;box-shadow:0 2px 8px #00000007}.op-ticket-list span,.op-ticket-list p{display:block;font-size:10px;color:#96969c}.op-ticket-list strong{display:block;font-size:11px;line-height:1.5;margin:6px 0;font-weight:500}.op-ticket{padding:24px;min-width:0}.op-ticket-meta{display:flex;justify-content:space-between;font-size:10px;color:#85858c;align-items:center}.op-ticket-status{padding:5px 8px;background:#f0f0f2;border-radius:6px}.op-ticket h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:17px 0}.op-customer{display:flex;align-items:center;gap:10px;font-size:12px}.op-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0f0f2;color:#818187;font-size:10px;flex-shrink:0}.op-customer small{display:flex;align-items:center;gap:5px;font-size:10px;color:#929299;margin-top:4px}.op-customer img{width:12px;height:12px}.op-ticket blockquote{margin:20px 0;font-size:12px;line-height:1.8;color:#727279;padding:0}.op-section dl{margin:0}.op-section dl>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #ededf0;font-size:11px;gap:8px}.op-section dt{color:#94949a}.op-section dd{margin:0}.op-owner{transition:background .5s,padding .5s}.op-assigned .op-owner{padding:5px 7px;background:#ececee;border-radius:5px}.op-plan{border:1px solid #e8e8eb;border-radius:12px;padding:16px;margin-top:18px;background:#fafafa;transition:transform .6s,box-shadow .6s}.op-plan small,.op-appointment-note small{font-size:8px;letter-spacing:1px;color:#96969b;display:block}.op-plan strong{font-size:13px;font-weight:500;display:block;margin:9px 0}.op-plan p{font-size:11px;line-height:1.7;color:#85858b}.op-plan-state{display:block;font-size:10px;margin-top:14px;color:#929298}.op-planned .op-plan{transform:translateY(-3px);box-shadow:0 8px 20px #00000009}.op-planned .op-plan-state{color:#29292d}.op-ticket-trail{font-size:9px;color:#8c8c92;margin-top:18px}.op-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;padding:65px 0 80px}.op-benefits>span{display:flex;align-items:center;gap:12px;font-size:12px;color:#a3a2aa}.op-benefits svg{color:#bab9c1}.op-calendar-story{width:100%}.op-calendar-heading{display:flex;align-items:end;justify-content:space-between;margin:25px 0 32px;gap:20px}.op-calendar-heading h3{font-size:35px;font-weight:500;letter-spacing:-1px;margin-top:12px}.op-calendar-heading p{font-size:13px;color:#9998a2;line-height:1.7}.op-calendar-window{display:flex;background:#fcfcfd;color:#29292e;border:1px solid #ffffff30;border-radius:20px;overflow:hidden;box-shadow:0 30px 90px #0004;width:100%;height:720px}.op-nav{width:180px;flex-shrink:0;background:#f6f6f7;border-right:1px solid #e8e8ea;padding:22px 13px;display:flex;flex-direction:column;gap:3px;font-size:11px;color:#83838a}.op-nav .lead-brand{display:flex;gap:8px;align-items:center;font-size:11px;color:#222;margin-bottom:20px}.op-nav .lead-brand b{background:#222;color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.op-nav small{display:block;font-size:8px;color:#aaa;letter-spacing:.5px;margin:17px 5px 7px}.op-nav .lead-brand small{font-size:7px;margin:3px 0}.op-nav>span{display:flex;align-items:center;gap:10px;padding:11px 9px;border-radius:9px}.op-nav>span.selected{background:white;color:#202023}.op-nav .lead-search{background:white;margin:0 0 4px}.op-nav .lead-assistant{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:9px;background:white;padding:10px;border-radius:10px}.op-nav .lead-assistant small{font-size:7px;margin:4px 0}.op-nav footer{display:flex;gap:10px;padding:15px 8px 0}.op-calendar-main{flex:1;min-width:0;padding:27px 26px 0}.op-calendar-main>header{display:flex;justify-content:space-between;align-items:center}.op-calendar-main>header small{font-size:8px;color:#a0a0a6;letter-spacing:1px}.op-calendar-main h3{font-size:25px;font-weight:500;margin-top:7px;letter-spacing:-.6px}.op-calendar-toolbar{display:flex;align-items:center;gap:18px;font-size:11px;margin:28px 0 22px}.op-calendar-toolbar strong{font-weight:500;margin-right:auto;font-size:13px}.op-calendar-toolbar>span{padding:7px 12px;border:1px solid #e5e5e8;border-radius:7px}.op-week{background:#f3f3f5}.op-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;border:1px solid #e8e8ec;border-radius:12px;overflow:hidden;height:490px}.op-week-grid{position:relative;min-width:0;overflow:hidden}.op-days{height:66px;display:grid;grid-template-columns:44px repeat(5,1fr);border-bottom:1px solid #e8e8ec;text-align:center;font-size:10px;color:#919199}.op-days>div{padding-top:10px;border-left:1px solid #f0f0f2}.op-days b{display:block;font-size:17px;font-weight:500;margin-top:5px;color:#55555d}.op-friday{background:#f0f0f3}.op-hours{position:absolute;top:66px;left:0;right:0}.op-hours>div{height:52px;border-bottom:1px solid #ededf0;padding:6px;font-size:8px;color:#a5a5ab}.op-grid-lines{position:absolute;left:44px;right:0;top:66px;bottom:0;background:repeating-linear-gradient(90deg,#ebebef 0,#ebebef 1px,transparent 1px,transparent 20%)}.op-existing,.op-slot,.op-new-event{position:absolute;width:calc((100% - 44px)/5 - 8px);font-size:9px;border-radius:7px;padding:9px 7px;z-index:1;line-height:1.5}.op-existing{background:#eeeef1;border:1px solid #e5e5e9;color:#92929b}.op-existing strong,.op-existing span{display:block;font-weight:400}.op-event-one{left:48px;top:96px}.op-event-two{left:calc(44px + (100% - 44px)*.4 + 4px);top:177px}.op-slot,.op-new-event{left:calc(44px + (100% - 44px)*.8 + 4px);top:344px}.op-slot{border:1px dashed #c4c4cb;display:flex;flex-direction:column;color:#92929d;height:95px;transition:background .5s}.op-slot strong{font-weight:400}.op-selected .op-slot{background:#e9e9ee;border-color:#868690}.op-new-event{background:#303037;color:white;box-shadow:0 7px 14px #0002;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .55s,transform .75s cubic-bezier(.2,.8,.2,1);min-height:105px}.op-new-event>*{display:block}.op-new-event strong{font-size:10px;margin:5px 0;font-weight:500}.op-new-event small,.op-new-event em{font-size:8px;font-style:normal;color:#c6c6d0}.op-new-event em{margin-top:8px}.op-confirmed .op-new-event{opacity:1;transform:none}.op-confirmed .op-slot{opacity:0}.op-appointment{padding:21px 19px;border-left:1px solid #e8e8ec;background:white;min-width:0}.op-appointment-label{font-size:8px;letter-spacing:1px;color:#97979e}.op-date{display:flex;align-items:center;gap:10px;margin:23px 0 18px}.op-date b{font-size:35px;font-weight:500;letter-spacing:-1px}.op-date span{font-size:9px;color:#919198;line-height:1.7}.op-appointment h4{font-size:16px;font-weight:500;letter-spacing:-.4px}.op-appointment>p{font-size:10px;color:#94949b;line-height:1.6;margin:7px 0 16px}.op-appointment dl>div{font-size:10px;padding:9px 0}.op-appointment-note{background:#f7f7f9;padding:13px;border-radius:8px;margin-top:17px}.op-appointment-note p{font-size:10px;color:#86868f;line-height:1.7;margin-top:7px}.op-confirm{padding:11px 5px;background:#f1f1f4;border-radius:8px;font-size:10px;text-align:center;margin-top:19px;transition:background .5s,color .5s}.op-confirmed .op-confirm{background:#29292f;color:white}.op-confirm-detail{font-size:8px;line-height:1.6;color:#aaaab0;text-align:center;margin-top:8px}.op-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#94949b;padding:20px 0}.op-calendar-footer strong{font-weight:400;color:#676771}@media(max-width:1100px){.op-intro{gap:30px;grid-template-columns:.7fr 1.3fr}.op-ticket-list{display:none}.op-ticket-body{display:block}.op-nav{width:145px;font-size:10px}.op-calendar-main{padding:22px 16px 0}.op-calendar-layout{grid-template-columns:minmax(0,1fr) 220px}.op-copy h2{font-size:47px}}@media(max-width:809px){#inbox.op-section{width:calc(100% - 36px)!important;padding:70px 0!important}.op-intro{grid-template-columns:1fr;gap:35px}.op-copy h2{font-size:44px;letter-spacing:-2px}.op-copy>p{font-size:14px}.op-copy-foot{display:none}.op-ticket-body{display:grid;grid-template-columns:130px 1fr}.op-ticket-list{display:block}.op-ticket{padding:20px}.op-benefits{grid-template-columns:1fr 1fr;padding:35px 0}.op-calendar-heading{display:block}.op-calendar-heading p{margin-top:15px}.op-calendar-heading h3{font-size:30px}.op-calendar-window{height:auto}.op-nav{display:none}.op-calendar-main{padding:20px 12px 0}.op-calendar-layout{display:flex;flex-direction:column;height:auto}.op-week-grid{height:490px;flex-shrink:0}.op-appointment{border-left:0;border-top:1px solid #eee;padding:20px}.op-appointment-note{display:none}.op-date{margin:12px 0}.op-confirm{margin-top:12px}.op-calendar-footer{font-size:8px}.op-new-event strong{font-size:8px}.op-existing{font-size:8px}}@media(max-width:440px){.op-ticket-list{display:none}.op-ticket-body{display:block}.op-benefits>span{font-size:10px;gap:8px}.op-calendar-toolbar{gap:7px}.op-calendar-toolbar strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.op-section *{transition:none!important}}
/* Dark product film: neutral surfaces, visible actions, no playback chrome. */
.op-ticket-window,.op-calendar-window{position:relative;background:#141416;color:#ededf0;border-color:#ffffff16;box-shadow:0 30px 80px #0005}.op-window-header{border-color:#ffffff0d;color:#929298}.op-brand{color:#ededf0}.op-brand>b,.op-nav .lead-brand b{background:#e8e8eb;color:#19191c}.op-ticket-list,.op-nav{background:#101012;border-color:#ffffff0c}.op-ticket-list .selected,.op-nav>span.selected{background:#252528;color:#f0f0f2;box-shadow:none}.op-ticket-list strong{color:#ccccd2}.op-ticket-meta,.op-ticket-list span,.op-ticket-list p,.op-ticket-list>small{color:#909099}.op-ticket-status,.op-avatar{background:#29292d;color:#ceced6}.op-customer small,.op-ticket blockquote{color:#aaaab3}.op-section dl>div{border-color:#ffffff0d}.op-section dt{color:#9696a0}.op-assigned .op-owner{background:#2a2a30}.op-plan{background:#1c1c20;border-color:#ffffff12;min-height:174px}.op-plan strong{color:#eeeef1}.op-plan p{color:#b0b0ba;min-height:66px}.op-plan-state,.op-planned .op-plan-state{color:#c5c5cf}.op-ticket-trail{min-height:30px;line-height:1.7;color:#a5a5b0}.op-nav .lead-brand{color:#e4e4ea}.op-nav .lead-search,.op-nav .lead-assistant{background:#1e1e22;color:#a7a7b0}.op-calendar-toolbar>span{border-color:#ffffff13}.op-week{background:#26262b}.op-calendar-layout{border-color:#ffffff12}.op-days{border-color:#ffffff12;color:#a0a0aa}.op-days>div{border-color:#ffffff09}.op-days b{color:#d0d0d8}.op-friday{background:#222227}.op-hours>div{border-color:#ffffff09;color:#85858f}.op-grid-lines{background:repeating-linear-gradient(90deg,#ffffff09 0,#ffffff09 1px,transparent 1px,transparent 20%)}.op-existing{background:#242429;border-color:#ffffff09;color:#a0a0ac}.op-slot{border-color:#55555f;color:#b1b1bd}.op-selected .op-slot{background:#323239;border-color:#aaaab7}.op-new-event{background:#dedee5;color:#202027;border:1px solid #f3f3f7;box-shadow:0 8px 22px #0005}.op-new-event small,.op-new-event em{color:#646471}.op-appointment{background:#18181c;border-color:#ffffff10}.op-appointment-note{background:#232328}.op-appointment-note p{color:#aaaab5}.op-confirm{background:#303036;color:#ceced8}.op-confirmed .op-confirm{background:#e1e1e8;color:#202026}.op-calendar-footer strong{color:#b5b5c0}.op-calendar-window{height:750px}.op-calendar-layout{height:515px}.op-created-receipt{font-size:9px;line-height:1.7;color:#bfbfc9;margin-top:12px;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}.op-confirmed .op-created-receipt{opacity:1;transform:none}.op-demo-cursor,.op-calendar-cursor{position:absolute;pointer-events:none;z-index:5;left:80%;top:54%;opacity:0;transition:left 1s cubic-bezier(.2,.8,.2,1),top 1s cubic-bezier(.2,.8,.2,1),opacity .25s;filter:drop-shadow(0 2px 3px #0008)}.op-demo-cursor svg,.op-calendar-cursor svg{width:23px;height:27px;fill:#f0f0f5;stroke:#17171c;stroke-width:1.1}.op-section[data-ticket-stage="1"] .op-demo-cursor{opacity:1;top:55%;left:85%}.op-section[data-ticket-stage="2"] .op-demo-cursor{opacity:1;top:76%;left:80%}.op-section[data-ticket-stage="3"] .op-demo-cursor{opacity:1;top:83%;left:80%}.op-section[data-ticket-stage="4"] .op-ticket-status{background:#dedee5;color:#29292f}.op-section[data-ticket-stage="4"] .op-ticket-trail{color:#dedee5}.op-section[data-ticket-stage="2"] .op-typed-answer:after{content:'▏';animation:op-caret .8s infinite}.op-calendar-cursor{left:75%;top:74%}.op-section[data-calendar-stage="1"] .op-calendar-cursor{opacity:1;left:72%;top:72%}.op-section[data-calendar-stage="2"] .op-calendar-cursor{opacity:1;left:89%;top:40%}.op-section[data-calendar-stage="3"] .op-calendar-cursor{opacity:1;left:89%;top:52%}.op-section[data-calendar-stage="4"] .op-calendar-cursor{opacity:1;left:89%;top:77%}.op-section[data-calendar-stage="4"] .op-confirm{animation:op-press .8s ease}.op-section[data-calendar-stage="2"] .op-appointment>p,.op-section[data-calendar-stage="3"] .op-appointment dd{animation:op-field .6s ease}.op-ticket-window,.op-calendar-window{translate:0 calc((1 - var(--op-reveal,1))*20px)}@keyframes op-caret{50%{opacity:0}}@keyframes op-press{40%{transform:scale(.97);background:#52525d}}@keyframes op-field{0%{opacity:.3;transform:translateY(4px)}100%{opacity:1;transform:none}}@media(max-width:809px){.op-calendar-window{height:auto}.op-calendar-layout{height:auto}.op-appointment{border-color:#ffffff10}.op-calendar-cursor{display:none}.op-created-receipt{min-height:15px}.op-plan{min-height:185px}}@media(prefers-reduced-motion:reduce){.op-demo-cursor,.op-calendar-cursor{display:none}.op-section *{animation:none!important}.op-ticket-window,.op-calendar-window{translate:none}}
.op-nav .lead-search,.op-nav .lead-assistant{border-color:#ffffff0b;box-shadow:none}.op-nav .lead-assistant-icon{background:#2c2c32}.op-nav .lead-search svg{color:#aaaab4}
/* Product-matched ticket workspace and appointment dialog. */
.op-ticket-body{grid-template-columns:158px minmax(0,1fr)}.ot-list{background:#111113;border-right:1px solid #ffffff0b;padding:0 10px 22px}.ot-filters{display:flex;flex-wrap:wrap;gap:18px 12px;padding:22px 6px;font-size:9px;color:#c3c3cc}.ot-filters span:last-child{width:100%}.ot-row{background:#1c1c20;border-radius:15px;padding:15px 12px;margin-bottom:10px;line-height:1.5;border:1px solid transparent}.ot-row.selected{border-color:#64646f;background:#26262c}.ot-row small{font-size:9px;color:#aaaab5}.ot-row strong{display:block;font-size:11px;margin:5px 0;font-weight:500}.ot-row>span{font-size:8px;color:#a2a2ae}.ot-row i{font-style:normal}.ot-detail{min-width:0;padding-bottom:22px}.ot-detail>header{padding:23px 22px;border-bottom:1px solid #ffffff0b}.ot-detail>header small{font-size:9px;color:#9292a0}.ot-detail h3{font-size:19px;font-weight:500;margin:7px 0}.ot-detail>header p{font-size:11px;color:#a6a6b0}.ot-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding:22px}.ot-fields label{font-size:10px;color:#a4a4b0}.ot-fields label>span{display:block;background:#242429;border-radius:10px;color:#e2e2e9;padding:12px 10px;margin-top:7px;font-size:11px}.ot-sla{margin:0 22px 17px;background:#222227;padding:14px;border-radius:12px;display:flex;align-items:center;gap:12px}.ot-sla>span{font-size:17px;color:#92929f}.ot-sla b{font-size:10px;font-weight:500;color:#ccccd5}.ot-sla small{font-size:8px;display:block;color:#9696a3;margin-top:4px}.ot-notes{margin:0 22px;background:#202025;border-radius:13px;padding:15px;position:relative;height:215px}.ot-notes header{display:flex;justify-content:space-between;font-size:10px;color:#b8b8c3}.ot-notes header b{font-weight:500}.ot-note-input{font-size:11px;color:#b9b9c4;line-height:1.8;position:absolute;left:15px;right:15px;top:53px;min-height:95px}.ot-note-button{position:absolute;right:13px;bottom:13px;background:#e2e2e8;color:#24242b;padding:11px 15px;border-radius:22px;font-size:10px}.ot-saved-note{display:none;font-size:10px;line-height:1.6;margin-top:17px}.ot-saved-note small{font-size:8px;color:#9595a2;display:block;margin-bottom:7px}.ot-result{padding:16px 22px 0;font-size:9px;color:#a8a8b5;min-height:30px}.op-section[data-ticket-stage="1"] .ot-note-input:after{content:'▏';animation:op-caret .8s infinite}.op-section[data-ticket-stage="2"] .ot-note-button{animation:op-press .7s}.op-section[data-ticket-stage="3"] .ot-saved-note,.op-section[data-ticket-stage="4"] .ot-saved-note{display:block}.op-section[data-ticket-stage="3"] .ot-note-input,.op-section[data-ticket-stage="4"] .ot-note-input{top:135px;color:#757583;font-size:9px;min-height:0}.op-section[data-ticket-stage="4"] .ot-status{background:#d8d8e2;color:#22222b}.op-section[data-ticket-stage="4"] .ot-result{color:#e2e2eb}.oa-new{background:#dedee6!important;color:#24242b!important;border-color:transparent!important}.oa-overlay{position:absolute;inset:0;z-index:8;background:#0505079c;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;pointer-events:none}.oa-open .oa-overlay{opacity:1;visibility:visible}.oa-modal{width:470px;max-width:100%;background:#19191d;border:1px solid #ffffff17;border-radius:25px;box-shadow:0 25px 80px #0009;transform:translateY(22px) scale(.98);transition:transform .6s cubic-bezier(.2,.8,.2,1);color:#e7e7ed;overflow:hidden}.oa-open .oa-modal{transform:none}.oa-modal>header{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #ffffff0d}.oa-modal header small{font-size:9px;color:#9696a3}.oa-modal header h3{font-size:20px;margin-top:7px;font-weight:500}.oa-modal header>span{border:1px solid #ffffff12;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#c4c4ce}.oa-form{padding:22px 25px 24px;display:flex;flex-direction:column;gap:17px}.oa-form label{display:block;min-width:0;font-size:10px;color:#b0b0bd}.oa-field{margin-top:7px;background:#26262c;border:1px solid transparent;border-radius:12px;padding:13px 14px;min-height:42px;font-size:12px;color:#e1e1e8;display:flex;justify-content:space-between;line-height:1.35}.oa-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oa-note{height:65px;font-size:11px;line-height:1.6}.oa-form footer{display:flex;justify-content:flex-end;gap:9px;margin-top:2px;font-size:11px;align-items:center}.oa-form footer>span{border:1px solid #ffffff14;border-radius:24px;padding:12px 17px;color:#b0b0bd}.oa-submit{font-weight:500;background:#e4e4eb;color:#202026;border-radius:24px;padding:13px 18px}.op-section[data-calendar-stage="0"] .oa-new{animation:op-press 1s 1s}.op-section[data-calendar-stage="2"] [data-field="service"],.op-section[data-calendar-stage="3"] [data-field="name"],.op-section[data-calendar-stage="4"] [data-field="phone"],.op-section[data-calendar-stage="5"] [data-field="date"],.op-section[data-calendar-stage="5"] [data-field="time"],.op-section[data-calendar-stage="6"] [data-field="note"]{border-color:#777784;background:#303037}.op-section[data-calendar-stage="7"] .oa-submit{animation:op-press .8s}.op-section[data-calendar-stage="3"] [data-field="name"]:after,.op-section[data-calendar-stage="4"] [data-field="phone"]:after{content:'▏';animation:op-caret .8s infinite}@media(max-width:1100px){.op-ticket-body{display:grid;grid-template-columns:125px minmax(0,1fr)}.ot-detail>header{padding:20px 16px}.ot-fields{padding:16px;gap:12px 8px}.ot-sla,.ot-notes{margin-left:16px;margin-right:16px}.ot-row{padding:12px 8px}.ot-fields label>span{font-size:10px;padding:11px 8px}.ot-detail h3{font-size:17px}}@media(max-width:809px){.oa-overlay{padding:12px;align-items:flex-start;padding-top:90px}.oa-modal>header{padding:20px}.oa-form{padding:20px;gap:15px}.oa-field{font-size:11px;padding:12px 10px}.op-calendar-toolbar{flex-wrap:wrap}.op-calendar-toolbar .oa-new{margin-left:auto}.op-ticket-body{grid-template-columns:125px minmax(0,1fr)}}@media(max-width:500px){.ot-list{display:none}.op-ticket-body{display:block}.ot-detail h3{font-size:20px}.oa-pair{gap:9px}.oa-modal{border-radius:20px}.oa-form{padding:17px}.oa-modal header h3{font-size:19px}.oa-form footer{font-size:10px}.oa-form footer>span{padding:11px 13px}.oa-submit{padding:12px 14px}}
.oa-open .oa-overlay{pointer-events:auto}.oa-new,.oa-submit,.ot-note-button{cursor:pointer}.oa-new:focus-visible,.oa-submit:focus-visible,.ot-note-button:focus-visible{outline:2px solid #aaaabd;outline-offset:3px}
@media(min-width:1200px){.ot-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:22px 18px}.ot-fields label{font-size:9px}.ot-fields label>span{font-size:9px;padding:12px 7px;white-space:nowrap}.ot-detail>header{padding-bottom:25px}}
.oa-field[data-field="service"]:after,.oa-field[data-field="customer"]:after,.oa-field[data-field="time"]:after{content:'⌄';color:#9696a5;margin-left:8px}.oa-field[data-field="date"]:after{content:'▦';color:#9696a5;margin-left:8px}
/* Cursor-led native-style date and time selection. */
.oa-form{position:relative}.oa-pointer{position:absolute;z-index:15;pointer-events:none;width:23px;height:28px;opacity:1;transition:left .7s cubic-bezier(.22,.8,.2,1),top .7s cubic-bezier(.22,.8,.2,1),opacity .25s;filter:drop-shadow(0 2px 4px #0009)}.oa-pointer svg{width:23px;height:28px;fill:#f7f7fa;stroke:#18181e;stroke-width:1.2}.op-section[data-pointer-phase="fill"] .oa-pointer,.op-section[data-pointer-phase="note"] .oa-pointer,.op-section[data-pointer-phase="done"] .oa-pointer{opacity:0}.op-section[data-pointer-phase$="click"] .oa-pointer svg{animation:oa-click .65s}.op-section[data-pointer-phase$="click"] .oa-pointer:after{content:'';position:absolute;top:-9px;left:-9px;border:1px solid #ffffff90;width:24px;height:24px;border-radius:50%;animation:oa-ring .65s ease-out both}.oa-date-picker,.oa-time-picker{position:absolute;z-index:12;background:linear-gradient(145deg,#363639f5,#262629fa);border:1px solid #ffffff22;box-shadow:0 15px 35px #0008,inset 0 1px #ffffff0a;backdrop-filter:blur(25px);border-radius:15px;opacity:0;visibility:hidden;transform:translateY(7px) scale(.97);transition:opacity .25s,transform .3s,visibility .25s;color:#eeeef3}.oa-date-picker{top:166px;left:25px;width:260px;padding:17px}.oa-date-picker header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:12px}.oa-date-picker header b{font-weight:600}.oa-date-picker header>span{color:#bcbcc7;font-size:18px}.oa-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.oa-date-grid small{font-size:9px;color:#b0b0bb;margin-bottom:7px}.oa-date-grid>span{height:27px;display:grid;place-items:center;border-radius:50%;font-size:11px}.oa-date-grid>i{height:27px}.oa-date-open .oa-date-picker,.oa-time-open .oa-time-picker{opacity:1;visibility:visible;transform:none}.op-section[data-pointer-phase="day"] [data-day="11"]{background:#ffffff14}.op-section[data-pointer-phase="day-click"] [data-day="11"]{background:#f0f0f4;color:#242428}.oa-time-picker{top:250px;right:25px;width:168px;padding:9px}.oa-time-picker>small{display:block;font-size:8px;color:#aaaab8;letter-spacing:1px;padding:8px 9px 10px}.oa-time-picker>div{padding:9px 11px;border-radius:7px;font-size:12px;display:flex;justify-content:space-between}.oa-time-picker>div>span{opacity:0}.op-section[data-pointer-phase="hour"] [data-hour="1430"]{background:#ffffff16}.op-section[data-pointer-phase="hour-click"] [data-hour="1430"]{background:#e8e8ee;color:#24242c}.op-section[data-pointer-phase="hour-click"] [data-hour="1430"]>span{opacity:1}.op-section[data-pointer-phase="submit-click"] .oa-submit,.op-section[data-pointer-phase="new-click"] .oa-new{animation:oa-press .65s}.op-section[data-calendar-stage="0"] .oa-new,.op-section[data-calendar-stage="7"] .oa-submit{animation:none}@keyframes oa-click{40%{transform:scale(.8)}100%{transform:scale(1)}}@keyframes oa-ring{from{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}@keyframes oa-press{40%{transform:scale(.96);filter:brightness(.8)}}@media(max-width:500px){.oa-date-picker{left:17px;top:160px;width:248px;padding:13px}.oa-time-picker{right:17px;top:246px;width:150px}}@media(prefers-reduced-motion:reduce){.oa-pointer{display:none}}
.op-section[data-pointer-phase="date-open"] .oa-pointer svg,.op-section[data-pointer-phase="time-open"] .oa-pointer svg{animation:oa-click .65s}.op-section[data-pointer-phase="date-open"] .oa-pointer:after,.op-section[data-pointer-phase="time-open"] .oa-pointer:after{content:'';position:absolute;top:-9px;left:-9px;width:24px;height:24px;border:1px solid #ffffff90;border-radius:50%;animation:oa-ring .65s both}
.oa-service-picker{position:absolute;top:77px;left:25px;right:25px;z-index:13;background:linear-gradient(145deg,#363639fa,#262629fc);border:1px solid #ffffff22;box-shadow:0 15px 35px #0008,inset 0 1px #ffffff0a;backdrop-filter:blur(25px);border-radius:14px;padding:9px;opacity:0;visibility:hidden;transform:translateY(7px) scale(.98);transition:opacity .25s,transform .3s,visibility .25s;color:#eeeef3}.oa-service-picker>small{display:block;font-size:8px;letter-spacing:1px;color:#aaaab8;padding:8px 10px 10px}.oa-service-picker>div{display:flex;justify-content:space-between;gap:10px;padding:12px 10px;border-radius:8px;font-size:12px}.oa-service-picker>div>span{font-size:10px;color:#a8a8b5}.oa-service-open .oa-service-picker{opacity:1;visibility:visible;transform:none}.op-section[data-pointer-phase="service-option"] [data-service="setup"]{background:#ffffff16}.op-section[data-pointer-phase="service-click"] [data-service="setup"]{background:#e8e8ee;color:#24242c}.op-section[data-pointer-phase="service-click"] [data-service="setup"]>span{color:#646471}.op-section[data-pointer-phase="service-open"] .oa-pointer svg{animation:oa-click .65s}.op-section[data-pointer-phase="service-open"] .oa-pointer:after{content:'';position:absolute;top:-9px;left:-9px;width:24px;height:24px;border:1px solid #ffffff90;border-radius:50%;animation:oa-ring .65s both}@media(max-width:500px){.oa-service-picker{left:17px;right:17px;top:73px}.oa-service-picker>div{font-size:11px}}
.oa-customer-picker{position:absolute;top:155px;left:25px;right:25px;z-index:13;background:linear-gradient(145deg,#363639fa,#262629fc);border:1px solid #ffffff22;box-shadow:0 15px 35px #0008,inset 0 1px #ffffff0a;backdrop-filter:blur(25px);border-radius:14px;padding:9px;opacity:0;visibility:hidden;transform:translateY(7px) scale(.98);transition:opacity .25s,transform .3s,visibility .25s;color:#eeeef3}.oa-customer-picker>small{display:block;font-size:8px;letter-spacing:1px;color:#aaaab8;padding:8px 10px 10px}.oa-customer-picker>div{display:flex;justify-content:space-between;gap:10px;padding:12px 10px;border-radius:8px;font-size:12px}.oa-customer-picker>div>span{font-size:9px;color:#a8a8b5}.oa-customer-open .oa-customer-picker{opacity:1;visibility:visible;transform:none}.op-section[data-pointer-phase="customer-option"] [data-customer="new"]{background:#ffffff16}.op-section[data-pointer-phase="customer-click"] [data-customer="new"]{background:#e8e8ee;color:#24242c}.op-section[data-pointer-phase="customer-click"] [data-customer="new"]>span{color:#646471}.op-section[data-pointer-phase="customer-open"] .oa-pointer svg{animation:oa-click .65s}.op-section[data-pointer-phase="customer-open"] .oa-pointer:after{content:'';position:absolute;top:-9px;left:-9px;width:24px;height:24px;border:1px solid #ffffff90;border-radius:50%;animation:oa-ring .65s both}@media(max-width:500px){.oa-customer-picker{left:17px;right:17px;top:150px}.oa-customer-picker>div{font-size:11px}}
.ot-row{position:relative;border-left:2px solid #6288e6;border-radius:17px;padding-top:17px;padding-bottom:13px}.ot-row[data-priority="urgent"]{border-left-color:#ed616d}.ot-row[data-priority="high"]{border-left-color:#d99542}.ot-row.selected{border-color:#ffffff13;border-left-color:#ed616d;background:#25252b}.ot-row-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-bottom:8px;font-size:8px;color:#8f8f9d}.ot-row-meta b{display:grid;place-items:center;border-radius:50%;background:#34343d;width:23px;height:23px;font-weight:400;font-size:8px;color:#babac8}.ot-priority-label{display:inline-block;font-size:8px;font-style:normal;color:#d9969d;margin-top:8px}.ot-row[data-priority="high"] .ot-priority-label{color:#d9b17d}.ot-row[data-priority="normal"] .ot-priority-label{color:#96ade0}.ot-detail{position:relative}.ot-select-menu{position:absolute;z-index:10;top:184px;min-width:142px;background:#303036;border:1px solid #ffffff22;border-radius:12px;padding:7px;box-shadow:0 12px 30px #0008;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .3s,visibility .25s}.ot-select-menu small{display:block;font-size:8px;color:#a2a2b0;letter-spacing:.6px;padding:8px}.ot-select-menu>span{display:flex;justify-content:space-between;padding:10px 9px;font-size:10px;border-radius:7px;color:#d9d9e3}.ot-select-menu i{font-style:normal;color:#bdbdca}.ot-priority-menu{left:27%}.ot-assignee-menu{right:18px}.ot-status-menu{left:18px}.ot-priority-menu .ot-urgent{color:#ee969e}.op-section[data-ticket-action="priority-open"] .ot-priority-menu,.op-section[data-ticket-action="priority-pick"] .ot-priority-menu,.op-section[data-ticket-action="assignee-open"] .ot-assignee-menu,.op-section[data-ticket-action="assignee-pick"] .ot-assignee-menu,.op-section[data-ticket-action="status-open"] .ot-status-menu,.op-section[data-ticket-action="status-pick"] .ot-status-menu{opacity:1;visibility:visible;transform:none}.op-section[data-ticket-action="priority-pick"] .ot-urgent,.op-section[data-ticket-action="assignee-pick"] .ot-elif,.op-section[data-ticket-action="status-pick"] .ot-resolved{background:#ffffff16}.ot-pointer{position:absolute;z-index:14;width:22px;height:27px;pointer-events:none;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),opacity .25s;filter:drop-shadow(0 2px 3px #0009)}.ot-pointer svg{width:22px;height:27px;fill:#f5f5f9;stroke:#16161c;stroke-width:1.2}.op-section[data-ticket-action="start"] .ot-pointer,.op-section[data-ticket-action="note"] .ot-pointer,.op-section[data-ticket-action="done"] .ot-pointer{opacity:0}.op-section[data-ticket-action$="pick"] .ot-pointer svg,.op-section[data-ticket-action$="open"] .ot-pointer svg,.op-section[data-ticket-action="save"] .ot-pointer svg{animation:oa-click .6s}.op-section[data-ticket-action="done"] .ot-status{background:#dddde6;color:#25252d}.op-section[data-ticket-action="done"] .ot-result{color:#dedee7}@media(min-width:1200px){.op-intro{grid-template-columns:.72fr 1.28fr;gap:45px}.op-ticket-body{grid-template-columns:180px minmax(0,1fr)}.ot-detail h3{font-size:21px}.ot-fields label{font-size:10px}.ot-fields label>span{font-size:10px}.ot-row strong{font-size:12px}.ot-notes{height:225px}}@media(max-width:1199px){.ot-select-menu{top:250px}.ot-priority-menu{left:auto;right:16px}.ot-assignee-menu{left:16px;right:auto}}@media(prefers-reduced-motion:reduce){.ot-pointer{display:none}}
/* Wider product frames with the same dark panel proportions. */
@media(min-width:1200px){
 #inbox.op-section{width:min(1440px,calc(100% - 64px))!important}
 .op-intro{grid-template-columns:minmax(280px,.56fr) minmax(0,1.44fr);gap:40px}
 .op-ticket-body{grid-template-columns:190px minmax(0,1fr)}
 .ot-row{padding-top:12px;padding-bottom:10px}.ot-row-meta{margin-bottom:5px}
 .op-calendar-window{height:710px}.op-calendar-layout{height:490px}
 .op-calendar-layout{grid-template-columns:minmax(0,1fr) 270px}
 .op-calendar-main{padding-left:30px;padding-right:30px}
 .oa-modal{width:540px}
}

/* Clean panel silhouette without an outer shadow. */
.op-ticket-window,.op-calendar-window{box-shadow:none}

/* Landscape panels with generous interior space. */
@media(min-width:1200px){
 #inbox.op-section{width:min(1440px,calc(100% - 64px))!important}
 .op-intro{grid-template-columns:minmax(260px,.44fr) minmax(0,1.56fr);gap:40px}
 .op-ticket-body{grid-template-columns:205px minmax(0,1fr)}
 .ot-row{padding:14px 12px;margin-bottom:10px}
 .ot-row strong{font-size:12px}
 .ot-detail>header{padding:24px}
 .ot-fields{padding:22px 24px;gap:12px}
 .ot-fields label>span{font-size:11px;padding:13px 10px}
 .ot-sla,.ot-notes{margin-left:24px;margin-right:24px}
 .ot-notes{height:215px}
 .op-calendar-window{height:710px}
 .op-calendar-main{padding:26px 30px 0}
 .op-calendar-layout{height:490px;grid-template-columns:minmax(0,1fr) 270px}
 .oa-modal{width:560px}
 .oa-form{padding:22px 28px;gap:17px}
 .oa-pair{gap:20px}
}


/* Vivid accents on the original product icons, without tiles or emoji. */
.op-benefits>span:nth-child(1)>svg{color:#a78bfa}
.op-benefits>span:nth-child(2)>svg{color:#fbad50}
.op-benefits>span:nth-child(3)>svg{color:#60a5fa}
.op-benefits>span:nth-child(4)>svg{color:#4dd6a4}
.op-benefits>span>svg{width:20px;height:20px;stroke-width:1.8;flex:none}