:root{--nav:#071426;--nav2:#0d1d34;--primary:#5b4ce6;--primary2:#7665ff;--bg:#f5f7fb;--line:#e5eaf2;--text:#111827;--muted:#697386;--green:#16a66a;--red:#e5484d;--orange:#f59e0b;--blue:#2563eb}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,Pretendard,"Noto Sans KR","Noto Sans SC","Noto Sans JP",Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.btn{height:42px;padding:0 18px;border-radius:9px;border:1px solid var(--line);background:#fff;color:#27324a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.btn:hover{border-color:#cbd3e1;background:#fbfcff}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));border:0;color:#fff}.btn.danger{color:var(--red)}input,select,textarea{width:100%;height:42px;border:1px solid #dce2ec;border-radius:8px;padding:0 12px;background:#fff;color:#111827;outline:none}input:focus,select:focus,textarea:focus{border-color:#8b7ff1;box-shadow:0 0 0 3px rgba(91,76,230,.09)}textarea{height:105px;padding-top:10px;resize:vertical}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 5px 20px rgba(15,23,42,.035)}.panel h1,.panel h2,.panel h3{margin-top:0}.notice{padding:13px 14px;border-radius:9px;background:#eef2ff;color:#3730a3;margin:14px 0;line-height:1.55}.notice.warning{background:#fff7ed;color:#9a3412}.notice.danger{background:#fef2f2;color:#b91c1c}.notice.success{background:#ecfdf5;color:#047857}.install-body{min-height:100vh;background:radial-gradient(circle at 30% 0,#eef2ff,#f8fafc 48%,#eef2f7)}.install-wrap{max-width:920px;margin:0 auto;padding:60px 20px}.brand{font-size:24px;color:#4f46e5;margin-bottom:20px}.brand span{font-size:13px;color:#6b7280;margin-left:10px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#071426,#07111f);color:#d7deea;padding:22px 14px;position:relative}.logo{font-size:24px;color:#fff;font-weight:800;padding:4px 10px 22px}.logo b{color:#8b7ff1}.tenant-box{margin:0 4px 16px;padding:13px 14px;border:1px solid rgba(255,255,255,.08);background:#0d1d34;border-radius:10px;display:grid;gap:4px}.tenant-box b{color:#fff;font-size:15px}.tenant-box small{color:#8fa0ba;font-size:13px}.nav-title{font-size:11px;color:#70809a;padding:18px 10px 8px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;margin:3px 0;color:#d7deea;font-size:14px}.nav a:hover,.nav a.active{background:linear-gradient(135deg,#4038d8,#6447f5);color:#fff}.main{min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar .search{max-width:440px;width:100%;background:#f8fafc}.top-actions,.actions,.form-actions{display:flex;gap:10px;align-items:center}.content{padding:26px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{margin:0 0 6px;font-size:26px}.muted{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.cards.six{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.card .num{font-size:28px;font-weight:800;margin:8px 0;letter-spacing:-.03em}.card .num.money{font-size:21px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.table-head{padding:16px 18px;border-bottom:1px solid var(--line);font-weight:800;position:sticky;left:0;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #edf0f5;white-space:nowrap}th{background:#fafbfe;color:#596274;font-size:12px}tbody tr:hover{background:#fbfcff}.badge{display:inline-flex;padding:4px 8px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:700}.badge.neutral{background:#f1f5f9;color:#475569}.badge.success{background:#ecfdf5;color:#047857}.badge.warning{background:#fff7ed;color:#b45309}.badge.danger{background:#fef2f2;color:#b91c1c}.role-chip{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:radial-gradient(circle at 30% 20%,#4f46e5 0,#172554 35%,#061121 75%);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-form{display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:min(420px,100%)}.login-box h1{font-size:30px;margin:0 0 8px}.field{margin:16px 0}.field label,.panel label,.block-label{font-size:13px;font-weight:700;display:grid;gap:7px}.lang-links{display:flex;gap:6px;flex-wrap:wrap}.lang-links a{font-size:12px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff}.update-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0f172a;color:#dbeafe;border-radius:10px;padding:14px;overflow:auto;font-size:12px}.footer-note{padding:20px 0;color:#8a94a6;font-size:12px}.filterbar{display:grid;grid-template-columns:minmax(260px,1fr) 200px auto;gap:10px;margin:0 0 16px}.filterbar .btn{min-width:90px}.form-card{max-width:1100px}.form-card h2{font-size:17px;margin-bottom:16px}.form-actions{justify-content:flex-end;margin-top:20px}.block-label{margin-top:18px}.section-title{margin-top:26px!important;padding-top:22px;border-top:1px solid var(--line)}.section-gap{margin-top:18px}.plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.plan-grid .num{font-size:22px;font-weight:800;margin:12px 0}.inline-create{margin-bottom:18px}.module-tabs{display:flex;gap:8px;flex-wrap:wrap}.module-tabs span{padding:8px 12px;border-radius:8px;background:#f3f5f9;color:#64748b;font-size:12px;font-weight:700}.module-tabs span.active{background:#ede9fe;color:#5b4ce6}@media(max-width:1300px){.cards,.cards.six{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.cards,.cards.six{grid-template-columns:repeat(2,minmax(0,1fr))}.app{grid-template-columns:82px 1fr}.sidebar .nav span,.sidebar .nav-title,.logo span,.tenant-box{display:none}.update-grid{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-art{display:none}.grid.two,.grid.three,.grid.four,.cards,.cards.six,.plan-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.content{padding:16px}.topbar{padding:0 14px}.topbar .search{display:none}.sidebar{display:none}.app{display:block}.page-head{flex-direction:column}.filterbar{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions .btn{flex:1}} .permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.check-card{display:flex!important;grid-template-columns:none!important;gap:10px!important;border:1px solid var(--line);padding:12px;border-radius:10px;background:#fbfcff}.check-card input{width:18px;height:18px;margin-top:2px}.check-card span{display:grid;gap:3px}.check-card small{font-weight:400;color:var(--muted)}@media(max-width:900px){.permission-grid{grid-template-columns:1fr}} .row-actions{display:flex;align-items:center;gap:6px}.row-actions select{height:34px;min-width:125px}.btn.compact{height:34px;padding:0 10px;font-size:12px} /* TripOffice 3.0 company workspace */ .company-login-art{background:radial-gradient(circle at 24% 18%,#6559f5 0,#172554 34%,#061121 74%)}.eyebrow,.login-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#8b7ff1;margin-bottom:10px}.login-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;font-size:13px;color:#dbeafe}.company-resolved{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dbe4f0;background:#f8fafc;border-radius:10px;padding:12px 14px;margin:14px 0}.company-resolved div{display:grid;gap:3px}.company-resolved small{color:var(--muted)}.admin-login-link{margin-top:20px;text-align:center}.link{color:#5145cd}.link:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcff}.detail-grid small{color:var(--muted)}.btn[disabled]{opacity:.5;cursor:not-allowed}.sidebar{overflow-y:auto;max-height:100vh;position:sticky;top:0}.nav-title{margin-top:3px} @media(max-width:760px){.login-feature-list,.detail-grid{grid-template-columns:1fr}} /* TripOffice 4.0 ERP workflow */ .nav a{position:relative}.nav-count{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-style:normal;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.notification-link{position:relative;color:#5b4ce6}.notification-link span{position:absolute;right:-9px;top:-10px;background:#ef4444;color:#fff;border-radius:99px;min-width:17px;height:17px;font-size:9px;display:flex;align-items:center;justify-content:center}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.timeline-time{font-weight:800;color:#5b4ce6}.row-overdue{background:#fff8f8!important}.row-overdue td:first-child{box-shadow:inset 3px 0 #ef4444}.metric-positive{color:#047857}.metric-negative{color:#b91c1c} /* TripOffice 8.0 SPA-like navigation */ .spa-loading #app-content{opacity:.72;transition:opacity .12s ease}.top-search-form{flex:1;max-width:440px} /* TripOffice 8.0 persistent floating chat */ .to-chat{position:fixed;right:18px;left:auto;bottom:18px;z-index:1000;font-size:13px}.to-chat-fab{position:relative;width:56px;height:56px;border:0;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 18px 42px rgba(67,56,202,.32);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s transform,.18s box-shadow}.to-chat-fab:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(67,56,202,.4)}.to-chat-fab.is-error{background:linear-gradient(135deg,#b45309,#dc2626);box-shadow:0 18px 42px rgba(220,38,38,.28)}.to-chat-fab-icon{font-size:24px}.to-chat-fab.has-unread{animation:chatPulse 2.2s ease-in-out infinite}.to-chat-badge{position:absolute;right:-7px;top:-8px;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;border:3px solid #fff;font-size:10px;font-weight:800;line-height:17px;text-align:center}@keyframes chatPulse{0%,100%{box-shadow:0 18px 42px rgba(67,56,202,.32)}50%{box-shadow:0 18px 50px rgba(239,68,68,.32)}} .to-chat-panel{position:fixed;right:18px;left:auto;bottom:88px;top:auto;width:min(920px,calc(100vw - 36px));height:min(700px,calc(100vh - 110px));min-width:680px;min-height:520px;max-width:min(1080px,calc(100vw - 24px));max-height:calc(100vh - 86px);background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:0 26px 70px rgba(15,23,42,.28);overflow:hidden;resize:both}.to-chat-panel.minimized{height:58px!important;min-height:58px;resize:none}.to-chat-panel.minimized .to-chat-presence,.to-chat-panel.minimized .to-chat-tabs,.to-chat-panel.minimized .to-chat-body{display:none}.to-chat-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(135deg,#111827,#172554);color:#fff}.to-chat-head>div:first-child{display:grid;gap:2px}.to-chat-head b{font-size:14px}.to-chat-head small{font-size:10px;color:#a5b4fc}.to-chat-head-actions{display:flex;align-items:center;gap:4px}.to-chat-head-actions a,.to-chat-head-actions button{width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.to-chat-head-actions a:hover,.to-chat-head-actions button:hover{background:rgba(255,255,255,.17)} .to-chat-presence{height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #edf0f5;background:#fbfcff}.to-chat-presence select{width:120px;height:30px;padding:0 8px;border:0;background:transparent;font-size:11px;font-weight:750}.to-chat-company-note{margin-left:auto;color:#8a94a6;font-size:10px;white-space:nowrap}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 2px rgba(148,163,184,.12);flex:0 0 auto}.presence-online{background:#22c55e}.presence-away{background:#f59e0b}.presence-dnd{background:#ef4444}.presence-offline{background:#94a3b8} .to-chat-tabs{height:42px;display:flex;border-bottom:1px solid #e9edf4;background:#fff}.to-chat-tabs button{flex:1;border:0;background:transparent;color:#64748b;font-weight:750;cursor:pointer;position:relative}.to-chat-tabs button.active{color:#4f46e5}.to-chat-tabs button.active:after{content:"";position:absolute;left:22%;right:22%;bottom:-1px;height:2px;background:#5b4ce6;border-radius:2px}.to-chat-body{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100% - 144px);min-height:0;transition:grid-template-columns .18s ease}.to-chat-list-pane{border-right:1px solid #e9edf4;min-width:0;display:flex;flex-direction:column;background:#fbfcff}.to-chat-search-wrap{padding:10px}.to-chat-search-wrap input{height:34px;background:#fff;font-size:12px}.to-chat-list{overflow:auto;flex:1;min-height:90px}.to-chat-list-item,.to-chat-person{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:9px;padding:9px 11px;cursor:pointer;color:#334155}.to-chat-list-item:hover,.to-chat-person:hover,.to-chat-list-item.active{background:#eef2ff}.to-chat-list-item.active{box-shadow:inset 3px 0 #5b4ce6}.to-chat-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5145cd;font-weight:900;flex:0 0 auto}.to-chat-list-copy,.to-chat-person>span:last-child{display:grid;gap:2px;min-width:0;flex:1}.to-chat-list-copy b,.to-chat-person b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.to-chat-list-copy small,.to-chat-person small{font-size:10px;color:#8490a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.to-chat-list-item em{font-style:normal;background:#5b4ce6;color:#fff;border-radius:99px;min-width:20px;height:20px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-size:9px}.to-chat-list-empty{padding:18px;color:#94a3b8;font-size:11px;text-align:center}.to-chat-people{border-top:1px solid #e9edf4;max-height:180px;overflow:auto;background:#fff}.to-chat-section-label{padding:8px 12px 4px;color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.to-chat-new-channel{margin:8px 10px 10px;height:33px;border:1px dashed #c7d2fe;border-radius:9px;background:#f5f3ff;color:#5b4ce6;font-size:11px;font-weight:750;cursor:pointer} /* TripOffice 8.1.5 chat hidden-state hardening */ .to-chat [hidden]{display:none!important} .to-chat-room-pane{min-width:0;position:relative;background:#fff}.to-chat-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;padding:30px;text-align:center;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.to-chat-room-pane>#to-chat-room{height:100%;display:grid;grid-template-rows:48px 1fr auto auto;min-height:0}.to-chat-room-head{display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid #edf0f5;background:#fff}#to-chat-back{display:none;border:0;background:#f1f5f9;border-radius:8px;width:30px;height:30px;cursor:pointer}.to-chat-room-head>div{display:grid;gap:1px;min-width:0}.to-chat-room-head b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.to-chat-room-head small{font-size:9px;color:#94a3b8}.to-chat-messages{overflow:auto;padding:16px;background:linear-gradient(180deg,#f9fbff,#fff)}.to-chat-message{margin-bottom:12px;max-width:82%}.to-chat-message.mine{margin-left:auto}.to-chat-message-meta{display:flex;gap:8px;align-items:center;margin:0 4px 4px}.to-chat-message-meta b{font-size:10px;color:#475569}.to-chat-message-meta span{font-size:9px;color:#94a3b8}.to-chat-message.mine .to-chat-message-meta{justify-content:flex-end}.to-chat-bubble{display:inline-block;max-width:100%;padding:9px 11px;border-radius:6px 14px 14px 14px;background:#f1f5f9;color:#253047;line-height:1.5;word-break:break-word;box-shadow:0 2px 6px rgba(15,23,42,.03)}.to-chat-message.mine .to-chat-bubble{background:linear-gradient(135deg,#5b4ce6,#7158f5);color:#fff;border-radius:14px 6px 14px 14px;float:right}.to-chat-message:after{content:"";display:block;clear:both}.to-chat-message-actions{opacity:0;margin:3px 4px;display:flex;gap:6px}.to-chat-message:hover .to-chat-message-actions{opacity:1}.to-chat-message.mine .to-chat-message-actions{justify-content:flex-end}.to-chat-message-actions button{border:0;background:transparent;color:#8993a5;font-size:9px;padding:2px;cursor:pointer}.to-chat-file-link{color:inherit;text-decoration:underline}.to-chat-reply{padding:7px 12px;background:#f8fafc;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#64748b}.to-chat-reply button{border:0;background:transparent;cursor:pointer}.to-chat-compose{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:end;gap:7px;padding:10px;border-top:1px solid #e9edf4;background:#fff}.to-chat-compose textarea{height:38px;min-height:38px;max-height:96px;resize:none;padding:9px 10px;font-size:12px}.to-chat-compose>button{height:38px;border:0;border-radius:9px;cursor:pointer}.to-chat-compose #to-chat-attach{background:#f1f5f9;color:#64748b}.to-chat-send{min-width:58px;padding:0 13px;background:#5b4ce6;color:#fff;font-weight:750;white-space:nowrap}.to-chat-toast{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);background:#111827;color:#fff;border-radius:9px;padding:8px 12px;font-size:10px;box-shadow:0 8px 24px rgba(0,0,0,.22);z-index:8}.to-chat-modal{position:absolute;inset:0;background:rgba(15,23,42,.36);display:flex;align-items:center;justify-content:center;z-index:9}.to-chat-modal[hidden]{display:none!important}.to-chat-modal>div{width:320px;background:#fff;border-radius:14px;padding:18px;box-shadow:0 24px 60px rgba(15,23,42,.3);position:relative}.to-chat-modal-x{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:18px;line-height:1}.to-chat-modal-x:hover{background:#e2e8f0;color:#0f172a}.to-chat-modal h3{margin:0 0 14px}.to-chat-modal label{display:grid;gap:6px;font-weight:700;font-size:11px;margin:10px 0} @media(max-width:760px){.to-chat{right:12px;left:auto;bottom:12px}.to-chat-panel{position:fixed;inset:12px;width:auto!important;height:auto!important;min-width:0;min-height:0;resize:none;border-radius:16px}.to-chat-fab{width:52px;height:52px}.to-chat-body{grid-template-columns:1fr}.to-chat-list-pane{border-right:0}.to-chat-room-pane{position:absolute;inset:0;background:#fff;z-index:3}.to-chat-room-pane>#to-chat-room{height:100%}#to-chat-back{display:block}.to-chat-company-note{display:none}.to-chat-panel.minimized{position:absolute;right:0;left:auto;bottom:70px;top:auto;width:320px!important;height:58px!important}.to-chat-tabs{height:40px}.to-chat-body{height:calc(100% - 142px)}} .chat-inline-link{border:0;background:transparent;padding:3px 0;font-size:10px;cursor:pointer} /* TripOffice 8.1 chat personal settings */ .to-chat-mark-read{margin-left:auto!important;display:inline-flex!important;width:auto!important;height:28px!important;padding:0 9px!important;align-items:center;justify-content:center;border:1px solid #dbe3ef!important;background:#fff!important;color:#53627a!important;border-radius:8px!important;font-size:10px;font-weight:750}.to-chat-mark-read[hidden]{display:none!important} .to-chat-settings-modal>div{width:min(470px,calc(100% - 28px));max-height:calc(100% - 28px);padding:0;display:flex;flex-direction:column;overflow:hidden}.to-chat-settings-modal h3{padding:18px 20px 0;margin:0 44px 4px 0}.to-chat-settings-intro{padding:0 20px;margin:0 44px 10px 0;color:#7c8799;font-size:10px;line-height:1.5}.to-chat-settings-scroll{overflow:auto;padding:0 20px 12px}.to-chat-settings-section{padding:13px 0;border-top:1px solid #edf0f5}.to-chat-settings-section:first-child{border-top:0}.to-chat-settings-section h4{margin:0 0 10px;font-size:11px;color:#334155}.to-chat-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.to-chat-settings-modal .to-chat-settings-grid label{margin:0;font-weight:650}.to-chat-settings-modal .to-chat-settings-grid input,.to-chat-settings-modal .to-chat-settings-grid select{height:34px;font-size:11px}.to-chat-switch-list{display:grid;gap:8px}.to-chat-switch-list>label{display:flex;align-items:center;gap:9px;margin:0;font-weight:600}.to-chat-switch-list input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#5b4ce6}.to-chat-switch-list small{color:#8b96a8;font-size:9px;margin-left:25px}.to-chat-switch-list .policy-disabled{opacity:.45}.to-chat-policy-note{padding:9px 10px;border-radius:9px;background:#f5f7fb;color:#738096;font-size:9px;line-height:1.5}.to-chat-settings-modal>.to-chat-modal-x{z-index:2}.to-chat-settings-modal>div>.form-actions{margin:0;padding:12px 20px;border-top:1px solid #edf0f5;background:#fff}.to-chat-settings-modal>div>.form-actions .btn{min-width:82px} .to-chat.chat-font-small{font-size:12px}.to-chat.chat-font-small .to-chat-bubble,.to-chat.chat-font-small .to-chat-compose textarea{font-size:11px}.to-chat.chat-font-large{font-size:14px}.to-chat.chat-font-large .to-chat-bubble,.to-chat.chat-font-large .to-chat-compose textarea{font-size:13px} .to-chat.chat-theme-dark .to-chat-panel{background:#111827;border-color:#263247;color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-presence,.to-chat.chat-theme-dark .to-chat-tabs,.to-chat.chat-theme-dark .to-chat-room-pane,.to-chat.chat-theme-dark .to-chat-room-head,.to-chat.chat-theme-dark .to-chat-compose,.to-chat.chat-theme-dark .to-chat-settings-modal>div,.to-chat.chat-theme-dark .to-chat-settings-modal>div>.form-actions{background:#111827;color:#e5e7eb;border-color:#263247}.to-chat.chat-theme-dark .to-chat-list-pane{background:#0f172a;border-color:#263247}.to-chat.chat-theme-dark .to-chat-messages{background:linear-gradient(180deg,#0f172a,#111827)}.to-chat.chat-theme-dark .to-chat-list-item,.to-chat.chat-theme-dark .to-chat-person{color:#dbeafe}.to-chat.chat-theme-dark .to-chat-list-item:hover,.to-chat.chat-theme-dark .to-chat-person:hover,.to-chat.chat-theme-dark .to-chat-list-item.active{background:#1e293b}.to-chat.chat-theme-dark .to-chat-bubble{background:#263247;color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-search-wrap input,.to-chat.chat-theme-dark .to-chat-settings-grid input,.to-chat.chat-theme-dark .to-chat-settings-grid select{background:#0b1220;border-color:#334155;color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-settings-section{border-color:#263247}.to-chat.chat-theme-dark .to-chat-settings-section h4{color:#e2e8f0}.to-chat.chat-theme-dark .to-chat-policy-note{background:#172033;color:#9aa8bc}.to-chat.chat-theme-dark .to-chat-modal-x{background:#263247;color:#cbd5e1} @media(prefers-color-scheme:dark){.to-chat.chat-theme-system .to-chat-panel{background:#111827;border-color:#263247;color:#e5e7eb}.to-chat.chat-theme-system .to-chat-presence,.to-chat.chat-theme-system .to-chat-tabs,.to-chat.chat-theme-system .to-chat-room-pane,.to-chat.chat-theme-system .to-chat-room-head,.to-chat.chat-theme-system .to-chat-compose,.to-chat.chat-theme-system .to-chat-settings-modal>div,.to-chat.chat-theme-system .to-chat-settings-modal>div>.form-actions{background:#111827;color:#e5e7eb;border-color:#263247}.to-chat.chat-theme-system .to-chat-list-pane{background:#0f172a;border-color:#263247}.to-chat.chat-theme-system .to-chat-messages{background:linear-gradient(180deg,#0f172a,#111827)}.to-chat.chat-theme-system .to-chat-list-item,.to-chat.chat-theme-system .to-chat-person{color:#dbeafe}.to-chat.chat-theme-system .to-chat-list-item:hover,.to-chat.chat-theme-system .to-chat-person:hover,.to-chat.chat-theme-system .to-chat-list-item.active{background:#1e293b}.to-chat.chat-theme-system .to-chat-bubble{background:#263247;color:#e5e7eb}.to-chat.chat-theme-system .to-chat-settings-section{border-color:#263247}.to-chat.chat-theme-system .to-chat-policy-note{background:#172033;color:#9aa8bc}} @media(max-width:520px){.to-chat-settings-grid{grid-template-columns:1fr}.to-chat-settings-modal>div{width:calc(100% - 18px);max-height:calc(100% - 18px)}} /* TripOffice 8.1.1 company user subscription limits */ .user-plan-usage{margin-bottom:16px}.user-plan-usage-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.user-plan-count{font-size:15px;color:#64748b}.user-plan-count strong{font-size:24px;color:#4f46e5}.user-plan-bar{height:8px;background:#eef2ff;border-radius:999px;overflow:hidden;margin-bottom:9px}.user-plan-bar span{display:block;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:inherit}.compact-notice{margin:12px 0 0}.to-disabled-fieldset{border:0;padding:0;margin:0;opacity:.58}.to-disabled-fieldset .btn{cursor:not-allowed} /* TripOffice 8.2.0 Chat Workspace UI optimization */ .to-chat-toggle-list{font-size:16px;line-height:1} .to-chat-panel.list-collapsed .to-chat-body{grid-template-columns:0 minmax(0,1fr)} .to-chat-panel.list-collapsed .to-chat-list-pane{opacity:0;visibility:hidden;pointer-events:none;border-right:0;overflow:hidden} .to-chat-list-pane{transition:opacity .14s ease,visibility .14s ease} .to-chat-room-pane{min-width:0;overflow:hidden} .to-chat-room-head>div{flex:1} .to-chat-room-head{min-width:0} .to-chat-messages{min-width:0;scrollbar-gutter:stable} .to-chat-compose{min-width:0} .to-chat-compose textarea{width:100%;min-width:0;box-sizing:border-box} @media(min-width:761px) and (max-width:900px){.to-chat-body{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:760px){.to-chat-toggle-list{display:none!important}.to-chat-panel.list-collapsed .to-chat-body{grid-template-columns:1fr}.to-chat-panel.list-collapsed .to-chat-list-pane{opacity:1;visibility:visible;pointer-events:auto;overflow:visible}} /* TripOffice 9.0.0 Chat Major Upgrade */ .to-chat-search-wrap{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:7px;align-items:center} .to-chat-search-wrap .to-chat-unread-only{width:34px;height:34px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#94a3b8;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center} .to-chat-search-wrap .to-chat-unread-only:hover{background:#f8fafc;color:#5b4ce6;border-color:#cfd7e4} .to-chat-search-wrap .to-chat-unread-only.active,.to-chat-search-wrap .to-chat-unread-only[aria-pressed="true"]{background:#ede9fe;border-color:#c4b5fd;color:#5b4ce6;box-shadow:0 0 0 2px rgba(91,76,230,.07)} .to-chat-list-item.to-chat-muted .to-chat-list-copy b:after{content:" ยท ๐Ÿ”•";color:#94a3b8;font-size:9px;font-weight:400} .to-chat-room-head{min-height:50px;padding-right:10px} .to-chat-room-titlebox{display:grid!important;gap:2px;min-width:0;flex:1} .to-chat-room-tools{display:flex!important;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto!important} .to-chat-room-tools button{width:30px;height:30px;border:1px solid transparent;background:#f8fafc;color:#64748b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-size:13px} .to-chat-room-tools button:hover{background:#eef2ff;color:#4f46e5;border-color:#e0e7ff} .to-chat-room-tools #to-chat-mute-btn.active{background:#fff7ed;color:#c2410c;border-color:#fed7aa} .to-chat-message{position:relative} .to-chat-message.is-pinned .to-chat-bubble{box-shadow:0 0 0 1px rgba(245,158,11,.24),0 3px 10px rgba(15,23,42,.04)} .to-chat-message.is-pinned:before{content:"๐Ÿ“Œ";position:absolute;top:-5px;right:-15px;font-size:10px;opacity:.9} .to-chat-message.mine.is-pinned:before{left:-15px;right:auto} .to-chat-message-state{min-height:17px;margin:3px 4px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap} .to-chat-message.mine .to-chat-message-state{justify-content:flex-end;clear:both} .to-chat-delivery{font-size:9px;color:#9aa4b4;white-space:nowrap} .to-chat-delivery.is-read{color:#4f46e5;font-weight:750} .to-chat-reactions{display:flex;gap:4px;align-items:center;flex-wrap:wrap} .to-chat-reaction-chip{height:23px;min-width:34px;padding:0 7px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:10px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;justify-content:center} .to-chat-reaction-chip:hover{border-color:#c4b5fd;background:#f8f7ff} .to-chat-reaction-chip.mine{background:#ede9fe;color:#5145cd;border-color:#c4b5fd} .to-chat-message-actions{align-items:center;flex-wrap:wrap;min-height:20px} .to-chat-quick-reactions{display:inline-flex;align-items:center;gap:1px;background:#f8fafc;border:1px solid #edf0f5;border-radius:999px;padding:1px 3px} .to-chat-quick-reactions button{font-size:12px!important;line-height:18px!important;width:22px;height:20px;padding:0!important;border-radius:999px!important} .to-chat-quick-reactions button:hover{background:#ede9fe!important} .to-chat-parent-preview{max-width:100%;margin:0 4px 4px;padding:5px 8px;border-left:2px solid #a78bfa;background:#fafaff;color:#7c8291;border-radius:0 7px 7px 0;font-size:9px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .to-chat-message.mine .to-chat-parent-preview{text-align:right;border-left:0;border-right:2px solid #a78bfa;border-radius:7px 0 0 7px} .to-chat-new-divider{display:flex;align-items:center;gap:8px;color:#6d5ce8;font-size:9px;font-weight:800;margin:13px 0} .to-chat-new-divider:before,.to-chat-new-divider:after{content:"";height:1px;background:#c4b5fd;flex:1} .to-chat-typing{height:25px;min-height:25px;padding:5px 16px;background:#fff;color:#7c8798;font-size:10px;border-top:1px solid #f1f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .to-chat-compose{position:relative} .to-chat-send[disabled]{opacity:.55;cursor:wait} .to-chat-drop-overlay{position:absolute;inset:50px 0 0 0;z-index:7;background:rgba(91,76,230,.9);color:#fff;font-size:15px;font-weight:850;display:flex;align-items:center;justify-content:center;pointer-events:none;backdrop-filter:blur(2px)} .to-chat-tools-panel{position:absolute;top:50px;right:0;bottom:0;width:min(350px,72%);z-index:6;background:#fff;border-left:1px solid #e4e9f1;box-shadow:-15px 0 35px rgba(15,23,42,.08);display:flex;flex-direction:column} .to-chat-tools-panel>header{height:48px;min-height:48px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5} .to-chat-tools-panel>header b{font-size:12px;color:#334155} .to-chat-tools-panel>header button{width:30px;height:30px;border:0;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:16px} .to-chat-tools-panel>header button:hover{background:#e2e8f0;color:#0f172a} .to-chat-tools-panel #to-chat-tools-content{flex:1;overflow:auto;padding:12px} .to-chat-tools-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;position:sticky;top:-12px;background:#fff;padding:0 0 10px;z-index:1} .to-chat-tools-search input{height:36px;font-size:11px} .to-chat-tools-search .btn{height:36px;font-size:10px;padding:0 12px} .to-chat-tools-result{width:100%;display:grid;gap:4px;text-align:left;border:0;border-bottom:1px solid #edf0f5;background:transparent;padding:10px 8px;cursor:pointer;border-radius:8px;color:#334155} .to-chat-tools-result:hover{background:#f8fafc} .to-chat-tools-result b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .to-chat-tools-result span{font-size:10px;line-height:1.5;color:#657185;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .to-chat-tools-result small{font-size:8px;color:#9aa5b4} .to-chat-tools-empty,.to-chat-tools-loading{padding:24px 10px;text-align:center;color:#94a3b8;font-size:10px} .to-chat-highlight{animation:toChatHighlight 1.9s ease} @keyframes toChatHighlight{0%,100%{box-shadow:none}15%,60%{box-shadow:0 0 0 3px rgba(91,76,230,.18);border-radius:14px}} .to-chat.chat-theme-dark .to-chat-search-wrap .to-chat-unread-only,.to-chat.chat-theme-dark .to-chat-room-tools button,.to-chat.chat-theme-dark .to-chat-reaction-chip,.to-chat.chat-theme-dark .to-chat-quick-reactions{background:#172033;border-color:#334155;color:#aebbd0} .to-chat.chat-theme-dark .to-chat-search-wrap .to-chat-unread-only.active,.to-chat.chat-theme-dark .to-chat-reaction-chip.mine{background:#312e81;border-color:#4f46e5;color:#ddd6fe} .to-chat.chat-theme-dark .to-chat-typing,.to-chat.chat-theme-dark .to-chat-tools-panel,.to-chat.chat-theme-dark .to-chat-tools-search{background:#111827;color:#cbd5e1;border-color:#263247} .to-chat.chat-theme-dark .to-chat-tools-panel>header,.to-chat.chat-theme-dark .to-chat-tools-result{border-color:#263247} .to-chat.chat-theme-dark .to-chat-tools-result{color:#e2e8f0}.to-chat.chat-theme-dark .to-chat-tools-result:hover{background:#1e293b}.to-chat.chat-theme-dark .to-chat-tools-result span{color:#aab5c6} .to-chat.chat-theme-dark .to-chat-parent-preview{background:#172033;color:#aab5c6} @media(prefers-color-scheme:dark){.to-chat.chat-theme-system .to-chat-tools-panel,.to-chat.chat-theme-system .to-chat-tools-search,.to-chat.chat-theme-system .to-chat-typing{background:#111827;color:#cbd5e1;border-color:#263247}.to-chat.chat-theme-system .to-chat-room-tools button,.to-chat.chat-theme-system .to-chat-reaction-chip,.to-chat.chat-theme-system .to-chat-quick-reactions{background:#172033;border-color:#334155;color:#aebbd0}} @media(max-width:760px){.to-chat-room-head{padding:0 8px;gap:6px}.to-chat-room-tools{gap:2px}.to-chat-room-tools button{width:28px;height:28px}.to-chat-tools-panel{top:50px;width:100%;border-left:0}.to-chat-message{max-width:88%}.to-chat-message-actions{opacity:1}.to-chat-quick-reactions button{width:24px}.to-chat-drop-overlay{inset:50px 0 0}} /* v9 tools compatibility names used by chat.js */ .to-chat-muted{font-size:9px;color:#94a3b8;flex:0 0 auto} .to-chat-tool-search{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:7px;position:sticky;top:-12px;background:#fff;padding:0 0 10px;z-index:1} .to-chat-tool-search input{height:36px;font-size:11px}.to-chat-tool-search button{height:36px;border:1px solid #dce3ed;border-radius:8px;background:#f8fafc;color:#5b4ce6;cursor:pointer} .to-chat-tool-result{width:100%;display:grid;gap:4px;text-align:left;border:0;border-bottom:1px solid #edf0f5;background:transparent;padding:10px 8px;cursor:pointer;border-radius:8px;color:#334155} .to-chat-tool-result:hover{background:#f8fafc}.to-chat-tool-result b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.to-chat-tool-result span{font-size:10px;line-height:1.5;color:#657185;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.to-chat-tool-result small{font-size:8px;color:#9aa5b4}.to-chat-tool-empty,.to-chat-tool-loading{padding:24px 10px;text-align:center;color:#94a3b8;font-size:10px} .to-chat.chat-theme-dark .to-chat-tool-search{background:#111827}.to-chat.chat-theme-dark .to-chat-tool-result{color:#e2e8f0;border-color:#263247}.to-chat.chat-theme-dark .to-chat-tool-result:hover{background:#1e293b}.to-chat.chat-theme-dark .to-chat-tool-result span{color:#aab5c6} /* TripOffice 9.0.1 - Platform chat operations manual */ .chat-admin-tabs{display:flex;gap:8px;margin:0 0 18px;border-bottom:1px solid var(--line)} .chat-admin-tabs a{padding:11px 16px;color:#64748b;font-size:13px;font-weight:750;border-bottom:2px solid transparent;margin-bottom:-1px} .chat-admin-tabs a:hover{color:#4338ca}.chat-admin-tabs a.active{color:#4f46e5;border-bottom-color:#6366f1} .chat-manual-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:28px 30px;border-radius:16px;color:#eef2ff;background:linear-gradient(135deg,#111827 0%,#172554 56%,#312e81 100%);box-shadow:0 18px 45px rgba(30,41,59,.14)} .chat-manual-hero h2{margin:4px 0 7px;font-size:24px}.chat-manual-hero p{margin:0;color:#c7d2fe;line-height:1.7;max-width:760px}.chat-manual-hero .btn{flex:0 0 auto;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff}.chat-manual-hero .btn:hover{background:rgba(255,255,255,.18)} .chat-manual-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#a5b4fc;text-transform:uppercase} .chat-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.chat-manual-grid-top{align-items:stretch} .chat-manual-card{height:100%}.chat-manual-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.chat-manual-card-head>div{display:flex;align-items:center;gap:10px}.chat-manual-card-head h3{margin:0;font-size:16px}.chat-manual-step{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:900} .chat-manual-recommend{background:linear-gradient(180deg,#fff,#fafaff)}.chat-manual-recommend>p{color:#64748b;line-height:1.7}.chat-manual-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}.chat-manual-flow span{padding:7px 10px;border-radius:8px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:800}.chat-manual-flow b{color:#a5b4fc} .chat-manual-kv{display:grid;gap:0;margin:0 0 16px}.chat-manual-kv>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid #edf0f5}.chat-manual-kv dt{color:#64748b;font-size:12px}.chat-manual-kv dd{margin:0;font-size:12px;font-weight:700;min-width:0;overflow-wrap:anywhere}.chat-manual-kv code{font-weight:650;color:#3730a3} .chat-manual-section{margin-bottom:16px}.chat-manual-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.chat-manual-section-title h3{margin:1px 0 4px;font-size:17px}.chat-manual-section-title p{margin:0;color:#64748b;line-height:1.6;font-size:12px} .chat-manual-steps{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:manualstep}.chat-manual-steps>li{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);align-items:start;gap:14px;padding:12px;border:1px solid #edf0f5;border-radius:11px;background:#fbfcff}.chat-manual-steps>li>b{font-size:12px;color:#334155;padding-top:10px}.chat-manual-steps>li>small{grid-column:2;color:#a16207} .chat-manual-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chat-manual-command-grid article{padding:13px;border:1px solid #edf0f5;border-radius:11px;background:#fbfcff;min-width:0}.chat-manual-command-grid h4{margin:0 0 8px;font-size:12px;color:#334155}.chat-manual-command-grid small{display:block;margin-top:7px;color:#64748b;line-height:1.55} .chat-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;min-width:0}.chat-command pre{margin:0;min-width:0;padding:11px 12px;overflow:auto;border-radius:9px;background:#0f172a;color:#dbeafe;font:12px/1.6 Consolas,"SFMono-Regular",monospace;white-space:pre}.chat-command code{font:inherit;color:inherit}.chat-command button{border:1px solid #dfe4ee;border-radius:8px;background:#fff;color:#475569;padding:0 11px;cursor:pointer;font-size:11px;font-weight:750}.chat-command button:hover{border-color:#a5b4fc;color:#4f46e5;background:#f5f3ff} .chat-manual-mini-steps{padding-left:20px;color:#475569;font-size:12px;line-height:1.75}.chat-manual-mini-steps+.chat-command{margin-top:14px}.chat-manual-card>p{color:#64748b;line-height:1.7;font-size:12px}.chat-manual-card>small,.chat-manual-section>small{display:block;margin-top:9px;color:#64748b;line-height:1.6} .chat-manual-faq{display:grid;gap:9px}.chat-manual-faq details{border:1px solid #e7ebf2;border-radius:10px;background:#fbfcff;padding:0 13px}.chat-manual-faq summary{cursor:pointer;padding:13px 0;font-size:12px;font-weight:750;color:#334155}.chat-manual-faq p{margin:0 0 13px;color:#64748b;line-height:1.7;font-size:12px}.chat-manual-faq .chat-command{margin:0 0 13px}.chat-manual-after-patch{margin-bottom:0} @media(max-width:900px){.chat-manual-grid,.chat-manual-command-grid{grid-template-columns:1fr}.chat-manual-steps>li{grid-template-columns:1fr}.chat-manual-steps>li>small{grid-column:1}.chat-manual-hero{align-items:flex-start;flex-direction:column}.chat-manual-kv>div{grid-template-columns:1fr;gap:4px}} @media(max-width:560px){.chat-admin-tabs{overflow:auto}.chat-admin-tabs a{white-space:nowrap}.chat-manual-hero{padding:22px 18px}.chat-manual-hero h2{font-size:20px}.chat-command{grid-template-columns:1fr}.chat-command button{height:34px}} /* TripOffice 9.1.0 - Global primary input modal UX */ body.primary-modal-open{overflow:hidden} .primary-modal[hidden]{display:none!important}.primary-modal{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:28px;background:rgba(15,23,42,.46);backdrop-filter:blur(4px);opacity:0;transition:opacity .14s ease}.primary-modal.is-open{opacity:1} .primary-modal-dialog{width:min(980px,calc(100vw - 56px));max-height:min(860px,calc(100vh - 56px));display:flex;flex-direction:column;background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:18px;box-shadow:0 28px 90px rgba(15,23,42,.26);overflow:hidden;transform:translateY(10px) scale(.985);transition:transform .14s ease}.primary-modal.is-open .primary-modal-dialog{transform:translateY(0) scale(1)} .primary-modal-head{min-height:72px;padding:16px 18px 15px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#fff,#fbfcff)}.primary-modal-head h2{margin:2px 0 0;font-size:19px;letter-spacing:-.02em}.primary-modal-kicker{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7c6cf2;font-weight:900}.primary-modal-close{width:36px;height:36px;flex:0 0 36px;border:1px solid #e3e8f0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:21px;line-height:1;cursor:pointer}.primary-modal-close:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5} .primary-modal-body{overflow:auto;padding:22px;background:#f7f8fc;overscroll-behavior:contain}.primary-modal-body>form.panel,.primary-modal-body>.panel.form-card{max-width:none;margin:0;box-shadow:none;border-radius:13px}.primary-modal-body form>h1:first-child,.primary-modal-body form>h2:first-child,.primary-modal-body form>h3:first-child{font-size:15px;color:#475569;margin-bottom:16px}.primary-modal-body .form-actions{position:sticky;bottom:-22px;margin:22px -22px -22px;padding:14px 22px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:2;backdrop-filter:blur(6px)}.primary-modal-body .notice:first-child{margin-top:0} .primary-modal-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;font-size:13px}.primary-modal-loading p{margin:0}.primary-modal-spinner{width:28px;height:28px;border:3px solid #e0e7ff;border-top-color:#6657eb;border-radius:50%;animation:primaryModalSpin .72s linear infinite}@keyframes primaryModalSpin{to{transform:rotate(360deg)}} .primary-modal-launcher{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;min-height:78px;padding:14px 16px;border:1px dashed #cfd7e6;border-radius:12px;background:linear-gradient(135deg,#fbfcff,#f7f7ff)}.primary-modal-launcher.panel{padding:18px 20px;border-style:solid}.primary-modal-launcher-copy{min-width:0;display:grid;gap:4px}.primary-modal-launcher-copy b{font-size:14px;color:#26324a}.primary-modal-launcher-copy small{font-size:11px;color:#7b8799;font-weight:500}.primary-modal-launcher>.btn{flex:0 0 auto;min-width:112px} @media(max-width:760px){.primary-modal{padding:0;align-items:stretch}.primary-modal-dialog{width:100%;max-height:100vh;height:100vh;border:0;border-radius:0}.primary-modal-head{min-height:62px;padding:12px 14px}.primary-modal-head h2{font-size:17px}.primary-modal-body{padding:14px}.primary-modal-body .grid.two,.primary-modal-body .grid.three,.primary-modal-body .grid.four{grid-template-columns:1fr}.primary-modal-body .form-actions{bottom:-14px;margin:18px -14px -14px;padding:12px 14px}.primary-modal-launcher{align-items:flex-start;flex-direction:column}.primary-modal-launcher>.btn{width:100%}} \n\n/* TripOffice 9.1.3 - Chat attachment card UX */ .to-chat-file-bubble{padding:0!important;background:transparent!important;box-shadow:none!important;max-width:min(430px,100%)!important;width:min(430px,100%)} .to-chat-file-card{width:100%;min-width:280px;box-sizing:border-box;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 11px;border:1px solid #e3e8f0;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.05);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .to-chat-message.mine .to-chat-file-card{background:#faf9ff;border-color:#ddd8ff}.to-chat-file-card:hover{border-color:#c9c2ff;box-shadow:0 7px 20px rgba(79,70,229,.09);transform:translateY(-1px)} .to-chat-file-icon{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;box-shadow:inset 0 0 0 1px rgba(79,70,229,.08)} .to-chat-file-icon span{font-size:9px;font-weight:900;letter-spacing:.03em;max-width:39px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .to-chat-file-card.type-archive .to-chat-file-icon{background:#fff7ed;color:#c2410c}.to-chat-file-card.type-pdf .to-chat-file-icon{background:#fef2f2;color:#dc2626}.to-chat-file-card.type-image .to-chat-file-icon{background:#ecfdf5;color:#059669}.to-chat-file-card.type-sheet .to-chat-file-icon{background:#f0fdf4;color:#15803d}.to-chat-file-card.type-document .to-chat-file-icon{background:#eff6ff;color:#2563eb}.to-chat-file-card.type-presentation .to-chat-file-icon{background:#fff7ed;color:#ea580c}.to-chat-file-card.type-audio .to-chat-file-icon{background:#faf5ff;color:#9333ea}.to-chat-file-card.type-video .to-chat-file-icon{background:#fdf2f8;color:#db2777}.to-chat-file-card.type-code .to-chat-file-icon{background:#f1f5f9;color:#475569} .to-chat-file-info{min-width:0;display:grid;gap:4px}.to-chat-file-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#273449!important;text-decoration:none!important;font-size:11px;font-weight:800;line-height:1.35}.to-chat-file-name:hover{color:#4f46e5!important}.to-chat-file-info small{color:#94a3b8;font-size:9px;font-weight:650;white-space:nowrap} .to-chat-file-download{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #ddd8ff;border-radius:9px;background:#f5f3ff;color:#5b4ce6!important;text-decoration:none!important;font-size:10px;font-weight:800;white-space:nowrap;transition:background .14s ease,border-color .14s ease}.to-chat-file-download span{font-size:15px;line-height:1}.to-chat-file-download em{font-style:normal}.to-chat-file-download:hover{background:#ede9fe;border-color:#c4b5fd;color:#4338ca!important} .to-chat.chat-theme-dark .to-chat-file-card{background:#172033;border-color:#334155;box-shadow:none}.to-chat.chat-theme-dark .to-chat-message.mine .to-chat-file-card{background:#1c2440;border-color:#4338ca}.to-chat.chat-theme-dark .to-chat-file-name{color:#e5e7eb!important}.to-chat.chat-theme-dark .to-chat-file-info small{color:#94a3b8}.to-chat.chat-theme-dark .to-chat-file-download{background:#292653;border-color:#4338ca;color:#c4b5fd!important} @media(prefers-color-scheme:dark){.to-chat.chat-theme-system .to-chat-file-card{background:#172033;border-color:#334155;box-shadow:none}.to-chat.chat-theme-system .to-chat-file-name{color:#e5e7eb!important}.to-chat.chat-theme-system .to-chat-file-info small{color:#94a3b8}.to-chat.chat-theme-system .to-chat-file-download{background:#292653;border-color:#4338ca;color:#c4b5fd!important}} @media(max-width:760px){.to-chat-file-bubble{width:min(100%,390px)}.to-chat-file-card{min-width:0;grid-template-columns:42px minmax(0,1fr) 34px;gap:9px;padding:9px}.to-chat-file-icon{width:40px;height:40px;border-radius:10px}.to-chat-file-download{width:34px;height:34px;padding:0}.to-chat-file-download em{display:none}.to-chat-file-name{font-size:10px}} /* TripOffice 9.1.4 - Company workspace navigation optimization */ @media (min-width:1101px){ .app{grid-template-columns:264px minmax(0,1fr);transition:grid-template-columns .2s ease} } .sidebar{padding:16px 12px 14px;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.035);scrollbar-width:thin;scrollbar-color:#243650 transparent} .sidebar-brand-row{height:48px;display:flex;align-items:center;gap:8px;margin-bottom:10px} .sidebar-brand-row .logo{flex:1;min-width:0;padding:0 8px;font-size:22px;white-space:nowrap} .sidebar-collapse-btn{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#0c1b30;color:#aebbd0;display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1;transition:.18s ease} .sidebar-collapse-btn:hover{color:#fff;border-color:rgba(139,127,241,.5);background:#142746} .tenant-box{margin:0 2px 12px;padding:12px 13px;background:linear-gradient(145deg,#0c1d34,#10243e);border-color:rgba(139,127,241,.15)} .tenant-box b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sidebar-tools{padding:0 2px 10px} .nav-search-box{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,255,255,.09);background:#0a192b;border-radius:9px;color:#7286a2;transition:.18s ease} .nav-search-box:focus-within{border-color:rgba(139,127,241,.55);box-shadow:0 0 0 3px rgba(91,76,230,.13)} .nav-search-box input{height:34px;padding:0;border:0!important;box-shadow:none!important;background:transparent!important;color:#e5ebf5;font-size:14px;min-width:0} .nav-search-box input::placeholder{color:#667a98} .nav{padding-bottom:58px} .nav a{position:relative;min-height:42px;padding:9px 10px;margin:2px 0;border-radius:8px;color:#b9c6d8;font-size:15px;font-weight:600;transition:background .15s ease,color .15s ease,transform .15s ease} .nav a:hover{background:#10243e;color:#fff} .nav a.active{background:linear-gradient(135deg,#4b42dc,#674cf2);box-shadow:0 7px 18px rgba(57,48,182,.25);color:#fff} .nav a.active:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:3px;border-radius:4px;background:#a99fff} .nav-icon{width:20px;min-width:20px;text-align:center;font-size:14px;line-height:1;display:inline-flex!important;justify-content:center} .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-style:normal;font-weight:800} .nav-dashboard{margin-bottom:8px!important;background:rgba(255,255,255,.025)} .nav-group{margin:4px 0 6px} .nav-group-toggle{width:100%;height:38px;padding:0 8px;border:0;background:transparent;color:#7285a0;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;border-radius:7px;text-align:left} .nav-group-toggle:hover{background:rgba(255,255,255,.035);color:#9cafca} .nav-group-title{font-size:12px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .nav-group-meta{display:flex;align-items:center;gap:7px} .nav-group-meta small{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#10233b;color:#7187a6;display:inline-flex;align-items:center;justify-content:center;font-size:11px} .nav-group-meta i{font-style:normal;font-size:14px;transition:transform .18s ease} .nav-group.is-open .nav-group-meta i{transform:rotate(180deg)} .nav-group-items{display:none;padding:1px 0 3px} .nav-group.is-open .nav-group-items{display:block} .nav-empty{margin:16px 6px;padding:15px 10px;border:1px dashed rgba(255,255,255,.11);border-radius:9px;color:#71829c;text-align:center;font-size:14px;line-height:1.5} .sidebar-user-summary{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(6,17,33,.92);backdrop-filter:blur(8px)} .sidebar-user-summary span{color:#d8e0ec;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sidebar-user-summary small{color:#7285a0;font-size:11px;white-space:nowrap} .topbar-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1} .topbar-left .top-search-form{width:min(440px,100%)} .mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#334155;cursor:pointer;font-size:18px} .sidebar-backdrop{display:none} @media (min-width:1101px){ body.workspace-sidebar-collapsed .app{grid-template-columns:84px minmax(0,1fr)} body.workspace-sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px} body.workspace-sidebar-collapsed .sidebar-brand-row{justify-content:center} body.workspace-sidebar-collapsed .logo{padding:0;text-align:center;font-size:21px;flex:0 0 auto} body.workspace-sidebar-collapsed .logo span, body.workspace-sidebar-collapsed .tenant-box, body.workspace-sidebar-collapsed .sidebar-tools, body.workspace-sidebar-collapsed .nav-label, body.workspace-sidebar-collapsed .nav-group-toggle, body.workspace-sidebar-collapsed .sidebar-user-summary{display:none!important} body.workspace-sidebar-collapsed .sidebar-collapse-btn{position:absolute;top:18px;right:5px;width:24px;height:24px;min-width:24px;font-size:16px;background:#132642} body.workspace-sidebar-collapsed .sidebar-collapse-btn{transform:rotate(180deg)} body.workspace-sidebar-collapsed .nav-group-items{display:block!important} body.workspace-sidebar-collapsed .nav a{justify-content:center;padding:10px 6px} body.workspace-sidebar-collapsed .nav-icon{width:24px;min-width:24px;font-size:15px} body.workspace-sidebar-collapsed .nav-count{position:absolute;right:3px;top:3px;min-width:16px;height:16px;padding:0 4px;font-size:8px} body.workspace-sidebar-collapsed .nav a.active:before{left:-6px} } @media (max-width:1100px) and (min-width:761px){ .app{grid-template-columns:84px minmax(0,1fr)} .sidebar{padding-left:10px;padding-right:10px} .sidebar-brand-row{justify-content:center} .sidebar .logo{padding:0;text-align:center;font-size:21px} .sidebar .logo span,.sidebar .tenant-box,.sidebar-tools,.sidebar .nav-label,.sidebar .nav-group-toggle,.sidebar-user-summary,.sidebar-collapse-btn{display:none!important} .sidebar .nav-group-items{display:block!important} .sidebar .nav a{justify-content:center;padding:10px 6px} .sidebar .nav .nav-icon{display:inline-flex!important;width:24px;min-width:24px;font-size:15px} .sidebar .nav-count{position:absolute;right:3px;top:3px;min-width:16px;height:16px;padding:0 4px;font-size:8px} } @media (max-width:760px){ .app{display:block!important} .sidebar{display:block!important;position:fixed;z-index:80;top:0;left:0;bottom:0;width:min(304px,86vw);max-height:none;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(2,6,23,.28);padding:16px 12px} body.workspace-mobile-menu-open{overflow:hidden} body.workspace-mobile-menu-open .sidebar{transform:translateX(0)} .sidebar-backdrop{position:fixed;z-index:75;inset:0;border:0;background:rgba(2,6,23,.50);backdrop-filter:blur(2px);cursor:pointer} body.workspace-mobile-menu-open .sidebar-backdrop{display:block} .sidebar-collapse-btn{display:none} .sidebar .logo span,.sidebar .tenant-box,.sidebar-tools,.sidebar .nav-label,.sidebar .nav-group-toggle,.sidebar-user-summary{display:flex} .sidebar .tenant-box{display:grid} .sidebar-tools{display:block} .sidebar .nav-group-toggle{display:flex} .sidebar .nav-group-items{display:none} .sidebar .nav-group.is-open .nav-group-items{display:block} .sidebar .nav a{justify-content:flex-start} .sidebar .nav .nav-icon{display:inline-flex!important} .mobile-menu-btn{display:grid;place-items:center;flex:0 0 38px} .topbar{gap:10px} .topbar-left{flex:0 0 auto} .topbar .top-search-form{display:none} .top-actions{margin-left:auto;gap:7px} .top-actions .lang-links,.top-actions .role-chip{display:none} .content{padding:16px} } .nav-group.is-filtering .nav-group-items{display:block!important} /* TripOffice v9.2.0 Chat collaboration upgrade */ .to-chat-tabs button{position:relative}.to-chat-tabs button>span{position:absolute;top:5px;right:10px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#6d5dfc;color:#fff;font-size:8px;font-weight:800;line-height:16px;text-align:center}.to-chat-tabs button.active>span{background:#5848e8}.to-chat-activity-btn{position:relative}.to-chat-activity-btn>span{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:8px;font-weight:900;line-height:15px;box-shadow:0 0 0 2px #fff} .to-chat-delivery{appearance:none;border:0;background:transparent;padding:0;color:#94a3b8;font:inherit;font-size:8px;cursor:pointer}.to-chat-delivery:hover{text-decoration:underline;color:#6554e8}.to-chat-delivery.is-read{color:#6554e8} .to-chat-pending-local{opacity:.76}.to-chat-pending-local.is-failed{opacity:1}.to-chat-pending-local.is-failed .to-chat-bubble{box-shadow:0 0 0 1px #fecaca inset}.to-chat-outbox-state{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:3px;font-size:8px;color:#94a3b8}.to-chat-outbox-state button{border:0;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800;cursor:pointer} .to-chat-global-search-form{display:grid;gap:8px;position:sticky;top:-12px;background:#fff;padding:0 0 10px;z-index:2}.to-chat-global-search-main{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px;min-width:0}.to-chat-global-search-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}.to-chat-global-search-form input:not([type=checkbox]),.to-chat-global-search-form select{width:100%;min-width:0;height:36px;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:0 9px;font-size:10px;color:#334155}.to-chat-global-search-form input[type=date]{min-width:0;padding:0 6px}.to-chat-global-search-form button{width:38px;height:36px;border:1px solid #ddd8ff;border-radius:8px;background:#f5f3ff;color:#5b4ce6;font-weight:900;cursor:pointer}.to-chat-global-check{min-width:0;height:34px;display:flex!important;align-items:center;gap:7px;padding:0 9px;border:1px solid #e5eaf2;border-radius:8px;background:#f8fafc;color:#64748b!important;font-size:9px!important;font-weight:650!important;white-space:nowrap;overflow:hidden}.to-chat-global-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:14px!important;min-width:14px!important;height:14px!important;margin:0!important;padding:0!important;box-shadow:none!important;accent-color:#5b4ce6}.to-chat-global-check span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .to-chat-tool-result.is-unread{background:#f5f3ff;box-shadow:inset 3px 0 #6d5dfc}.to-chat-receipt-group,.to-chat-info-section{padding:5px 0 13px;border-bottom:1px solid #edf0f5}.to-chat-receipt-group:last-child,.to-chat-info-section:last-child{border-bottom:0}.to-chat-receipt-group h4,.to-chat-info-section h4{display:flex;align-items:center;gap:6px;margin:5px 0 9px;font-size:10px;color:#334155}.to-chat-receipt-group h4 span,.to-chat-info-section h4 span{min-width:18px;height:18px;border-radius:999px;background:#eef2ff;color:#5b4ce6;font-size:8px;display:inline-flex;align-items:center;justify-content:center}.to-chat-member-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 5px;border-radius:7px}.to-chat-member-row:hover{background:#f8fafc}.to-chat-member-row b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.to-chat-member-row small{font-size:8px;color:#94a3b8} .to-chat-thread-parent{padding-bottom:10px;border-bottom:1px solid #e8edf4}.to-chat-thread-count{padding:10px 2px 6px;font-size:9px;font-weight:800;color:#64748b}.to-chat-thread-list{display:grid;gap:7px}.to-chat-thread-message{border:1px solid #e5eaf1;border-radius:10px;padding:9px;background:#fff}.to-chat-thread-message.mine{background:#f8f7ff;border-color:#ddd8ff}.to-chat-thread-message header{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.to-chat-thread-message header b{font-size:9px}.to-chat-thread-message header small{font-size:8px;color:#94a3b8}.to-chat-thread-message>div{font-size:10px;line-height:1.55;word-break:break-word}.to-chat-thread-form{position:sticky;bottom:-12px;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:7px;margin:12px -4px -12px;padding:10px 4px 12px;background:#fff;border-top:1px solid #edf0f5}.to-chat-thread-form textarea{resize:none;border:1px solid #dce3ed;border-radius:9px;padding:8px;font:inherit;font-size:10px;outline:0}.to-chat-thread-form textarea:focus{border-color:#a89cff;box-shadow:0 0 0 2px rgba(109,93,252,.08)}.to-chat-thread-form button{border:0;border-radius:9px;background:#6554e8;color:#fff;font-size:9px;font-weight:800;cursor:pointer} .to-chat-mention-suggest{position:absolute;left:12px;right:72px;bottom:59px;z-index:16;max-height:210px;overflow:auto;padding:5px;border:1px solid #dde3ec;border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.16)}.to-chat-mention-suggest button{display:block;width:100%;border:0;background:transparent;border-radius:7px;padding:8px 9px;text-align:left;font-size:10px;color:#334155;cursor:pointer}.to-chat-mention-suggest button:hover{background:#f5f3ff;color:#5b4ce6} .to-chat.chat-theme-dark .to-chat-activity-btn>span{box-shadow:0 0 0 2px #111827}.to-chat.chat-theme-dark .to-chat-global-search-form,.to-chat.chat-theme-dark .to-chat-thread-form{background:#111827}.to-chat.chat-theme-dark .to-chat-global-search-form input:not([type=checkbox]),.to-chat.chat-theme-dark .to-chat-global-search-form select,.to-chat.chat-theme-dark .to-chat-thread-form textarea{background:#0b1220;border-color:#334155;color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-global-check{background:#0f172a;border-color:#334155;color:#aebbd0!important}.to-chat.chat-theme-dark .to-chat-thread-message{background:#172033;border-color:#334155;color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-thread-message.mine{background:#1c2440;border-color:#4338ca}.to-chat.chat-theme-dark .to-chat-receipt-group,.to-chat.chat-theme-dark .to-chat-info-section,.to-chat.chat-theme-dark .to-chat-thread-parent,.to-chat.chat-theme-dark .to-chat-thread-form{border-color:#263247}.to-chat.chat-theme-dark .to-chat-receipt-group h4,.to-chat.chat-theme-dark .to-chat-info-section h4{color:#e2e8f0}.to-chat.chat-theme-dark .to-chat-member-row:hover{background:#1e293b}.to-chat.chat-theme-dark .to-chat-mention-suggest{background:#111827;border-color:#334155}.to-chat.chat-theme-dark .to-chat-mention-suggest button{color:#dbeafe}.to-chat.chat-theme-dark .to-chat-mention-suggest button:hover{background:#1e293b} @media(prefers-color-scheme:dark){.to-chat.chat-theme-system .to-chat-global-search-form,.to-chat.chat-theme-system .to-chat-thread-form,.to-chat.chat-theme-system .to-chat-mention-suggest{background:#111827}.to-chat.chat-theme-system .to-chat-global-search-form input:not([type=checkbox]),.to-chat.chat-theme-system .to-chat-global-search-form select,.to-chat.chat-theme-system .to-chat-thread-form textarea{background:#0b1220;border-color:#334155;color:#e5e7eb}.to-chat.chat-theme-system .to-chat-global-check{background:#0f172a;border-color:#334155;color:#aebbd0!important}.to-chat.chat-theme-system .to-chat-thread-message{background:#172033;border-color:#334155;color:#e5e7eb}} @media(max-width:760px){.to-chat-global-search-main{grid-template-columns:minmax(0,1fr) 38px}.to-chat-global-search-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.to-chat-mention-suggest{left:8px;right:58px;bottom:55px}.to-chat-tabs button>span{right:5px}.to-chat-thread-form{bottom:-12px}} .chat-health-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:25px 28px;border-radius:16px;color:#eef2ff;background:linear-gradient(135deg,#111827,#1e1b4b 60%,#312e81)}.chat-health-hero h2{margin:4px 0 7px;font-size:24px}.chat-health-hero p{margin:0;max-width:760px;color:#c7d2fe;line-height:1.65}.chat-health-hero .btn{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.11);color:#fff}.chat-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.chat-health-card{min-height:118px;display:flex;flex-direction:column;justify-content:center;gap:6px}.chat-health-card small{font-size:11px;color:#64748b}.chat-health-card strong{font-size:25px;color:#111827;line-height:1.1;overflow-wrap:anywhere}.chat-health-card strong.success{color:#059669}.chat-health-card strong.danger{color:#dc2626}.chat-health-card span{font-size:10px;color:#94a3b8;overflow-wrap:anywhere}.chat-health-privacy{margin-bottom:0}@media(max-width:1100px){.chat-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.chat-health-grid{grid-template-columns:1fr}.chat-health-hero{align-items:flex-start;flex-direction:column;padding:21px 18px}.chat-health-hero h2{font-size:20px}} /* v9.3.0 Chat Workflow Upgrade */ .to-chat-compose{grid-template-columns:34px minmax(0,1fr) 38px auto}.to-chat-schedule{background:#f4f2ff;color:#6657e8;font-size:16px}.to-chat-schedule:hover{background:#e9e5ff}.to-chat-list-kind{font-size:10px;margin-right:4px}.to-chat-member-picker{max-height:260px;overflow:auto;display:grid;gap:6px;padding:8px;border:1px solid #e5eaf2;border-radius:10px;background:#fbfcff}.to-chat-member-choice{display:grid!important;grid-template-columns:18px 10px minmax(0,1fr);align-items:center;gap:8px!important;margin:0!important;padding:8px;border-radius:8px;cursor:pointer}.to-chat-member-choice:hover{background:#eef2ff}.to-chat-member-choice input{width:16px;height:16px;margin:0;accent-color:#5b4ce6}.to-chat-member-choice>span:last-child{display:grid;gap:2px;min-width:0}.to-chat-member-choice b{font-size:11px}.to-chat-member-choice small{font-size:9px;color:#94a3b8}.to-chat-forwarded-tag{display:inline-flex;margin:0 4px 4px;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#6557df;font-size:8px;font-weight:800}.to-chat-announcement-state,.to-chat-announcement-confirm{clear:both;float:right;margin:5px 2px 0;border:0;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:800}.to-chat-announcement-state{background:#eff6ff;color:#2563eb}.to-chat-announcement-state.confirmed{background:#ecfdf5;color:#059669}.to-chat-announcement-confirm{background:#5b4ce6;color:#fff;cursor:pointer}.to-chat-tool-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;border-bottom:1px solid #edf0f5}.to-chat-tool-card .to-chat-tool-result{border-bottom:0}.to-chat-tool-card.is-failed{background:#fff7f7}.to-chat-tool-small{border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#536075;padding:6px 8px;font-size:9px;cursor:pointer;white-space:nowrap}.to-chat-tool-small:hover{background:#f8fafc}.to-chat-tool-small.danger{color:#dc2626;border-color:#fecaca}.to-chat-tool-result.static{cursor:default}.to-chat-history-row{padding:11px 7px;border-bottom:1px solid #edf0f5}.to-chat-history-row b{font-size:9px;color:#5b4ce6}.to-chat-history-row p{margin:6px 0;font-size:10px;line-height:1.55;color:#334155;white-space:normal;word-break:break-word}.to-chat-history-row small{font-size:8px;color:#94a3b8}.to-chat-info-actions{display:flex;gap:7px;padding:0 0 12px}.to-chat-info-actions .btn{flex:1;text-align:center;justify-content:center;text-decoration:none}.to-chat-work-actions{display:grid;gap:12px}.to-chat-work-actions form{display:grid;gap:7px;padding:12px;border:1px solid #e5eaf2;border-radius:11px;background:#fbfcff}.to-chat-work-actions h4{margin:0 0 2px;font-size:11px;color:#334155}.to-chat-work-actions input,.to-chat-work-actions select,.to-chat-tool-form input,.to-chat-tool-form select{height:36px;font-size:10px}.to-chat-tool-form{display:grid;gap:9px}.to-chat-tool-form label{display:grid;gap:6px;font-size:10px;font-weight:700}.to-chat-work-link{display:block;margin-top:6px;padding:8px 9px;border-radius:8px;background:#eef2ff;color:#5145cd;text-decoration:none;font-size:9px;font-weight:750}.to-chat-work-link:hover{background:#e0e7ff}.to-chat [data-save],.to-chat [data-forward],.to-chat [data-work],.to-chat [data-history]{white-space:nowrap} .to-chat.chat-theme-dark .to-chat-member-picker,.to-chat.chat-theme-dark .to-chat-work-actions form{background:#0f172a;border-color:#334155}.to-chat.chat-theme-dark .to-chat-member-choice:hover{background:#1e293b}.to-chat.chat-theme-dark .to-chat-tool-card,.to-chat.chat-theme-dark .to-chat-history-row{border-color:#263247}.to-chat.chat-theme-dark .to-chat-tool-small{background:#172033;border-color:#334155;color:#cbd5e1}.to-chat.chat-theme-dark .to-chat-history-row p,.to-chat.chat-theme-dark .to-chat-work-actions h4{color:#e2e8f0}.to-chat.chat-theme-dark .to-chat-schedule{background:#1c2440;color:#c4b5fd} @media(max-width:760px){.to-chat-compose{grid-template-columns:34px minmax(0,1fr) 36px 54px}.to-chat-member-picker{max-height:45vh}.to-chat-tool-card{grid-template-columns:minmax(0,1fr) auto}.to-chat-message-actions{gap:4px}.to-chat-message-actions button{font-size:9px}} /* v9.3.1 Chat Context Menu + Compact Attachment UX */ .to-chat-message{position:relative}.to-chat-message:not(.mine){padding-right:30px}.to-chat-message.mine{padding-left:30px}.to-chat-message-actions{position:absolute;top:18px;right:0;min-height:0!important;margin:0!important;opacity:0;pointer-events:none;z-index:3}.to-chat-message.mine .to-chat-message-actions{right:auto;left:0}.to-chat-message:hover .to-chat-message-actions,.to-chat-message:focus-within .to-chat-message-actions{opacity:1;pointer-events:auto}.to-chat-message-more{width:24px;height:24px!important;padding:0!important;border:1px solid #e3e8f0!important;border-radius:8px!important;background:#fff!important;color:#7b8799!important;box-shadow:0 4px 12px rgba(15,23,42,.07);font-size:15px!important;line-height:1!important}.to-chat-message-more:hover{background:#f5f3ff!important;border-color:#c9c2ff!important;color:#5b4ce6!important} .to-chat-context-menu[hidden]{display:none!important}.to-chat-context-menu{position:fixed;z-index:10050;width:218px;padding:6px;border:1px solid #e1e6ef;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(15,23,42,.20);backdrop-filter:blur(10px);overflow:hidden;user-select:none}.to-chat-context-title{padding:5px 8px 7px;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.04em}.to-chat-context-sep{height:1px;margin:5px 3px;background:#edf0f5}.to-chat-context-item{width:100%;height:33px;border:0;border-radius:8px;background:transparent;color:#334155;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;padding:0 8px;text-align:left;cursor:pointer}.to-chat-context-item:hover{background:#f5f3ff;color:#5145cd}.to-chat-context-item>span{width:22px;text-align:center;color:#94a3b8;font-size:13px}.to-chat-context-item>b{font-size:10px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.to-chat-context-item.danger{color:#dc2626}.to-chat-context-item.danger:hover{background:#fef2f2;color:#b91c1c}.to-chat-context-reactions{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:2px 5px 5px}.to-chat-context-reactions button{height:31px;border:0;border-radius:8px;background:transparent;font-size:16px;cursor:pointer}.to-chat-context-reactions button:hover{background:#f1efff;transform:scale(1.08)} .to-chat-file-bubble{width:min(360px,100%)!important;max-width:min(360px,100%)!important}.to-chat-file-card{min-width:230px;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:7px 8px;border-radius:10px;box-shadow:none;transition:border-color .14s ease,background .14s ease}.to-chat-file-card:hover{transform:none;box-shadow:none;background:#fbfcff}.to-chat-file-icon{width:36px;height:36px;border-radius:9px;box-shadow:none}.to-chat-file-icon span{font-size:8px}.to-chat-file-info{gap:2px}.to-chat-file-name{font-size:10px}.to-chat-file-info small{font-size:8px}.to-chat-file-actions{display:flex;align-items:center;gap:3px}.to-chat-file-download,.to-chat-file-more{width:30px;height:30px;padding:0;border:1px solid #e4e7ee;border-radius:8px;background:#f8fafc;color:#64748b!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;cursor:pointer}.to-chat-file-download:hover,.to-chat-file-more:hover{background:#f1efff;border-color:#d2ccff;color:#5546d8!important}.to-chat-file-download span{font-size:14px}.to-chat-file-more{font-size:15px;line-height:1}.to-chat-file-download em{display:none!important} .to-chat.chat-theme-dark .to-chat-context-menu{background:rgba(17,24,39,.98);border-color:#334155;box-shadow:0 18px 45px rgba(0,0,0,.38)}.to-chat.chat-theme-dark .to-chat-context-title{color:#64748b}.to-chat.chat-theme-dark .to-chat-context-sep{background:#263247}.to-chat.chat-theme-dark .to-chat-context-item{color:#dbeafe}.to-chat.chat-theme-dark .to-chat-context-item:hover{background:#1e293b;color:#c4b5fd}.to-chat.chat-theme-dark .to-chat-context-item>span{color:#64748b}.to-chat.chat-theme-dark .to-chat-context-reactions button:hover{background:#292653}.to-chat.chat-theme-dark .to-chat-message-more,.to-chat.chat-theme-dark .to-chat-file-download,.to-chat.chat-theme-dark .to-chat-file-more{background:#172033!important;border-color:#334155!important;color:#aebbd0!important}.to-chat.chat-theme-dark .to-chat-file-card:hover{background:#1b2638}.to-chat.chat-theme-dark .to-chat-context-item.danger{color:#fca5a5}.to-chat.chat-theme-dark .to-chat-context-item.danger:hover{background:#3b151d;color:#fecaca} @media(prefers-color-scheme:dark){.to-chat.chat-theme-system .to-chat-context-menu{background:rgba(17,24,39,.98);border-color:#334155}.to-chat.chat-theme-system .to-chat-context-item{color:#dbeafe}.to-chat.chat-theme-system .to-chat-context-item:hover{background:#1e293b;color:#c4b5fd}.to-chat.chat-theme-system .to-chat-message-more,.to-chat.chat-theme-system .to-chat-file-download,.to-chat.chat-theme-system .to-chat-file-more{background:#172033!important;border-color:#334155!important;color:#aebbd0!important}} @media(max-width:760px){.to-chat-message-actions{display:none!important}.to-chat-context-menu{width:min(250px,calc(100vw - 18px));padding:7px}.to-chat-context-item{height:39px}.to-chat-context-item>b{font-size:11px}.to-chat-context-reactions button{height:35px;font-size:18px}.to-chat-file-bubble{width:min(320px,100%)!important}.to-chat-file-card{min-width:0;grid-template-columns:36px minmax(0,1fr) auto;padding:7px;gap:7px}.to-chat-file-icon{width:34px;height:34px}.to-chat-file-actions{gap:2px}.to-chat-file-download,.to-chat-file-more{width:29px;height:29px}} /* TripOffice v9.4.0: notification/audit/chat operations polish */ .page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-actions form{margin:0}.filter-bar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(140px,.7fr)) auto auto;gap:10px;align-items:end;margin-bottom:16px}.filter-bar input,.filter-bar select{min-width:0}.notification-filter{grid-template-columns:minmax(260px,1.5fr) minmax(160px,.7fr) minmax(140px,.6fr) auto auto}.notification-cards{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px}.notification-card.is-unread{border-color:#c4b5fd;background:linear-gradient(90deg,rgba(124,58,237,.05),transparent 45%)}.notification-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#5b21b6;font-weight:800}.notification-main h3{margin:6px 0 3px;font-size:15px}.notification-main p{margin:0;color:#64748b}.notification-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#64748b}.notification-actions{display:flex;gap:7px;align-items:center}.notification-actions form{margin:0}.audit-table .audit-code{display:block;color:#94a3b8;font-size:10px;margin-top:3px}.audit-action-badge{font-weight:700;color:#312e81}.audit-detail-modal[hidden]{display:none!important}.audit-detail-kv{display:grid;gap:8px}.audit-detail-kv>div{display:grid;grid-template-columns:130px 1fr;gap:12px;border-bottom:1px solid #eef2f7;padding:8px 0}.audit-detail-kv dt{color:#64748b}.audit-detail-kv dd{margin:0;word-break:break-all}.audit-json{max-height:280px;overflow:auto;padding:12px;border-radius:10px;background:#0f172a;color:#dbeafe;white-space:pre-wrap}.to-chat-info-actions{flex-wrap:wrap}.to-chat-tool-result small{white-space:normal}.to-chat-head-actions button#to-chat-attachment-center-btn{font-size:13px} @media(max-width:900px){.filter-bar,.notification-filter{grid-template-columns:1fr 1fr}.filter-bar input{grid-column:1/-1}.notification-card{grid-template-columns:38px 1fr}.notification-actions{grid-column:2;justify-content:flex-start}.audit-filter select{min-width:0}} @media(max-width:560px){.filter-bar,.notification-filter{grid-template-columns:1fr}.filter-bar input{grid-column:auto}.notification-card{grid-template-columns:34px minmax(0,1fr);padding:13px}.notification-actions{grid-column:1/-1;padding-left:48px}} .to-chat-saved-organize{display:flex;gap:6px;align-items:center;padding:7px 8px 8px}.to-chat-saved-organize select{min-width:0;flex:1;height:30px;font-size:11px}.to-chat-tool-small.is-complete{color:#059669;background:#ecfdf5}.to-chat-member-choices{max-height:280px;overflow:auto;margin:10px 0}.to-chat-member-choice{display:flex;gap:8px;align-items:center;padding:7px;border-radius:8px}.to-chat-member-choice:hover{background:#f8fafc} .notification-activity{margin-bottom:14px}.notification-activity .section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.notification-activity-list{display:grid;gap:6px;margin-top:12px}.notification-activity-row{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px;border-radius:10px;background:#f8fafc}.notification-activity-row p{margin:3px 0;color:#475569}.notification-activity-row small{color:#94a3b8} /* TripOffice v9.5.0 - Platform Admin Upgrade */ .platform-global-search{position:relative;flex:1;max-width:560px;display:flex;align-items:center}.platform-global-search>span{position:absolute;left:13px;color:#94a3b8}.platform-global-search .search{width:100%;padding-left:36px}.top-actions{display:flex;align-items:center;gap:12px}.platform-alert-button{position:relative;width:36px;height:36px;border:1px solid var(--line,#e5e7eb);border-radius:10px;display:grid;place-items:center;color:#475569;background:#fff}.platform-alert-button span{position:absolute;right:-6px;top:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;display:grid;place-items:center}.platform-account-link{display:grid;line-height:1.2;color:#1e293b}.platform-account-link small{font-size:9px;color:#94a3b8}.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center} .platform-kpis,.platform-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.compact-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-card{display:grid;gap:6px;padding:16px;border:1px solid #e6e9ef;border-radius:14px;background:#fff;color:#334155;box-shadow:0 4px 18px rgba(15,23,42,.035)}.kpi-card small{font-size:11px;color:#64748b}.kpi-card b{font-size:24px;line-height:1}.kpi-card.is-active{border-color:#a78bfa;box-shadow:0 0 0 2px rgba(124,58,237,.09)}.kpi-card.warning{border-color:#fbbf24;background:#fffbeb}.kpi-card.critical{border-color:#fca5a5;background:#fef2f2}.platform-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.panel-head-inline,.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-gap{margin-top:16px}.usage-meter{display:flex;align-items:center;gap:10px}.usage-meter>span{width:90px;height:7px;border-radius:999px;background:#eef2f7;overflow:hidden}.usage-meter>span i{display:block;height:100%;background:#6366f1;border-radius:999px}.usage-meter.warning>span i{background:#f59e0b}.usage-meter.critical>span i{background:#dc2626}.platform-alert-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;padding:11px 0;border-bottom:1px solid #eef2f7}.platform-alert-row:last-child{border-bottom:0}.platform-alert-row b{display:block;font-size:12px}.platform-alert-row small{color:#94a3b8}.company-link{display:grid}.company-link small,.table-sub{display:block;margin-top:3px;font-size:10px;color:#94a3b8}.text-danger{color:#dc2626!important} .company-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;margin-bottom:14px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f8f7ff 100%)}.hero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-title h1{margin:0}.company-quick-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.company-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric-card{padding:16px;border:1px solid #e6e9ef;border-radius:14px;background:#fff;display:grid;gap:8px}.metric-card small{color:#64748b;font-size:11px}.metric-card b{font-size:18px}.metric-card .small-value{font-size:12px;word-break:break-all}.usage-bar{height:7px;border-radius:999px;background:#edf2f7;overflow:hidden}.usage-bar i{display:block;height:100%;border-radius:999px;background:#22c55e}.usage-bar.attention i{background:#eab308}.usage-bar.warning i{background:#f97316}.usage-bar.danger i{background:#dc2626}.company-tabs{display:flex;gap:4px;overflow:auto;margin-bottom:16px;border-bottom:1px solid #e5e7eb}.company-tabs a{white-space:nowrap;padding:11px 13px;border-bottom:2px solid transparent;color:#64748b;font-size:12px;font-weight:700}.company-tabs a.active{color:#5b21b6;border-bottom-color:#7c3aed}.company-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-kv{display:grid;gap:0;margin:0}.detail-kv>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7}.detail-kv>div:last-child{border-bottom:0}.detail-kv dt{color:#64748b;font-size:11px}.detail-kv dd{margin:0;font-weight:600;word-break:break-word}.detail-kv.compact>div{padding:7px 0}.owner-card{display:flex;align-items:center;gap:14px;padding:10px 0}.avatar-placeholder{width:46px;height:46px;border-radius:14px;background:#ede9fe;color:#5b21b6;display:grid;place-items:center;font-weight:900;font-size:18px}.owner-card>div:last-child{display:grid;gap:4px}.owner-card span,.owner-card small{color:#64748b}.metric-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-list span{display:grid;gap:4px;padding:12px;border-radius:10px;background:#f8fafc}.metric-list small{color:#64748b}.metric-list b{font-size:19px}.alert-list{display:grid}.alert-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7}.alert-list>div:last-child{border-bottom:0}.alert-list small{color:#94a3b8}.security-account-card{padding:4px}.security-account-card h3{margin:0 0 5px}.security-account-card p{margin:0 0 14px;color:#64748b}.card-actions,.table-actions{display:flex;gap:6px;flex-wrap:wrap}.card-actions{margin-top:14px}.usage-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-detail-card{display:grid;gap:8px;padding:16px;border:1px solid #e8ebf0;border-radius:12px}.usage-detail-card small{color:#64748b}.usage-detail-card b{font-size:18px}.usage-detail-card b em{font-size:11px;font-style:normal;color:#94a3b8}.usage-detail-card>span{font-size:10px;color:#64748b}.threshold-legend{display:flex;gap:16px;margin-top:14px;color:#64748b;font-size:10px}.health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.health-card{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid #e6e9ef;border-radius:12px;background:#fff}.health-card>div{display:grid;gap:3px}.health-card small{color:#64748b}.health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}.health-dot.warning,.health-dot.high{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.health-dot.critical,.health-dot.danger{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}.health-dot.info{background:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.company-created-box{display:grid;gap:8px}.created-credentials{display:flex;flex-wrap:wrap;gap:12px}.created-credentials span,.temporary-secret{padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.7)}.created-credentials code,.temporary-secret code{font-size:12px;font-weight:800;color:#4c1d95}.company-cell{display:grid}.empty-state{text-align:center;padding:22px;color:#94a3b8} .wizard-form{max-width:960px}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:18px}.wizard-progress span{display:flex;align-items:center;gap:7px;color:#64748b;font-size:10px}.wizard-progress b{width:24px;height:24px;border-radius:50%;background:#ede9fe;color:#5b21b6;display:grid;place-items:center}.wizard-step{padding:16px 0;border-top:1px solid #eef2f7}.wizard-step h2{display:flex;align-items:center;gap:9px;margin-top:0}.wizard-step h2>span{width:27px;height:27px;border-radius:9px;background:#312e81;color:#fff;display:grid;place-items:center;font-size:11px}.wizard-confirm{background:#fafaff;border-radius:12px;padding:14px;margin:4px 0 12px}.field-help{display:block;color:#94a3b8;font-size:10px;margin-top:4px}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto!important}.availability-result{display:block;margin-top:4px;font-size:10px}.availability-result.ok{color:#059669}.availability-result.bad{color:#dc2626} .support-mode-banner{position:relative;margin:-4px 0 16px;padding:13px 16px;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb;display:flex;align-items:center;justify-content:space-between;gap:14px}.support-mode-banner>div{display:grid;gap:4px}.support-mode-banner span{font-size:11px;color:#92400e}.global-search-page{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-result-list{display:grid}.search-result-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 8px;border-bottom:1px solid #eef2f7;color:#334155}.search-result-list>a span{grid-column:1;color:#64748b;font-size:11px}.search-result-list>a em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal}.platform-alert-list{display:grid;gap:10px}.platform-alert-card{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:15px;align-items:center;padding:16px 18px;border:1px solid #e5e7eb;border-left:4px solid #6366f1;border-radius:13px;background:#fff}.platform-alert-card.warning{border-left-color:#f59e0b}.platform-alert-card.critical{border-left-color:#dc2626}.platform-alert-card h3{margin:3px 0 4px;font-size:14px}.platform-alert-card p{margin:0;color:#64748b}.alert-severity{display:flex;align-items:center}.platform-account-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.ua-cell{max-width:320px;white-space:normal;word-break:break-word;font-size:10px;color:#64748b}.inline-control-form select{min-width:120px;height:32px}.platform-user-actions{display:flex;gap:4px;flex-wrap:wrap}.platform-user-actions form{margin:0}.audit-before-after{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit-before-after .audit-json{height:180px} @media(max-width:1100px){.compact-kpis{grid-template-columns:repeat(3,1fr)}.company-summary-grid,.platform-kpis,.platform-kpi-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:repeat(3,1fr)}.usage-detail-grid{grid-template-columns:repeat(2,1fr)}.platform-dashboard-grid{grid-template-columns:1fr}.company-detail-grid{grid-template-columns:1fr}} @media(max-width:760px){.company-hero{display:grid}.company-quick-actions{justify-content:flex-start}.company-summary-grid,.platform-kpis,.platform-kpi-grid,.compact-kpis,.health-grid,.usage-detail-grid,.platform-account-grid{grid-template-columns:1fr}.wizard-progress{display:none}.detail-kv>div{grid-template-columns:115px 1fr}.platform-alert-card{grid-template-columns:1fr}.platform-alert-card form{justify-self:start}.audit-before-after{grid-template-columns:1fr}.global-search-page{grid-template-columns:1fr}.top-actions .lang-links{display:none}} .platform-ops-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:-2px 0 16px}.platform-ops-strip>div{display:grid;gap:3px;padding:12px 14px;border:1px solid #e8ebf0;border-radius:12px;background:#f8fafc}.platform-ops-strip small{color:#64748b}.platform-ops-strip b{font-size:18px}.platform-ops-strip span{font-size:9px;color:#94a3b8}@media(max-width:1000px){.platform-ops-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.platform-ops-strip{grid-template-columns:1fr}} /* v9.6.0 Company Workspace Admin & Operations Upgrade */ .v96-security-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v96-settings-tabs{margin-top:4px}.v96-onboarding-list{display:grid;gap:10px}.v96-onboarding-step{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px}.v96-onboarding-step.is-complete{border-color:#bbf7d0;background:#f0fdf4}.v96-step-no{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ede9fe;color:#5b21b6;font-weight:900}.v96-onboarding-step.is-complete .v96-step-no{background:#dcfce7;color:#15803d}.v96-onboarding-step h3{margin:0 0 5px}.v96-onboarding-step small{display:block;margin-top:5px;color:#94a3b8}.inline-control-form{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.inline-control-form select{min-width:120px}.inline-control-form input{height:32px}.badge.success{background:#ecfdf5;color:#047857}.badge.danger{background:#fef2f2;color:#b91c1c}.btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}@media(max-width:1000px){.v96-security-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.v96-security-kpis{grid-template-columns:1fr}.v96-onboarding-step{grid-template-columns:36px minmax(0,1fr)}.v96-onboarding-step>.table-actions{grid-column:2}.inline-control-form{min-width:300px}} /* Platform user manual */ .platform-manual-head .manual-kicker{display:block;margin-bottom:8px;color:#6d5dfc;font-size:11px;font-weight:800;letter-spacing:.14em}.manual-quick-start{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;background:linear-gradient(135deg,#fff 0%,#f7f6ff 100%);border-color:#dedafa}.manual-quick-start>div:first-child{max-width:620px}.manual-number{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:#6957f5;color:#fff;font-weight:800}.manual-quick-start h2{margin:12px 0 6px}.manual-quick-start p{margin:0;color:#667085;line-height:1.7}.manual-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.manual-flow span{padding:8px 11px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;font-size:12px;font-weight:700}.manual-flow i{color:#98a2b3;font-style:normal}.manual-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}.manual-toc{position:sticky;top:82px;padding:18px}.manual-toc>b{display:block;font-size:15px}.manual-toc>small{display:block;margin:7px 0 14px;color:#98a2b3;line-height:1.5}.manual-toc nav{display:grid;gap:4px}.manual-toc nav a{padding:9px 10px;border-radius:8px;color:#475467;font-size:13px}.manual-toc nav a:hover{background:#f4f3ff;color:#5d4cf0}.manual-content{display:grid;gap:16px}.manual-section{scroll-margin-top:90px;padding:24px}.manual-section-head{display:flex;align-items:flex-start;gap:16px}.manual-section-head>span{flex:0 0 38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f0eeff;color:#6654ef;font-weight:800}.manual-section h2{margin:2px 0 7px;font-size:19px}.manual-section-head p{margin:0;color:#667085;line-height:1.65}.manual-section ol{margin:18px 0 0 54px;padding:0;display:grid;gap:10px;color:#344054}.manual-section li{padding-left:4px;line-height:1.7}.manual-trouble details{margin:12px 0 0 54px;border:1px solid #eaecf0;border-radius:10px;background:#fafafa;padding:0 14px}.manual-trouble summary{cursor:pointer;padding:13px 0;font-weight:700}.manual-trouble details p{margin:0;padding:0 0 14px;color:#667085;line-height:1.65}.manual-danger{display:flex;gap:15px;align-items:flex-start;border-color:#fed7aa;background:#fffaf5}.manual-danger-icon{flex:0 0 40px;height:40px;border-radius:12px;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.manual-danger h2{margin:1px 0 7px;font-size:18px;color:#9a3412}.manual-danger p{margin:0;color:#7c2d12;line-height:1.7}@media(max-width:980px){.manual-layout{grid-template-columns:1fr}.manual-toc{position:static}.manual-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-quick-start{align-items:flex-start;flex-direction:column}.manual-flow{justify-content:flex-start}}@media(max-width:640px){.manual-toc nav{grid-template-columns:1fr}.manual-section{padding:18px}.manual-section ol,.manual-trouble details{margin-left:0}.manual-flow i{display:none}} /* Platform plan/account optimization */ .plan-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.optimized-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.plan-card-v2{padding:20px}.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-card-head h2{margin:3px 0 0;font-size:18px}.plan-code{font-size:10px;font-weight:800;letter-spacing:.08em;color:#7c3aed;text-transform:uppercase}.plan-price{font-size:24px;font-weight:850;letter-spacing:-.035em;margin:14px 0 5px}.plan-limit-form{margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7}.plan-limit-title{font-size:12px;font-weight:800;color:#475569;margin-bottom:10px}.plan-limit-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-save-row{display:flex;justify-content:flex-end;margin-top:12px}.plan-subscription-table{margin-top:18px}.account-overview-panel{margin-bottom:16px}.section-head-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-head-inline h2{margin-bottom:4px}.account-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}.account-summary-item{min-width:0;padding:14px;border:1px solid #edf0f5;border-radius:11px;background:#fafbfe}.account-summary-item span{display:block;color:#64748b;font-size:11px;margin-bottom:7px}.account-summary-item b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-settings-grid{grid-template-columns:1.25fr .75fr}.security-detail-card .detail-kv{margin-bottom:0}.password-security-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:24px;align-items:end}.password-security-layout h2{margin-bottom:7px}.password-inline-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.password-inline-form .btn{white-space:nowrap}.session-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.session-panel-head h2{margin-bottom:5px}.account-session-table table{min-width:980px}.current-session-row{background:#f7f8ff}.session-ended-at{font-size:10px;color:#94a3b8;margin-top:4px}.account-session-table form{margin:0} @media(max-width:1400px){.account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.optimized-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.password-security-layout{grid-template-columns:1fr}.password-inline-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}} @media(max-width:980px){.plan-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.account-settings-grid{grid-template-columns:1fr}.password-inline-form{grid-template-columns:1fr 1fr}.password-inline-form .btn{align-self:end}.session-panel-head{flex-direction:column}.optimized-plan-grid{grid-template-columns:1fr}} @media(max-width:760px){.plan-kpis,.account-summary-grid,.plan-limit-fields,.password-inline-form{grid-template-columns:1fr}.password-inline-form .btn{width:100%}} /* TripOffice 9.7.0 - Work board + workspace dark theme */ .theme-toggle{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#475569;cursor:pointer;font-size:11px;font-weight:800}.theme-toggle-icon{font-size:15px}.theme-toggle:hover{background:#f8fafc}.nav-workboard{margin-bottom:8px!important;background:rgba(91,76,230,.08)!important;border:1px solid rgba(139,127,241,.12)}.nav-workboard.active{background:linear-gradient(135deg,#4b42dc,#674cf2)!important} .workboard-page-head{align-items:center}.workboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.workboard-kpis .card{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.workboard-kpis .card span{color:var(--muted);font-size:12px;font-weight:700}.workboard-kpis .card b{font-size:22px}.workboard-kpis .danger-card{border-color:#fecaca;background:#fff7f7}.workboard-kpis .danger-card b{color:#dc2626}.workboard-toolbar{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.workboard-tabs{display:flex;gap:6px;overflow:auto;min-width:0}.workboard-tabs a{padding:8px 11px;border-radius:8px;white-space:nowrap;color:#64748b;font-size:12px;font-weight:800}.workboard-tabs a:hover{background:#f3f4f6}.workboard-tabs a.active{background:#ede9fe;color:#5b4ce6}.workboard-filters{display:grid;grid-template-columns:135px 135px minmax(140px,230px) auto;gap:7px}.workboard-filters input,.workboard-filters select{height:34px;font-size:12px}.kanban-board{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:2px 0 18px;min-height:520px;scrollbar-width:thin}.kanban-column{flex:0 0 304px;width:304px;border:1px solid var(--line);border-radius:14px;background:#eef2f7;overflow:hidden}.kanban-column>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(100,116,139,.14);background:#f8fafc}.kanban-column>header>div{display:flex;align-items:center;gap:8px}.kanban-column>header i{width:8px;height:8px;border-radius:50%;background:var(--column-color,#64748b)}.kanban-column>header b{font-size:12px}.kanban-column>header>span{min-width:25px;height:23px;display:grid;place-items:center;border-radius:999px;background:#e7ebf2;color:#64748b;font-size:10px;font-weight:900}.kanban-list{min-height:470px;padding:9px;display:grid;align-content:start;gap:9px;transition:background .15s ease}.kanban-list.is-dragover{background:#e0e7ff}.kanban-card{border:1px solid #e2e7ef;border-radius:11px;background:#fff;padding:12px;box-shadow:0 3px 10px rgba(15,23,42,.045);cursor:grab;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.kanban-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(15,23,42,.08);border-color:#cfd7e6}.kanban-card.is-dragging{opacity:.45;transform:rotate(1deg)}.kanban-card.is-overdue{border-color:#fecaca}.kanban-card.priority-urgent{border-left:3px solid #dc2626}.kanban-card.priority-high{border-left:3px solid #f59e0b}.kanban-card.priority-normal{border-left:3px solid #6366f1}.kanban-card.priority-low{border-left:3px solid #94a3b8}.kanban-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.priority-pill,.overdue-pill{display:inline-flex;padding:3px 6px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:900}.overdue-pill{background:#fef2f2;color:#dc2626}.kanban-card h3{font-size:13px;line-height:1.4;margin:9px 0 5px}.kanban-card h3 a:hover{color:#4f46e5}.kanban-card p{margin:0 0 9px;color:#64748b;font-size:11px;line-height:1.45}.kanban-meta{display:flex;flex-wrap:wrap;gap:6px 9px;color:#64748b;font-size:9px}.source-link{display:inline-flex;margin-top:9px;padding:5px 7px;border-radius:7px;background:#f5f3ff;color:#5b4ce6;font-size:9px;font-weight:800}.kanban-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #eef2f7}.kanban-card footer small{color:#94a3b8;font-size:9px}.kanban-card footer>a{font-size:14px;color:#94a3b8}.work-detail .work-description{margin-top:16px;padding:14px;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px;line-height:1.65}.work-checklist{display:grid;gap:6px}.work-checklist form{margin:0}.checkline{width:100%;min-height:40px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e7ebf2;border-radius:9px;background:#fff;color:#334155;text-align:left;cursor:pointer}.checkline span{font-size:17px;color:#6366f1}.checkline b{font-size:11px}.checkline.done b{text-decoration:line-through;color:#94a3b8}.comment-form textarea{height:86px}.comment-list{display:grid;margin-top:15px}.comment-list article{padding:12px 0;border-top:1px solid var(--line)}.comment-list header{display:flex;justify-content:space-between;gap:10px}.comment-list header b{font-size:11px}.comment-list header small{font-size:9px;color:#94a3b8}.comment-list p{margin:7px 0 0;font-size:12px;line-height:1.55;color:#475569}.work-activity{display:grid}.work-activity>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 9px;padding:9px 0;border-bottom:1px solid var(--line)}.work-activity span{font-size:11px;font-weight:800}.work-activity b{font-size:10px;color:#64748b}.work-activity small{grid-column:1/-1;font-size:9px;color:#94a3b8}.dashboard-work-widget{padding:18px}.dashboard-work-widget .section-head h3{margin:0 0 4px}.work-summary-mini{display:flex;gap:8px;margin:14px 0}.work-summary-mini span{min-width:105px;padding:9px 11px;border-radius:9px;background:#f8fafc;display:grid;gap:3px}.work-summary-mini small{font-size:9px;color:#64748b}.work-summary-mini b{font-size:17px}.work-summary-mini .danger{background:#fef2f2}.work-summary-mini .danger b{color:#dc2626}.dashboard-work-list{display:grid;border-top:1px solid var(--line)}.dashboard-work-list>a{display:grid;grid-template-columns:8px minmax(0,1fr) 110px 80px;align-items:center;gap:9px;padding:9px 3px;border-bottom:1px solid var(--line)}.dashboard-work-list>a:hover{background:#fafbff}.dashboard-work-list b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-work-list small,.dashboard-work-list em{font-size:9px;color:#94a3b8;font-style:normal}.priority-dot{width:7px;height:7px;border-radius:50%;background:#6366f1}.priority-dot.urgent{background:#dc2626}.priority-dot.high{background:#f59e0b}.priority-dot.low{background:#94a3b8} html[data-theme="dark"] body[data-tripoffice-workspace="1"]{--bg:#0b1018;--line:#263143;--text:#e7edf7;--muted:#91a0b5;background:#0b1018;color:#e7edf7;color-scheme:dark}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .main,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .content{background:#0b1018}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .topbar{background:#101722;border-color:#263143}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .panel,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .table-wrap,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .table-head{background:#111925;border-color:#263143;box-shadow:none}html[data-theme="dark"] body[data-tripoffice-workspace="1"] input,html[data-theme="dark"] body[data-tripoffice-workspace="1"] select,html[data-theme="dark"] body[data-tripoffice-workspace="1"] textarea{background:#0d1520;border-color:#334155;color:#e7edf7}html[data-theme="dark"] body[data-tripoffice-workspace="1"] input::placeholder,html[data-theme="dark"] body[data-tripoffice-workspace="1"] textarea::placeholder{color:#607086}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .btn,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .lang-links a,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .theme-toggle{background:#15202e;border-color:#334155;color:#d6dfec}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .btn:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .lang-links a:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .theme-toggle:hover{background:#1b2a3c;border-color:#46566d}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .btn.primary{background:linear-gradient(135deg,#5b4ce6,#7665ff);color:#fff;border:0}html[data-theme="dark"] body[data-tripoffice-workspace="1"] th{background:#151e2b;color:#9eacc0}html[data-theme="dark"] body[data-tripoffice-workspace="1"] td,html[data-theme="dark"] body[data-tripoffice-workspace="1"] th{border-color:#253044}html[data-theme="dark"] body[data-tripoffice-workspace="1"] tbody tr:hover{background:#141e2c}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .role-chip{background:#262451;color:#c8c1ff}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .badge.neutral{background:#1e293b;color:#cbd5e1}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .notice{background:#1e2548;color:#c7d2fe}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .notice.warning{background:#3a2a13;color:#fbd38d}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .notice.danger{background:#3b171a;color:#fecaca}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .notice.success{background:#123528;color:#a7f3d0}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .detail-grid>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .metric-list span,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .usage-detail-card{background:#0e1723;border-color:#263143}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog{background:#111925;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-head,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-body .form-actions{background:#121b28;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-body{background:#0c131d}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-close{background:#172231;border-color:#334155;color:#b6c2d4}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-launcher{background:#101927;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-column{background:#0f1722;border-color:#263143}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-column>header{background:#131d2a;border-color:#263143}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-column>header>span{background:#202c3d;color:#9fb0c5}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-card{background:#151f2c;border-color:#2b384b;box-shadow:none}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-card:hover{border-color:#475569;background:#172334}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-card p,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-meta{color:#94a3b8}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-card footer{border-color:#263143}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .source-link{background:#292653;color:#c4b5fd}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .priority-pill{background:#202c3d;color:#b6c2d4}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .overdue-pill{background:#451b20;color:#fecaca}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .kanban-list.is-dragover{background:#1c2450}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .workboard-tabs a:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .work-summary-mini span{background:#172231}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .workboard-tabs a.active{background:#2d285d;color:#d8d2ff}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .work-detail .work-description,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .checkline{background:#0e1723;border-color:#2b384b;color:#dbe5f2}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .comment-list p{color:#bac6d6}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .dashboard-work-list>a:hover{background:#131d2a}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .workboard-kpis .danger-card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .work-summary-mini .danger{background:#36191e;border-color:#5b2026} @media(max-width:1100px){.workboard-toolbar{align-items:stretch;flex-direction:column}.workboard-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.workboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-toggle-label{display:none}} @media(max-width:760px){.workboard-kpis{grid-template-columns:1fr 1fr}.workboard-filters{grid-template-columns:1fr}.kanban-column{flex-basis:86vw;width:86vw}.dashboard-work-list>a{grid-template-columns:8px minmax(0,1fr) 70px}.dashboard-work-list em{display:none}.work-summary-mini{overflow:auto}.theme-toggle{width:34px;padding:0;justify-content:center}.top-actions .lang-links{display:none}} /* TripOffice 9.7.1 - user access optimization */ .user-access-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-access-title-row h1{margin:0}.user-access-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.user-access-kpis .card{padding:15px}.user-access-kpis .card>span{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:7px}.user-access-kpis .card>b{display:block;font-size:18px;line-height:1.25}.user-access-kpis .card>small{display:block;margin-top:6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-access-main{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.user-access-profile-grid .span-two{grid-column:span 2}.permission-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.permission-panel-head h2{margin-bottom:4px}.permission-summary{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.permission-search{margin:14px 0 10px}.permission-search input{max-width:360px}.permission-groups-v2{display:grid;gap:9px}.permission-group-v2{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--card,#fff)}.permission-group-v2>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;cursor:pointer;background:#fafbfe}.permission-group-v2>summary::-webkit-details-marker{display:none}.permission-group-v2>summary span{min-width:25px;height:22px;display:grid;place-items:center;border-radius:999px;background:#eef2f7;color:#64748b;font-size:10px;font-weight:850}.permission-group-v2 .permission-grid{padding:10px}.permission-card-v2{justify-content:space-between;align-items:center}.permission-card-v2 select{width:96px;min-width:96px}.user-access-savebar{position:sticky;bottom:10px;z-index:16;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(15,23,42,.12);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:12px}.user-access-savebar div{display:grid;gap:2px}.user-access-savebar small{color:var(--muted);font-size:10px}.user-access-empty{padding:18px 2px}.user-access-session-table{margin-top:12px}.user-access-session-table table{min-width:760px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .permission-group-v2{background:#111925;border-color:#263143}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .permission-group-v2>summary{background:#151e2b}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .permission-group-v2>summary span{background:#202c3d;color:#aebed1}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .user-access-savebar{background:rgba(17,25,37,.94);border-color:#334155;box-shadow:none} @media(max-width:1050px){.user-access-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.user-access-main{grid-template-columns:1fr}}@media(max-width:760px){.user-access-kpis{grid-template-columns:1fr 1fr}.permission-panel-head{display:grid}.permission-summary{justify-content:flex-start}.permission-search input{max-width:none}.user-access-profile-grid{grid-template-columns:1fr}.user-access-profile-grid .span-two{grid-column:auto}.user-access-savebar{bottom:6px}.user-access-savebar small{display:none}}@media(max-width:480px){.user-access-kpis{grid-template-columns:1fr}} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .permission-card-v2{background:#0e1723;border-color:#2b384b} /* TripOffice 9.7.2 Employee Management Optimization */ .employee-page-head{align-items:center}.employee-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.employee-kpis .card{display:grid;gap:6px;padding:16px}.employee-kpis .card span{color:var(--muted);font-size:11px;font-weight:750}.employee-kpis .card b{font-size:25px;line-height:1}.employee-kpis .card small{color:var(--muted);font-size:10px}.employee-kpi-risk{border-color:#fecaca!important;background:#fff7f7!important}.employee-kpi-risk b{color:#dc2626}.employee-plan-usage{margin-bottom:16px}.employee-create-desc{margin:-6px 0 16px}.employee-filter-panel{padding:16px;margin-top:16px}.employee-filter-grid{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(5,minmax(130px,.7fr));gap:10px;align-items:end}.employee-filter-grid label{display:grid;gap:6px;font-size:11px;font-weight:750;color:var(--muted)}.employee-filter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.employee-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.employee-select-all{display:flex!important;align-items:center;gap:8px!important;font-size:12px!important}.employee-select-all input{width:16px;height:16px}.employee-bulk-actions{display:flex;align-items:center;gap:7px}.employee-bulk-actions select{width:auto;min-width:170px;height:34px}.employee-table{min-width:1220px}.employee-check-col{width:42px;text-align:center}.employee-check-col input{width:16px;height:16px}.employee-actions-col{width:160px}.employee-identity{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center}.employee-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#5b4ce6;font-size:13px;font-weight:850}.employee-identity>div{min-width:0;display:grid;gap:3px}.employee-identity b{font-size:13px}.employee-identity small,.employee-identity span:not(.employee-avatar),.employee-table td>small,.employee-org-main+small,.employee-scope{display:block;color:var(--muted);font-size:10px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.employee-org-main{display:block;margin-bottom:4px}.employee-status-stack{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.employee-risk-text{color:#b45309!important;margin-top:4px}.employee-session-count{min-width:30px;height:30px;border-radius:999px;background:#f1f5f9;color:#64748b;display:inline-grid;place-items:center;font-weight:850}.employee-session-count.is-active{background:#ecfdf5;color:#047857}.employee-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.employee-action-menu{position:relative}.employee-action-menu summary{list-style:none;cursor:pointer}.employee-action-menu summary::-webkit-details-marker{display:none}.employee-action-menu-pop{position:absolute;right:0;top:40px;z-index:12;min-width:180px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px rgba(15,23,42,.15);display:grid;gap:3px}.employee-action-menu-pop button{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:11px}.employee-action-menu-pop button:hover{background:#f5f7fb}.employee-empty{display:grid;place-items:center;gap:5px;padding:38px 12px;color:var(--muted)}.employee-empty b{color:var(--text)}.employee-empty small{font-size:11px}.employee-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.employee-pagination span{font-size:11px;color:var(--muted)}.employee-pagination .is-disabled{pointer-events:none;opacity:.45} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-kpi-risk{background:#36191e!important;border-color:#5b2026!important}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-action-menu-pop{background:#111925;border-color:#334155;box-shadow:0 18px 40px rgba(0,0,0,.35)}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-action-menu-pop button:hover{background:#172334}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-avatar{background:#2d285d;color:#d8d2ff}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-session-count{background:#202c3d;color:#aab8ca}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-session-count.is-active{background:#123528;color:#a7f3d0} @media(max-width:1280px){.employee-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-filter-search{grid-column:span 2}}@media(max-width:900px){.employee-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-search{grid-column:1/-1}.employee-filter-actions{align-items:flex-start;flex-direction:column}.employee-bulkbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.employee-kpis,.employee-filter-grid{grid-template-columns:1fr}.employee-filter-search{grid-column:auto}.employee-bulk-actions{width:100%;display:grid;grid-template-columns:1fr auto}.employee-bulk-actions select{min-width:0}.employee-pagination{justify-content:space-between}} /* TripOffice 9.7.3 Dashboard Welcome + unclipped employee actions */ .employee-action-trigger{min-width:42px;padding:0 12px} .employee-action-portal{position:fixed;z-index:12000;min-width:184px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 45px rgba(15,23,42,.20);display:grid;gap:3px} .employee-action-portal[hidden]{display:none!important} .employee-action-portal button{width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:10px 11px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:650} .employee-action-portal button:hover,.employee-action-portal button:focus{background:#f4f6fa;outline:0} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-action-portal{background:#111925;border-color:#334155;box-shadow:0 20px 48px rgba(0,0,0,.48)} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-action-portal button:hover, html[data-theme="dark"] body[data-tripoffice-workspace="1"] .employee-action-portal button:focus{background:#172334} .dashboard-welcome-banner{min-height:112px;margin:-26px -26px 22px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#f8fafc;background:radial-gradient(circle at 72% -40%,rgba(91,76,230,.16),transparent 34%),linear-gradient(120deg,#101722 0%,#0b111a 52%,#11161d 100%);border-bottom:1px solid rgba(255,255,255,.05)} .dashboard-welcome-copy{min-width:0} .dashboard-welcome-copy h2{margin:0 0 7px;font-size:22px;line-height:1.25;letter-spacing:-.035em;color:#fff} .dashboard-welcome-copy p{margin:0;color:#9da8b8;font-size:13px} .dashboard-welcome-meta{display:flex;align-items:center;gap:17px;flex:0 0 auto;color:#f1f5f9} .dashboard-date{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:650} .dashboard-meta-icon{font-size:14px;color:#f8fafc} .dashboard-meta-divider{width:1px;height:28px;background:rgba(255,255,255,.08)} .dashboard-weather-wrap{display:grid;justify-items:end;gap:0}.dashboard-weather{height:34px;padding:0;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:10px;cursor:pointer}.dashboard-weather-source{margin-top:-1px;color:#657184;font-size:8px;letter-spacing:.01em} .dashboard-weather:hover .dashboard-weather-place{text-decoration:underline;text-underline-offset:3px} .dashboard-weather-place{font-size:12px;color:#eef2f7;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dashboard-weather strong{font-size:14px;color:#ffc928;font-weight:800;white-space:nowrap} .dashboard-weather-icon{min-width:25px;color:#ffc928;font-size:25px;line-height:1;text-align:center;text-shadow:0 0 18px rgba(255,201,40,.18)} .dashboard-weather:not(.is-ready) .dashboard-weather-icon{opacity:.72} @media(max-width:900px){.dashboard-welcome-banner{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-welcome-meta{width:100%;justify-content:flex-start}} @media(max-width:760px){.dashboard-welcome-banner{margin:-16px -16px 18px;padding:19px 16px;min-height:0}.dashboard-welcome-copy h2{font-size:19px}.dashboard-welcome-meta{gap:10px;overflow:auto;padding-bottom:2px}.dashboard-meta-divider{height:24px}.dashboard-weather-place{max-width:105px}} @media(max-width:460px){.dashboard-welcome-meta{display:grid;grid-template-columns:1fr;gap:8px}.dashboard-meta-divider{display:none}.dashboard-weather-wrap{justify-items:start}.dashboard-weather{justify-content:flex-start}} /* TripOffice 10.0.0 - Unified Workspace / Platform Operations UI */ .command-open-btn,.quick-create-btn,.top-icon-btn{height:36px;border:1px solid var(--line);background:#fff;color:#475569;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.command-open-btn{padding:0 10px;font-size:12px}.command-open-btn kbd{font-size:9px;color:#94a3b8;background:#f8fafc;border:1px solid #e5e7eb;border-bottom-width:2px;border-radius:5px;padding:2px 5px}.quick-create-btn,.top-icon-btn{width:36px;padding:0;font-size:17px}.top-icon-btn{position:relative}.top-icon-btn.is-favorite{color:#d97706;background:#fffbeb;border-color:#fde68a}.workspace-quick-create{position:relative}.quick-create-menu{position:absolute;right:0;top:44px;z-index:1200;width:220px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18)}.quick-create-menu[hidden]{display:none!important}.quick-create-menu>b{display:block;padding:7px 9px;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.quick-create-menu a{display:flex;gap:9px;align-items:center;padding:10px 11px;border-radius:8px;font-size:12px;font-weight:650}.quick-create-menu a:hover{background:#f5f3ff;color:#5145cd} .command-palette{position:fixed;inset:0;z-index:15000;background:rgba(15,23,42,.52);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:9vh 18px 18px}.command-palette[hidden]{display:none!important}.command-palette-dialog{width:min(720px,100%);max-height:min(720px,82vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe5ef;border-radius:16px;background:#fff;box-shadow:0 32px 90px rgba(15,23,42,.28)}.command-palette-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.command-palette-head>span{color:#64748b;font-size:18px}.command-palette-head input{height:46px;border:0!important;box-shadow:none!important;padding:0;background:transparent;font-size:15px}.command-palette-body{overflow:auto;padding:10px}.command-palette-section{display:grid;gap:3px;margin-bottom:10px}.command-palette-section>strong{padding:7px 9px;color:#94a3b8;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.command-palette-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-radius:9px;color:#334155;cursor:pointer}.command-palette-item:hover,.command-palette-item.is-active{background:#f3f1ff;color:#4338ca}.command-palette-item>span:first-child{width:28px;height:28px;border-radius:7px;background:#eef2ff;display:grid;place-items:center}.command-palette-item b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item small{font-size:9px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.command-palette footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:#fafbfe;color:#94a3b8;font-size:10px} .v100-link-list{display:grid;gap:8px;margin-top:14px}.v100-link-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fbfcff}.v100-link-row>a,.v100-link-row.simple{flex:1;min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px}.v100-link-row.simple{flex:none;width:100%}.v100-link-row>a>span,.v100-link-row.simple>span{width:30px;height:30px;border-radius:8px;background:#eef2ff;color:#5b4ce6;display:grid;place-items:center}.v100-link-row div{display:grid;gap:3px;min-width:0}.v100-link-row b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v100-link-row small{font-size:9px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-widget-grid .span-full{grid-column:1/-1}.dashboard-widget-card{margin:0}.workspace-compact .content{padding:18px}.workspace-compact .panel{padding:17px}.workspace-compact th,.workspace-compact td{padding:8px 10px}.workspace-compact .card{padding:13px}.workspace-compact .section-gap{margin-top:12px}.workspace-compact .page-head{margin-bottom:14px} .v100-operation-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.v100-ops-kpis .card{min-height:105px}.v100-ops-kpis .num{font-size:24px}.platform-global-search{position:relative;display:flex;align-items:center;min-width:min(420px,38vw)}.platform-global-search>span{position:absolute;left:12px;color:#94a3b8;z-index:1}.platform-global-search .search{max-width:none;padding-left:34px}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-btn{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#475569;cursor:pointer}.platform-account-link{display:grid;gap:1px;line-height:1.2}.platform-account-link b{font-size:11px}.platform-account-link small{font-size:9px;color:#94a3b8}.platform-alert-button{position:relative;width:35px;height:35px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#fff;color:#5b4ce6}.platform-alert-button span{position:absolute;right:-6px;top:-7px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:#ef4444;color:#fff;font-size:8px;font-weight:800} html[data-platform-theme="dark"] body[data-tripoffice-platform="1"]{--bg:#0a0f17;--line:#253044;--text:#e5eaf2;--muted:#93a0b4;background:#0a0f17;color:#e5eaf2}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .main,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .content{background:#0a0f17}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .topbar{background:#0f1722;border-color:#263247}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .panel,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .card,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .table-wrap,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .primary-modal-dialog{background:#111925;border-color:#273449;box-shadow:none}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .table-head,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] th{background:#131d2b;border-color:#2a374a;color:#a9b6c8}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] td{border-color:#243044}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] tbody tr:hover{background:#151f2d}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] input,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] select,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] textarea,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .btn,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .lang-links a,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-alert-button,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .mobile-menu-btn{background:#0d1520;border-color:#334155;color:#dce5f2}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] input::placeholder{color:#64748b}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .btn:hover{background:#172334;border-color:#475569}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .primary-modal-head,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .primary-modal-body .form-actions{background:#111925;border-color:#2a374a}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .primary-modal-body{background:#0d141f}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .detail-grid>div,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .check-card{background:#0e1723;border-color:#2c394c}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .notice{background:#17203a;color:#c7d2fe}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .notice.success{background:#0f2d24;color:#a7f3d0}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .notice.warning{background:#392711;color:#fcd34d}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .notice.danger{background:#3b171b;color:#fecaca}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .theme-toggle{background:#101a27;border-color:#334155;color:#dbe6f4} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-open-btn,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .quick-create-btn,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .top-icon-btn{background:#111925;border-color:#334155;color:#dbe6f4}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-open-btn kbd{background:#0c1420;border-color:#334155;color:#94a3b8}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .quick-create-menu,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette-dialog{background:#111925;border-color:#334155;color:#e5e7eb}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .quick-create-menu a:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette-item:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette-item.is-active{background:#1b2440;color:#c4b5fd}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette-head,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette footer{border-color:#2c394c;background:#0e1723}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette-head input{background:transparent!important}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .v100-link-row{background:#0f1824;border-color:#2d3a4e}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .v100-link-row>a>span,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .v100-link-row.simple>span{background:#23254d;color:#c4b5fd}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .top-icon-btn.is-favorite{background:#3b2c0d;color:#fbbf24;border-color:#5d4513} @media(max-width:1100px){body[data-tripoffice-platform="1"] .app{display:block}.platform-app .sidebar{display:block;position:fixed;left:-275px;top:0;bottom:0;width:264px;max-height:none;z-index:13000;transition:left .2s ease;box-shadow:0 15px 45px rgba(15,23,42,.28)}body.platform-sidebar-open .platform-app .sidebar{left:0}.platform-app .sidebar-backdrop{position:fixed;inset:0;z-index:12990;border:0;background:rgba(15,23,42,.55);display:block}.platform-app .sidebar-backdrop[hidden]{display:none!important}.platform-app .sidebar .nav span,.platform-app .sidebar .nav-title,.platform-app .logo span{display:inline}.platform-app .mobile-menu-btn{display:inline-grid;place-items:center}.platform-global-search{min-width:min(360px,44vw)}.dashboard-widget-grid{grid-template-columns:1fr}.dashboard-widget-grid .span-full{grid-column:auto}} @media(max-width:760px){.command-open-btn kbd{display:none}.workspace-quick-create .quick-create-menu{position:fixed;left:12px;right:12px;top:68px;width:auto}.command-palette{padding:0;align-items:stretch}.command-palette-dialog{width:100%;max-height:100vh;height:100vh;border-radius:0;border:0}.dashboard-widget-grid{grid-template-columns:1fr}.platform-global-search{min-width:0;flex:1}.platform-global-search .search{display:block!important}.platform-app .topbar{height:auto;min-height:64px;padding:10px 12px;gap:10px;align-items:flex-start}.platform-app .topbar-left{flex:1}.platform-app .top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.platform-app .lang-links,.platform-account-link{display:none}.v100-operation-actions{display:grid;grid-template-columns:1fr}.v100-operation-actions form .btn{width:100%}.v100-link-row{align-items:flex-start;flex-direction:column}.v100-link-row form,.v100-link-row form .btn{width:100%}} /* v10 command palette markup alignment + mobile sidebar state */ body.command-open{overflow:hidden}.command-palette .command-dialog{width:min(720px,100%);max-height:min(720px,82vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe5ef;border-radius:16px;background:#fff;box-shadow:0 32px 90px rgba(15,23,42,.28)}.command-palette .command-dialog>header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}.command-palette .command-dialog>header>div{display:flex;align-items:baseline;gap:10px}.command-palette .command-dialog>header span{font-size:10px;letter-spacing:.12em;color:#6d5dfc;font-weight:900}.command-palette .command-dialog>header h2{margin:0;font-size:17px}.command-palette .command-dialog>header kbd{padding:4px 7px;border:1px solid #e2e8f0;border-bottom-width:2px;border-radius:6px;background:#f8fafc;color:#64748b;font-size:9px}.command-search{display:flex!important;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}.command-search>span{color:#94a3b8;font-size:18px}.command-search input{height:42px;border:0!important;box-shadow:none!important;background:transparent!important;padding:0;font-size:14px}.command-results{overflow:auto;padding:8px 10px 12px}.command-group-label{padding:9px 10px 5px;color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.command-results [data-command-item="1"]{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:9px;color:#334155}.command-results [data-command-item="1"]:hover{background:#f3f1ff;color:#4338ca}.command-results [data-command-item="1"]>span{width:30px;height:30px;border-radius:8px;background:#eef2ff;display:grid;place-items:center;color:#5b4ce6}.command-results [data-command-item="1"]>b{min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-results [data-command-item="1"]>small{font-size:9px;color:#94a3b8;white-space:nowrap}.command-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid var(--line);background:#fafbfe;color:#94a3b8;font-size:10px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette .command-dialog{background:#111925;border-color:#334155;color:#e5e7eb}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette .command-dialog>header,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-search,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-dialog>footer{border-color:#2c394c}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-dialog>footer{background:#0e1723}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-results [data-command-item="1"]{color:#dbe6f4}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-results [data-command-item="1"]:hover{background:#1b2440;color:#c4b5fd}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-results [data-command-item="1"]>span{background:#252852;color:#c4b5fd}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .command-palette .command-dialog>header kbd{background:#0d1520;border-color:#334155;color:#94a3b8} @media(max-width:1100px){body.platform-mobile-menu-open .platform-app .sidebar{left:0}} @media(max-width:760px){.command-palette .command-dialog{height:100vh;max-height:none;border:0;border-radius:0}.command-palette .command-dialog>header{min-height:60px}} .platform-v10-health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.platform-v10-health>a{min-height:76px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:11px;background:#fff}.platform-v10-health small{font-size:10px;color:var(--muted)}.platform-v10-health b{font-size:18px}.platform-v10-health>a:hover{border-color:#c7d2fe;box-shadow:0 6px 18px rgba(79,70,229,.07)}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-v10-health>a{background:#111925;border-color:#273449}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-v10-health>a:hover{border-color:#4f46e5}@media(max-width:1100px){.platform-v10-health{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.platform-v10-health{grid-template-columns:1fr 1fr}}@media(max-width:460px){.platform-v10-health{grid-template-columns:1fr}} /* TripOffice v10.5.0 - Platform Admin Operations 2.0 */ .platform-v105-strip{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.platform-v105-strip>a{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--line,#e6e8ef);border-radius:14px;background:var(--card,#fff);text-decoration:none;color:inherit}.platform-v105-strip small{color:var(--muted,#7b8190);font-size:12px}.platform-v105-strip b{font-size:20px}.health-score{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:32px;padding:0 10px;border-radius:999px;font-weight:800}.health-score.normal{background:#e8f8ef;color:#14864b}.health-score.warning{background:#fff4d8;color:#b87500}.health-score.critical{background:#ffe5e7;color:#c83243}.inline-search{display:flex;gap:8px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pills a{padding:8px 12px;border:1px solid var(--line,#e6e8ef);border-radius:999px;text-decoration:none;color:inherit;background:var(--card,#fff)}.collapsible-panel{margin-bottom:16px}.timeline-list{display:flex;flex-direction:column}.timeline-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line,#e6e8ef)}.timeline-row:last-child{border-bottom:0}.timeline-row time{font-size:12px;color:var(--muted,#7b8190)}.timeline-row>div{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.timeline-row p{width:100%;margin:6px 0 0}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-actions input,.inline-actions select{width:auto;min-width:130px}.export-cards .panel{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.export-cards .btn{margin-top:auto}.plan-limit-fields-v105{grid-template-columns:repeat(2,minmax(0,1fr))}.company-tabs{overflow-x:auto;scrollbar-width:thin}.company-tabs a{white-space:nowrap}.sidebar .nav{overflow-y:auto;overscroll-behavior:contain}.sidebar .nav>a span{min-width:0}.sidebar .nav-count{margin-left:auto}.platform-app .content>.notice:first-child{margin-top:0} @media(max-width:1280px){.platform-v105-strip{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.platform-v105-strip{grid-template-columns:repeat(2,1fr)}.timeline-row{grid-template-columns:1fr;gap:6px}.plan-limit-fields-v105{grid-template-columns:1fr}.inline-actions input,.inline-actions select{width:100%}} html[data-platform-theme="dark"] .platform-v105-strip>a,html[data-platform-theme="dark"] .filter-pills a{background:#151822;border-color:#2a2f3c;color:#f4f6fb}html[data-platform-theme="dark"] .health-score.normal{background:#123424;color:#6de3a0}html[data-platform-theme="dark"] .health-score.warning{background:#3d3014;color:#ffd36f}html[data-platform-theme="dark"] .health-score.critical{background:#3b1c22;color:#ff8c9b} /* TripOffice 10.5.5 - global action toast */ .tripoffice-toast-region{position:fixed;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom,0px) + 20px));z-index:2147483000;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;transform:translateX(-50%);pointer-events:none;width:min(calc(100vw - 28px),620px)} .tripoffice-toast{max-width:100%;min-width:190px;padding:13px 17px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(18,20,24,.96);color:#f7f8fb;box-shadow:0 10px 32px rgba(0,0,0,.26);font-size:14px;font-weight:600;line-height:1.45;letter-spacing:-.01em;text-align:center;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1);pointer-events:auto;cursor:default;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .tripoffice-toast.is-visible{opacity:1;transform:translateY(0) scale(1)} .tripoffice-toast.is-leaving{opacity:0;transform:translateY(8px) scale(.985)} .tripoffice-toast-success{border-color:rgba(148,163,184,.32)} .tripoffice-toast-danger{border-color:rgba(248,113,113,.58);background:rgba(53,20,24,.97);color:#fff0f0} .tripoffice-toast-warning{border-color:rgba(250,204,21,.48);background:rgba(48,38,11,.97);color:#fff9d6} .tripoffice-toast-info{border-color:rgba(96,165,250,.45);background:rgba(15,32,52,.97);color:#eff7ff} html[data-theme="light"] .tripoffice-toast,html[data-platform-theme="light"] .tripoffice-toast{background:rgba(17,19,24,.96);color:#fff;border-color:rgba(255,255,255,.2)} @media (max-width:760px){.tripoffice-toast-region{bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));width:min(calc(100vw - 20px),520px)}.tripoffice-toast{min-width:0;width:auto;max-width:100%;padding:12px 15px;font-size:13px}} @media (prefers-reduced-motion:reduce){.tripoffice-toast{transition:none}} /* TripOffice v10.5.7 - Platform Quick Memo */ .platform-memo-head{align-items:flex-end}.platform-memo-stats{display:flex;gap:10px}.platform-memo-stats>span{min-width:92px;padding:10px 13px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--panel,#fff);display:grid;gap:2px}.platform-memo-stats small{color:#94a3b8;font-size:10px}.platform-memo-stats b{font-size:18px}.platform-memo-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:18px;align-items:start}.platform-memo-editor{position:sticky;top:82px}.platform-memo-editor form{display:grid;gap:14px}.platform-memo-textarea{min-height:260px;resize:vertical;line-height:1.7}.platform-memo-list-wrap{display:grid;gap:14px;min-width:0}.platform-memo-search{display:flex;gap:8px;align-items:center;padding:12px}.platform-memo-search .search{flex:1;min-width:0}.platform-memo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-memo-card{display:flex;flex-direction:column;gap:12px;min-height:190px;position:relative;overflow:hidden}.platform-memo-card.is-pinned{border-color:#c4b5fd;box-shadow:0 0 0 1px rgba(124,58,237,.08)}.platform-memo-card.is-pinned:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#7c3aed}.platform-memo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.platform-memo-card h3{margin:0 0 4px;font-size:15px;line-height:1.45}.platform-memo-card-head small{color:#94a3b8}.platform-memo-pin-mark{color:#7c3aed}.platform-memo-body{white-space:normal;overflow-wrap:anywhere;color:#475569;line-height:1.65;max-height:210px;overflow:auto;padding-right:3px}.platform-memo-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}.platform-memo-actions form{margin:0}.platform-app[data-platform-theme="dark"]{}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-memo-stats>span,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-memo-card{background:#111925;border-color:#2d3a4e}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-memo-card.is-pinned{border-color:#5b4ec7}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-memo-body{color:#cbd5e1}@media(max-width:1100px){.platform-memo-layout{grid-template-columns:1fr}.platform-memo-editor{position:static}.platform-memo-list{grid-template-columns:1fr 1fr}}@media(max-width:720px){.platform-memo-head{align-items:flex-start}.platform-memo-stats{width:100%}.platform-memo-stats>span{flex:1}.platform-memo-list{grid-template-columns:1fr}.platform-memo-search{align-items:stretch;flex-wrap:wrap}.platform-memo-search .search{flex-basis:100%}} /* v10.5.8 Chat Attachment Center */ .to-chat-attachment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 2px 12px}.to-chat-attachment-head>div{display:grid;gap:2px;min-width:0}.to-chat-attachment-head b{font-size:14px}.to-chat-attachment-head small{color:#64748b;line-height:1.45}.to-chat-attachment-head>span{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:800}.to-chat-attachment-filter{grid-template-columns:minmax(140px,1fr) minmax(105px,.55fr) auto}.to-chat-attachment-results{display:grid;gap:8px;margin-top:10px}.to-chat-attachment-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.to-chat-attachment-row:hover{border-color:#c7d2fe;background:#fafaff}.to-chat-attachment-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#4338ca;font-size:10px;font-weight:900;letter-spacing:.02em}.to-chat-attachment-main{display:grid;min-width:0;gap:2px}.to-chat-attachment-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111827;font-weight:800;text-decoration:none}.to-chat-attachment-main span,.to-chat-attachment-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:11px}.to-chat-attachment-actions{display:flex;gap:5px}.to-chat-attachment-actions a,.to-chat-attachment-actions button{width:32px;height:32px;border-radius:9px;border:1px solid #dbe2ea;background:#fff;color:#374151;display:grid;place-items:center;text-decoration:none;cursor:pointer}.to-chat-attachment-actions a:hover,.to-chat-attachment-actions button:hover{border-color:#a5b4fc;color:#4338ca;background:#eef2ff}.chat-theme-dark .to-chat-attachment-row,[data-theme="dark"] .to-chat-attachment-row{background:#111827;border-color:#263244}.chat-theme-dark .to-chat-attachment-name,[data-theme="dark"] .to-chat-attachment-name{color:#f8fafc}.chat-theme-dark .to-chat-attachment-actions a,.chat-theme-dark .to-chat-attachment-actions button,[data-theme="dark"] .to-chat-attachment-actions a,[data-theme="dark"] .to-chat-attachment-actions button{background:#172033;border-color:#344054;color:#e5e7eb}.chat-theme-dark .to-chat-attachment-icon,[data-theme="dark"] .to-chat-attachment-icon{background:#252653;color:#c7d2fe}@media(max-width:760px){.to-chat-attachment-filter{grid-template-columns:1fr}.to-chat-attachment-row{grid-template-columns:38px minmax(0,1fr) auto;padding:9px}.to-chat-attachment-icon{width:38px;height:38px}.to-chat-attachment-main span{display:none}} /* v10.6.0 service maintenance */ .service-maintenance-body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 10%,rgba(99,102,241,.16),transparent 34%),#0b1020;color:#eef2ff;font-family:Inter,Pretendard,Arial,sans-serif}.service-maintenance-page{min-height:100vh;display:grid;place-items:center;padding:28px}.service-maintenance-card{width:min(100%,620px);text-align:center;padding:46px 42px;border:1px solid rgba(148,163,184,.2);border-radius:28px;background:rgba(15,23,42,.88);box-shadow:0 30px 100px rgba(2,6,23,.5);backdrop-filter:blur(16px)}.service-maintenance-mark{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:0 auto 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);font-size:32px;box-shadow:0 16px 38px rgba(79,70,229,.32)}.service-maintenance-card .eyebrow{color:#a5b4fc;font-size:12px;font-weight:800;letter-spacing:.12em}.service-maintenance-card h1{font-size:31px;line-height:1.3;margin:10px 0 14px}.service-maintenance-card>p{color:#cbd5e1;font-size:16px;line-height:1.8;margin:0 auto 22px;max-width:500px}.service-maintenance-time{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0;padding:14px 16px;border-radius:14px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.16);text-align:left}.service-maintenance-time span{color:#94a3b8}.service-maintenance-card>.btn{margin-top:4px}.service-maintenance-card>small{display:block;color:#94a3b8;margin-top:18px}.service-maintenance-card>footer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(148,163,184,.12);color:#64748b;font-size:12px} .to-chat-fab.is-maintenance{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 18px 42px rgba(217,119,6,.3)}.to-chat-panel.is-maintenance>.to-chat-presence,.to-chat-panel.is-maintenance>.to-chat-tabs,.to-chat-panel.is-maintenance>.to-chat-body{display:none}.to-chat-maintenance-state{height:calc(100% - 58px);min-height:300px;padding:36px;display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;background:linear-gradient(180deg,rgba(245,158,11,.08),transparent 50%)}.to-chat-maintenance-state[hidden]{display:none}.to-chat-maintenance-icon{flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:#fffbeb;color:#d97706;display:grid;place-items:center;font-size:28px}.to-chat-maintenance-state>div:last-child{max-width:430px}.to-chat-maintenance-state h3{margin:10px 0 8px;font-size:20px}.to-chat-maintenance-state p{margin:0 0 12px;color:#64748b;line-height:1.65}.to-chat-maintenance-state small{display:block;color:#92400e;margin-bottom:14px} .platform-maintenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.platform-maintenance-card{position:relative;overflow:hidden}.platform-maintenance-card .maintenance-status-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.platform-maintenance-card .maintenance-status-line h2{margin:0;font-size:19px}.platform-maintenance-card .maintenance-copy{color:var(--muted,#64748b);min-height:44px}.platform-maintenance-card .maintenance-meta{margin:14px 0;padding:12px 14px;border-radius:12px;background:rgba(148,163,184,.08);display:grid;gap:5px}.platform-maintenance-card .maintenance-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.maintenance-schedule-form .grid{align-items:end}.maintenance-service-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700}.maintenance-service-chip.chat{color:#d97706}.maintenance-service-chip.workspace{color:#4f46e5} @media(max-width:840px){.platform-maintenance-grid{grid-template-columns:1fr}.service-maintenance-card{padding:34px 24px}.service-maintenance-card h1{font-size:26px}.to-chat-maintenance-state{padding:24px;align-items:flex-start;flex-direction:column}} /* v10.6.3 in-product user/chat manuals */ .manual-doc-head{align-items:flex-start}.manual-page-switch{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.manual-doc-layout{margin-top:18px}.manual-document{min-width:0;padding:30px 34px;line-height:1.78;color:#344054}.manual-document>h2{scroll-margin-top:88px;margin:10px 0 14px;padding-top:8px;font-size:23px;color:#101828}.manual-document>h3{scroll-margin-top:88px;margin:28px 0 10px;font-size:17px;color:#1d2939}.manual-document>h4{margin:22px 0 8px;font-size:14px;color:#344054}.manual-document p{margin:0 0 14px}.manual-document ul,.manual-document ol{margin:9px 0 18px;padding-left:25px}.manual-document li{margin:5px 0}.manual-document blockquote{margin:16px 0;padding:13px 16px;border-left:4px solid #6957f5;border-radius:0 10px 10px 0;background:#f7f5ff;color:#4b3fc0}.manual-document code{padding:2px 6px;border-radius:6px;background:#f2f4f7;color:#344054;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.manual-document .manual-code{overflow:auto;margin:16px 0;padding:16px;border-radius:12px;background:#101828;color:#f8fafc}.manual-document .manual-code code{padding:0;background:transparent;color:inherit}.manual-divider{border:0;border-top:1px solid #eaecf0;margin:26px 0}.manual-document>footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:18px;border-top:1px solid #eaecf0;color:#98a2b3;font-size:12px}.workspace-help-title{margin-top:12px}.workspace-manual-link{margin-bottom:4px}.to-chat-manual-quick{padding:4px}.to-chat-manual-hero{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e5e7eb;border-radius:13px;background:#f8fafc}.to-chat-manual-hero>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:12px;background:#6254ea;color:#fff;font-size:20px;font-weight:900}.to-chat-manual-hero b{display:block;font-size:14px}.to-chat-manual-hero p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.55}.to-chat-manual-quick ul{margin:14px 0 16px;padding:0;list-style:none;display:grid;gap:7px}.to-chat-manual-quick li{position:relative;padding:9px 10px 9px 30px;border:1px solid #eef0f4;border-radius:9px;background:#fff;color:#475569;font-size:12px;line-height:1.45}.to-chat-manual-quick li:before{content:'โœ“';position:absolute;left:11px;color:#6957f5;font-weight:800}.to-chat-manual-open{display:flex;align-items:center;justify-content:center;width:100%} [data-theme="dark"] .manual-document,[data-platform-theme="dark"] .manual-document{color:#cbd5e1}[data-theme="dark"] .manual-document>h2,[data-theme="dark"] .manual-document>h3,[data-theme="dark"] .manual-document>h4,[data-platform-theme="dark"] .manual-document>h2,[data-platform-theme="dark"] .manual-document>h3,[data-platform-theme="dark"] .manual-document>h4{color:#f8fafc}[data-theme="dark"] .manual-document blockquote,[data-platform-theme="dark"] .manual-document blockquote{background:#211d45;color:#c7d2fe}[data-theme="dark"] .manual-document code,[data-platform-theme="dark"] .manual-document code{background:#111827;color:#e5e7eb}[data-theme="dark"] .manual-document>footer,[data-platform-theme="dark"] .manual-document>footer,[data-theme="dark"] .manual-divider,[data-platform-theme="dark"] .manual-divider{border-color:#334155}[data-theme="dark"] .to-chat-manual-hero{background:#111827;border-color:#334155}[data-theme="dark"] .to-chat-manual-hero p{color:#94a3b8}[data-theme="dark"] .to-chat-manual-quick li{background:#111827;border-color:#334155;color:#cbd5e1} @media(max-width:700px){.manual-page-switch{justify-content:flex-start}.manual-document{padding:20px}.manual-document>h2{font-size:20px}.manual-doc-head{display:block}.manual-doc-head .manual-page-switch{margin-top:14px}} /* TripOffice v10.7.0 Company Finance Management */ .finance-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.finance-kpi-grid .card{min-width:0}.finance-kpi-grid .num{font-size:22px}.finance-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 160px 160px auto;gap:10px;align-items:end;margin:0 0 14px}.finance-filter-bar label{margin:0}.finance-filter-bar label>span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.finance-filter-bar input,.finance-filter-bar select{width:100%;min-width:0}.finance-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.finance-status{white-space:nowrap}.finance-status-paid,.finance-status-completed,.finance-status-approved,.finance-status-issued{color:#12805c}.finance-status-open,.finance-status-requested,.finance-status-pending{color:#b56a00}.finance-status-rejected,.finance-status-cancelled,.finance-status-void{color:#c43e4b}.finance-amount-positive{color:#12805c;font-weight:700}.finance-amount-negative{color:#c43e4b;font-weight:700}.finance-aging-danger{color:#c43e4b;font-weight:700}.finance-aging-warning{color:#b56a00;font-weight:700}.finance-summary-strip{display:flex;gap:10px;flex-wrap:wrap}.finance-summary-strip .chip{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.finance-doc-print{max-width:920px;margin:0 auto;background:#fff;color:#111;padding:36px}.finance-doc-print table{width:100%;border-collapse:collapse}.finance-doc-print th,.finance-doc-print td{border:1px solid #ddd;padding:9px;text-align:left}@media(max-width:1100px){.finance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-filter-bar{grid-template-columns:1fr 1fr}.finance-filter-bar label:first-child{grid-column:1/-1}}@media(max-width:480px){.finance-kpi-grid{grid-template-columns:1fr}.finance-filter-bar{grid-template-columns:1fr}.finance-filter-bar label:first-child{grid-column:auto}} /* TripOffice v10.8.0 Accounting Management */ .accounting-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.accounting-flow span{padding:9px 12px;border:1px solid var(--border,#dfe3e8);border-radius:999px;background:var(--panel,#fff);font-weight:700}.accounting-flow b{color:var(--muted,#6b7280)} .accounting-status{white-space:nowrap}.accounting-status-posted,.accounting-status-matched,.accounting-status-closed{background:#dcfce7;color:#166534}.accounting-status-draft,.accounting-status-open,.accounting-status-calculated{background:#fef3c7;color:#92400e}.accounting-status-void,.accounting-status-reopened,.accounting-status-inactive{background:#f3f4f6;color:#4b5563} .accounting-status-active{background:#dbeafe;color:#1d4ed8}.accounting-status-posted,.accounting-status-draft,.accounting-status-void,.accounting-status-matched,.accounting-status-open,.accounting-status-closed,.accounting-status-reopened,.accounting-status-calculated{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700} @media(max-width:720px){.accounting-flow{align-items:stretch}.accounting-flow span{flex:1 1 42%;text-align:center}.accounting-flow b{display:none}} /* TripOffice 10.8.3 - Finance & Accounting workspace UI/UX */ body[data-tripoffice-workspace="1"][data-workspace-area="finance"]{--fa-accent:#0f9f72;--fa-accent-strong:#087a59;--fa-accent-soft:#ecfdf5;--fa-accent-border:#b7ead7;--fa-accent-rgb:15,159,114} body[data-tripoffice-workspace="1"][data-workspace-area="accounting"]{--fa-accent:#4f46e5;--fa-accent-strong:#3730a3;--fa-accent-soft:#eef2ff;--fa-accent-border:#c7d2fe;--fa-accent-rgb:79,70,229} body[data-tripoffice-workspace="1"][data-workspace-area="finance"] .content, body[data-tripoffice-workspace="1"][data-workspace-area="accounting"] .content{margin:0 auto;width:100%;padding-top:20px} .workspace-module-nav{position:relative;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(15,23,42,.045);overflow:hidden} .workspace-module-nav:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--fa-accent)} .workspace-module-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px 7px} .workspace-module-title{display:flex;align-items:center;gap:8px;min-width:0;color:#26324a} .workspace-module-title strong{font-size:14px;white-space:nowrap} .workspace-module-title small{min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:var(--fa-accent-soft);color:var(--fa-accent-strong);font-size:10px;font-weight:800} .workspace-module-dot{width:9px;height:9px;border-radius:50%;background:var(--fa-accent);box-shadow:0 0 0 4px rgba(var(--fa-accent-rgb),.12)} .workspace-module-switch{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:750} .workspace-module-switch:hover{background:var(--fa-accent-soft);color:var(--fa-accent-strong)} .workspace-module-links{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 4px 4px 7px;scroll-snap-type:x proximity} .workspace-module-links::-webkit-scrollbar{height:5px}.workspace-module-links::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px} .workspace-module-links a{scroll-snap-align:start;flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;gap:7px;color:#667085;background:#f8fafc;font-size:11px;transition:.15s ease} .workspace-module-links a>span{width:18px;height:18px;display:grid;place-items:center;color:#8995a7;font-size:11px} .workspace-module-links a b{font-weight:700;white-space:nowrap} .workspace-module-links a:hover{border-color:var(--fa-accent-border);background:var(--fa-accent-soft);color:var(--fa-accent-strong)} .workspace-module-links a.active{border-color:rgba(var(--fa-accent-rgb),.3);background:var(--fa-accent);color:#fff;box-shadow:0 5px 14px rgba(var(--fa-accent-rgb),.22)} .workspace-module-links a.active>span{color:#fff} body[data-workspace-area="finance"] .page-head,body[data-workspace-area="accounting"] .page-head{align-items:center;padding:20px 22px;margin-bottom:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,rgba(var(--fa-accent-rgb),.07),rgba(255,255,255,.92) 46%,#fff);box-shadow:0 8px 28px rgba(15,23,42,.035)} body[data-workspace-area="finance"] .page-head h1,body[data-workspace-area="accounting"] .page-head h1{font-size:25px;letter-spacing:-.025em;line-height:1.18} body[data-workspace-area="finance"] .page-head .muted,body[data-workspace-area="accounting"] .page-head .muted{max-width:900px;line-height:1.55;color:#748096} body[data-workspace-area="finance"] .finance-toolbar,body[data-workspace-area="accounting"] .finance-toolbar,body[data-workspace-area="finance"] .page-head .actions,body[data-workspace-area="accounting"] .page-head .actions{justify-content:flex-end} body[data-workspace-area="finance"] .page-head .btn.primary,body[data-workspace-area="accounting"] .page-head .btn.primary{background:linear-gradient(135deg,var(--fa-accent),var(--fa-accent-strong));box-shadow:0 7px 16px rgba(var(--fa-accent-rgb),.18)} body[data-workspace-area="finance"] .finance-filter-bar,body[data-workspace-area="accounting"] .finance-filter-bar{margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.028)} body[data-workspace-area="finance"] .finance-filter-bar label>span,body[data-workspace-area="accounting"] .finance-filter-bar label>span{font-size:11px;font-weight:700;color:#7a8699} body[data-workspace-area="finance"] .finance-filter-bar input,body[data-workspace-area="finance"] .finance-filter-bar select,body[data-workspace-area="accounting"] .finance-filter-bar input,body[data-workspace-area="accounting"] .finance-filter-bar select{background:#fbfcfe;border-color:#dce3ed} body[data-workspace-area="finance"] .finance-filter-bar input:focus,body[data-workspace-area="finance"] .finance-filter-bar select:focus,body[data-workspace-area="accounting"] .finance-filter-bar input:focus,body[data-workspace-area="accounting"] .finance-filter-bar select:focus{border-color:var(--fa-accent);box-shadow:0 0 0 3px rgba(var(--fa-accent-rgb),.1);background:#fff} body[data-workspace-area="finance"] .finance-filter-bar>.btn,body[data-workspace-area="accounting"] .finance-filter-bar>.btn{border-color:rgba(var(--fa-accent-rgb),.25);color:var(--fa-accent-strong);background:var(--fa-accent-soft)} body[data-workspace-area="finance"] .finance-filter-bar>.btn:hover,body[data-workspace-area="accounting"] .finance-filter-bar>.btn:hover{border-color:var(--fa-accent);background:var(--fa-accent);color:#fff} body[data-workspace-area="finance"] .finance-kpi-grid,body[data-workspace-area="accounting"] .finance-kpi-grid{gap:12px;margin-bottom:16px} body[data-workspace-area="finance"] .finance-kpi-grid .card,body[data-workspace-area="accounting"] .finance-kpi-grid .card,body[data-workspace-area="finance"] .fa-kpi-card,body[data-workspace-area="accounting"] .fa-kpi-card{position:relative;overflow:hidden;border-radius:15px;border-color:#e4e9f1;box-shadow:0 7px 24px rgba(15,23,42,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} body[data-workspace-area="finance"] .finance-kpi-grid .card:before,body[data-workspace-area="accounting"] .finance-kpi-grid .card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--fa-accent),rgba(var(--fa-accent-rgb),.22))} body[data-workspace-area="finance"] .finance-kpi-grid .card:hover,body[data-workspace-area="accounting"] .finance-kpi-grid .card:hover{transform:translateY(-1px);border-color:var(--fa-accent-border);box-shadow:0 10px 28px rgba(15,23,42,.065)} body[data-workspace-area="finance"] .finance-kpi-grid .card .muted,body[data-workspace-area="accounting"] .finance-kpi-grid .card .muted{font-size:11px;font-weight:700;letter-spacing:.01em} body[data-workspace-area="finance"] .finance-kpi-grid .num,body[data-workspace-area="accounting"] .finance-kpi-grid .num{font-size:21px;line-height:1.25;margin-top:9px;font-variant-numeric:tabular-nums} body[data-workspace-area="finance"] .panel,body[data-workspace-area="accounting"] .panel{border-radius:16px;border-color:#e4e9f1;box-shadow:0 7px 24px rgba(15,23,42,.032)} body[data-workspace-area="finance"] .panel>h2:first-child,body[data-workspace-area="accounting"] .panel>h2:first-child{font-size:17px;letter-spacing:-.015em;margin-bottom:16px} body[data-workspace-area="finance"] form.panel label,body[data-workspace-area="accounting"] form.panel label{color:#48566c} body[data-workspace-area="finance"] form.panel input:focus,body[data-workspace-area="finance"] form.panel select:focus,body[data-workspace-area="finance"] form.panel textarea:focus,body[data-workspace-area="accounting"] form.panel input:focus,body[data-workspace-area="accounting"] form.panel select:focus,body[data-workspace-area="accounting"] form.panel textarea:focus{border-color:var(--fa-accent);box-shadow:0 0 0 3px rgba(var(--fa-accent-rgb),.1)} body[data-workspace-area="finance"] .table-wrap,body[data-workspace-area="accounting"] .table-wrap{position:relative;border-radius:15px;border-color:#e3e8f0;box-shadow:0 7px 22px rgba(15,23,42,.03);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent} body[data-workspace-area="finance"] .table-wrap::-webkit-scrollbar,body[data-workspace-area="accounting"] .table-wrap::-webkit-scrollbar{height:8px;width:8px} body[data-workspace-area="finance"] .table-wrap::-webkit-scrollbar-thumb,body[data-workspace-area="accounting"] .table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;border:2px solid transparent;background-clip:padding-box} body[data-workspace-area="finance"] .table-head,body[data-workspace-area="accounting"] .table-head{padding:15px 17px;font-size:14px;background:#fff} body[data-workspace-area="finance"] .table-wrap table,body[data-workspace-area="accounting"] .table-wrap table{font-size:12.5px;font-variant-numeric:tabular-nums} body[data-workspace-area="finance"] .table-wrap th,body[data-workspace-area="accounting"] .table-wrap th{padding:11px 13px;background:#f8fafc;color:#667085;font-size:11px;font-weight:800;letter-spacing:.005em} body[data-workspace-area="finance"] .table-wrap td,body[data-workspace-area="accounting"] .table-wrap td{padding:12px 13px;color:#344054} body[data-workspace-area="finance"] .table-wrap tbody tr:last-child td,body[data-workspace-area="accounting"] .table-wrap tbody tr:last-child td{border-bottom:0} body[data-workspace-area="finance"] .table-wrap tbody tr:hover,body[data-workspace-area="accounting"] .table-wrap tbody tr:hover{background:rgba(var(--fa-accent-rgb),.035)} body[data-workspace-area="finance"] .table-wrap td>a:not(.btn),body[data-workspace-area="accounting"] .table-wrap td>a:not(.btn){color:var(--fa-accent-strong);font-weight:700} body[data-workspace-area="finance"] .table-wrap td>a:not(.btn):hover,body[data-workspace-area="accounting"] .table-wrap td>a:not(.btn):hover{text-decoration:underline;text-underline-offset:2px} body[data-workspace-area="finance"] .table-wrap td .btn,body[data-workspace-area="accounting"] .table-wrap td .btn{height:32px;padding:0 10px;border-radius:8px;font-size:11px;white-space:nowrap} body[data-workspace-area="finance"] .fa-data-table.has-x-overflow:after,body[data-workspace-area="accounting"] .fa-data-table.has-x-overflow:after{content:"";position:sticky;right:0;float:right;width:18px;height:1px;pointer-events:none;box-shadow:-12px 0 18px 8px rgba(15,23,42,.08)} body[data-workspace-area="finance"] .fa-data-table.is-at-x-end:after,body[data-workspace-area="accounting"] .fa-data-table.is-at-x-end:after{box-shadow:none} body[data-workspace-area="finance"] .fa-empty-cell,body[data-workspace-area="accounting"] .fa-empty-cell{height:112px;text-align:center!important;color:#98a2b3!important;font-size:12px} body[data-workspace-area="finance"] .notice,body[data-workspace-area="accounting"] .notice{border:1px solid transparent;box-shadow:0 4px 14px rgba(15,23,42,.025)} body[data-workspace-area="finance"] .notice.success,body[data-workspace-area="accounting"] .notice.success{border-color:#bbf7d0} body[data-workspace-area="finance"] .notice.warning,body[data-workspace-area="accounting"] .notice.warning{border-color:#fed7aa} body[data-workspace-area="finance"] .notice.danger,body[data-workspace-area="accounting"] .notice.danger{border-color:#fecaca} body[data-workspace-area="finance"] .finance-summary-strip .chip,body[data-workspace-area="accounting"] .finance-summary-strip .chip{border-radius:10px;background:#fbfcfe;color:#4b5565;font-weight:700;transition:.15s ease} body[data-workspace-area="finance"] .finance-summary-strip .chip:hover,body[data-workspace-area="accounting"] .finance-summary-strip .chip:hover{border-color:var(--fa-accent-border);background:var(--fa-accent-soft);color:var(--fa-accent-strong)} body[data-workspace-area="finance"] .finance-status,body[data-workspace-area="accounting"] .finance-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800} body[data-workspace-area="finance"] .finance-status-paid,body[data-workspace-area="finance"] .finance-status-completed,body[data-workspace-area="finance"] .finance-status-approved,body[data-workspace-area="finance"] .finance-status-issued{background:#dcfce7;color:#166534} body[data-workspace-area="finance"] .finance-status-open,body[data-workspace-area="finance"] .finance-status-requested,body[data-workspace-area="finance"] .finance-status-pending{background:#fef3c7;color:#92400e} body[data-workspace-area="finance"] .finance-status-rejected,body[data-workspace-area="finance"] .finance-status-cancelled,body[data-workspace-area="finance"] .finance-status-void{background:#fee2e2;color:#991b1b} body[data-workspace-area="finance"] .finance-amount-positive,body[data-workspace-area="accounting"] .finance-amount-positive{color:#07825c} body[data-workspace-area="finance"] .finance-amount-negative,body[data-workspace-area="accounting"] .finance-amount-negative{color:#d43f4c} body[data-workspace-area="finance"] .form-actions .btn.primary,body[data-workspace-area="accounting"] .form-actions .btn.primary,body[data-workspace-area="finance"] form.panel>.btn.primary,body[data-workspace-area="accounting"] form.panel>.btn.primary{background:linear-gradient(135deg,var(--fa-accent),var(--fa-accent-strong));box-shadow:0 6px 14px rgba(var(--fa-accent-rgb),.16)} body[data-workspace-area="finance"] .primary-modal-dialog .btn.primary,body[data-workspace-area="accounting"] .primary-modal-dialog .btn.primary{background:linear-gradient(135deg,var(--fa-accent),var(--fa-accent-strong))} body[data-workspace-area="finance"] .accounting-flow span,body[data-workspace-area="accounting"] .accounting-flow span{border-color:var(--fa-accent-border);background:var(--fa-accent-soft);color:var(--fa-accent-strong)} body[data-workspace-area="finance"] .accounting-flow b,body[data-workspace-area="accounting"] .accounting-flow b{color:var(--fa-accent)} @media(max-width:1100px){ body[data-workspace-area="finance"] .content,body[data-workspace-area="accounting"] .content{padding-top:16px} .workspace-module-nav{border-radius:14px}.workspace-module-nav-head{padding-bottom:8px}.workspace-module-links a{min-height:34px;padding:0 10px} body[data-workspace-area="finance"] .page-head,body[data-workspace-area="accounting"] .page-head{padding:18px} } @media(max-width:760px){ body[data-workspace-area="finance"] .content,body[data-workspace-area="accounting"] .content{padding:12px} .workspace-module-nav{margin:0 0 12px;padding:10px 8px;border-radius:13px} .workspace-module-nav-head{padding:0 4px 8px 7px}.workspace-module-title strong{font-size:13px}.workspace-module-switch{padding:5px 7px;font-size:10px} .workspace-module-links{gap:5px;padding-left:7px}.workspace-module-links a{min-height:34px;padding:0 10px;font-size:10.5px} body[data-workspace-area="finance"] .page-head,body[data-workspace-area="accounting"] .page-head{padding:17px;margin-bottom:12px;border-radius:14px;gap:12px} body[data-workspace-area="finance"] .page-head h1,body[data-workspace-area="accounting"] .page-head h1{font-size:22px} body[data-workspace-area="finance"] .page-head>.finance-toolbar,body[data-workspace-area="accounting"] .page-head>.finance-toolbar,body[data-workspace-area="finance"] .page-head>.actions,body[data-workspace-area="accounting"] .page-head>.actions{width:100%;display:flex;align-items:stretch} body[data-workspace-area="finance"] .page-head>.finance-toolbar .btn,body[data-workspace-area="accounting"] .page-head>.finance-toolbar .btn,body[data-workspace-area="finance"] .page-head>.actions .btn,body[data-workspace-area="accounting"] .page-head>.actions .btn{flex:1;min-width:0;padding:0 11px} body[data-workspace-area="finance"] .page-head>.btn,body[data-workspace-area="accounting"] .page-head>.btn{width:100%} body[data-workspace-area="finance"] .finance-filter-bar,body[data-workspace-area="accounting"] .finance-filter-bar{padding:11px;gap:9px;border-radius:12px} body[data-workspace-area="finance"] .finance-kpi-grid,body[data-workspace-area="accounting"] .finance-kpi-grid{gap:9px} body[data-workspace-area="finance"] .finance-kpi-grid .card,body[data-workspace-area="accounting"] .finance-kpi-grid .card{padding:15px} body[data-workspace-area="finance"] .finance-kpi-grid .num,body[data-workspace-area="accounting"] .finance-kpi-grid .num{font-size:18px} body[data-workspace-area="finance"] .panel,body[data-workspace-area="accounting"] .panel{padding:17px;border-radius:14px} body[data-workspace-area="finance"] .table-wrap,body[data-workspace-area="accounting"] .table-wrap{border-radius:13px} body[data-workspace-area="finance"] .table-wrap th:first-child,body[data-workspace-area="accounting"] .table-wrap th:first-child{position:sticky;left:0;z-index:2;background:#f8fafc} body[data-workspace-area="finance"] .table-wrap td:first-child:not([colspan]),body[data-workspace-area="accounting"] .table-wrap td:first-child:not([colspan]){position:sticky;left:0;z-index:1;background:#fff} body[data-workspace-area="finance"] .table-wrap tbody tr:hover td:first-child:not([colspan]),body[data-workspace-area="accounting"] .table-wrap tbody tr:hover td:first-child:not([colspan]){background:#f8fcfb} } html[data-theme="dark"] body[data-workspace-area="finance"]{--fa-accent:#34d399;--fa-accent-strong:#a7f3d0;--fa-accent-soft:#123528;--fa-accent-border:#245840;--fa-accent-rgb:52,211,153} html[data-theme="dark"] body[data-workspace-area="accounting"]{--fa-accent:#8b7ff1;--fa-accent-strong:#d8d2ff;--fa-accent-soft:#24254d;--fa-accent-border:#45447b;--fa-accent-rgb:139,127,241} html[data-theme="dark"] .workspace-module-nav{background:rgba(17,25,37,.94);border-color:#2b374a;box-shadow:none} html[data-theme="dark"] .workspace-module-title{color:#dbe5f2}html[data-theme="dark"] .workspace-module-links a{background:#0f1824;color:#9eacc0}html[data-theme="dark"] .workspace-module-links a>span{color:#8493a8} html[data-theme="dark"] body[data-workspace-area="finance"] .page-head,html[data-theme="dark"] body[data-workspace-area="accounting"] .page-head{background:linear-gradient(135deg,rgba(var(--fa-accent-rgb),.1),#111925 50%,#111925);border-color:#2b374a;box-shadow:none} html[data-theme="dark"] body[data-workspace-area="finance"] .page-head .muted,html[data-theme="dark"] body[data-workspace-area="accounting"] .page-head .muted{color:#91a0b5} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-filter-bar,html[data-theme="dark"] body[data-workspace-area="accounting"] .finance-filter-bar{background:#111925;border-color:#2b374a;box-shadow:none} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-filter-bar input,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-filter-bar select,html[data-theme="dark"] body[data-workspace-area="accounting"] .finance-filter-bar input,html[data-theme="dark"] body[data-workspace-area="accounting"] .finance-filter-bar select{background:#0d1520;border-color:#334155} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-kpi-grid .card,html[data-theme="dark"] body[data-workspace-area="accounting"] .finance-kpi-grid .card,html[data-theme="dark"] body[data-workspace-area="finance"] .panel,html[data-theme="dark"] body[data-workspace-area="accounting"] .panel,html[data-theme="dark"] body[data-workspace-area="finance"] .table-wrap,html[data-theme="dark"] body[data-workspace-area="accounting"] .table-wrap{border-color:#2b374a;box-shadow:none} html[data-theme="dark"] body[data-workspace-area="finance"] .table-wrap th,html[data-theme="dark"] body[data-workspace-area="accounting"] .table-wrap th{background:#151e2b;color:#9eacc0} html[data-theme="dark"] body[data-workspace-area="finance"] .table-wrap td,html[data-theme="dark"] body[data-workspace-area="accounting"] .table-wrap td{color:#d7e0ec} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-summary-strip .chip,html[data-theme="dark"] body[data-workspace-area="accounting"] .finance-summary-strip .chip{background:#0f1824;border-color:#2b374a;color:#b7c3d3} @media(max-width:760px){ html[data-theme="dark"] body[data-workspace-area="finance"] .table-wrap th:first-child,html[data-theme="dark"] body[data-workspace-area="accounting"] .table-wrap th:first-child{background:#151e2b} html[data-theme="dark"] body[data-workspace-area="finance"] .table-wrap td:first-child:not([colspan]),html[data-theme="dark"] body[data-workspace-area="accounting"] .table-wrap td:first-child:not([colspan]){background:#111925} html[data-theme="dark"] body[data-workspace-area="finance"] .table-wrap tbody tr:hover td:first-child:not([colspan]),html[data-theme="dark"] body[data-workspace-area="accounting"] .table-wrap tbody tr:hover td:first-child:not([colspan]){background:#141e2c} } .workspace-module-links a:focus-visible,.workspace-module-switch:focus-visible{outline:2px solid var(--fa-accent);outline-offset:2px} body[data-workspace-area="finance"] .fa-data-table:focus-visible,body[data-workspace-area="accounting"] .fa-data-table:focus-visible{outline:2px solid rgba(var(--fa-accent-rgb),.42);outline-offset:2px} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-paid,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-completed,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-approved,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-issued{background:#123528;color:#a7f3d0} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-open,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-requested,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-pending{background:#3a2a13;color:#fbd38d} html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-rejected,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-cancelled,html[data-theme="dark"] body[data-workspace-area="finance"] .finance-status-void{background:#3b171a;color:#fecaca} @media(prefers-reduced-motion:reduce){body[data-workspace-area="finance"] .finance-kpi-grid .card,body[data-workspace-area="accounting"] .finance-kpi-grid .card,.workspace-module-links a{transition:none!important}body[data-workspace-area="finance"] .finance-kpi-grid .card:hover,body[data-workspace-area="accounting"] .finance-kpi-grid .card:hover{transform:none}} @media print{.workspace-module-nav{display:none!important}body[data-workspace-area="finance"] .page-head,body[data-workspace-area="accounting"] .page-head{box-shadow:none;background:#fff}} /* TripOffice 10.8.4 - Finance / Accounting popup entry workflow */ body[data-workspace-area="finance"] .finance-entry-actions,body[data-workspace-area="accounting"] .finance-entry-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:58%} body[data-workspace-area="finance"] .finance-entry-actions .btn,body[data-workspace-area="accounting"] .finance-entry-actions .btn{min-height:38px;padding:0 14px;border-radius:10px;white-space:nowrap;font-weight:800} body[data-workspace-area="finance"] .finance-entry-actions .btn.primary,body[data-workspace-area="accounting"] .finance-entry-actions .btn.primary{background:linear-gradient(135deg,var(--fa-accent),var(--fa-accent-strong));border-color:transparent;color:#fff;box-shadow:0 7px 16px rgba(var(--fa-accent-rgb),.18)} body[data-workspace-area="finance"] .finance-entry-actions .btn.primary:hover,body[data-workspace-area="accounting"] .finance-entry-actions .btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(var(--fa-accent-rgb),.22)} body[data-workspace-area="finance"] .finance-entry-actions .btn:disabled,body[data-workspace-area="accounting"] .finance-entry-actions .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none} body[data-workspace-area="finance"] .finance-row-entry-trigger,body[data-workspace-area="accounting"] .finance-row-entry-trigger{white-space:nowrap} body[data-workspace-area="finance"] .primary-modal-body .primary-modal-entry-form,body[data-workspace-area="accounting"] .primary-modal-body .primary-modal-entry-form{display:block!important;width:100%;margin:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:none} body[data-workspace-area="finance"] .primary-modal-body .primary-modal-entry-form>label,body[data-workspace-area="accounting"] .primary-modal-body .primary-modal-entry-form>label{display:block;margin-top:12px} body[data-workspace-area="finance"] .primary-modal-body .primary-modal-entry-form>.btn,body[data-workspace-area="accounting"] .primary-modal-body .primary-modal-entry-form>.btn{margin-top:18px} body[data-workspace-area="finance"] .primary-modal-body .primary-modal-entry-form .grid,body[data-workspace-area="accounting"] .primary-modal-body .primary-modal-entry-form .grid{margin-top:0} @media(max-width:760px){body[data-workspace-area="finance"] .finance-entry-actions,body[data-workspace-area="accounting"] .finance-entry-actions{width:100%;max-width:none;margin-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body[data-workspace-area="finance"] .finance-entry-actions .btn,body[data-workspace-area="accounting"] .finance-entry-actions .btn{width:100%;min-width:0;white-space:normal;line-height:1.25;padding:9px 10px}body[data-workspace-area="finance"] .primary-modal-body .primary-modal-entry-form,body[data-workspace-area="accounting"] .primary-modal-body .primary-modal-entry-form{padding:15px;border-radius:12px}} @media(max-width:460px){body[data-workspace-area="finance"] .finance-entry-actions,body[data-workspace-area="accounting"] .finance-entry-actions{grid-template-columns:1fr}} html[data-theme="dark"] body[data-workspace-area="finance"] .primary-modal-body .primary-modal-entry-form,html[data-theme="dark"] body[data-workspace-area="accounting"] .primary-modal-body .primary-modal-entry-form{background:#111925;border-color:#334155} @media(prefers-reduced-motion:reduce){body[data-workspace-area="finance"] .finance-entry-actions .btn,body[data-workspace-area="accounting"] .finance-entry-actions .btn{transition:none!important;transform:none!important}} @media print{body[data-workspace-area="finance"] .finance-entry-actions,body[data-workspace-area="accounting"] .finance-entry-actions{display:none!important}} /* TripOffice v10.9.0 accounting workflow / integrity / close checks */ .accounting-status-pending,.accounting-status-not_ready{background:#fef3c7;color:#92400e}.accounting-status-approved,.accounting-status-ready{background:#dcfce7;color:#166534}.accounting-status-rejected,.accounting-status-missing_journal,.accounting-status-amount_mismatch,.accounting-status-unbalanced,.accounting-status-orphan,.accounting-status-mapping{background:#fee2e2;color:#991b1b}.accounting-status-pending,.accounting-status-approved,.accounting-status-rejected,.accounting-status-ready,.accounting-status-not_ready,.accounting-status-missing_journal,.accounting-status-amount_mismatch,.accounting-status-unbalanced,.accounting-status-orphan,.accounting-status-mapping{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700} .accounting-close-checks{display:grid;gap:8px;margin-top:14px}.accounting-close-checks>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:var(--surface-soft,#f8fafc)}.accounting-close-checks>div span{color:var(--muted,#64748b)} @media(max-width:640px){.accounting-close-checks>div{align-items:flex-start}} /* TripOffice 10.9.1 - Lucide SVG icon system */ .lucide-icon{width:18px;height:18px;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;pointer-events:none} .logo{display:flex;align-items:center;gap:8px}.logo .brand-icon{width:22px;height:22px;color:#a89cff}.nav a>.lucide-icon,.nav-icon.lucide-icon{width:18px;height:18px}.nav-icon.lucide-icon{margin:0 1px} /* TripOffice 10.9.3 - SVG icon visibility fix */ .sidebar .nav a>.nav-icon.lucide-icon{width:20px;height:20px;min-width:20px;max-width:none;max-height:none;margin:0;overflow:visible;flex:0 0 20px} .sidebar .nav a{column-gap:9px} body.workspace-sidebar-collapsed .sidebar .nav a>.nav-icon.lucide-icon{width:20px;height:20px;min-width:20px;flex-basis:20px} @media (max-width:1100px) and (min-width:761px){.sidebar .nav a>.nav-icon.lucide-icon{width:20px;height:20px;min-width:20px;flex-basis:20px}} .sidebar-collapse-btn .lucide-icon,.mobile-menu-btn .lucide-icon,.top-icon-btn .lucide-icon,.command-open-btn .lucide-icon,.notification-link>.lucide-icon,.platform-alert-button>.lucide-icon{width:17px;height:17px} .nav-search-box>.lucide-icon,.platform-global-search>.lucide-icon,.command-search>.lucide-icon{width:16px;height:16px;color:#8a94a6} .nav-group-chevron.lucide-icon{width:14px;height:14px;transition:transform .18s ease}.nav-group.is-open .nav-group-chevron{transform:rotate(180deg)} .workspace-module-links .lucide-icon{width:16px;height:16px}.workspace-module-switch .lucide-icon{width:14px;height:14px}.quick-create-menu a .lucide-icon{width:16px;height:16px} .theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center}.theme-toggle-icon .lucide-icon{width:16px;height:16px} .command-results a>.lucide-icon{width:17px;height:17px}.command-search>.lucide-icon{margin-left:2px} .to-chat .lucide-icon{width:16px;height:16px}.to-chat-fab-icon .lucide-icon{width:22px;height:22px}.to-chat-maintenance-icon .lucide-icon{width:26px;height:26px}.to-chat-head-actions button,.to-chat-room-tools button{display:inline-flex;align-items:center;justify-content:center}.to-chat-new-channel .lucide-icon{width:15px;height:15px} body[data-tripoffice-platform="1"] .sidebar .nav a>.lucide-icon{width:18px;height:18px;min-width:18px}body[data-tripoffice-platform="1"] .platform-global-search{display:flex;align-items:center;gap:8px}body[data-tripoffice-platform="1"] .platform-global-search>.lucide-icon{margin-left:10px}body[data-tripoffice-platform="1"] .platform-global-search input{margin-left:-4px} .btn>.lucide-icon,button>.lucide-icon,a>.lucide-icon{max-width:1.25em;max-height:1.25em} @media(max-width:1100px){.sidebar .logo>.brand-icon{width:21px;height:21px}.sidebar .nav a>.lucide-icon{margin:0 auto}} /* TripOffice v10.9.4 - Workspace subscription badge + Operations & Quality */ .workspace-brand-stack{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.workspace-brand-stack .logo{flex:0 1 auto;min-width:0;padding:0!important}.workspace-brand-badges{display:flex;align-items:center;gap:4px;min-width:0}.workspace-mark,.subscription-mark{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:999px;font-size:9px;line-height:1;font-weight:850;letter-spacing:.045em;white-space:nowrap}.workspace-mark{color:#b9c6dc;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1)}.subscription-mark{max-width:76px;overflow:hidden;text-overflow:ellipsis;color:#ddd8ff;background:rgba(118,101,255,.18);border:1px solid rgba(168,156,255,.28)}.subscription-mark.subscription-trial{color:#fde68a;background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.26)}.subscription-mark.subscription-past_due,.subscription-mark.subscription-unpaid,.subscription-mark.subscription-inactive{color:#fecaca;background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.24)} .v1094-matrix{min-width:1180px}.v1094-matrix th,.v1094-matrix td{text-align:center}.v1094-matrix th:first-child,.v1094-matrix td:first-child{text-align:left;position:sticky;left:0;background:inherit;z-index:1}.permission-cell{display:grid;gap:5px;justify-items:center}.permission-cell select{height:34px;min-width:116px;font-size:12px}.permission-state{font-size:10px;font-weight:800}.permission-state.allow{color:#047857}.permission-state.deny{color:#b91c1c}.feature-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}.feature-toggle{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center;gap:8px!important;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfe}.feature-toggle input{width:16px;height:16px}.quality-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quality-check-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.quality-check-card header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.quality-check-card code{font-size:11px;word-break:break-all}.quality-status-pass{color:#047857}.quality-status-warn{color:#b45309}.quality-status-fail{color:#b91c1c}.quality-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.i18n-locale-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.i18n-locale-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.i18n-locale-card b{display:block;font-size:22px;margin-top:6px}.perf-duration{font-weight:800;font-variant-numeric:tabular-nums}.perf-slow{color:#b45309}.perf-critical{color:#b91c1c}.subscription-feature-summary{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.subscription-feature-summary .badge.off{background:#f1f5f9;color:#94a3b8;text-decoration:line-through} @media(max-width:1280px){.workspace-brand-badges{display:none}.quality-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1100px){.workspace-brand-stack{justify-content:center}.workspace-brand-badges{display:none!important}} @media(max-width:760px){.quality-check-grid,.i18n-locale-cards,.feature-toggle-grid{grid-template-columns:1fr}} /* v10.9.4 brand badge layout refinement */ .sidebar-brand-row{height:62px;align-items:flex-start}.workspace-brand-stack{display:grid;grid-template-columns:1fr;gap:4px;align-content:start;padding:1px 0 0 8px}.workspace-brand-stack .logo{height:27px;display:flex;align-items:center}.workspace-brand-badges{padding-left:30px;max-width:190px}.workspace-mark{max-width:72px}.sidebar-collapse-btn{margin-top:3px} @media(max-width:1280px){.sidebar-brand-row{height:48px;align-items:center}.workspace-brand-stack{display:flex;padding-left:0}.workspace-brand-badges{display:none}.sidebar-collapse-btn{margin-top:0}} /* TripOffice v10.9.5 - icon clarity + platform navigation overflow/accordion hotfix */ .lucide-icon{overflow:visible} .btn>.lucide-icon,.btn>.action-icon.lucide-icon,button>.lucide-icon,a>.lucide-icon{width:18px;height:18px;min-width:18px;max-width:none;max-height:none;flex:0 0 18px;overflow:visible;vertical-align:middle} .btn.primary>.lucide-icon{stroke-width:2.15} .v100-operation-actions .btn{min-height:42px;gap:8px;white-space:nowrap} .v100-operation-actions .btn>.action-icon{width:19px;height:19px;min-width:19px;flex-basis:19px} body[data-tripoffice-platform="1"] .sidebar .nav a>.lucide-icon{width:20px;height:20px;min-width:20px;flex-basis:20px;overflow:visible} .platform-app .sidebar{height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:sticky;top:0} .platform-app .sidebar>.logo{flex:0 0 auto;padding-bottom:14px} .platform-nav-scroll{flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden;padding:0 4px 28px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#334a68 transparent} .platform-nav-scroll::-webkit-scrollbar{width:7px}.platform-nav-scroll::-webkit-scrollbar-track{background:transparent}.platform-nav-scroll::-webkit-scrollbar-thumb{background:#334a68;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.platform-nav-scroll::-webkit-scrollbar-thumb:hover{background:#4a6385;background-clip:padding-box} .platform-nav-group{margin:4px 0 6px}.platform-nav-group .nav-group-toggle{height:36px;padding:0 9px}.platform-nav-group .nav-group-title{font-size:11px;color:#7e91ad}.platform-nav-group.is-open .nav-group-title{color:#aebed4}.platform-nav-group .nav-group-items{padding:1px 0 4px}.platform-nav-group .nav-group-chevron{color:#7488a5} @media(min-width:1101px){.platform-nav-group .nav-group-items{display:none}.platform-nav-group.is-open .nav-group-items{display:block}} @media(max-width:1100px){.platform-app .sidebar{height:100vh;max-height:none;display:flex!important;position:fixed!important;top:0;bottom:0}.platform-app .sidebar .platform-nav-scroll{display:block;overflow-y:auto!important}.platform-app .sidebar .platform-nav-group-toggle{display:flex!important}.platform-app .sidebar .platform-nav-group .nav-group-items{display:none!important}.platform-app .sidebar .platform-nav-group.is-open .nav-group-items{display:block!important}.platform-app .sidebar .nav span{display:inline!important}} @media(max-width:760px){.v100-operation-actions .btn{justify-content:flex-start}.platform-nav-scroll{padding-bottom:36px}} /* TripOffice v11.0.0 - Automation & Intelligence */ .health-score{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:36px;padding:0 12px;border-radius:10px;background:#10233b;color:#dbeafe;font-size:20px;font-weight:900;letter-spacing:-.03em}.health-grade-a{background:#092f25;color:#6ee7b7}.health-grade-b{background:#123323;color:#86efac}.health-grade-c{background:#3b2d08;color:#fde68a}.health-grade-d,.health-grade-e{background:#3b151a;color:#fca5a5}.health-score-card{display:flex;align-items:center;gap:12px;margin:8px 0 18px}.health-score-card>span{font-weight:800;color:#8fa5c2}.compact-grid>div{padding:12px;border:1px solid var(--border,#243247);border-radius:10px}.compact-grid small{display:block;color:#7e91ad;margin-bottom:5px}.compact-grid b{font-size:18px}.check-list{display:grid;gap:8px}.check-list label{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border,#243247);border-radius:9px}.badge.pass{background:#0e3a2d;color:#86efac}.badge.warn{background:#45330b;color:#fde68a}.badge.fail{background:#471b21;color:#fca5a5}.automation-event-row small,.table-wrap td small.muted{display:block;margin-top:3px}.platform-nav-group a .nav-icon{flex:0 0 auto}.row-actions form{display:inline-flex;margin:0} /* TripOffice 11.1.0 - Smart Workflow & SaaS Control */ .workspace-health-mark{display:inline-flex;align-items:center;height:19px;padding:0 6px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.03em;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.workspace-health-mark.health-grade-c{background:#fffbeb;color:#b45309;border-color:#fde68a}.workspace-health-mark.health-grade-d,.workspace-health-mark.health-grade-e{background:#fff1f2;color:#be123c;border-color:#fecdd3}.usage-warning-chip{height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:8px;font-size:10px;font-weight:850;text-decoration:none;background:#fffbeb;color:#b45309;border:1px solid #fde68a}.usage-warning-chip.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.usage-warning-chip .lucide-icon{width:14px;height:14px}.usage-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.usage-mini{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#fff);display:grid;gap:3px}.usage-mini small{color:#64748b;font-size:10px}.usage-mini b{font-size:13px}.usage-mini>span{font-size:9px;color:#94a3b8}.usage-mini.warning{border-color:#fcd34d;background:#fffbeb}.usage-mini.limit{border-color:#fda4af;background:#fff1f2}.usage-progress{height:8px;overflow:hidden;border-radius:99px;background:#e2e8f0}.usage-progress>span{display:block;height:100%;min-width:2px;border-radius:inherit;background:#6d5dfc}.usage-card.warning .usage-progress>span{background:#d97706}.usage-card.limit .usage-progress>span{background:#dc2626}.workflow-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.workflow-builder-list{display:grid;gap:8px}.workflow-builder-card{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:grab}.workflow-builder-card:active{cursor:grabbing}.workflow-builder-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.platform-command-open{flex:0 0 auto}.top-icon-btn.is-active{color:#d97706;background:#fffbeb;border-color:#fde68a}.command-section{display:grid;gap:3px;margin-bottom:10px}.command-section>b{padding:8px 10px 4px;color:#94a3b8;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.command-section>a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;color:#334155;font-size:12px;font-weight:700}.command-section>a:hover{background:#f3f1ff;color:#4338ca}.command-section>a .lucide-icon{width:16px;height:16px}.platform-command-dot{width:7px;height:7px;border-radius:50%;background:#8b5cf6;flex:0 0 auto}body[data-tripoffice-platform="1"] .command-palette .command-dialog{background:var(--panel,#fff)}body[data-tripoffice-platform="1"] .command-results{min-height:180px}.notification-state-resolved{opacity:.78}.notification-state-acknowledged{border-color:#cbd5e1}.notification-state-open.is-unread{border-color:#fcd34d}.notification-actions{display:flex;flex-wrap:wrap;gap:6px}.notification-actions form{display:flex;gap:6px} @media(max-width:1000px){.usage-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-builder-grid{grid-template-columns:1fr}.platform-global-search{display:none}} @media(max-width:680px){.usage-mini-grid{grid-template-columns:1fr}.workspace-health-mark,.usage-warning-chip{display:none}} .workflow-builder-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workflow-builder-columns>section{min-width:0}.builder-list{display:grid;gap:8px}.builder-row{display:grid;grid-template-columns:26px minmax(100px,1fr) minmax(90px,.65fr) minmax(110px,1fr) 34px;gap:7px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}.builder-action-row{grid-template-columns:26px minmax(130px,.9fr) minmax(90px,.65fr) minmax(130px,1fr) minmax(100px,.65fr) 34px}.builder-row.is-dragging,.route-role-chip.is-dragging{opacity:.45}.drag-handle{cursor:grab;color:#94a3b8;font-weight:900;text-align:center}.builder-version-list{display:grid;gap:7px}.builder-version-list>div{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.builder-version-list small{color:#94a3b8}.route-builder-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route-builder-row>select{width:180px}.route-role-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.route-role-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #c7d2fe;border-radius:8px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:800;cursor:grab}.route-role-chip button{border:0;background:transparent;color:inherit;cursor:pointer}.usage-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-limit-card{min-width:0}.usage-number{display:flex;align-items:baseline;gap:6px;margin:16px 0 10px}.usage-number b{font-size:25px}.usage-number span{color:#94a3b8}.usage-progress i{display:block;height:100%;min-width:2px;border-radius:999px;background:#22c55e}.usage-progress i.warning{background:#f59e0b}.usage-progress i.danger{background:#ef4444}.warning-text{color:#b45309}.danger-text{color:#be123c}.feature-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feature-status-grid>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px}.usage-limit-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:8px}.usage-limit-admin-grid label{min-width:0}.page-head.compact{margin-bottom:10px}.page-head.compact h2{font-size:15px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .builder-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .usage-mini{background:#111925;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .route-role-chip{background:#252852;border-color:#4338ca;color:#c4b5fd} html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .command-section>a{color:#dbe6f4}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .command-section>a:hover{background:#1b2440;color:#c4b5fd}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .top-icon-btn.is-active{background:#3b2c0d;color:#fbbf24;border-color:#5d4513} @media(max-width:960px){.workflow-builder-columns,.usage-limit-grid{grid-template-columns:1fr}.feature-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-row,.builder-action-row{grid-template-columns:24px 1fr 1fr}.builder-row>*:nth-last-child(-n+2){grid-column:auto}.builder-row [data-remove]{grid-column:-2/-1}} @media(max-width:620px){.feature-status-grid{grid-template-columns:1fr}.usage-limit-admin-grid{grid-template-columns:1fr}.builder-row,.builder-action-row{grid-template-columns:24px 1fr}.builder-row>*:not(.drag-handle){grid-column:2}} /* TripOffice 11.1.1 - Workspace badge / notification i18n hotfix */ .workspace-brand-badges{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;overflow:visible} .workspace-mark,.subscription-mark,.workspace-health-mark{flex:0 0 auto;white-space:nowrap} .workspace-health-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:44px!important;width:auto!important;max-width:none!important;height:19px!important;padding:0 7px!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;overflow:visible!important;flex-wrap:nowrap!important} .workspace-health-mark .workspace-health-grade,.workspace-health-mark .workspace-health-separator,.workspace-health-mark .workspace-health-value{display:inline-block!important;line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important} .workspace-health-mark .workspace-health-grade{font-weight:950} .workspace-health-mark .workspace-health-separator{opacity:.58;margin:0 1px} .workspace-health-mark .workspace-health-value{font-variant-numeric:tabular-nums;font-weight:900} @media(min-width:1281px){.workspace-brand-badges{padding-left:27px!important;max-width:204px!important}.workspace-mark{max-width:none!important}} /* TripOffice v11.2 Chat Collaboration Upgrade */ .to-chat-list-item.is-favorite{background:linear-gradient(90deg,rgba(99,102,241,.08),transparent)}.to-chat-favorite-mark{color:#f59e0b;font-size:12px;flex:0 0 auto}.to-chat-room-tools #to-chat-favorite-btn.is-active{color:#f59e0b;background:#fffbeb;border-color:#fde68a}.to-chat-file-wrap{display:grid;gap:6px;max-width:min(460px,100%)}.to-chat-media-preview{overflow:hidden;width:min(360px,100%);max-height:250px;padding:0;border:1px solid #dbe2ea;border-radius:13px;background:#0f172a;cursor:pointer;display:grid;place-items:center}.to-chat-media-preview.image img{display:block;width:100%;max-height:250px;object-fit:cover}.to-chat-media-preview.video{min-height:128px;color:#fff;background:linear-gradient(135deg,#0f172a,#334155)}.to-chat-media-preview.video>span{font-size:34px}.to-chat-media-preview.video small{color:#cbd5e1}.to-chat-upload-queue{display:grid;gap:7px;margin:0 12px 8px;padding:9px;border:1px solid #dbe2ea;border-radius:12px;background:#f8fafc}.to-chat-upload-queue[hidden]{display:none!important}.to-chat-upload-item{display:grid;grid-template-columns:minmax(0,1fr) 110px 58px;align-items:center;gap:8px;font-size:11px}.to-chat-upload-item>div:first-child{min-width:0}.to-chat-upload-item b,.to-chat-upload-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.to-chat-upload-item small{color:#64748b}.to-chat-upload-progress{height:6px;overflow:hidden;border-radius:999px;background:#e2e8f0}.to-chat-upload-progress span{display:block;height:100%;border-radius:inherit;background:#6366f1;transition:width .15s ease}.to-chat-upload-item em{font-style:normal;text-align:right;color:#64748b}.to-chat-upload-item.is-done em{color:#059669}.to-chat-upload-item.is-error em{color:#dc2626}.to-chat-media-lightbox[hidden]{display:none!important}.to-chat-media-lightbox{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px}.to-chat-media-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.82);backdrop-filter:blur(4px)}.to-chat-media-dialog{position:relative;z-index:1;width:min(1000px,94vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0b1220;border:1px solid #334155;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.45)}.to-chat-media-dialog header,.to-chat-media-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#111827;color:#f8fafc}.to-chat-media-dialog header button{width:34px;height:34px;border:0;border-radius:9px;background:#1f2937;color:#fff;display:grid;place-items:center}.to-chat-media-content{min-height:220px;max-height:calc(92vh - 120px);display:grid;place-items:center;overflow:auto;background:#020617}.to-chat-media-content img,.to-chat-media-content video{max-width:100%;max-height:calc(92vh - 140px);object-fit:contain}.to-chat-media-open{overflow:hidden}.chat-monitor-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.chat-monitor-kpi{padding:16px}.chat-monitor-kpi small{display:block;color:#64748b}.chat-monitor-kpi strong{display:block;margin-top:6px;font-size:25px}.chat-monitor-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px}.chat-monitor-health{display:grid;gap:9px}.chat-monitor-health-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7}.chat-monitor-health-row:last-child{border-bottom:0}.chat-monitor-privacy{display:flex;gap:10px;align-items:flex-start}.chat-monitor-privacy .lucide-icon{flex:0 0 auto;color:#6366f1}@media(max-width:980px){.chat-monitor-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-monitor-grid{grid-template-columns:1fr}}@media(max-width:760px){.to-chat-upload-item{grid-template-columns:minmax(0,1fr) 70px 42px}.to-chat-media-lightbox{padding:8px}.to-chat-media-dialog{width:98vw;max-height:96vh}.to-chat-media-content img,.to-chat-media-content video{max-height:calc(96vh - 130px)}} [data-theme="dark"] .to-chat-upload-queue{background:#111827;border-color:#263244}[data-theme="dark"] .to-chat-upload-progress{background:#334155}[data-theme="dark"] .to-chat-room-tools #to-chat-favorite-btn.is-active{background:#422006;border-color:#713f12} /* TripOffice 11.2.1 - polished database version mismatch page */ .db-version-mismatch-body{background:radial-gradient(circle at 18% 12%,rgba(156,61,255,.22),transparent 28%),radial-gradient(circle at 82% 85%,rgba(56,189,248,.12),transparent 28%),linear-gradient(145deg,#07101f 0%,#0b1222 48%,#111827 100%)} .db-version-mismatch-page{padding:32px 20px}.db-version-mismatch-card{position:relative;overflow:hidden;width:min(100%,680px);padding:38px 42px 30px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(9,15,29,.94));box-shadow:0 34px 110px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)} .db-version-mismatch-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#9c3dff,#7c3aed,#38bdf8)} .db-version-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:22px;color:#e2e8f0;font-size:14px;font-weight:800;letter-spacing:-.02em}.db-version-brand-mark{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:14px;background:linear-gradient(135deg,#9c3dff,#6d28d9);box-shadow:0 8px 20px rgba(156,61,255,.28)} .db-version-maintenance-mark{width:68px;height:68px;border-radius:21px;margin-bottom:18px;background:linear-gradient(145deg,rgba(156,61,255,.24),rgba(56,189,248,.13));border:1px solid rgba(167,139,250,.26);box-shadow:0 18px 44px rgba(49,46,129,.25)}.db-version-maintenance-mark svg{width:32px;height:32px;fill:none;stroke:#c4b5fd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .db-version-mismatch-card .eyebrow{color:#c4b5fd}.db-version-mismatch-card h1{margin-top:9px;font-size:30px;letter-spacing:-.04em}.db-version-mismatch-card>p{max-width:560px;color:#aebbd0;font-size:15px;line-height:1.75} .db-version-flow{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);align-items:center;margin:26px 0 18px}.db-version-node{display:flex;gap:12px;align-items:center;padding:15px 16px;text-align:left;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(15,23,42,.62)}.db-version-node-icon{flex:0 0 34px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:900}.db-version-node small{display:block;color:#77849a;font-size:11px;font-weight:700;margin-bottom:3px}.db-version-node strong{display:block;color:#e5e7eb;font-size:15px}.db-version-node.is-complete .db-version-node-icon{color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2)}.db-version-node.is-pending .db-version-node-icon{color:#c4b5fd;background:rgba(156,61,255,.12);border:1px solid rgba(156,61,255,.22)}.db-version-node.is-warning .db-version-node-icon{color:#fcd34d;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.22)} .db-version-connector{position:relative;height:2px;background:rgba(148,163,184,.12)}.db-version-connector span{position:absolute;left:0;top:0;height:2px;width:58%;background:linear-gradient(90deg,#22c55e,#9c3dff);box-shadow:0 0 10px rgba(156,61,255,.3)} .db-version-status{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;margin-bottom:20px;border-radius:15px;border:1px solid rgba(156,61,255,.18);background:rgba(156,61,255,.07)}.db-version-status.is-warning{border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.065)}.db-version-status-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;margin-top:5px;background:#a78bfa;box-shadow:0 0 0 5px rgba(167,139,250,.09)}.db-version-status.is-warning .db-version-status-dot{background:#fbbf24;box-shadow:0 0 0 5px rgba(251,191,36,.09)}.db-version-status b{display:block;color:#e2e8f0;font-size:13px;margin-bottom:4px}.db-version-status small{display:block;color:#8f9db2;line-height:1.55} .db-version-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.db-version-actions .btn{min-height:44px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.db-version-actions .btn.primary{background:linear-gradient(135deg,#9c3dff,#7c3aed);border-color:transparent;box-shadow:0 12px 28px rgba(124,58,237,.24)}.db-version-actions .btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.db-version-actions .btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.db-version-admin-btn{color:#cbd5e1!important;background:rgba(148,163,184,.08)!important;border:1px solid rgba(148,163,184,.18)!important} .db-version-auto{margin-top:16px;color:#64748b;font-size:12px}.db-version-auto span{display:inline-block;min-width:18px;color:#a78bfa;font-weight:800}.db-version-mismatch-card>footer{display:flex;justify-content:space-between;gap:14px;margin-top:24px;padding-top:17px;color:#526075;font-size:11px} @media(max-width:640px){.db-version-mismatch-page{padding:18px 12px}.db-version-mismatch-card{padding:30px 20px 24px;border-radius:22px}.db-version-mismatch-card h1{font-size:25px}.db-version-flow{grid-template-columns:1fr;gap:8px}.db-version-connector{width:2px;height:18px;margin:0 auto}.db-version-connector span{width:2px;height:12px}.db-version-mismatch-card>footer{flex-direction:column;align-items:center;gap:5px}.db-version-node{padding:13px 14px}} /* TripOffice 11.3.0 - Chat Work Hub */ .chat-work-hub-head .actions{align-items:center} .chat-work-hub-kpis{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px} .chat-work-hub-kpi{display:flex;align-items:center;gap:12px;min-height:92px;padding:16px} .chat-work-hub-kpi>svg{width:22px;height:22px;color:#6d5dfc;flex:0 0 auto} .chat-work-hub-kpi>div{display:grid;gap:4px;min-width:0}.chat-work-hub-kpi small{color:#667085}.chat-work-hub-kpi strong{font-size:24px;color:#101828} .chat-work-hub-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.chat-work-hub-section-head h2{margin:0}.chat-work-hub-section-head p{margin:4px 0 0} .chat-business-search-form{display:grid;grid-template-columns:180px minmax(240px,1fr) auto;gap:10px;margin:14px 0 18px}.chat-business-search-form select,.chat-business-search-form input{min-height:42px} .chat-business-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.chat-business-result-grid>.nav-empty{grid-column:1/-1} .chat-business-card{border:1px solid #e4e7ec;border-radius:15px;padding:15px;background:linear-gradient(180deg,#fff,#fbfcff);min-width:0}.chat-business-card-top{display:flex;justify-content:space-between;gap:8px}.chat-business-card h3{margin:12px 0 3px;font-size:15px}.chat-business-card p{margin:0;color:#344054;font-weight:700}.chat-business-card>small{display:block;margin-top:5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-business-card-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;color:#667085;font-size:12px}.chat-business-card-meta span{display:inline-flex;align-items:center;gap:4px}.chat-business-card-meta svg{width:14px;height:14px}.chat-business-card-meta .danger{color:#b42318}.chat-business-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px} .chat-work-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chat-work-hub-row{width:100%;border:0;border-top:1px solid #eef1f5;background:transparent;padding:12px 2px;text-align:left;display:grid;gap:3px;cursor:pointer;color:#101828}.chat-work-hub-row:first-of-type{border-top:0}.chat-work-hub-row:hover{background:#f8f9ff}.chat-work-hub-row b{font-size:13px}.chat-work-hub-row span{font-size:13px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-work-hub-row small{color:#98a2b3}.chat-work-hub-row.static{cursor:default}.chat-work-hub-row.static:hover{background:transparent}.link-button{border:0;background:transparent;color:#5b4df4;padding:0;cursor:pointer;font:inherit} .chat-work-hub-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chat-work-hub-file{border:1px solid #e4e7ec;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-decoration:none;color:#101828;min-width:0}.chat-work-hub-file:hover{border-color:#c7c1ff;background:#faf9ff}.chat-work-hub-file>svg{width:18px;height:18px;color:#6d5dfc}.chat-work-hub-file>div{min-width:0}.chat-work-hub-file b,.chat-work-hub-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-work-hub-file small{color:#98a2b3;margin-top:3px} .to-chat-business-share-btn{color:#5b4df4!important}.to-chat-business-modal>div{width:min(620px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 40px));overflow:hidden}.to-chat-business-filter{display:grid;grid-template-columns:150px 1fr;gap:8px;margin:12px 0}.to-chat-business-filter select,.to-chat-business-filter input{min-height:40px}.to-chat-business-results{display:grid;gap:8px;max-height:460px;overflow:auto;padding-right:3px}.to-chat-business-result{border:1px solid #e4e7ec;border-radius:12px;padding:12px;background:#fff}.to-chat-business-result>div:first-child{display:flex;justify-content:space-between;gap:8px}.to-chat-business-result>div:first-child span,.to-chat-business-result>div:first-child em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;color:#6941c6}.to-chat-business-result>div:first-child em{color:#667085}.to-chat-business-result b{display:block;margin-top:6px}.to-chat-business-result p{margin:2px 0;font-size:13px;color:#344054;font-weight:600}.to-chat-business-result small{color:#667085}.to-chat-business-result-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:11px;color:#667085}.to-chat-business-result-meta .danger{color:#b42318}.to-chat-business-result footer{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.to-chat-business-result footer button{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.to-chat-business-result footer button.primary{background:#6656ef;border-color:#6656ef;color:#fff} .to-chat-business-bubble{padding:0!important;background:transparent!important;box-shadow:none!important;max-width:420px!important}.to-chat-business-card-inline{border:1px solid #d9d6fe;background:linear-gradient(145deg,#fff,#f8f7ff);border-radius:14px;padding:13px;min-width:min(330px,70vw);color:#101828}.to-chat-business-card-inline header{display:flex;justify-content:space-between;gap:10px;align-items:center}.to-chat-business-card-inline header span{font-size:10px;font-weight:800;color:#6941c6;text-transform:uppercase}.to-chat-business-card-inline header em{font-style:normal;font-size:10px;border-radius:999px;background:#eeeaff;color:#5925dc;padding:4px 7px}.to-chat-business-card-inline strong{display:block;margin-top:9px;font-size:13px}.to-chat-business-card-inline p{margin:3px 0 0;font-weight:700}.to-chat-business-card-inline>small{display:block;margin-top:4px;color:#667085}.to-chat-business-card-inline-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.to-chat-business-card-inline-meta span{display:flex;justify-content:space-between;gap:8px;border-radius:8px;background:#f7f8fa;padding:6px 8px;font-size:11px}.to-chat-business-card-inline-meta span b{font-size:10px;color:#667085}.to-chat-business-card-inline-meta .danger{color:#b42318;background:#fff4f2}.to-chat-business-card-open{display:block;margin-top:10px;color:#5925dc;font-weight:700;font-size:12px;text-decoration:none} .to-chat.chat-theme-dark .to-chat-business-result,.to-chat.chat-theme-dark .to-chat-business-card-inline{background:#172033;border-color:#344054;color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-business-result p,.to-chat.chat-theme-dark .to-chat-business-card-inline p{color:#e5e7eb}.to-chat.chat-theme-dark .to-chat-business-card-inline-meta span{background:#0f172a}.to-chat.chat-theme-dark .to-chat-business-bubble{background:transparent!important} .chat-monitor-v113-note{display:flex;align-items:flex-start;gap:10px} @media(max-width:1250px){.chat-work-hub-kpis{grid-template-columns:repeat(4,1fr)}.chat-business-result-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.chat-work-hub-kpis{grid-template-columns:repeat(2,1fr)}.chat-business-result-grid,.chat-work-hub-grid,.chat-work-hub-files{grid-template-columns:1fr}.chat-business-search-form{grid-template-columns:1fr}.to-chat-business-filter{grid-template-columns:1fr}.to-chat-business-card-inline{min-width:0}} /* TripOffice v11.4.0 Chat Productivity + composer stability */ .to-chat-compose{display:grid!important;grid-template-columns:38px 38px minmax(120px,1fr) 38px auto!important;align-items:center!important;gap:7px!important;padding:9px 10px!important;min-width:0!important;overflow:visible!important} .to-chat-compose>button{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;overflow:hidden!important;flex:none!important} .to-chat-compose>button svg{width:18px!important;height:18px!important;min-width:18px!important;display:block!important} .to-chat-compose textarea{grid-column:auto!important;width:100%!important;min-width:120px!important;height:38px!important;min-height:38px!important;max-height:108px!important;margin:0!important;border-radius:10px!important;box-sizing:border-box!important} .to-chat-compose .to-chat-send{width:auto!important;min-width:58px!important;padding:0 14px!important;white-space:nowrap!important;overflow:visible!important} .to-chat-business-share-btn,.to-chat-schedule{font-size:0!important} .to-chat-business-share-btn svg,.to-chat-schedule svg{font-size:initial!important} @media(max-width:620px){.to-chat-compose{grid-template-columns:36px 36px minmax(84px,1fr) 36px auto!important;gap:5px!important;padding:7px!important}.to-chat-compose>button{width:36px!important;min-width:36px!important;height:36px!important}.to-chat-compose textarea{min-width:84px!important;height:36px!important;min-height:36px!important}.to-chat-compose .to-chat-send{min-width:50px!important;padding:0 10px!important;font-size:11px!important}} @media(max-width:430px){.to-chat-compose{grid-template-columns:34px 34px minmax(68px,1fr) 34px 48px!important;gap:4px!important;padding:6px!important}.to-chat-compose>button{width:34px!important;min-width:34px!important;height:34px!important}.to-chat-compose textarea{min-width:68px!important;height:34px!important;min-height:34px!important;padding:8px!important}.to-chat-compose .to-chat-send{min-width:48px!important;padding:0 7px!important}} .chat-inbox-head{align-items:flex-start}.page-kicker{display:inline-flex;margin-bottom:6px;color:#6757e8;font-size:10px;font-weight:900;letter-spacing:.12em}.chat-inbox-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.chat-inbox-kpis .card{display:grid;gap:8px;min-height:110px}.chat-inbox-kpis span{display:flex;align-items:center;gap:7px;color:#667085;font-size:11px}.chat-inbox-kpis span svg{width:16px;height:16px}.chat-inbox-kpis strong{font-size:28px;color:#101828}.chat-inbox-kpis .danger-soft{background:#fff8f7;border-color:#fee4e2}.chat-inbox-kpis .danger-soft strong{color:#b42318}.chat-inbox-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;align-items:start}.chat-inbox-side{display:grid;gap:14px}.chat-inbox-panel>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.chat-inbox-panel h2{margin:0;font-size:16px}.chat-inbox-panel header p{margin:5px 0 0;color:#667085;font-size:11px}.chat-todo-create{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr .8fr auto;gap:7px;margin-bottom:12px}.chat-todo-create input,.chat-todo-create select,.chat-todo-row select{min-width:0;height:38px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;padding:0 9px}.chat-todo-list{display:grid;gap:7px}.chat-todo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e7eaf0;border-radius:11px;background:#fff}.chat-todo-row.is-overdue{border-color:#fecdca;background:#fffafa}.chat-todo-row>div{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:8px}.chat-todo-row b{font-size:12px}.chat-todo-row small{grid-column:2;color:#667085;font-size:10px;margin-top:3px}.priority-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#98a2b3}.priority-high{background:#f79009}.priority-urgent{background:#d92d20}.priority-low{background:#12b76a}.chat-inbox-feed{display:grid;gap:6px}.chat-inbox-feed button{display:grid;width:100%;gap:4px;padding:10px;border:1px solid #e7eaf0;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.chat-inbox-feed button:hover{background:#f9f8ff;border-color:#d9d6fe}.chat-inbox-feed b{font-size:10px}.chat-inbox-feed span{font-size:11px;color:#344054}.chat-inbox-feed small{font-size:9px;color:#98a2b3}.chat-v114-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.chat-v114-feature-grid b{font-size:12px}.chat-v114-feature-grid p{margin:7px 0 0;color:#667085;font-size:11px;line-height:1.6} @media(max-width:1200px){.chat-inbox-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-todo-create{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-todo-create .btn{grid-column:span 2}.chat-v114-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.chat-inbox-grid{grid-template-columns:1fr}.chat-inbox-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.chat-inbox-kpis,.chat-v114-feature-grid,.chat-todo-create{grid-template-columns:1fr}.chat-todo-create .btn{grid-column:auto}.chat-todo-row{grid-template-columns:1fr}.chat-todo-row select{width:100%}} /* TripOffice v11.5 Chat reliability */ .to-chat-head-status{display:grid!important;gap:1px;min-width:0}.to-chat-head-status>span{display:flex;align-items:center;gap:5px;min-width:0}.to-chat-reconnect{width:22px;height:22px;border:0;border-radius:7px;background:#eef2ff;color:#5b4be7;display:grid;place-items:center;cursor:pointer;padding:0}.to-chat-reconnect[hidden]{display:none!important}.to-chat-reconnect svg{width:13px!important;height:13px!important}.to-chat-compose-status{min-height:22px;padding:0 12px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff}.to-chat-compose-status small{font-size:9px;color:#94a3b8}.to-chat-compose-status button{border:0;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:9px;font-weight:800;padding:4px 8px;cursor:pointer}.to-chat-compose-status button[hidden]{display:none!important}.to-chat-load-older{display:block;margin:0 auto 12px;border:1px solid #dbe2ea;border-radius:999px;background:#fff;color:#64748b;font-size:10px;font-weight:700;padding:6px 12px;cursor:pointer;box-shadow:0 3px 12px rgba(15,23,42,.05)}.to-chat-load-older:hover{border-color:#c4b5fd;color:#5b4be7;background:#faf9ff}.to-chat-load-older:disabled{opacity:.55;cursor:wait}.to-chat.chat-theme-dark .to-chat-compose-status{background:#0f172a}.to-chat.chat-theme-dark .to-chat-load-older{background:#172033;border-color:#334155;color:#cbd5e1}.to-chat.chat-theme-dark .to-chat-reconnect{background:#292653;color:#c4b5fd}[data-theme="dark"] .to-chat-compose-status{background:#0f172a} @media(max-width:760px){.to-chat-context-menu{left:9px!important;right:9px!important;bottom:9px!important;top:auto!important;width:auto!important;max-height:70vh;overflow:auto;border-radius:16px}.to-chat-compose-status{padding:0 8px 5px}.to-chat-load-older{font-size:9px;padding:5px 10px}} /* TripOffice 11.5.1 - Automation UI/i18n hotfix */ .setting-switch-list{display:grid;gap:10px}.setting-switch{position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.setting-switch:hover{border-color:#cfd5ff;background:#fbfaff}.setting-switch>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}.setting-switch-ui{position:relative;display:block;width:42px;height:24px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);transition:.18s ease}.setting-switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.22);transition:.18s ease}.setting-switch>input:checked+.setting-switch-ui{background:linear-gradient(135deg,#5b4ce6,#7665ff)}.setting-switch>input:checked+.setting-switch-ui:after{transform:translateX(18px)}.setting-switch>input:focus-visible+.setting-switch-ui{outline:3px solid rgba(91,76,230,.2);outline-offset:2px}.setting-switch-copy{display:grid;gap:3px;min-width:0}.setting-switch-copy b{font-size:13px;color:var(--text)}.setting-switch-copy small,.field-help{font-size:11px!important;font-weight:500!important;line-height:1.45;color:var(--muted)}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}.ui-code-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border:1px solid #d8def0;border-radius:7px;background:#f8fafc;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:700}.table-wrap td>b+small.muted{margin-top:4px}.automation-settings-clean .setting-switch{min-height:64px}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .setting-switch{background:#111925;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .setting-switch:hover{background:#162033;border-color:#4f46e5}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .ui-code-chip{background:#0f172a;border-color:#334155;color:#cbd5e1}@media(max-width:620px){.setting-switch{grid-template-columns:40px minmax(0,1fr);padding:10px 12px}.setting-switch-ui{width:38px;height:22px}.setting-switch-ui:after{width:16px;height:16px}.setting-switch>input:checked+.setting-switch-ui:after{transform:translateX(16px)}} /* TripOffice v11.6 Automation Control Center */ .automation-control-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:#fff;scrollbar-width:thin}.automation-control-tabs a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 12px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none}.automation-control-tabs a svg{width:16px;height:16px;flex:none}.automation-control-tabs a:hover{background:#f5f3ff;color:#5b4ce6}.automation-control-tabs a.active{background:linear-gradient(135deg,#5b4ce6,#725cff);color:#fff;box-shadow:0 5px 16px rgba(91,76,230,.18)}.automation-control-tabs a i{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#ef4444} .automation-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.automation-kpi{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:86px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.automation-kpi>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f4f1ff;color:#6252ea}.automation-kpi>span svg{width:17px;height:17px}.automation-kpi small{align-self:end;color:var(--muted);font-size:11px;font-weight:700}.automation-kpi b{align-self:start;font-size:18px;letter-spacing:-.03em}.automation-kpi.success>span{background:#ecfdf5;color:#059669}.automation-kpi.warning>span{background:#fffbeb;color:#d97706}.automation-kpi.danger>span{background:#fef2f2;color:#dc2626} .automation-health-list{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.automation-health-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--line)}.automation-health-list>div:last-child{border-bottom:0}.automation-health-list span{font-size:12px;font-weight:700}.automation-health-list b:not(.badge){font-size:12px;color:var(--muted);text-align:right}.automation-quick-actions{display:grid;gap:8px}.automation-quick-actions>a{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text)}.automation-quick-actions>a svg{grid-row:1/3;width:18px;height:18px;color:#6252ea}.automation-quick-actions>a b{font-size:12px}.automation-quick-actions>a small{font-size:10px;color:var(--muted)}.automation-quick-actions>a:hover{border-color:#c4b5fd;background:#faf8ff} .dryrun-status{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:12px;margin-bottom:12px}.dryrun-status.matched{background:#ecfdf5;color:#047857}.dryrun-status.skipped{background:#fff7ed;color:#c2410c}.dryrun-status b{font-size:13px}.dryrun-status span{font-size:11px;font-weight:800}.dryrun-conditions{display:grid;gap:7px}.dryrun-conditions>div{display:grid;grid-template-columns:26px 1fr 1.2fr 1fr;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.dryrun-check{display:grid;place-items:center;width:24px;height:24px;border-radius:7px}.dryrun-check.ok{background:#ecfdf5;color:#059669}.dryrun-check.fail{background:#fef2f2;color:#dc2626}.dryrun-check svg{width:14px;height:14px}.dryrun-conditions code{font-size:11px;font-weight:800}.dryrun-conditions small{font-size:10px;color:var(--muted)}.dryrun-conditions b{font-size:11px;text-align:right;overflow:hidden;text-overflow:ellipsis}.automation-path{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:14px 2px 3px;margin-top:12px}.automation-path>i{display:grid;place-items:center;color:#94a3b8}.automation-path>i svg{width:15px;height:15px}.path-node{display:grid;align-content:center;min-width:130px;min-height:58px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.path-node.trigger{background:#f5f3ff;border-color:#ddd6fe;color:#5b4ce6;font-size:11px;font-weight:900}.path-node.action b{font-size:11px}.path-node.action small{font-size:9px;color:var(--muted);margin-top:2px}.path-node.action em{display:flex;gap:4px;margin-top:5px}.path-node.action u{padding:2px 5px;border-radius:6px;background:#eef2ff;color:#4f46e5;text-decoration:none;font-size:9px;font-style:normal;font-weight:800} .automation-clean-state{display:grid;place-items:center;gap:7px;min-height:210px;text-align:center;color:#059669}.automation-clean-state svg{width:42px;height:42px}.automation-clean-state b{font-size:16px}.automation-clean-state span{font-size:11px;color:var(--muted)}.automation-issue-list{display:grid;gap:8px}.automation-issue-list>div{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px}.automation-issue-list .issue-block{border-color:#fecaca;background:#fffafa}.automation-issue-list .issue-warning{border-color:#fde68a;background:#fffdf5}.automation-issue-list div>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px}.automation-issue-list div>div b{font-size:12px}.automation-issue-list code{font-size:10px;color:var(--muted)}.automation-issue-list p{grid-column:1/3;margin:0;font-size:11px;color:var(--muted)} .row-muted{opacity:.58}.automation-version-list{display:grid;gap:7px}.automation-version-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px}.automation-version-list span{display:grid}.automation-version-list b{font-size:12px}.automation-version-list small{font-size:10px;color:var(--muted)}.version-current-card{display:grid;gap:5px;margin-top:12px;padding:14px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}.version-current-card span{font-size:10px;color:var(--muted)}.version-current-card b{font-size:14px}.version-current-card code{font-size:10px;color:#5b4ce6}.version-diff-grid{display:grid;gap:10px}.version-diff-grid>div{display:grid;grid-template-columns:130px minmax(0,1fr) 28px minmax(0,1fr);align-items:start;gap:8px}.version-diff-grid>div:first-child{grid-template-columns:130px 1fr 28px 1fr}.version-diff-grid small{font-size:10px;color:var(--muted);font-weight:800}.version-diff-grid pre{max-height:220px;overflow:auto;margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0f172a;color:#e2e8f0;font-size:10px;line-height:1.5}.version-diff-grid>div>span{align-self:center;text-align:center;color:#94a3b8} .report-calendar-list{display:grid;gap:8px}.report-calendar-list>div{display:grid;grid-template-columns:62px minmax(0,1fr) 70px;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px}.report-calendar-list time{display:grid;place-items:center;padding:6px;border-radius:9px;background:#f5f3ff;color:#5b4ce6}.report-calendar-list time b{font-size:17px}.report-calendar-list time small{font-size:9px}.report-calendar-list span{display:grid}.report-calendar-list span b{font-size:12px}.report-calendar-list span small{font-size:10px;color:var(--muted)}.report-calendar-list em{font-style:normal;font-size:12px;font-weight:900;text-align:right;color:#475569} .automation-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.automation-template-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.automation-template-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f5f3ff;color:#5b4ce6}.automation-template-grid article>span svg{width:18px;height:18px}.automation-template-grid article>div{display:grid;align-content:start;gap:4px}.automation-template-grid article b{font-size:12px}.automation-template-grid article code{font-size:9px;color:#64748b}.automation-template-grid article p{margin:2px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}.automation-template-grid article form{grid-column:1/3;display:flex;justify-content:flex-end} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-control-tabs,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-kpi,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .path-node,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-template-grid article{background:#111925;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-control-tabs a:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-quick-actions>a:hover{background:#1b2440}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .version-current-card{background:#0f172a;border-color:#334155}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-issue-list .issue-block{background:#2b1519;border-color:#7f1d1d}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .automation-issue-list .issue-warning{background:#2b2411;border-color:#854d0e} @media(max-width:1180px){.automation-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.automation-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.automation-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-template-grid{grid-template-columns:1fr}.automation-control-tabs a span{display:none}.automation-control-tabs a{min-width:42px;padding:0 10px}.version-diff-grid>div,.version-diff-grid>div:first-child{grid-template-columns:1fr}.version-diff-grid>div>span{text-align:left}.automation-issue-list>div{grid-template-columns:64px 1fr}.automation-issue-list>div>a{grid-column:2}.dryrun-conditions>div{grid-template-columns:26px 1fr}.dryrun-conditions small,.dryrun-conditions b{grid-column:2;text-align:left}.report-calendar-list>div{grid-template-columns:54px 1fr 55px}} /* TripOffice 11.6.1 - Global Weather & Location */ .dashboard-weather.is-error strong,.dashboard-weather.is-error .dashboard-weather-icon{color:#ffb4b4}.dashboard-weather-source{display:flex;align-items:center;gap:3px;white-space:nowrap}.dashboard-weather-source span{min-width:0;overflow:hidden;text-overflow:ellipsis}.weather-location-settings{border:1px solid var(--line,#dbe3ee);border-radius:16px;padding:16px;background:var(--panel,#fff)}.weather-location-search-row{display:flex;gap:8px;align-items:center}.weather-location-search-row input{min-width:0;flex:1}.weather-location-results{margin-top:10px;border:1px solid var(--line,#dbe3ee);border-radius:12px;background:var(--panel,#fff);max-height:260px;overflow:auto;padding:6px}.weather-location-result{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;cursor:pointer;color:inherit}.weather-location-result:hover{background:rgba(99,76,238,.08)}.weather-location-result b{font-size:13px}.weather-location-result small{color:var(--muted,#758196);white-space:nowrap}.weather-location-help{margin:10px 0 0}.weather-company-location-search{grid-column:1/-1;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line,#e5eaf0)} .weather-provider-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.weather-provider-card{min-height:190px;display:flex;flex-direction:column}.weather-provider-card.is-primary{border-color:rgba(99,76,238,.4);box-shadow:0 10px 28px rgba(99,76,238,.07)}.weather-provider-card p{color:var(--muted,#758196);line-height:1.55;min-height:48px}.weather-provider-card form{margin-top:auto}.weather-provider-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.weather-provider-setting{display:flex!important;flex-direction:column;gap:10px;border:1px solid var(--line,#e2e8f0);border-radius:14px;padding:14px;background:rgba(127,139,165,.035)}.weather-provider-setting>small{color:var(--muted,#758196);line-height:1.45}.switch-line{display:flex;align-items:center;gap:9px}.switch-line input{width:18px;height:18px}.check-inline{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted,#758196)}.check-inline input{width:15px;height:15px}.weather-provider-note{font-size:12px;color:var(--muted,#758196)}.weather-security-note{display:flex;align-items:flex-start;gap:10px}.weather-security-note svg{width:18px;height:18px;flex:0 0 auto}.weather-security-note span{display:grid;gap:3px}.weather-security-note small{color:var(--muted,#758196)}.small-num{font-size:14px!important;line-height:1.4}.compact-fields input{min-width:0} @media(max-width:1000px){.weather-provider-cards,.weather-provider-settings-grid{grid-template-columns:1fr}.weather-provider-card{min-height:0}} @media(max-width:640px){.weather-location-search-row{align-items:stretch}.weather-location-search-row .btn{flex:0 0 auto}.weather-location-result{align-items:flex-start;flex-direction:column;gap:4px}.weather-location-result small{white-space:normal}.compact-fields{grid-template-columns:1fr!important}} /* TripOffice 11.6.2 - Workspace sidebar independent scrolling hotfix */ body[data-tripoffice-workspace="1"] #workspace-sidebar{ height:100vh; height:100dvh; max-height:100vh; max-height:100dvh; display:flex; flex-direction:column; overflow:hidden; position:sticky; top:0; } body[data-tripoffice-workspace="1"] #workspace-sidebar>.sidebar-brand-row, body[data-tripoffice-workspace="1"] #workspace-sidebar>.tenant-box, body[data-tripoffice-workspace="1"] #workspace-sidebar>.sidebar-tools, body[data-tripoffice-workspace="1"] #workspace-sidebar>.sidebar-user-summary{ flex:0 0 auto; } body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav{ flex:1 1 auto; min-height:0; overflow-y:auto!important; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#344964 transparent; padding-bottom:12px; } body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav::-webkit-scrollbar{width:7px} body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav::-webkit-scrollbar-track{background:transparent} body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav::-webkit-scrollbar-thumb{background:#344964;border-radius:999px;border:2px solid transparent;background-clip:padding-box} body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav::-webkit-scrollbar-thumb:hover{background:#536b89;background-clip:padding-box} body[data-tripoffice-workspace="1"] #workspace-sidebar>.sidebar-user-summary{ position:static; left:auto; right:auto; bottom:auto; margin-top:8px; width:100%; } body.workspace-sidebar-collapsed[data-tripoffice-workspace="1"] #workspace-sidebar>.nav{padding-bottom:8px} @media(max-width:1100px) and (min-width:761px){ body[data-tripoffice-workspace="1"] #workspace-sidebar{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh} body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav{min-height:0;overflow-y:auto!important;padding-bottom:8px} } @media(max-width:760px){ body[data-tripoffice-workspace="1"] #workspace-sidebar{ height:100vh; height:100dvh; max-height:100vh; max-height:100dvh; top:0; bottom:auto; overflow:hidden; } body[data-tripoffice-workspace="1"] #workspace-sidebar>.nav{ flex:1 1 auto; min-height:0; overflow-y:auto!important; padding-bottom:12px; } body[data-tripoffice-workspace="1"] #workspace-sidebar>.sidebar-user-summary{margin-top:7px} } /* TripOffice 11.6.3 - Company Settings Center UX + global help tips */ .tripoffice-ui-tooltip{position:fixed;z-index:100000;max-width:min(340px,calc(100vw - 24px));padding:9px 11px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:#0f172a;color:#f8fafc;font-size:11px;line-height:1.55;box-shadow:0 14px 34px rgba(15,23,42,.28);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease}.tripoffice-ui-tooltip.is-visible{opacity:1;transform:translateY(0)}.tripoffice-ui-tooltip:after{content:"";position:absolute;left:var(--tip-arrow-left,20px);bottom:-5px;width:9px;height:9px;background:#0f172a;transform:rotate(45deg);border-right:1px solid rgba(148,163,184,.28);border-bottom:1px solid rgba(148,163,184,.28)} .ui-help-tip-trigger{display:inline-grid!important;place-items:center;flex:0 0 auto;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;border:1px solid #cbd5e1!important;border-radius:50%!important;background:#fff!important;color:#64748b!important;font:800 10px/1 system-ui,sans-serif!important;cursor:help!important;box-shadow:none!important;vertical-align:middle}.ui-help-tip-trigger:hover,.ui-help-tip-trigger:focus-visible{border-color:#7c3aed!important;background:#f5f3ff!important;color:#6d28d9!important;outline:none}.page-title-with-tip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-title-with-tip h1{margin:0}.page-title-with-tip .ui-help-tip-trigger{margin-top:1px} .settings-page-head{margin-bottom:14px}.settings-tab-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.settings-tab-card{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:center;min-height:72px;padding:11px 12px;border:1px solid var(--line,#e3e8ef);border-radius:13px;background:var(--card,#fff);color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.settings-tab-card:hover{border-color:#c4b5fd;box-shadow:0 7px 20px rgba(91,33,182,.07);transform:translateY(-1px)}.settings-tab-card.active{border-color:#8b5cf6;background:linear-gradient(135deg,#faf8ff,#f5f3ff);box-shadow:0 8px 22px rgba(124,58,237,.1)}.settings-tab-icon{width:30px!important;height:30px!important;padding:6px;border-radius:9px;background:#f1f5f9;color:#64748b}.settings-tab-card.active .settings-tab-icon{background:#ede9fe;color:#6d28d9}.settings-tab-card>span{display:grid;gap:3px;min-width:0}.settings-tab-card b{font-size:11px}.settings-tab-card small{font-size:9px;line-height:1.35;color:var(--muted,#7b8190);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.settings-tab-card em{position:absolute;right:8px;top:7px;font-style:normal;font-size:8px;font-weight:800;color:#6d28d9;background:#ede9fe;border-radius:999px;padding:2px 5px} .settings-tab-intro{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;margin-bottom:14px;border:1px solid var(--line,#e3e8ef);border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.045),rgba(14,165,233,.025))}.settings-tab-intro-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:#ede9fe;color:#6d28d9}.settings-tab-intro-icon svg{width:19px;height:19px}.settings-tab-intro>div{display:grid;gap:2px}.settings-tab-intro small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8b5cf6;font-weight:800}.settings-tab-intro h2{margin:0;font-size:16px}.settings-tab-intro p{margin:2px 0 0;color:var(--muted,#7b8190);font-size:11px;line-height:1.5}.settings-form-card{padding:18px}.settings-fields-grid{gap:14px}.settings-field{display:grid!important;gap:7px!important;align-content:start}.settings-field-wide{grid-column:1/-1}.settings-label-row{display:flex;align-items:center;gap:6px;font-weight:700;font-size:11px}.settings-field input,.settings-field select,.settings-field textarea{width:100%}.settings-field textarea{resize:vertical;min-height:92px;line-height:1.5}.settings-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#edf1f5)}.settings-form-actions small{color:var(--muted,#7b8190);font-size:10px}.settings-security-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.settings-security-card h2{margin:0 0 5px}.settings-security-card p{margin:0}.settings-related-callout{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding:11px 12px;border:1px solid #ddd6fe;border-radius:11px;background:#faf8ff;color:#5b21b6;font-size:10px}.settings-related-callout>svg{width:16px;height:16px;flex:0 0 auto}.settings-related-callout>span{flex:1}.settings-related-callout>a{font-weight:800;color:#6d28d9;white-space:nowrap} .settings-integration-intro{display:grid;gap:10px;margin-bottom:14px}.settings-integration-intro>div:first-child{display:flex;gap:10px;align-items:flex-start}.settings-integration-intro>div:first-child>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ede9fe;color:#6d28d9;flex:0 0 auto}.settings-integration-intro h3{margin:0 0 4px;font-size:15px}.settings-integration-intro p{margin:0;color:var(--muted,#7b8190);font-size:11px;line-height:1.55}.settings-integration-note{margin:0!important;display:flex;align-items:center;gap:8px;font-size:10px}.settings-integration-note>svg{width:15px;height:15px}.settings-integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.settings-integration-card{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px;padding:13px;border:1px solid var(--line,#e3e8ef);border-radius:13px;background:var(--card,#fff);color:inherit;text-decoration:none}.settings-integration-card:hover{border-color:#a78bfa;background:#faf8ff}.settings-integration-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1f5f9;color:#64748b}.settings-integration-card>span svg{width:18px;height:18px}.settings-integration-card>div{display:grid;gap:3px}.settings-integration-card b{font-size:12px}.settings-integration-card p{margin:0;color:var(--muted,#7b8190);font-size:10px;line-height:1.45}.settings-integration-card small{font-size:9px;color:#8b5cf6}.settings-integration-card em{grid-column:2;font-style:normal;font-size:9px;font-weight:800;color:#6d28d9}.settings-section-title{padding:14px 0 8px;border-top:1px solid var(--line,#edf1f5)}.settings-section-title h3{margin:0 0 3px;font-size:13px}.settings-section-title p{margin:0;color:var(--muted,#7b8190);font-size:10px;line-height:1.5} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .settings-tab-card.active,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .settings-integration-card:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .settings-related-callout{background:#201836;border-color:#6d28d9}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .settings-tab-icon,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .settings-integration-card>span{background:#172033}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .ui-help-tip-trigger{background:#111925!important;border-color:#475569!important;color:#cbd5e1!important}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .ui-help-tip-trigger{background:#111925!important;border-color:#475569!important;color:#cbd5e1!important} @media(max-width:1180px){.settings-tab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.settings-tab-grid{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px;scrollbar-width:thin}.settings-tab-card{flex:0 0 178px;min-height:66px}.settings-tab-card small{display:none}.settings-tab-card em{display:none}.settings-integration-grid{grid-template-columns:1fr}.settings-security-card,.settings-form-actions{align-items:stretch;flex-direction:column}.settings-form-actions .btn{width:100%}.settings-related-callout{align-items:flex-start;flex-wrap:wrap}.settings-related-callout>a{width:100%;padding-left:24px}.settings-fields-grid{grid-template-columns:1fr!important}.settings-field-wide{grid-column:auto}} /* TripOffice 11.6.4 - Workspace smooth navigation */ .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} #app-content{view-transition-name:tripoffice-workspace-content;transform-origin:50% 0;will-change:opacity,transform} .spa-loading #app-content{pointer-events:none;cursor:progress} #app-content.spa-page-leaving{opacity:.38;transform:translateY(3px);transition:opacity .09s ease,transform .09s ease} #app-content.spa-page-entering{opacity:0;transform:translateY(6px)} #app-content:not(.spa-page-entering){transition:opacity .18s ease,transform .18s ease} ::view-transition-old(tripoffice-workspace-content){animation:tripofficePageOut .12s ease both} ::view-transition-new(tripoffice-workspace-content){animation:tripofficePageIn .18s ease both} @keyframes tripofficePageOut{from{opacity:1;transform:translateY(0)}to{opacity:.18;transform:translateY(-3px)}} @keyframes tripofficePageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){#app-content,#app-content.spa-page-leaving,#app-content.spa-page-entering{transition:none!important;transform:none!important}::view-transition-old(tripoffice-workspace-content),::view-transition-new(tripoffice-workspace-content){animation:none!important}} /* TripOffice 11.6.5 - CEO Monthly Executive Report */ .executive-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.executive-kpi-strip>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:14px 16px;border:1px solid var(--border,#273148);border-radius:14px;background:var(--panel,#111827)}.executive-kpi-strip span{grid-row:1/3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(117,92,255,.12)}.executive-kpi-strip span svg{width:18px;height:18px}.executive-kpi-strip small{color:var(--muted,#94a3b8)}.executive-kpi-strip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.executive-report-layout{align-items:start}.section-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-title-row h2,.section-title-row h3{margin:0 0 5px}.section-title-row p{margin:0;color:var(--muted,#94a3b8)}.executive-option-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--border,#273148)}.executive-option-block h3{margin:0 0 5px;font-size:14px}.executive-option-block>p{margin:0 0 10px;color:var(--muted,#94a3b8);font-size:12px}.choice-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-chip-grid label{position:relative;cursor:pointer}.choice-chip-grid input{position:absolute;opacity:0;pointer-events:none}.choice-chip-grid span{display:flex;align-items:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid var(--border,#273148);border-radius:10px;background:var(--input,#0d1423);font-size:12px}.choice-chip-grid input:checked+span{border-color:#7564ff;background:rgba(117,100,255,.12);box-shadow:0 0 0 1px rgba(117,100,255,.18)}.choice-chip-grid span svg{width:15px;height:15px}.metric-chips span{min-width:92px;justify-content:center}.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.mini-check{font-size:12px;color:var(--muted,#94a3b8)}.executive-generate-form{display:flex;align-items:end;gap:10px}.executive-generate-form label{flex:1}.executive-delivery-guide{margin-top:18px}.executive-delivery-guide h3{font-size:14px}.executive-delivery-guide ul{padding-left:18px;margin:8px 0;color:var(--muted,#94a3b8);font-size:12px}.executive-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.executive-summary-grid>div{padding:13px;border:1px solid var(--border,#273148);border-radius:12px;background:var(--input,#0d1423);min-width:0}.executive-summary-grid small{display:block;color:var(--muted,#94a3b8);font-size:11px}.executive-summary-grid b{display:block;margin-top:6px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.executive-summary-grid em{display:inline-block;margin-top:4px;font-size:11px;font-style:normal}.executive-summary-grid em.up{color:#22c55e}.executive-summary-grid em.down{color:#f97316}.executive-alerts{margin-top:16px;padding:14px;border:1px solid rgba(245,158,11,.25);border-radius:12px;background:rgba(245,158,11,.06)}.executive-alerts h3{margin:0 0 8px;font-size:14px}.executive-alerts ul{margin:0;padding-left:18px}.executive-alerts li{margin:6px 0}.executive-preview .page-actions{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:1100px){.executive-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.executive-kpi-strip{grid-template-columns:1fr}.executive-summary-grid{grid-template-columns:1fr 1fr}.executive-generate-form{display:block}.executive-generate-form .btn{width:100%;margin-top:10px}.inline-actions{align-items:flex-start;flex-direction:column}} /* TripOffice 11.6.6 - Admin quality/automation UI + executive report visual hotfix */ .platform-page-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff 0%,#fbfaff 58%,#f5f3ff 100%);box-shadow:0 10px 30px rgba(30,41,59,.045)} .platform-page-hero-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b4ce6}.platform-page-hero-icon svg{width:22px;height:22px}.platform-page-kicker{margin-bottom:4px;color:#7c3aed;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.platform-page-hero-copy h1{margin:0;font-size:24px;letter-spacing:-.035em}.platform-page-hero-copy p{max-width:880px;margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.platform-page-hero-actions{display:flex;justify-content:flex-end}.platform-page-hero-actions form{margin:0}.platform-page-hero-actions .btn{min-width:148px} .platform-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.platform-metric-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:88px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.025)}.platform-metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#5b4ce6}.platform-metric-icon svg{width:19px;height:19px}.platform-metric-card>div{min-width:0}.platform-metric-card small{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-metric-card b{display:block;font-size:22px;line-height:1.1;letter-spacing:-.03em}.platform-metric-card.success .platform-metric-icon{background:#ecfdf5;color:#059669}.platform-metric-card.warning .platform-metric-icon{background:#fffbeb;color:#d97706}.platform-metric-card.danger .platform-metric-icon{background:#fef2f2;color:#dc2626} .platform-status-banner{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border:1px solid #dbe5f1;border-radius:12px;background:#f8fafc}.platform-status-banner>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef2ff;color:#5b4ce6}.platform-status-banner b{display:block;font-size:13px}.platform-status-banner small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.platform-status-banner.success{border-color:#bbf7d0;background:#f0fdf4}.platform-status-banner.success>span{background:#dcfce7;color:#15803d}.platform-status-banner.warning{border-color:#fde68a;background:#fffbeb}.platform-status-banner.warning>span{background:#fef3c7;color:#b45309}.platform-status-banner.danger{border-color:#fecaca;background:#fef2f2}.platform-status-banner.danger>span{background:#fee2e2;color:#b91c1c} .platform-table-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.025)}.platform-table-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:#fff}.platform-table-card-head>div:first-child{display:grid;gap:3px;min-width:0}.platform-table-card-head>div:first-child>b{font-size:14px}.platform-table-card-head>div:first-child>small{color:var(--muted);font-size:10px;line-height:1.4}.platform-table-tools{display:flex;align-items:center;gap:8px}.platform-table-search{position:relative;display:block}.platform-table-search>svg{position:absolute;left:10px;top:50%;width:15px;height:15px;color:#94a3b8;transform:translateY(-50%);pointer-events:none}.platform-table-search input{width:230px;height:36px;padding-left:32px;border-radius:9px}.platform-table-tools select{width:auto;min-width:110px;height:36px;border-radius:9px}.platform-modern-table{border:0;border-radius:0}.platform-modern-table table{min-width:820px}.platform-modern-table th{height:42px;background:#f8fafc;color:#64748b;font-size:10px;text-transform:none}.platform-modern-table td{vertical-align:middle}.platform-modern-table tbody tr:last-child td{border-bottom:0}.platform-category-chip{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800}.platform-code-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#334155;font-size:10px}.platform-detail-cell{max-width:680px;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5;color:#475569}.platform-company-link{display:inline-flex;align-items:center;gap:6px;color:#4f46e5;font-weight:750}.platform-company-link svg{width:14px;height:14px}.platform-event-copy{max-width:620px;white-space:normal!important}.platform-event-copy b{display:block;line-height:1.4}.platform-event-copy small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5;white-space:normal}.platform-time-cell{color:#64748b;font-variant-numeric:tabular-nums;font-size:11px}.platform-empty-row td{text-align:center!important;padding:36px!important;color:var(--muted)}.platform-empty-row td svg{width:18px;height:18px;vertical-align:middle;margin-right:6px}.platform-empty-card{display:grid;place-items:center;gap:8px;padding:42px 20px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;text-align:center}.platform-empty-card>svg{width:28px;height:28px;color:#8b5cf6}.platform-empty-card small{max-width:620px;color:var(--muted)} /* Executive report: light mode must not inherit dark fallback colors. */ body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip>div{border-color:#e2e8f0;background:#fff;color:#111827;box-shadow:0 4px 16px rgba(15,23,42,.025)}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip>div span{background:#f1efff;color:#6252ea}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip>div small{color:#64748b}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip>div b{color:#0f172a;font-size:13px}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .choice-chip-grid span{border-color:#dbe2ea;background:#fff;color:#334155}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .choice-chip-grid label:hover span{border-color:#c4b5fd;background:#faf8ff}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .choice-chip-grid input:checked+span{border-color:#7564ff;background:#f1efff;color:#4c3fc8;box-shadow:0 0 0 1px rgba(117,100,255,.12)}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-option-block{border-color:#e5eaf2}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-summary-grid>div{border-color:#e2e8f0;background:#f8fafc;color:#0f172a}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-report-layout>.panel{min-width:0}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .page-head .page-title-with-tip .ui-help-tip-trigger+ .ui-help-tip-trigger{display:none} html[data-theme="dark"] body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .choice-chip-grid span,html[data-theme="dark"] body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-summary-grid>div{background:#111925;border-color:#334155;color:#e5e7eb}html[data-theme="dark"] body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip>div b{color:#f8fafc}html[data-theme="dark"] body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .choice-chip-grid input:checked+span{background:#252852;border-color:#7564ff;color:#ddd6fe} html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-page-hero,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-metric-card,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-table-card,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-table-card-head,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-empty-card{background:#111925;border-color:#334155;color:#e5e7eb}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-page-hero{background:linear-gradient(135deg,#111925,#17172b)}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-page-hero-copy p,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-table-card-head small{color:#94a3b8}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-modern-table th{background:#0f172a;color:#94a3b8}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-category-chip,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-code-chip{background:#172033;border-color:#334155;color:#cbd5e1}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-detail-cell{color:#cbd5e1}html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-table-search input,html[data-platform-theme="dark"] body[data-tripoffice-platform="1"] .platform-table-tools select{background:#0f172a;border-color:#334155;color:#e5e7eb} @media(max-width:1050px){.platform-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-page-hero{grid-template-columns:44px minmax(0,1fr)}.platform-page-hero-actions{grid-column:1/-1;justify-content:flex-start}.platform-table-card-head{align-items:flex-start;flex-direction:column}.platform-table-tools{width:100%}.platform-table-search{flex:1}.platform-table-search input{width:100%}} @media(max-width:620px){.platform-metric-grid{grid-template-columns:1fr}.platform-page-hero{grid-template-columns:40px minmax(0,1fr);padding:16px}.platform-page-hero-icon{width:40px;height:40px}.platform-page-hero-copy h1{font-size:20px}.platform-page-hero-actions .btn{width:100%}.platform-page-hero-actions{width:100%}.platform-page-hero-actions form{width:100%}.platform-table-tools{align-items:stretch;flex-direction:column}.platform-table-tools select{width:100%}.platform-status-banner{grid-template-columns:34px minmax(0,1fr)}body[data-tripoffice-workspace="1"][data-page-active="executive_reports1165"] .executive-kpi-strip{grid-template-columns:1fr}} /* TripOffice v11.7 - Unified Work Intelligence + WeCom Employee Integration */ .work-intel-kpis,.wecom-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}.work-intel-kpis>a,.wecom-kpis>div{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border,#e4e8ef);border-radius:16px;background:var(--panel,#fff);text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(15,23,42,.04)}.work-intel-kpis span,.wecom-kpis span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(99,91,255,.10)}.work-intel-kpis small,.wecom-kpis small{display:block;color:var(--muted,#64748b)}.work-intel-kpis b,.wecom-kpis b{display:block;font-size:20px;margin-top:2px}.work-intel-kpis>a.danger{border-color:#fecaca;background:#fff7f7}.work-filter-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.work-filter-tabs a{white-space:nowrap;padding:8px 13px;border-radius:999px;border:1px solid var(--border,#e4e8ef);text-decoration:none;color:inherit}.work-filter-tabs a.active{background:#635bff;color:#fff;border-color:#635bff}.work-agenda-list{display:grid;gap:8px}.work-agenda-item{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:14px;text-decoration:none;color:inherit}.work-agenda-item:hover{border-color:#8b83ff;background:rgba(99,91,255,.035)}.work-agenda-item.is-overdue{border-left:4px solid #ef4444}.work-agenda-icon{width:40px;height:40px;border-radius:12px;background:rgba(99,91,255,.10);display:grid;place-items:center}.work-agenda-item b{display:block;margin:5px 0}.work-agenda-item small{color:var(--muted,#64748b)} .reservation-work-hub{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}.work-hub-main,.work-hub-side{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:18px;padding:18px}.smart-action-bar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0 16px}.work-timeline{position:relative;display:grid;gap:0}.work-timeline:before{content:"";position:absolute;left:17px;top:20px;bottom:20px;width:1px;background:var(--border,#e5e7eb)}.work-timeline-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;position:relative;padding:10px 0}.work-timeline-item>span{width:34px;height:34px;border-radius:50%;background:var(--panel,#fff);border:1px solid var(--border,#e5e7eb);display:grid;place-items:center;z-index:1}.work-timeline-item p{margin:3px 0;color:var(--muted,#64748b)}.work-timeline-item small{color:var(--muted,#94a3b8)}.work-hub-side{display:grid;align-content:start;gap:10px}.work-hub-side>div{padding:12px;border-radius:13px;background:rgba(99,91,255,.055)}.work-hub-side small{display:block;color:var(--muted,#64748b)}.work-hub-side b{display:block;margin-top:5px;font-size:16px}.customer-360{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);border-radius:18px;padding:18px}.customer-360-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.customer-360-grid>div{background:rgba(99,91,255,.05);padding:13px;border-radius:13px}.customer-360-grid small{display:block;color:var(--muted,#64748b)}.customer-360-grid b{display:block;margin-top:6px}.quotation-flow-strip{display:flex;align-items:center;gap:9px;overflow:auto;padding:12px 14px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--panel,#fff)}.quotation-flow-strip span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted,#64748b)}.quotation-flow-strip .is-current{color:#635bff;font-weight:700}.quotation-flow-strip .is-done{color:#0f9f6e}.quotation-flow-strip i{font-style:normal;color:#cbd5e1} .wecom-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.wecom-grid{align-items:start}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.switch-row span{min-width:0}.switch-row small{display:block;color:var(--muted,#64748b);margin-top:3px}.switch-row input[type=checkbox]{appearance:none;width:44px!important;height:24px!important;min-width:44px;border-radius:999px;background:#cbd5e1;position:relative;border:0}.switch-row input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;transition:.18s}.switch-row input[type=checkbox]:checked{background:#635bff}.switch-row input[type=checkbox]:checked:before{transform:translateX(20px)}.wecom-mapping-list{display:grid;gap:8px;max-height:640px;overflow:auto}.wecom-map-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.4fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--border,#e5e7eb);border-radius:12px}.wecom-map-row small{display:block;color:var(--muted,#64748b)}.wecom-profile{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(99,91,255,.06);margin-bottom:16px}.wecom-profile>span:first-child{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(99,91,255,.14)}.wecom-profile div{flex:1}.wecom-profile small,.wecom-profile b{display:block}.wecom-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 20px}.wecom-event-grid label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border,#e5e7eb);border-radius:11px}.wecom-event-grid input{width:16px!important;height:16px!important} html[data-theme="dark"] .work-intel-kpis>a,html[data-theme="dark"] .wecom-kpis>div,html[data-theme="dark"] .work-hub-main,html[data-theme="dark"] .work-hub-side,html[data-theme="dark"] .customer-360,html[data-theme="dark"] .quotation-flow-strip{background:#111827;border-color:#263244}html[data-theme="dark"] .work-agenda-item,html[data-theme="dark"] .wecom-map-row,html[data-theme="dark"] .wecom-event-grid label{border-color:#263244}html[data-theme="dark"] .work-timeline-item>span{background:#111827;border-color:#334155} @media(max-width:1100px){.work-intel-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.wecom-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-360-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reservation-work-hub{grid-template-columns:1fr}.work-hub-side{grid-template-columns:repeat(3,minmax(0,1fr))}.wecom-grid{grid-template-columns:1fr!important}} @media(max-width:680px){.work-intel-kpis,.wecom-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-360-grid,.work-hub-side{grid-template-columns:repeat(2,minmax(0,1fr))}.wecom-map-row{grid-template-columns:1fr}.wecom-event-grid{grid-template-columns:1fr}.smart-action-bar .btn{flex:1 1 46%}} /* TripOffice v11.8 - Global Operations & Executive Control Tower */ .executive-control-head{align-items:flex-start}.control-tower-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--panel,#fff)}.control-range-tabs{display:flex;gap:6px;overflow:auto}.control-range-tabs a{padding:7px 11px;border-radius:999px;text-decoration:none;color:var(--muted,#64748b);white-space:nowrap;font-weight:700;font-size:11px}.control-range-tabs a.active{background:#635bff;color:#fff}.control-period-label{display:flex;align-items:center;gap:6px;color:var(--muted,#64748b);font-size:11px;white-space:nowrap}.control-period-label svg{width:15px;height:15px} .control-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.control-kpi{position:relative;display:grid;gap:4px;min-height:116px;padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:16px;background:var(--panel,#fff);overflow:hidden}.control-kpi>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(99,91,255,.09);color:#635bff}.control-kpi small{color:var(--muted,#64748b);font-size:10px}.control-kpi b{font-size:19px;line-height:1.15}.control-kpi em{font-size:9px;color:var(--muted,#64748b);font-style:normal}.control-kpi.success>span{background:#ecfdf5;color:#059669}.control-kpi.warning>span{background:#fff7ed;color:#ea580c}.control-kpi.danger{border-color:#fecaca}.control-kpi.danger>span{background:#fef2f2;color:#dc2626}.control-kpi.primary{border-color:#c7d2fe;background:linear-gradient(145deg,#fff,#f8f7ff)} .control-main-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;margin-bottom:14px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-title-row h2{margin:0 0 4px}.section-title-row p{margin:0;color:var(--muted,#64748b);font-size:10px;line-height:1.5}.risk-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#fff1f2;color:#be123c;font-weight:800}.risk-list{display:grid;gap:7px;margin-top:12px}.risk-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--border,#e5e7eb);border-radius:12px;color:inherit;text-decoration:none}.risk-row>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff7ed;color:#ea580c}.risk-row div{min-width:0}.risk-row b,.risk-row small{display:block}.risk-row b{font-size:11px}.risk-row small{margin-top:2px;color:var(--muted,#64748b);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.risk-row em{font-style:normal;font-size:9px;font-weight:800}.risk-row.severity-critical{border-color:#fecaca}.risk-row.severity-critical>span{background:#fef2f2;color:#dc2626}.risk-row.severity-high em{color:#c2410c}.risk-row.severity-critical em{color:#b91c1c} .currency-matrix{display:grid;gap:7px;margin-top:12px}.currency-row{display:grid;grid-template-columns:minmax(90px,.8fr) repeat(3,minmax(100px,1fr));gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--border,#e5e7eb);border-radius:12px}.currency-row>div{min-width:0}.currency-row small,.currency-row b{display:block}.currency-row small{color:var(--muted,#64748b);font-size:9px}.currency-row b{font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .control-ranking{display:grid;gap:8px;margin-top:12px}.ranking-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center}.rank-no{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800}.ranking-body{min-width:0}.ranking-body>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.ranking-body b{font-size:11px}.ranking-body small{color:var(--muted,#64748b);font-size:9px}.ranking-bar{height:5px;border-radius:999px;background:#eef2f7;margin-top:5px;overflow:hidden}.ranking-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#635bff,#8b5cf6)}.ranking-row strong{font-size:10px;white-space:nowrap}.country-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.country-grid>div{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:'icon code' 'icon count' 'icon amount';column-gap:9px;padding:11px;border:1px solid var(--border,#e5e7eb);border-radius:12px}.country-grid span{grid-area:icon;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#635bff}.country-grid small{grid-area:code;color:var(--muted,#64748b)}.country-grid b{grid-area:count;font-size:11px}.country-grid em{grid-area:amount;font-size:9px;font-style:normal;color:#635bff} .control-table td small{display:block;color:var(--muted,#64748b);font-size:9px;margin-top:2px}.load-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}.load-normal{background:#ecfdf5;color:#047857}.load-medium{background:#fff7ed;color:#c2410c}.load-high{background:#fef2f2;color:#b91c1c}.profitability-grid{display:grid;gap:7px;margin-top:12px}.profitability-card{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(100px,.8fr));gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border,#e5e7eb);border-radius:12px;text-decoration:none;color:inherit}.profitability-card:hover{border-color:#a5b4fc}.profitability-card.is-loss{border-color:#fecaca;background:#fffafa}.profitability-card small,.profitability-card b,.profitability-card em{display:block}.profitability-card small{color:var(--muted,#64748b);font-size:9px}.profitability-card b{font-size:11px;margin-top:2px}.profitability-card em{font-style:normal;font-size:9px;color:var(--muted,#64748b)} .brief-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.brief-setting-grid .switch-row{padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:12px}.weekday-chips{display:flex;gap:6px;flex-wrap:wrap}.weekday-chips label{cursor:pointer}.weekday-chips input{position:absolute;opacity:0;pointer-events:none}.weekday-chips span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:7px 9px;border:1px solid var(--border,#e5e7eb);border-radius:999px;font-size:10px}.weekday-chips input:checked+span{background:#635bff;border-color:#635bff;color:#fff}.branch-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.branch-profile-card{padding:13px;border:1px solid var(--border,#e5e7eb);border-radius:13px}.branch-profile-card h3{margin:0 0 10px}.branch-profile-card .form-grid{margin:0} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .control-tower-filter,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .control-kpi,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .risk-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .currency-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .country-grid>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .profitability-card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .brief-setting-grid .switch-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .weekday-chips span,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .branch-profile-card{background:#111827;border-color:#263244;color:#e5e7eb}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .control-kpi.primary{background:linear-gradient(145deg,#111827,#17162d)}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .ranking-bar{background:#253047}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .rank-no{background:#1e293b;color:#cbd5e1}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .profitability-card.is-loss{background:#2a171a;border-color:#7f1d1d} @media(max-width:1280px){.control-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.control-main-grid{grid-template-columns:1fr}.branch-profile-grid{grid-template-columns:1fr}.brief-setting-grid{grid-template-columns:1fr}.profitability-card{grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(90px,.8fr))}}@media(max-width:720px){.control-tower-filter{align-items:stretch;flex-direction:column}.control-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.currency-row{grid-template-columns:1fr 1fr}.country-grid{grid-template-columns:1fr}.profitability-card{grid-template-columns:1fr 1fr}.profitability-card>div:first-child{grid-column:1/-1}.control-table{min-width:780px}}@media(max-width:460px){.control-kpi-grid{grid-template-columns:1fr 1fr}.control-kpi{min-height:105px;padding:12px}.control-kpi b{font-size:16px}.risk-row{grid-template-columns:30px minmax(0,1fr)}.risk-row em{grid-column:2}.currency-row{grid-template-columns:1fr}.profitability-card{grid-template-columns:1fr}.profitability-card>div:first-child{grid-column:auto}} /* TripOffice v11.8.1 - WeCom Center UI/UX optimization */ .wecom-center-v1181{--wc-accent:#635bff;--wc-soft:rgba(99,91,255,.075);--wc-green:#16a34a;--wc-shadow:0 10px 32px rgba(15,23,42,.055)} .wecom-center-v1181 .wecom-page-head{align-items:flex-start;margin-bottom:16px}.wecom-center-v1181 .eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--wc-accent);margin-bottom:6px}.wecom-console-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:22px;align-items:center;padding:22px 24px;margin-bottom:12px;border:1px solid var(--border,#e5e7eb);border-radius:20px;background:linear-gradient(135deg,var(--panel,#fff),rgba(99,91,255,.055));box-shadow:var(--wc-shadow)} .wecom-hero-main{display:flex;align-items:center;gap:16px;min-width:0}.wecom-hero-icon{width:54px;height:54px;min-width:54px;display:grid;place-items:center;border-radius:17px;background:var(--wc-soft);color:var(--wc-accent)}.wecom-hero-icon svg{width:25px;height:25px}.wecom-status-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wecom-status-line strong{font-size:17px}.wecom-hero-main p{margin:6px 0 0;color:var(--muted,#64748b);line-height:1.55}.status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.status-dot.is-online{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)} .wecom-progress-box{padding:14px 16px;border-radius:15px;background:rgba(255,255,255,.72);border:1px solid rgba(99,91,255,.12)}.wecom-progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px}.wecom-progress-meta b{font-size:15px}.wecom-progress{height:7px;border-radius:999px;background:#e8eaf1;overflow:hidden;margin:9px 0}.wecom-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#635bff,#8b5cf6);transition:width .25s ease}.wecom-progress-box small{color:var(--muted,#64748b)} .wecom-section-nav{display:flex;gap:8px;overflow:auto;padding:4px 1px 12px;scrollbar-width:none}.wecom-section-nav::-webkit-scrollbar{display:none}.wecom-section-nav a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 12px;border:1px solid var(--border,#e5e7eb);border-radius:999px;background:var(--panel,#fff);color:inherit;text-decoration:none;font-size:12px;font-weight:700}.wecom-section-nav a:hover{border-color:rgba(99,91,255,.45);background:var(--wc-soft);color:var(--wc-accent)}.wecom-section-nav svg{width:15px;height:15px} .wecom-kpis-v1181>div{align-items:flex-start}.wecom-kpis-v1181>div>div{min-width:0}.wecom-kpis-v1181 em{display:block;margin-top:3px;font-size:10px;font-style:normal;color:var(--muted,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wecom-kpis-v1181 b{font-size:17px} .wecom-setup-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.wecom-setup-steps>div{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);min-width:0}.wecom-setup-steps i{width:30px;height:30px;min-width:30px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;color:#64748b;font-style:normal}.wecom-setup-steps i svg{width:15px;height:15px}.wecom-setup-steps span{min-width:0}.wecom-setup-steps small,.wecom-setup-steps b{display:block}.wecom-setup-steps small{font-size:9px;color:var(--muted,#64748b)}.wecom-setup-steps b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wecom-setup-steps .is-current{border-color:rgba(99,91,255,.35);background:var(--wc-soft)}.wecom-setup-steps .is-current i{background:rgba(99,91,255,.14);color:var(--wc-accent)}.wecom-setup-steps .is-done{border-color:rgba(22,163,74,.22);background:rgba(22,163,74,.045)}.wecom-setup-steps .is-done i{background:rgba(22,163,74,.12);color:var(--wc-green)} .wecom-config-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;align-items:start;scroll-margin-top:82px}.wecom-config-card,.wecom-health-card,.wecom-mapping-panel,.wecom-brief-panel{box-shadow:var(--wc-shadow)}.wecom-center-v1181 .panel-head h2,.wecom-center-v1181 .section-title-row h2{display:flex;align-items:center;gap:8px}.wecom-center-v1181 .panel-head h2 svg,.wecom-center-v1181 .section-title-row h2 svg{width:18px;height:18px;color:var(--wc-accent)}.wecom-master-switch{padding:13px 14px!important;margin:2px 0 14px;border:1px solid rgba(99,91,255,.15);border-radius:13px;background:var(--wc-soft)}.wecom-field-grid{display:grid;grid-template-columns:1fr .7fr;gap:12px}.wecom-field-grid .is-wide{grid-column:1/-1}.wecom-field-grid label>span,.wecom-schedule-row label>span,.field-label{display:block;margin-bottom:6px;font-size:11px;font-weight:750}.wecom-clear-secret{display:inline-flex;margin-top:9px;color:var(--muted,#64748b)}.wecom-primary-actions{border-top:1px solid var(--border,#e5e7eb);padding-top:14px;margin-top:14px} .wecom-health-list{display:grid;gap:8px}.wecom-health-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--border,#e5e7eb);border-radius:12px}.wecom-health-list>div>i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f1f5f9;color:#64748b}.wecom-health-list>div>i svg{width:16px;height:16px}.wecom-health-list b,.wecom-health-list small{display:block}.wecom-health-list b{font-size:11px}.wecom-health-list small{margin-top:2px;color:var(--muted,#64748b);font-size:10px}.wecom-health-list .ok{border-color:rgba(22,163,74,.2);background:rgba(22,163,74,.035)}.wecom-health-list .ok>i{background:rgba(22,163,74,.1);color:var(--wc-green)}.wecom-guide-note{display:flex;gap:8px;margin-top:10px;padding:10px;border-radius:11px;background:rgba(14,165,233,.06);color:#526173;font-size:10px;line-height:1.5}.wecom-guide-note svg{width:15px;height:15px;min-width:15px;margin-top:1px} .wecom-mapping-panel,.wecom-brief-panel,.wecom-log-panel{scroll-margin-top:82px}.wecom-count-badge{display:flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:11px;background:var(--wc-soft);color:var(--wc-accent)}.wecom-count-badge b{font-size:16px}.wecom-count-badge span{font-size:10px}.wecom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.wecom-search{display:flex!important;align-items:center;gap:7px;min-width:min(360px,100%);padding:0 10px;border:1px solid var(--border,#e5e7eb);border-radius:11px;background:var(--panel,#fff)}.wecom-search svg{width:15px;height:15px;color:var(--muted,#64748b)}.wecom-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 0!important;width:100%!important}.wecom-search.compact{min-width:260px}.wecom-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.wecom-filter-chips button{border:1px solid var(--border,#e5e7eb);background:var(--panel,#fff);color:inherit;padding:7px 9px;border-radius:999px;font-size:10px;cursor:pointer}.wecom-filter-chips button span{opacity:.7;margin-left:3px}.wecom-filter-chips button.active{border-color:var(--wc-accent);background:var(--wc-accent);color:#fff}.wecom-empty-state{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:10px;border:1px dashed #f59e0b;border-radius:13px;background:#fffaf0}.wecom-empty-state>svg{width:22px;height:22px;color:#d97706}.wecom-empty-state b,.wecom-empty-state p{display:block;margin:0}.wecom-empty-state p{font-size:10px;color:var(--muted,#64748b);margin-top:2px} .wecom-mapping-list-v1181{max-height:720px;padding-right:3px}.wecom-map-row-v1181{grid-template-columns:minmax(210px,.9fr) minmax(300px,1.35fr) auto;padding:11px 12px;gap:12px;transition:border-color .15s,background .15s}.wecom-map-row-v1181:hover{border-color:rgba(99,91,255,.32);background:rgba(99,91,255,.018)}.wecom-user-cell{display:flex;align-items:center;gap:10px;min-width:0}.wecom-avatar{width:38px;height:38px;min-width:38px;border-radius:12px;display:grid;place-items:center;background:var(--wc-soft);color:var(--wc-accent);font-size:13px;font-weight:800}.wecom-user-cell>div{min-width:0}.wecom-user-cell b,.wecom-user-cell small,.wecom-user-cell em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wecom-user-cell small,.wecom-user-cell em{font-size:10px;color:var(--muted,#64748b);font-style:normal}.wecom-link-cell label>span{display:block;font-size:9px;font-weight:700;color:var(--muted,#64748b);margin-bottom:4px}.wecom-link-cell select{width:100%}.map-status{display:flex!important;align-items:center;gap:4px;margin-top:4px;font-size:9px!important}.map-status svg{width:12px;height:12px}.map-status.is-mapped{color:#15803d!important}.wecom-row-actions{display:flex;align-items:center;gap:6px}.wecom-row-actions .btn{white-space:nowrap}.wecom-no-results{text-align:center;padding:24px;color:var(--muted,#64748b);font-size:11px} .wecom-brief-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wecom-brief-grid .switch-row{min-height:102px;align-items:flex-start}.wecom-brief-grid .switch-row b{display:flex;align-items:center;gap:6px}.wecom-brief-grid .switch-row b svg{width:14px;height:14px;color:var(--wc-accent)}.wecom-brief-grid .is-master{border-color:rgba(99,91,255,.25);background:var(--wc-soft)}.wecom-schedule-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:end;padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:13px;background:rgba(148,163,184,.035)}.wecom-brief-actions{justify-content:space-between} .wecom-log-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px!important}.wecom-log-head>div b,.wecom-log-head>div small{display:block}.wecom-log-head>div b{display:flex;align-items:center;gap:7px}.wecom-log-head>div b svg{width:17px;height:17px;color:var(--wc-accent)}.wecom-log-head>div small{font-size:10px;color:var(--muted,#64748b);margin-top:2px}.wecom-log-scroll{overflow:auto}.wecom-log-scroll table{min-width:760px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-console-hero,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-section-nav a,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-setup-steps>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-search,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-filter-chips button{background:#111827;border-color:#263244;color:#e5e7eb}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-progress-box{background:rgba(17,24,39,.72);border-color:#303b52}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-progress{background:#273244}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-health-list>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-schedule-row{border-color:#263244;background:#101827}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-health-list>div>i{background:#1e293b}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-guide-note{background:#102333;color:#a8c7dc}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-empty-state{background:#241b0b;border-color:#92400e}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .wecom-center-v1181 .wecom-map-row-v1181:hover{background:#15182d} @media(max-width:1180px){.wecom-config-layout{grid-template-columns:1fr}.wecom-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wecom-map-row-v1181{grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr) auto}} @media(max-width:820px){.wecom-console-hero{grid-template-columns:1fr}.wecom-setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wecom-toolbar{align-items:stretch;flex-direction:column}.wecom-search,.wecom-search.compact{min-width:0;width:100%}.wecom-map-row-v1181{grid-template-columns:1fr}.wecom-row-actions{justify-content:flex-end}.wecom-schedule-row{grid-template-columns:1fr}.wecom-log-head{align-items:stretch!important;flex-direction:column}} @media(max-width:560px){.wecom-center-v1181 .wecom-page-head{gap:12px}.wecom-center-v1181 .wecom-page-head .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.wecom-console-hero{padding:16px}.wecom-hero-icon{width:46px;height:46px;min-width:46px}.wecom-setup-steps{grid-template-columns:1fr 1fr}.wecom-field-grid,.wecom-brief-grid{grid-template-columns:1fr}.wecom-field-grid .is-wide{grid-column:auto}.wecom-primary-actions{display:grid;grid-template-columns:1fr 1fr}.wecom-primary-actions .btn:first-child{grid-column:1/-1}.wecom-row-actions{display:grid;grid-template-columns:1fr 1fr}.wecom-row-actions .btn{width:100%}.wecom-brief-actions{align-items:stretch;flex-direction:column}.wecom-kpis-v1181>div{padding:12px}.wecom-kpis-v1181 em{display:none}} /* TripOffice v11.9.0 - Global Currency / handover */ .top-currency-select{height:36px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--line,#dde3ec);border-radius:10px;background:var(--card,#fff);color:var(--muted,#687386)}.top-currency-select svg{width:15px;height:15px}.top-currency-select select{border:0;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:700;outline:0;max-width:88px;padding:0}.currency-center-v119 .currency-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(135deg,#172033,#26354a);color:#fff}.currency-center-v119 .currency-hero p{color:#d8e1ed;margin:7px 0 0;max-width:760px}.currency-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.currency-kpi{padding:16px;border:1px solid var(--line,#e3e8ef);border-radius:15px;background:var(--card,#fff)}.currency-kpi small{display:block;color:var(--muted,#6b7280)}.currency-kpi strong{font-size:23px;display:block;margin-top:5px}.currency-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.currency-rate-preview{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.currency-rate-preview span{padding:6px 9px;border-radius:999px;background:var(--soft,#f3f5f8);font-size:12px}.handover-list{display:grid;gap:10px;margin-top:12px}.handover-card{padding:14px;border:1px solid var(--line,#e3e8ef);border-radius:14px;background:var(--card,#fff)}.handover-card>div:first-child{display:flex;justify-content:space-between;gap:10px}.handover-card p{white-space:pre-wrap;line-height:1.55}.handover-card small{color:var(--muted,#6b7280)}@media(max-width:900px){.currency-kpi-grid{grid-template-columns:repeat(2,1fr)}.currency-settings-grid{grid-template-columns:1fr}.top-currency-select span{display:none}}@media(max-width:620px){.currency-kpi-grid{grid-template-columns:1fr 1fr}.currency-center-v119 .currency-hero{grid-template-columns:1fr}.top-currency-select{display:none}} .currency-center-v119 .currency-kpi>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--soft,#f3f5f8)}.currency-center-v119 .currency-kpi{display:flex;align-items:center;gap:12px}.currency-center-v119 .currency-kpi div{min-width:0}.currency-center-v119 .currency-kpi b{display:block;font-size:18px;margin-top:3px}.currency-center-v119 .currency-kpi em{font-style:normal;font-size:11px;color:var(--muted,#6b7280)}.currency-choice-fieldset{border:1px solid var(--line,#e3e8ef);border-radius:13px;padding:12px;margin:12px 0}.currency-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.currency-choice-grid label{display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;border:1px solid var(--line,#e3e8ef);border-radius:11px;padding:10px}.currency-choice-grid label small{grid-column:2/4;color:var(--muted,#6b7280)}.currency-sync-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.currency-sync-meta div{padding:10px;border-radius:11px;background:var(--soft,#f4f6f8)}.currency-sync-meta dt{font-size:11px;color:var(--muted,#6b7280)}.currency-sync-meta dd{margin:3px 0 0;word-break:break-word}.switch-row{display:flex!important;align-items:flex-start;gap:10px;padding:11px;border-radius:12px;background:var(--soft,#f4f6f8);margin-bottom:12px}.switch-row input{width:18px;height:18px}.switch-row span{display:grid}.switch-row small{color:var(--muted,#6b7280)}@media(max-width:720px){.currency-choice-grid{grid-template-columns:1fr 1fr}.currency-sync-meta{grid-template-columns:1fr}} /* TripOffice v11.9.1 - Header help tooltip / currency selector hotfix */ .tripoffice-ui-tooltip[data-side="top"]:after{top:auto;bottom:-5px;border:0;border-right:1px solid rgba(148,163,184,.28);border-bottom:1px solid rgba(148,163,184,.28)} .tripoffice-ui-tooltip[data-side="bottom"]:after{top:-5px;bottom:auto;border:0;border-left:1px solid rgba(148,163,184,.28);border-top:1px solid rgba(148,163,184,.28)} body[data-tripoffice-workspace="1"] .topbar .top-currency-select[data-ui-tip]{position:relative;cursor:default} body[data-tripoffice-workspace="1"] .topbar .top-currency-select:focus-within{border-color:#8b7ff1;box-shadow:0 0 0 3px rgba(91,76,230,.09)} @media(max-width:900px){.tripoffice-ui-tooltip{max-width:min(300px,calc(100vw - 20px))}} /* TripOffice v11.9.2 - SPA progress bar removed; smooth content transition remains. */ /* TripOffice v11.10.0 โ€” Finance Closing & Audit Control 2.0 */ .finance-closing-v1110{--close-accent:#6658e8}.closing-kpi-grid,.budget-kpi-grid,.forecast-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.budget-kpi-grid,.forecast-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.closing-kpi{min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:5px;box-shadow:0 7px 24px rgba(15,23,42,.035)}.closing-kpi>span:first-child{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--close-accent) 11%,transparent);color:var(--close-accent);margin-bottom:4px}.closing-kpi small{color:var(--muted);font-size:12px}.closing-kpi b{font-size:20px;line-height:1.2;word-break:break-word}.closing-kpi em{font-style:normal;color:var(--muted);font-size:12px}.closing-kpi.success{border-color:color-mix(in srgb,#16a34a 30%,var(--border))}.closing-kpi.warning{border-color:color-mix(in srgb,#d97706 32%,var(--border))}.closing-kpi.danger{border-color:color-mix(in srgb,#dc2626 32%,var(--border))}.closing-action-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.closing-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.closing-check-grid>div{padding:11px 12px;border-radius:10px;background:var(--surface-2);display:flex;flex-direction:column;gap:5px}.closing-check-grid small{color:var(--muted)}.closing-check-grid b{font-size:20px}.closing-summary-list{display:grid;gap:3px}.closing-summary-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.closing-summary-list .total{font-size:16px;border-bottom:0;padding-top:14px}.closing-summary-list .total b{color:var(--close-accent)}.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form input{min-width:240px;flex:1}.check-line{display:flex!important;align-items:flex-start;gap:8px;margin:10px 0}.check-line input{width:auto!important;margin-top:3px}.closing-reopen-approval{border-color:color-mix(in srgb,#f59e0b 34%,var(--border))}.budget-progress{height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:7px}.budget-progress i{display:block;height:100%;background:var(--close-accent);border-radius:inherit}.forecast-tabs{display:flex;gap:7px;margin:14px 0;flex-wrap:wrap}.forecast-tabs a{padding:8px 13px;border-radius:9px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--text)}.forecast-tabs a.active{background:var(--close-accent);border-color:var(--close-accent);color:#fff}.mini-warning{display:block;margin-top:5px;color:#d97706;font-size:11px}.audit-count{min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center}.audit-check-list{display:grid;gap:8px}.audit-check-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px}.audit-check-list small{display:block;color:var(--muted);margin-top:2px}.audit-check-list em{font-style:normal;font-weight:700}.status-badge.severity-high{background:#fee2e2;color:#b91c1c}.status-badge.severity-warn{background:#fef3c7;color:#92400e}.status-badge.severity-info{background:#e0f2fe;color:#075985}.text-warning{color:#b45309} @media(max-width:1280px){.closing-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.budget-kpi-grid,.forecast-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.closing-action-grid{grid-template-columns:1fr}.closing-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.closing-kpi-grid,.budget-kpi-grid,.forecast-kpi-grid,.closing-check-grid{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form input,.inline-form .btn{width:100%;min-width:0}} /* v11.10.3 Finance Audit Log Readability */ .finance-audit-v11103{--audit-accent:#6658e8}.audit-filter-v11103{grid-template-columns:170px minmax(260px,1fr) 220px auto}.audit-kpi-grid-v11103{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:14px 0 18px}.audit-kpi-v11103{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:14px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;box-shadow:0 7px 22px rgba(15,23,42,.035)}.audit-kpi-v11103>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.audit-kpi-v11103 small{font-size:11px;color:var(--muted);font-weight:700}.audit-kpi-v11103 b{font-size:20px;line-height:1.1}.audit-kpi-v11103.success>span{background:#dcfce7;color:#15803d}.audit-kpi-v11103.warning>span{background:#fef3c7;color:#b45309}.audit-kpi-v11103.info>span{background:#e0f2fe;color:#0369a1}.audit-log-panel-v11103{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:0 18px 18px;overflow:hidden}.audit-log-head-v11103{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 0 14px;border-bottom:1px solid var(--border)}.audit-log-head-v11103 h2{margin:0 0 4px;font-size:17px}.audit-log-head-v11103 p{margin:0;color:var(--muted);font-size:12px}.audit-log-head-v11103>span{font-size:12px;color:var(--muted);white-space:nowrap}.audit-timeline-v11103{position:relative;padding:18px 0 0 22px}.audit-timeline-v11103:before{content:"";position:absolute;left:7px;top:24px;bottom:18px;width:2px;background:var(--border)}.audit-event-v11103{position:relative;margin:0 0 14px}.audit-event-dot-v11103{position:absolute;left:-21px;top:20px;width:12px;height:12px;border:3px solid var(--surface);border-radius:50%;background:#94a3b8;box-shadow:0 0 0 1px var(--border)}.audit-event-success .audit-event-dot-v11103{background:#16a34a}.audit-event-warning .audit-event-dot-v11103{background:#d97706}.audit-event-danger .audit-event-dot-v11103{background:#dc2626}.audit-event-info .audit-event-dot-v11103{background:#0284c7}.audit-event-card-v11103{border:1px solid var(--border);border-radius:13px;padding:14px 15px;background:var(--surface);box-shadow:0 5px 18px rgba(15,23,42,.025)}.audit-event-head-v11103{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.audit-event-title-v11103{display:flex;align-items:center;gap:9px;min-width:0}.audit-event-title-v11103>b{font-size:14px;line-height:1.45}.audit-event-head-v11103 time{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:3px}.audit-action-badge-v11103{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;background:#f1f5f9;color:#475569}.audit-action-badge-v11103.success{background:#dcfce7;color:#166534}.audit-action-badge-v11103.warning{background:#fef3c7;color:#92400e}.audit-action-badge-v11103.danger{background:#fee2e2;color:#991b1b}.audit-action-badge-v11103.info{background:#e0f2fe;color:#075985}.audit-event-context-v11103{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;margin:9px 0 0;color:var(--muted);font-size:11px}.audit-event-context-v11103 span{display:inline-flex;gap:5px;align-items:center}.audit-event-context-v11103 svg{width:13px;height:13px}.audit-meta-grid-v11103{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.audit-meta-grid-v11103>div{min-width:0;padding:9px 10px;border-radius:9px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.audit-meta-grid-v11103 small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.audit-meta-grid-v11103 b{display:block;font-size:12px;line-height:1.45;word-break:break-word}.audit-meta-wide-v11103,.audit-meta-block-v11103{grid-column:1/-1}.audit-meta-wide-v11103 b{white-space:pre-wrap}.audit-open-items-v11103{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:6px}.audit-open-items-v11103 span{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:7px;background:var(--surface)}.audit-open-items-v11103 em{font-style:normal;font-size:10px;color:var(--muted)}.audit-open-items-v11103 b{font-size:12px}.audit-raw-v11103{margin-top:10px;border-top:1px dashed var(--border);padding-top:9px}.audit-raw-v11103 summary{cursor:pointer;color:var(--muted);font-size:11px;display:inline-flex;gap:5px;align-items:center;user-select:none}.audit-raw-v11103 summary svg{width:13px;height:13px}.audit-raw-grid-v11103{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.audit-raw-grid-v11103 span{padding:7px 9px;border-radius:8px;background:var(--surface-2)}.audit-raw-grid-v11103 small{display:block;font-size:9px;color:var(--muted);margin-bottom:2px}.audit-raw-v11103 pre{margin:8px 0 0;max-height:260px;overflow:auto;border-radius:9px;padding:10px;background:#0f172a;color:#dbeafe;font-size:10px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.audit-empty-v11103{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:180px;color:var(--muted);text-align:center}.audit-empty-v11103 svg{width:28px;height:28px}.audit-empty-v11103 b{color:var(--text);margin-top:4px}.audit-empty-v11103 small{max-width:420px}.audit-top-v11103{align-items:stretch} @media(max-width:1100px){.audit-kpi-grid-v11103{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-meta-grid-v11103{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-open-items-v11103{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-v11103{grid-template-columns:160px minmax(220px,1fr) 190px auto}} @media(max-width:760px){.audit-kpi-grid-v11103{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-v11103{grid-template-columns:1fr 1fr}.audit-filter-v11103 label:nth-child(2){grid-column:1/-1}.audit-event-head-v11103{flex-direction:column;gap:6px}.audit-event-title-v11103{align-items:flex-start;flex-direction:column;gap:6px}.audit-meta-grid-v11103,.audit-open-items-v11103{grid-template-columns:1fr}.audit-log-panel-v11103{padding:0 12px 12px}.audit-log-head-v11103{flex-direction:column}.audit-timeline-v11103{padding-left:19px}.audit-event-dot-v11103{left:-18px}} @media(max-width:480px){.audit-kpi-grid-v11103{grid-template-columns:1fr}.audit-filter-v11103{grid-template-columns:1fr}.audit-filter-v11103 label:nth-child(2){grid-column:auto}.audit-event-card-v11103{padding:12px}.audit-event-context-v11103{gap:7px 10px}} html[data-theme="dark"] .audit-kpi-v11103.success>span{background:rgba(22,163,74,.16);color:#86efac}html[data-theme="dark"] .audit-kpi-v11103.warning>span{background:rgba(217,119,6,.16);color:#fcd34d}html[data-theme="dark"] .audit-kpi-v11103.info>span{background:rgba(2,132,199,.16);color:#7dd3fc}html[data-theme="dark"] .audit-action-badge-v11103.success{background:rgba(22,163,74,.16);color:#86efac}html[data-theme="dark"] .audit-action-badge-v11103.warning{background:rgba(217,119,6,.16);color:#fcd34d}html[data-theme="dark"] .audit-action-badge-v11103.danger{background:rgba(220,38,38,.16);color:#fca5a5}html[data-theme="dark"] .audit-action-badge-v11103.info{background:rgba(2,132,199,.16);color:#7dd3fc} /* TripOffice v11.11.0 HR */ .hr-recent-list{display:grid;gap:8px}.hr-recent-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line,#dbe3ef);border-radius:12px;text-decoration:none;color:inherit}.hr-recent-item span{display:grid;gap:3px}.hr-recent-item small{color:var(--muted,#64748b)}.hr-timeline{display:grid;gap:12px;margin-top:16px}.hr-timeline article{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line,#e2e8f0)}.hr-timeline article time{font-size:12px;color:var(--muted,#64748b)}.hr-timeline article div{display:grid;gap:4px}.hr-timeline article small{color:var(--muted,#64748b)}.hr-timeline article p{margin:4px 0 0;white-space:normal}.hr-history-form{padding:14px;border:1px dashed var(--line,#dbe3ef);border-radius:12px}.to-primary-modal[hidden]{display:none!important}.to-primary-modal{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:24px}.to-primary-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62)}.to-primary-modal-card{position:relative;width:min(820px,96vw);max-height:90vh;overflow:auto;background:var(--panel,#fff);border:1px solid var(--line,#dbe3ef);border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(2,6,23,.28)}.to-primary-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.span-two{grid-column:1/-1}@media(max-width:720px){.hr-timeline article{grid-template-columns:1fr}.to-primary-modal{padding:10px}.to-primary-modal-card{width:100%}} /* TripOffice v11.11.1 - HR inline modal viewport/UX hotfix */ body.to-primary-modal-open{overflow:hidden!important} .to-primary-modal[hidden]{display:none!important} .to-primary-modal{position:fixed!important;inset:0!important;z-index:12000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;opacity:0;visibility:hidden;transition:opacity .14s ease,visibility .14s ease} .to-primary-modal.is-open{opacity:1;visibility:visible} .to-primary-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.52)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} .to-primary-modal-card{position:relative!important;z-index:1;width:min(780px,calc(100vw - 48px))!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;display:flex;flex-direction:column;overflow:hidden!important;padding:0!important;background:var(--panel,#fff)!important;border:1px solid var(--line,#dbe3ef)!important;border-radius:18px!important;box-shadow:0 28px 90px rgba(15,23,42,.3)!important;transform:translateY(10px) scale(.985);transition:transform .14s ease} .to-primary-modal.is-open .to-primary-modal-card{transform:translateY(0) scale(1)} .to-primary-modal-head{flex:0 0 auto;min-height:68px;margin:0!important;padding:15px 18px 14px 22px!important;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line,#e5eaf2);background:linear-gradient(180deg,var(--panel,#fff),rgba(248,250,252,.96))} .to-primary-modal-head h1,.to-primary-modal-head h2,.to-primary-modal-head h3{margin:0!important;font-size:19px!important;line-height:1.35;letter-spacing:-.02em} .to-primary-modal-close{width:36px;height:36px;flex:0 0 36px;padding:0;border:1px solid var(--line,#e3e8f0);border-radius:10px;background:#f8fafc;color:#64748b;display:grid;place-items:center;cursor:pointer} .to-primary-modal-close svg{width:17px;height:17px} .to-primary-modal-close:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5} .to-primary-modal-card>form{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px 0} .to-primary-modal-card>form>.grid{gap:14px 16px} .to-primary-modal-card>form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--text,#111827)} .to-primary-modal-card>form input,.to-primary-modal-card>form select,.to-primary-modal-card>form textarea{min-height:42px;background:var(--panel,#fff)} .to-primary-modal-card>form .form-actions{position:sticky;bottom:0;z-index:2;justify-content:flex-end;gap:9px;margin:20px -22px 0!important;padding:14px 22px!important;border-top:1px solid var(--line,#e5eaf2);background:rgba(255,255,255,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .to-primary-modal-card>form .form-actions .btn{min-width:76px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .to-primary-modal-backdrop{background:rgba(2,6,23,.72)!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .to-primary-modal-head{background:linear-gradient(180deg,#111925,#0f1724)} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .to-primary-modal-close{background:#172033;border-color:#334155;color:#cbd5e1} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .to-primary-modal-close:hover{background:#252047;border-color:#6d5df5;color:#fff} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .to-primary-modal-card>form .form-actions{background:rgba(17,25,37,.97)} @media(max-width:720px){.to-primary-modal{align-items:flex-end!important;padding:10px!important}.to-primary-modal-card{width:100%!important;max-height:calc(100vh - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:18px 18px 12px 12px!important}.to-primary-modal-head{min-height:60px;padding:12px 14px 11px 16px!important}.to-primary-modal-head h1,.to-primary-modal-head h2,.to-primary-modal-head h3{font-size:17px!important}.to-primary-modal-card>form{padding:16px 16px 0}.to-primary-modal-card>form>.grid.two,.to-primary-modal-card>form>.grid.three,.to-primary-modal-card>form>.grid.four{grid-template-columns:1fr!important}.to-primary-modal-card>form .form-actions{margin:18px -16px 0!important;padding:12px 16px!important}.to-primary-modal-card>form .form-actions .btn{flex:1}} /* TripOffice v11.12.0 - Travel Product Operations CMS */ .product-module-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 16px}.product-module-head.compact{align-items:center}.product-module-head h1{margin:4px 0 3px;font-size:24px;letter-spacing:-.03em}.product-module-head p{margin:0;color:var(--muted)}.product-module-eyebrow{display:block;color:#7c6cf7;font-size:12px;font-weight:800}.product-workflow-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.product-step{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);text-decoration:none;transition:.16s ease}.product-step:hover{border-color:#8b7cf8;transform:translateY(-1px)}.product-step.active{border-color:#6d5df5;background:linear-gradient(135deg,rgba(109,93,245,.14),rgba(109,93,245,.04));box-shadow:inset 0 0 0 1px rgba(109,93,245,.12)}.product-step.disabled{opacity:.42;pointer-events:none}.product-step-icon{width:22px;height:22px;color:#8b7cf8}.product-step span{display:grid;gap:3px}.product-step b{font-size:13px}.product-step small{color:var(--muted);font-size:11px}.product-workflow-intro{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border:1px solid rgba(109,93,245,.32);border-radius:9px;background:rgba(109,93,245,.07);color:var(--muted);font-size:12px}.product-workflow-intro svg{width:15px;color:#7c6cf7}.product-workflow-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start;padding-bottom:76px}.product-workflow-main{display:grid;gap:12px;min-width:0}.product-workflow-rail{display:grid;gap:12px;position:sticky;top:78px}.product-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.product-kpi-strip>div{display:grid;gap:5px;min-width:0;padding:16px 18px;border-right:1px solid var(--border)}.product-kpi-strip>div:last-child{border-right:0}.product-kpi-strip small{color:var(--muted);font-size:11px}.product-kpi-strip b{font-size:20px;letter-spacing:-.03em}.product-kpi-strip span:not(.product-progress){color:var(--muted);font-size:10px}.product-progress{display:block;height:5px;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent);overflow:hidden}.product-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5df5,#9b7cff)}.product-form-card,.product-rail-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px}.product-section-title,.product-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.product-section-title h2,.product-rail-card h3{margin:0;font-size:14px}.product-section-title small,.product-section-title>span,.product-card-title-row>span{color:var(--muted);font-size:10px}.product-section-title>span{padding:3px 7px;border-radius:6px;background:rgba(109,93,245,.1);color:#7767f4}.product-form-grid{display:grid;gap:11px 14px}.product-form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.product-form-grid label{display:grid;gap:6px;min-width:0}.product-form-grid label>span{font-size:11px;font-weight:750;color:var(--muted)}.product-form-grid .span-2{grid-column:1/-1}.product-form-grid input,.product-form-grid select,.product-form-grid textarea{width:100%;min-width:0}.input-with-button{display:flex;gap:7px}.input-with-button input{flex:1}.product-radio-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:40px}.product-radio-row label{display:flex;align-items:center;gap:6px}.product-rail-card{padding:14px 15px}.product-rail-card h3{margin-bottom:11px}.product-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;font-size:11px;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.product-status-row:last-child{border-bottom:0}.product-status-row span{color:var(--muted)}.product-status{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:3px 7px;border-radius:6px;background:rgba(100,116,139,.12);color:var(--muted);font-size:10px;font-weight:800}.product-status.status-approved,.product-status.status-active,.product-status.status-published,.product-status.status-confirmed,.product-status.status-open,.product-status.status-reviewed{background:rgba(34,197,94,.12);color:#16a34a}.product-status.status-pending,.product-status.status-waiting,.product-status.status-requested,.product-status.status-held{background:rgba(245,158,11,.14);color:#d97706}.product-status.status-rejected,.product-status.status-cancelled,.product-status.status-closed{background:rgba(239,68,68,.12);color:#dc2626}.product-status.status-draft,.product-status.status-private,.product-status.status-unreviewed,.product-status.status-paused,.product-status.status-internal{background:rgba(100,116,139,.12);color:#64748b}.product-progress-label{display:flex;justify-content:space-between;gap:12px;margin:10px 0 6px;font-size:10px;color:var(--muted)}.product-rail-button{width:100%;justify-content:center;margin-top:12px}.product-meta-list{display:grid;grid-template-columns:80px 1fr;gap:7px 10px;margin:0;font-size:10px}.product-meta-list dt{color:var(--muted)}.product-meta-list dd{margin:0;word-break:break-word}.product-check-list{display:grid;gap:7px}.product-check{display:flex;align-items:center;gap:7px;min-height:27px;font-size:10px}.product-check-dot{display:grid;color:var(--muted)}.product-check.done .product-check-dot,.product-check.done em{color:#22c55e}.product-check b{flex:1;font-weight:650}.product-check em{font-style:normal;color:#ef4444}.product-event-list{display:grid;gap:8px}.product-event-list>div{display:grid;grid-template-columns:8px 1fr;gap:7px}.product-event-list i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#7c6cf7}.product-event-list p{display:grid;gap:2px;margin:0}.product-event-list b{font-size:10px}.product-event-list span,.product-event-list small{font-size:9px;color:var(--muted)}.product-action-bar{position:fixed;z-index:150;left:var(--sidebar-w,248px);right:0;bottom:0;min-height:60px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);box-shadow:0 -10px 28px rgba(15,23,42,.06)}.product-action-main{display:flex;justify-content:flex-end;gap:9px}.product-sticky-submit{min-width:170px}.product-schema-notice{align-items:flex-start}.product-schema-notice svg{flex:0 0 18px}.product-schema-notice p{margin:3px 0 0}.product-day-list{display:grid;gap:7px}.product-day-row{display:grid;grid-template-columns:24px minmax(145px,1.25fr) repeat(4,minmax(95px,1fr)) repeat(3,65px) auto;align-items:center;gap:7px;padding:10px 8px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface) 94%,var(--surface-2));transition:.14s}.product-day-row.is-dragging{opacity:.5}.product-day-row.drag-over{border-color:#7c6cf7;background:rgba(109,93,245,.08)}.product-drag{cursor:grab;color:var(--muted)}.product-day-label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0}.product-day-label>b{padding:4px 7px;border-radius:6px;background:rgba(109,93,245,.13);color:#7666f5;font-size:10px}.product-day-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700}.product-day-cell{display:grid;gap:3px;min-width:0}.product-day-cell small{font-size:9px;color:var(--muted)}.product-day-cell b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-cell.compact{text-align:center}.product-row-actions,.table-actions{display:flex;align-items:center;gap:5px}.product-row-actions form,.table-actions form{margin:0}.product-empty{padding:28px;text-align:center;color:var(--muted)}.table-sub{display:block;margin-top:3px;color:var(--muted);font-size:9px}.product-seat{font-size:10px}.product-seat.success,.product-text-success{color:#22c55e}.product-seat.warning{color:#f59e0b}.product-seat.danger,.product-text-danger{color:#ef4444}.product-ok-line,.product-alert-line{display:flex;align-items:center;gap:7px;margin:7px 0;font-size:10px}.product-ok-line{color:#22c55e}.product-alert-line{color:#ef4444}.product-alert-line span{flex:1}.product-media-top{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(450px,1.5fr);gap:12px}.product-representative{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(135px,.65fr);gap:12px}.product-representative img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;border:1px solid var(--border)}.product-representative dl{display:grid;gap:5px;margin:0}.product-representative dt{font-size:9px;color:var(--muted)}.product-representative dd{margin:0 0 6px;font-size:10px;word-break:break-all}.product-empty-media{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);border:1px dashed var(--border);border-radius:10px}.product-empty-media svg{width:32px;height:32px}.product-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.product-gallery-item{position:relative;display:block;min-width:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:var(--surface-2);text-decoration:none;color:white}.product-gallery-item:hover,.product-gallery-item.active{border-color:#7c6cf7}.product-gallery-item.is-dragging{opacity:.5}.product-gallery-item.drag-over{outline:2px dashed #7c6cf7}.product-gallery-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.product-gallery-item span,.product-gallery-item b{position:absolute;bottom:4px;left:4px;padding:2px 5px;border-radius:5px;background:rgba(15,23,42,.72);font-size:8px}.product-gallery-item b{top:4px;bottom:auto;background:#6d5df5}.product-inline-action{display:flex;align-items:center;justify-content:space-between;padding-top:18px}.product-file-mini{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid var(--border)}.product-file-mini:last-child{border-bottom:0}.product-file-mini b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-file-mini small{color:var(--muted);font-size:9px}.product-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-approval-grid>div{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.product-approval-grid p{color:var(--muted);font-size:10px}.product-approval-grid form{display:grid;gap:9px}.product-approval-grid textarea{min-height:70px}.product-admin-form{max-width:980px}.product-upload-drop{display:grid;place-items:center;gap:16px;min-height:260px;padding:30px;border:1px dashed var(--border);border-radius:14px}.product-upload-drop label{display:grid;place-items:center;gap:10px}.product-upload-drop label>span svg{width:38px;height:38px;color:#7c6cf7}.product-tag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-tag-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.product-tag-card>div{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;align-items:center}.product-tag-card>div>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(109,93,245,.12);color:#7c6cf7}.product-tag-card small{color:var(--muted);font-size:9px}.product-preview-hero{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:20px;padding:18px;margin-bottom:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.product-preview-hero>img{width:100%;height:250px;object-fit:cover;border-radius:11px}.product-preview-hero h2{font-size:25px;margin:14px 0 8px}.product-preview-hero p{color:var(--muted)}.product-preview-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.product-preview-facts span{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;font-size:10px}.product-preview-facts svg{width:14px}.product-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px}.product-preview-grid main{display:grid;gap:12px}.product-preview-days{display:grid;gap:8px}.product-preview-days article{padding:12px;border:1px solid var(--border);border-radius:9px}.product-preview-days article>div{display:flex;flex-wrap:wrap;gap:12px;margin:7px 0;color:var(--muted);font-size:10px}.product-preview-days p{margin:0;font-size:10px}.product-preview-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.product-preview-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.product-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface)}.product-card-media{position:relative;height:130px;background:var(--surface-2)}.product-card-media img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:13px}.product-card-body h3{margin:4px 0;font-size:14px}.product-card-body p{margin:0;color:var(--muted);font-size:10px}.product-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.product-card-stats div{display:grid;gap:2px}.product-card-stats small{color:var(--muted);font-size:8px}.product-card-stats b{font-size:11px}.product-card-actions{display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--border)} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-form-card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-rail-card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-kpi-strip,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-step,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-preview-hero{background:#111923;border-color:#273244}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-day-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-approval-grid>div{background:#0e1620;border-color:#273244}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-action-bar{background:rgba(12,19,28,.96);border-color:#273244;box-shadow:0 -12px 35px rgba(0,0,0,.32)}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-approved,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-active,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-published,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-confirmed,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-open,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-reviewed{color:#65e590}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-pending,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-waiting,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-requested{color:#fbbf24}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-rejected,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-cancelled,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-status.status-closed{color:#fb7185} @media(max-width:1350px){.product-workflow-layout{grid-template-columns:minmax(0,1fr) 250px}.product-day-row{grid-template-columns:24px minmax(140px,1.3fr) repeat(4,minmax(85px,1fr)) auto}.product-day-cell.compact{display:none}.product-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.product-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1050px){.product-workflow-layout{grid-template-columns:1fr}.product-workflow-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.product-media-top{grid-template-columns:1fr}.product-action-bar{left:0}.product-kpi-strip{grid-template-columns:repeat(2,1fr)}.product-kpi-strip>div:nth-child(2){border-right:0}.product-kpi-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.product-day-row{grid-template-columns:24px minmax(150px,1.5fr) repeat(3,minmax(85px,1fr)) auto}.product-day-cell:nth-of-type(5){display:none}.product-tag-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.product-workflow-stepper{display:flex;overflow:auto}.product-step{min-width:210px}.product-workflow-rail{grid-template-columns:1fr}.product-form-grid.two-col,.product-approval-grid{grid-template-columns:1fr}.product-form-grid .span-2{grid-column:auto}.product-kpi-strip{grid-template-columns:1fr}.product-kpi-strip>div{border-right:0!important;border-bottom:1px solid var(--border)!important}.product-kpi-strip>div:last-child{border-bottom:0!important}.product-day-row{grid-template-columns:24px 1fr auto}.product-day-cell{display:none!important}.product-representative,.product-preview-hero,.product-preview-grid{grid-template-columns:1fr}.product-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.product-preview-gallery{grid-template-columns:repeat(3,1fr)}.product-list-grid,.product-tag-grid{grid-template-columns:1fr}.product-action-bar{padding:8px;min-height:56px}.product-action-bar>div:first-child{display:none}.product-action-main{width:100%}.product-action-main .btn{flex:1;min-width:0}.product-sticky-submit{min-width:0}.product-module-head{align-items:flex-start;flex-direction:column}} /* TripOffice v11.12.0 - product module completion */ .product-list-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.product-list-filter .product-search-wide{min-width:300px;flex:1 1 360px}.product-list-filter input,.product-list-filter select{min-height:36px}.product-list-card{display:grid;grid-template-rows:150px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-width:0}.product-list-thumb{position:relative;display:block;background:var(--surface-2);overflow:hidden}.product-list-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s ease}.product-list-thumb:hover img{transform:scale(1.02)}.product-list-thumb .product-status{position:absolute;left:9px;top:9px;backdrop-filter:blur(8px)}.product-list-body{display:flex;flex-direction:column;min-width:0;padding:14px}.product-list-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.product-list-title>div{min-width:0}.product-list-title h3{margin:2px 0 4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-title p{margin:0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}.product-list-metrics>div{padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);min-width:0}.product-list-metrics small,.product-list-metrics b{display:block}.product-list-metrics small{font-size:8px;color:var(--muted);margin-bottom:3px}.product-list-metrics b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.product-list-footer>span{font-size:9px;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list-footer>div{display:flex;gap:5px;flex:0 0 auto}.product-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:14px 0}.product-pagination a,.product-pagination span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:inherit;font-size:10px}.product-pagination .active{background:#6d5df5;border-color:#6d5df5;color:#fff}.product-form-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.product-date-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;align-items:center}.product-date-range>span{color:var(--muted);font-size:10px;text-align:center}.inline-number-time{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(130px,1.3fr);gap:7px}.product-bottom-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:12px}.product-auto-summary dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 15px;margin:0}.product-auto-summary dt{font-size:9px;color:var(--muted)}.product-auto-summary dd{margin:0;font-size:10px}.product-empty-rail{display:flex;align-items:center;justify-content:center;min-height:160px;padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:10px}.product-workflow-form{min-width:0}.product-search-wide{width:100%} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-list-card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-list-metrics>div{background:#111923;border-color:#273244}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-list-metrics>div{background:#0e1620} @media(max-width:1200px){.product-form-grid.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}.product-bottom-grid{grid-template-columns:1fr}.product-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.product-form-grid.four-col{grid-template-columns:1fr}.product-date-range,.inline-number-time{grid-template-columns:1fr}.product-date-range>span{display:none}.product-list-grid{grid-template-columns:1fr}.product-list-filter .product-search-wide{min-width:100%}.product-list-card{grid-template-rows:135px minmax(0,1fr)}} /* TripOffice v11.12.1 - Product Operations schema/UI compatibility hotfix */ body[data-tripoffice-workspace="1"]{ --border:var(--line,#e5eaf2); --surface:#fff; --surface-2:#f8fafc; --panel:#fff; --card:#fff; --workspace-sidebar-width:264px; } html[data-theme="dark"] body[data-tripoffice-workspace="1"]{ --border:var(--line,#263143); --surface:#111925; --surface-2:#0e1620; --panel:#111925; --card:#111925; } body[data-tripoffice-workspace="1"] .product-action-bar{left:var(--workspace-sidebar-width,264px)} body.workspace-sidebar-collapsed[data-tripoffice-workspace="1"]{--workspace-sidebar-width:84px} body[data-tripoffice-workspace="1"] .product-list-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:stretch} body[data-tripoffice-workspace="1"] .product-list-card{height:100%;box-shadow:0 5px 20px rgba(15,23,42,.035)} body[data-tripoffice-workspace="1"] .product-list-metrics{grid-template-columns:repeat(4,minmax(0,1fr))} body[data-tripoffice-workspace="1"] .product-list-filter .product-search-wide{position:relative;display:flex;align-items:center} body[data-tripoffice-workspace="1"] .product-list-filter .product-search-wide>svg{position:absolute;left:12px;z-index:1;width:16px;height:16px;color:var(--muted);pointer-events:none} body[data-tripoffice-workspace="1"] .product-list-filter .product-search-wide>input{padding-left:38px} body[data-tripoffice-workspace="1"] .product-form-grid.four-col .span-2{grid-column:span 2} body[data-tripoffice-workspace="1"] .product-form-grid.two-col .span-2{grid-column:1/-1} body[data-tripoffice-workspace="1"] .product-module-head .actions{flex-wrap:wrap;justify-content:flex-end} body[data-tripoffice-workspace="1"] .product-workflow-main>.table-wrap, body[data-tripoffice-workspace="1"] .product-form-card, body[data-tripoffice-workspace="1"] .product-rail-card, body[data-tripoffice-workspace="1"] .product-kpi-strip, body[data-tripoffice-workspace="1"] .product-list-card{min-width:0} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-list-card{box-shadow:none} @media(max-width:1100px){body[data-tripoffice-workspace="1"]{--workspace-sidebar-width:84px}} @media(max-width:1050px){body[data-tripoffice-workspace="1"] .product-action-bar{left:var(--workspace-sidebar-width,84px)}} @media(max-width:760px){ body[data-tripoffice-workspace="1"]{--workspace-sidebar-width:0px} body[data-tripoffice-workspace="1"] .product-action-bar{left:0} body[data-tripoffice-workspace="1"] .product-list-metrics{grid-template-columns:repeat(2,minmax(0,1fr))} body[data-tripoffice-workspace="1"] .product-form-grid.four-col .span-2{grid-column:auto} } /* TripOffice v11.13.0 - Product DAY Timeline Builder */ .product-day-label{grid-template-columns:auto minmax(0,1fr) auto}.product-day-label a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);text-decoration:none;font-size:11px;font-weight:750}.product-day-label a:hover{color:#7c6cf7}.product-day-label small{font-size:8px;color:var(--muted);white-space:nowrap}.product-timeline-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.product-timeline-kpis>div{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.product-timeline-kpis small{font-size:9px;color:var(--muted)}.product-timeline-kpis b{font-size:18px}.product-timeline-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start;padding-bottom:24px}.product-timeline-main{min-width:0}.product-timeline-list{display:grid}.product-timeline-item{display:grid;grid-template-columns:92px 42px minmax(0,1fr);min-height:115px;transition:.14s}.product-timeline-item.is-dragging{opacity:.48}.product-timeline-item.drag-over .product-timeline-content{border-color:#7c6cf7;background:rgba(109,93,245,.05)}.product-timeline-time{display:flex;align-items:flex-start;justify-content:flex-end;gap:5px;padding:17px 4px 0 0;color:var(--text)}.product-timeline-time .product-drag{margin-top:1px}.product-timeline-time b{font-size:13px;font-variant-numeric:tabular-nums}.product-timeline-time small{margin-top:2px;color:var(--muted);font-size:9px}.product-timeline-line{position:relative;display:flex;justify-content:center}.product-timeline-line>i{position:absolute;top:0;bottom:0;width:1px;background:var(--border)}.product-timeline-item:first-child .product-timeline-line>i{top:22px}.product-timeline-item:last-child .product-timeline-line>i{bottom:calc(100% - 22px)}.product-timeline-line>span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;margin-top:10px;border:4px solid var(--surface);border-radius:50%;background:#6d5df5;color:white}.product-timeline-line svg{width:14px;height:14px}.product-timeline-line .type-meal{background:#f59e0b}.product-timeline-line .type-hotel{background:#0ea5e9}.product-timeline-line .type-transport,.product-timeline-line .type-flight,.product-timeline-line .type-train,.product-timeline-line .type-ferry{background:#6366f1}.product-timeline-line .type-attraction,.product-timeline-line .type-activity{background:#22c55e}.product-timeline-line .type-shopping{background:#ec4899}.product-timeline-content{margin:0 0 10px;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 96%,var(--surface-2))}.product-timeline-content header{display:flex;justify-content:space-between;gap:12px}.product-timeline-content header>div:first-child{min-width:0}.product-timeline-content h3{margin:7px 0 2px;font-size:14px}.product-timeline-content header p{margin:0;color:var(--muted);font-size:9px}.product-timeline-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.product-timeline-meta span{display:flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:9px}.product-timeline-meta svg{width:12px;height:12px}.product-timeline-copy{margin-top:9px;padding:9px 10px;border-radius:8px;font-size:10px}.product-timeline-copy b{display:flex;align-items:center;gap:5px;font-size:9px}.product-timeline-copy svg{width:12px}.product-timeline-copy p{margin:5px 0 0;line-height:1.55}.product-timeline-copy.public{background:rgba(34,197,94,.07);border:1px solid rgba(34,197,94,.16)}.product-timeline-copy.public b{color:#16a34a}.product-timeline-copy.internal{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.18)}.product-timeline-copy.internal b{color:#d97706}.product-timeline-form .span-3{grid-column:1/-1}.product-timeline-form small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.product-timeline-flags{display:flex;gap:20px;align-items:center}.product-timeline-flags label{display:flex;align-items:center;gap:6px}.product-timeline-image-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.product-timeline-image-picker label{position:relative;display:block;cursor:pointer;border:2px solid transparent;border-radius:9px;overflow:hidden;background:var(--surface-2)}.product-timeline-image-picker input{position:absolute;z-index:2;top:6px;left:6px;width:16px;height:16px}.product-timeline-image-picker label:has(input:checked){border-color:#7c6cf7;box-shadow:0 0 0 2px rgba(124,108,247,.12)}.product-timeline-image-picker img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.product-timeline-image-picker span{display:block;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.product-empty.compact{padding:16px}.inline-form{display:inline-flex;margin:0} @media(max-width:1200px){.product-timeline-layout{grid-template-columns:1fr}.product-timeline-layout>.product-workflow-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.product-timeline-image-picker{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:800px){.product-timeline-kpis{grid-template-columns:repeat(2,1fr)}.product-timeline-item{grid-template-columns:70px 34px minmax(0,1fr)}.product-timeline-time{flex-wrap:wrap}.product-timeline-image-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.product-timeline-layout>.product-workflow-rail{grid-template-columns:1fr}} .product-preview-timeline{display:grid;gap:7px!important;margin-top:9px!important}.product-preview-timeline>div{display:grid;grid-template-columns:50px 1fr;gap:3px 8px;padding:7px 0;border-top:1px solid var(--border)}.product-preview-timeline time{grid-row:1/3;color:#7c6cf7;font-size:10px;font-weight:800}.product-preview-timeline b{font-size:10px}.product-preview-timeline p{margin:0!important;font-size:9px!important;color:var(--muted)} /* TripOffice v11.13.1 - Product schedule cards and linked timeline UX */ .product-day-card-list{gap:12px}.product-day-row.product-day-card{display:block!important;padding:0!important;border-radius:13px!important;overflow:hidden;background:var(--surface)!important}.product-day-card-head{display:grid;grid-template-columns:22px minmax(210px,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 97%,var(--surface-2))}.product-day-card-drag{display:grid;place-items:center;align-self:stretch}.product-day-card-title{min-width:0}.product-day-card-title>div{display:flex;align-items:center;gap:9px;min-width:0}.product-day-badge{flex:0 0 auto;padding:5px 8px;border-radius:7px;background:rgba(109,93,245,.13);color:#7666f5;font-size:10px}.product-day-card-title a{min-width:0;color:var(--text);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-card-title a:hover{color:#7666f5}.product-day-card-title p{display:flex;align-items:center;gap:5px;margin:5px 0 0;color:var(--muted);font-size:9px}.product-day-card-title p svg{width:12px}.product-day-card-stats{display:flex;align-items:center;gap:7px}.product-day-card-stats span{display:grid;gap:2px;min-width:70px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;text-align:center;background:var(--surface-2)}.product-day-card-stats small{font-size:8px;color:var(--muted)}.product-day-card-stats b{font-size:10px}.product-day-summary{display:grid;grid-template-columns:1fr 1.7fr 1fr 1fr;gap:0;border-bottom:1px solid var(--border)}.product-day-summary>span{display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;gap:1px 7px;min-width:0;padding:10px 13px;border-right:1px solid var(--border)}.product-day-summary>span:last-child{border-right:0}.product-day-summary svg{grid-row:1/3;width:14px;align-self:center;color:#7c6cf7}.product-day-summary small{font-size:8px;color:var(--muted)}.product-day-summary b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-preview{padding:11px 14px 13px}.product-day-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.product-day-preview-head b{display:flex;align-items:center;gap:6px;font-size:10px}.product-day-preview-head b svg{width:13px;color:#7c6cf7}.product-day-preview-head small{font-size:8px;color:#22c55e}.product-day-mini-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.product-day-mini-timeline>a{display:grid;grid-template-columns:auto 28px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 7px;min-width:0;padding:8px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text);text-decoration:none;transition:.14s}.product-day-mini-timeline>a:hover{border-color:#8172f7;transform:translateY(-1px)}.product-day-mini-timeline time{grid-row:1/3;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums;color:#7c6cf7;white-space:nowrap}.product-day-mini-timeline i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#6d5df5;color:#fff}.product-day-mini-timeline i svg{width:12px}.product-day-mini-timeline i.type-meal{background:#f59e0b}.product-day-mini-timeline i.type-hotel{background:#0ea5e9}.product-day-mini-timeline i.type-attraction,.product-day-mini-timeline i.type-activity{background:#22c55e}.product-day-mini-timeline i.type-shopping{background:#ec4899}.product-day-mini-timeline span{display:grid;min-width:0}.product-day-mini-timeline span b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-mini-timeline span small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-mini-timeline em{grid-column:3;font-size:8px;font-style:normal;color:var(--muted)}.product-day-more{display:inline-flex;align-items:center;gap:3px;margin-top:8px;color:#7464ef;font-size:9px;font-weight:750;text-decoration:none}.product-day-more svg{width:12px}.product-day-preview-empty{display:flex;align-items:center;gap:10px;padding:11px;border:1px dashed var(--border);border-radius:9px;background:var(--surface-2)}.product-day-preview-empty>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(109,93,245,.1);color:#7c6cf7}.product-day-preview-empty>span svg{width:15px}.product-day-preview-empty>div{display:grid;gap:2px;flex:1}.product-day-preview-empty b{font-size:10px}.product-day-preview-empty small{font-size:8px;color:var(--muted)}.product-auto-summary-note{display:flex!important;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(109,93,245,.25);border-radius:9px;background:rgba(109,93,245,.06)}.product-auto-summary-note svg{width:16px;color:#7666f5}.product-auto-summary-note b{font-size:10px}.product-auto-summary-note p{margin:3px 0 0;color:var(--muted);font-size:9px}.product-day-auto-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.product-day-auto-summary span{display:grid;gap:3px;min-width:0;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.product-day-auto-summary small{color:var(--muted);font-size:8px}.product-day-auto-summary b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-nav{display:flex;gap:7px;margin:0 0 12px;padding:2px;overflow-x:auto;scrollbar-width:thin}.product-day-nav a{display:grid;gap:2px;flex:0 0 155px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);text-decoration:none}.product-day-nav a.active{border-color:#7666f5;background:rgba(109,93,245,.08);box-shadow:inset 0 0 0 1px rgba(109,93,245,.08)}.product-day-nav b{font-size:9px;color:#7868f5}.product-day-nav span{font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-day-nav small{font-size:8px;color:var(--muted)}.product-preview-timeline>div{grid-template-columns:58px 28px minmax(0,1fr)!important;align-items:start}.product-preview-timeline>div>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#6d5df5;color:white}.product-preview-timeline>div>i svg{width:11px}.product-preview-timeline>div>i.type-meal{background:#f59e0b}.product-preview-timeline>div>i.type-hotel{background:#0ea5e9}.product-preview-timeline>div>i.type-attraction,.product-preview-timeline>div>i.type-activity{background:#22c55e}.product-preview-timeline>div>span{display:grid;gap:2px;min-width:0}.product-preview-timeline>div>span>small{font-size:8px;color:#7767f4}.product-preview-timeline>div>span>p{margin-top:3px!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-day-row.product-day-card{background:#111923!important;border-color:#273244!important}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-day-card-head,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-day-mini-timeline>a,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-day-preview-empty,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .product-day-auto-summary span{background:#0e1620;border-color:#273244} @media(max-width:1350px){.product-day-card-head{grid-template-columns:22px minmax(180px,1fr) auto}.product-day-card-head>.product-row-actions{grid-column:2/4;justify-content:flex-end}.product-day-mini-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.product-day-card-head{grid-template-columns:22px minmax(0,1fr)}.product-day-card-stats,.product-day-card-head>.product-row-actions{grid-column:2}.product-day-card-stats{justify-content:flex-start;flex-wrap:wrap}.product-day-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-day-summary>span:nth-child(2){border-right:0}.product-day-summary>span:nth-child(-n+2){border-bottom:1px solid var(--border)}.product-day-mini-timeline{grid-template-columns:1fr}.product-day-auto-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.product-day-card-head{gap:8px;padding:11px}.product-day-card-title>div{align-items:flex-start;flex-direction:column;gap:5px}.product-day-card-stats span{min-width:62px}.product-day-summary{grid-template-columns:1fr}.product-day-summary>span{border-right:0;border-bottom:1px solid var(--border)}.product-day-summary>span:last-child{border-bottom:0}.product-day-preview{padding:10px}.product-day-preview-empty{align-items:flex-start;flex-wrap:wrap}.product-day-auto-summary{grid-template-columns:1fr}} /* TripOffice v11.14.0 - Sales Journey 2.0 + fixed business dark chat */ .sales-flow-form{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start;padding-bottom:72px}.sales-flow-main,.sales-flow-side{display:grid;gap:12px;min-width:0}.sales-flow-side{position:sticky;top:78px}.sales-flow-card{border:1px solid var(--line,#dbe3ef);border-radius:13px;background:var(--panel,#fff);padding:16px}.sales-flow-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.sales-flow-section-head h2,.sales-flow-section-head h3{margin:0;font-size:14px;letter-spacing:-.02em}.sales-flow-section-head p{margin:4px 0 0;color:var(--muted,#64748b);font-size:10px}.sales-flow-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(109,93,245,.25);border-radius:999px;background:rgba(109,93,245,.08);color:#7565ef;font-size:9px;font-weight:800}.sales-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px}.sales-flow-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-flow-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-flow-grid .span-2{grid-column:span 2}.sales-flow-grid .span-all{grid-column:1/-1}.sales-flow-grid label{display:grid;gap:6px;min-width:0;font-size:11px;font-weight:700;color:var(--text,#111827)}.sales-flow-grid input,.sales-flow-grid select,.sales-flow-grid textarea{width:100%;min-width:0}.sales-flow-checks{display:flex;flex-wrap:wrap;gap:8px}.sales-check{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;padding:9px 11px;border:1px solid var(--line,#dbe3ef);border-radius:9px;background:var(--surface-2,#f8fafc);font-size:10px!important;font-weight:650!important}.sales-check input{width:15px!important;min-height:15px!important}.sales-flow-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.sales-flow-kpis>div{display:grid;gap:4px;padding:13px 15px;border:1px solid var(--line,#dbe3ef);border-radius:11px;background:var(--panel,#fff)}.sales-flow-kpis small{color:var(--muted,#64748b);font-size:9px}.sales-flow-kpis b{font-size:18px}.sales-flow-actions{position:sticky;bottom:0;z-index:12;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px -2px -2px;padding:11px 2px 2px;background:linear-gradient(180deg,transparent,var(--bg,#f6f8fb) 38%)}.sales-policy-list{display:grid;gap:9px}.sales-policy-list>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line,#dbe3ef);border-radius:9px;background:var(--surface-2,#f8fafc)}.sales-policy-list small{color:var(--muted,#64748b);font-size:9px}.sales-policy-list b,.sales-policy-list p{margin:0;font-size:10px}.quote-live-total{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quote-live-total>div{display:grid;gap:3px;padding:10px;border-radius:9px;background:var(--surface-2,#f8fafc);border:1px solid var(--line,#dbe3ef)}.quote-live-total b{font-size:14px}.sales-flow-strip{display:flex;align-items:center;gap:7px;overflow-x:auto;margin:0 0 13px;padding:10px 12px;border:1px solid rgba(109,93,245,.25);border-radius:11px;background:rgba(109,93,245,.055)}.sales-flow-strip span{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted,#64748b);font-size:10px;font-weight:750}.sales-flow-strip span.active{color:#7565ef}.sales-flow-strip i{width:5px;height:5px;border-radius:50%;background:#cbd5e1}.sales-flow-source{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sales-flow-source>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line,#dbe3ef);border-radius:9px;background:var(--surface-2,#f8fafc)}.sales-flow-source small{font-size:8px;color:var(--muted,#64748b)}.sales-flow-source b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:1150px){.sales-flow-form{grid-template-columns:1fr}.sales-flow-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-flow-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.sales-flow-grid,.sales-flow-grid.three,.sales-flow-grid.four,.sales-flow-side,.sales-flow-kpis,.quote-live-total,.sales-flow-source{grid-template-columns:1fr}.sales-flow-grid .span-2{grid-column:auto}.sales-flow-actions{flex-wrap:wrap}.sales-flow-actions .btn{flex:1}} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-kpis>div{background:#111923;border-color:#273244}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-check,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-policy-list>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .quote-live-total>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-source>div{background:#0e1620;border-color:#273244} /* Chat is intentionally dark regardless of the workspace appearance. */ .to-chat.chat-theme-dark{--chat-bg:#09101b;--chat-panel:#0d1522;--chat-panel-2:#111c2b;--chat-panel-3:#172235;--chat-line:#26364d;--chat-text:#e7edf7;--chat-muted:#91a0b5;--chat-purple:#7c6cf7;color-scheme:dark} .to-chat.chat-theme-dark .to-chat-panel{background:var(--chat-panel)!important;border-color:var(--chat-line)!important;color:var(--chat-text)!important;box-shadow:0 26px 80px rgba(0,0,0,.52)!important} .to-chat.chat-theme-dark .to-chat-head{background:linear-gradient(180deg,#101a29,#0c1421)!important;border-color:var(--chat-line)!important;color:var(--chat-text)!important} .to-chat.chat-theme-dark .to-chat-presence,.to-chat.chat-theme-dark .to-chat-tabs,.to-chat.chat-theme-dark .to-chat-room-pane,.to-chat.chat-theme-dark .to-chat-room-head,.to-chat.chat-theme-dark .to-chat-compose,.to-chat.chat-theme-dark .to-chat-compose-status,.to-chat.chat-theme-dark .to-chat-tools-panel,.to-chat.chat-theme-dark .to-chat-typing{background:var(--chat-panel)!important;border-color:var(--chat-line)!important;color:var(--chat-text)!important} .to-chat.chat-theme-dark .to-chat-list-pane{background:#0a1320!important;border-color:var(--chat-line)!important}.to-chat.chat-theme-dark .to-chat-messages{background:radial-gradient(circle at 60% -20%,rgba(124,108,247,.11),transparent 35%),linear-gradient(180deg,#09121f,#0c1522)!important} .to-chat.chat-theme-dark .to-chat-list-item,.to-chat.chat-theme-dark .to-chat-person,.to-chat.chat-theme-dark .to-chat-member-row{color:#dbe5f4!important;border-color:transparent}.to-chat.chat-theme-dark .to-chat-list-item:hover,.to-chat.chat-theme-dark .to-chat-person:hover,.to-chat.chat-theme-dark .to-chat-member-row:hover,.to-chat.chat-theme-dark .to-chat-list-item.active{background:#162337!important}.to-chat.chat-theme-dark .to-chat-list-item.active{box-shadow:inset 3px 0 0 var(--chat-purple)} .to-chat.chat-theme-dark .to-chat-bubble{background:#182538!important;border:1px solid #2a3b54!important;color:#e8eef7!important;box-shadow:none!important}.to-chat.chat-theme-dark .to-chat-message.mine .to-chat-bubble{background:linear-gradient(135deg,#302b67,#403584)!important;border-color:#5a4ec1!important;color:#fff!important}.to-chat.chat-theme-dark .to-chat-message.mine .to-chat-bubble a{color:#ddd7ff!important} .to-chat.chat-theme-dark input,.to-chat.chat-theme-dark select,.to-chat.chat-theme-dark textarea,.to-chat.chat-theme-dark .to-chat-search-wrap input,.to-chat.chat-theme-dark .to-chat-global-search-form input:not([type=checkbox]),.to-chat.chat-theme-dark .to-chat-global-search-form select,.to-chat.chat-theme-dark .to-chat-thread-form textarea,.to-chat.chat-theme-dark .to-chat-business-filter input,.to-chat.chat-theme-dark .to-chat-business-filter select{background:#09131f!important;border-color:#304159!important;color:#edf2f8!important;box-shadow:none!important}.to-chat.chat-theme-dark input::placeholder,.to-chat.chat-theme-dark textarea::placeholder{color:#607189!important} .to-chat.chat-theme-dark button:not(.to-chat-send):not(.to-chat-fab),.to-chat.chat-theme-dark .to-chat-tool-small{border-color:#304159;color:#cbd6e5}.to-chat.chat-theme-dark .to-chat-room-tools button,.to-chat.chat-theme-dark .to-chat-search-wrap .to-chat-unread-only,.to-chat.chat-theme-dark .to-chat-reaction-chip,.to-chat.chat-theme-dark .to-chat-quick-reactions,.to-chat.chat-theme-dark .to-chat-message-more,.to-chat.chat-theme-dark .to-chat-file-more,.to-chat.chat-theme-dark .to-chat-file-download{background:#142033!important;border-color:#304159!important;color:#aebdd0!important}.to-chat.chat-theme-dark .to-chat-room-tools button:hover,.to-chat.chat-theme-dark .to-chat-tool-small:hover{background:#1c2b42!important;color:#fff!important} .to-chat.chat-theme-dark .to-chat-send{background:linear-gradient(135deg,#6d5df5,#806ef8)!important;border-color:#8677fb!important;color:white!important;box-shadow:0 7px 18px rgba(109,93,245,.24)!important}.to-chat.chat-theme-dark .to-chat-send:hover{filter:brightness(1.08)} .to-chat.chat-theme-dark .to-chat-context-menu,.to-chat.chat-theme-dark .to-chat-mention-suggest,.to-chat.chat-theme-dark .to-chat-settings-modal>div,.to-chat.chat-theme-dark .to-chat-business-modal>div,.to-chat.chat-theme-dark .to-chat-modal>div{background:#0d1725!important;border-color:#34465f!important;color:#e9eff8!important;box-shadow:0 22px 65px rgba(0,0,0,.55)!important}.to-chat.chat-theme-dark .to-chat-context-item{color:#dbe5f3!important}.to-chat.chat-theme-dark .to-chat-context-item:hover,.to-chat.chat-theme-dark .to-chat-mention-suggest button:hover{background:#1a2940!important;color:#d7d0ff!important} .to-chat.chat-theme-dark .to-chat-settings-section,.to-chat.chat-theme-dark .to-chat-info-section,.to-chat.chat-theme-dark .to-chat-receipt-group,.to-chat.chat-theme-dark .to-chat-thread-parent,.to-chat.chat-theme-dark .to-chat-thread-form{border-color:#293a52!important}.to-chat.chat-theme-dark .to-chat-settings-section h4,.to-chat.chat-theme-dark .to-chat-info-section h4,.to-chat.chat-theme-dark .to-chat-receipt-group h4{color:#e6edf7!important}.to-chat.chat-theme-dark .to-chat-policy-note,.to-chat.chat-theme-dark .to-chat-parent-preview{background:#121f31!important;color:#95a5ba!important} .to-chat.chat-theme-dark .to-chat-file-card,.to-chat.chat-theme-dark .to-chat-business-result,.to-chat.chat-theme-dark .to-chat-business-card-inline,.to-chat.chat-theme-dark .to-chat-thread-message,.to-chat.chat-theme-dark .to-chat-attachment-row{background:#142033!important;border-color:#304159!important;color:#e8eef7!important}.to-chat.chat-theme-dark .to-chat-message.mine .to-chat-file-card,.to-chat.chat-theme-dark .to-chat-thread-message.mine{background:#262456!important;border-color:#554bb6!important}.to-chat.chat-theme-dark .to-chat-file-name,.to-chat.chat-theme-dark .to-chat-attachment-name{color:#edf2f8!important}.to-chat.chat-theme-dark .to-chat-file-info small,.to-chat.chat-theme-dark .to-chat-attachment-main small,.to-chat.chat-theme-dark .to-chat-attachment-main span{color:#8fa0b7!important} .to-chat.chat-theme-dark .to-chat-empty,.to-chat.chat-theme-dark small,.to-chat.chat-theme-dark .muted{color:#8fa0b7}.to-chat.chat-theme-dark ::-webkit-scrollbar{width:9px;height:9px}.to-chat.chat-theme-dark ::-webkit-scrollbar-thumb{background:#33445c;border:2px solid #0d1725;border-radius:999px}.to-chat.chat-theme-dark ::-webkit-scrollbar-track{background:#0a1320} /* Full-page Chat Inbox / Work Hub / Settings use the same fixed dark language. */ .chat-page-dark-shell{color-scheme:dark;--panel:#0e1724;--surface:#0e1724;--surface-2:#121f31;--line:#293a52;--border:#293a52;--text:#e7edf7;--muted:#91a0b5;display:grid;gap:0;margin:-2px;padding:2px;border-radius:15px;background:linear-gradient(180deg,#0a121e,#0d1623)} .chat-page-dark-shell .panel,.chat-page-dark-shell .card{background:#0e1724!important;border-color:#293a52!important;color:#e7edf7!important;box-shadow:none!important}.chat-page-dark-shell .muted,.chat-page-dark-shell p,.chat-page-dark-shell small{color:#91a0b5!important}.chat-page-dark-shell input,.chat-page-dark-shell select,.chat-page-dark-shell textarea{background:#09131f!important;border-color:#304159!important;color:#edf2f8!important}.chat-page-dark-shell .chat-inbox-feed button,.chat-page-dark-shell .chat-todo-row,.chat-page-dark-shell .chat-work-hub-row,.chat-page-dark-shell .chat-work-hub-file,.chat-page-dark-shell .chat-business-card{background:#121f31!important;border-color:#2d3f57!important;color:#e7edf7!important}.chat-page-dark-shell .chat-inbox-feed button:hover,.chat-page-dark-shell .chat-work-hub-row:hover,.chat-page-dark-shell .chat-work-hub-file:hover,.chat-page-dark-shell .chat-business-card:hover{background:#192941!important}.chat-page-dark-shell .chat-inbox-kpis .card,.chat-page-dark-shell .chat-work-hub-kpi{background:linear-gradient(145deg,#111d2d,#0e1724)!important}.chat-page-dark-shell .page-head{padding:14px 16px;margin-bottom:12px}.chat-page-dark-shell .btn:not(.primary){background:#132137!important;border-color:#304159!important;color:#dbe5f3!important}.chat-page-dark-shell .btn.primary{background:linear-gradient(135deg,#6d5df5,#806ef8)!important;border-color:#8575fb!important;color:#fff!important} .to-chat.chat-theme-dark .to-chat-people,.to-chat.chat-theme-dark .to-chat-tools-search,.to-chat.chat-theme-dark .to-chat-tool-search,.to-chat.chat-theme-dark .to-chat-global-search-form,.to-chat.chat-theme-dark .to-chat-thread-form,.to-chat.chat-theme-dark .to-chat-settings-modal>div>.form-actions{background:#0d1725!important;border-color:#293a52!important;color:#e7edf7!important}.to-chat.chat-theme-dark .to-chat-attachment-actions a,.to-chat.chat-theme-dark .to-chat-attachment-actions button,.to-chat.chat-theme-dark .to-chat-business-result footer button{background:#142033!important;border-color:#304159!important;color:#cbd6e5!important}.to-chat.chat-theme-dark .to-chat-manual-quick li{background:#121f31!important;border-color:#293a52!important;color:#dbe5f3!important}.to-chat.chat-theme-dark .to-chat-maintenance-icon{background:#2e2515!important;color:#fbbf24!important}.to-chat.chat-theme-dark .to-chat-business-card-inline-meta .danger,.to-chat.chat-theme-dark .to-chat-tool-card.is-failed{background:#321a20!important;color:#fca5a5!important}.to-chat.chat-theme-dark .to-chat-file-card.type-archive .to-chat-file-icon,.to-chat.chat-theme-dark .to-chat-file-card.type-presentation .to-chat-file-icon{background:#332715!important;color:#fdba74!important}.to-chat.chat-theme-dark .to-chat-room-tools #to-chat-favorite-btn.is-active{background:#332915!important;border-color:#66501e!important;color:#fbbf24!important}.to-chat.chat-theme-dark .to-chat-room-tools #to-chat-mute-btn.active,.to-chat.chat-theme-dark .to-chat-compose-status button{background:#362214!important;border-color:#6b3b18!important;color:#fdba74!important} /* Complex CRM/booking registration uses the same modal-first rule, but with an operations-sized canvas. */ .to-primary-modal-card:has(>form.sales-flow-form){width:min(1220px,calc(100vw - 48px))!important}.to-primary-modal-card>form.sales-flow-form{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:14px!important;padding:18px 20px 0!important}.to-primary-modal-card>form.sales-flow-form>.sales-flow-main{min-width:0}.to-primary-modal-card>form.sales-flow-form>.sales-flow-actions{grid-column:1/-1;margin:4px -20px 0!important;padding:13px 20px!important;background:var(--panel,#fff);border-top:1px solid var(--line,#dbe3ef)}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .to-primary-modal-card>form.sales-flow-form>.sales-flow-actions{background:#111925}@media(max-width:980px){.to-primary-modal-card>form.sales-flow-form{grid-template-columns:1fr!important}.to-primary-modal-card>form.sales-flow-form>.sales-flow-side{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))}.to-primary-modal-card>form.sales-flow-form>.sales-flow-actions{grid-column:1}}@media(max-width:720px){.to-primary-modal-card>form.sales-flow-form{padding:14px 14px 0!important}.to-primary-modal-card>form.sales-flow-form>.sales-flow-side{grid-template-columns:1fr}.to-primary-modal-card>form.sales-flow-form>.sales-flow-actions{margin:3px -14px 0!important;padding:12px 14px!important}} /* TripOffice v11.14.1 - Operations-sized Sales Journey modal workspace */ .primary-modal-dialog.primary-modal-dialog--sales-flow{width:min(1500px,calc(100vw - 28px));height:min(940px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);border-radius:20px} .primary-modal-dialog--sales-flow .primary-modal-head{min-height:70px;padding:14px 20px 13px 24px;box-shadow:0 1px 0 rgba(15,23,42,.03)} .primary-modal-dialog--sales-flow .primary-modal-head h2{font-size:20px} .primary-modal-dialog--sales-flow .primary-modal-body{flex:1;min-height:0;overflow:hidden;padding:0;background:#f3f6fb} .primary-modal-dialog--sales-flow .sales-flow-form.sales-flow-modal-workspace{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-top:72px;display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;align-content:start;align-items:start;gap:18px!important;padding:0 24px!important;background:transparent} .sales-flow-modal-nav{grid-column:1/-1;position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:8px;min-height:58px;margin:0 -24px;padding:10px 24px;overflow-x:auto;border-bottom:1px solid var(--line,#dbe3ef);background:rgba(247,249,253,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin} .sales-flow-modal-nav-btn{height:36px;flex:0 0 auto;padding:0 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted,#64748b);font-size:11px;font-weight:800;cursor:pointer;transition:.14s ease} .sales-flow-modal-nav-btn:hover{border-color:#d9ddfb;background:#f0efff;color:#5b4ce6}.sales-flow-modal-nav-btn.is-active{border-color:rgba(109,93,245,.3);background:rgba(109,93,245,.12);color:#6554ef;box-shadow:inset 0 0 0 1px rgba(109,93,245,.03)} .primary-modal-dialog--sales-flow .sales-flow-main{display:grid;gap:16px;min-width:0} .primary-modal-dialog--sales-flow .sales-flow-side{position:sticky;top:72px;display:grid;gap:14px;min-width:0} .primary-modal-dialog--sales-flow .sales-flow-section,.primary-modal-dialog--sales-flow .sales-flow-side>section{scroll-margin-top:72px;border-radius:15px;padding:20px 22px;box-shadow:0 5px 18px rgba(15,23,42,.035)} .primary-modal-dialog--sales-flow .sales-flow-section-head{justify-content:flex-start;gap:12px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid var(--line,#e5eaf2)} .primary-modal-dialog--sales-flow .sales-flow-section-head>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:rgba(109,93,245,.09);color:#6d5df5} .primary-modal-dialog--sales-flow .sales-flow-section-head>span svg{width:17px;height:17px} .primary-modal-dialog--sales-flow .sales-flow-section-head h2,.primary-modal-dialog--sales-flow .sales-flow-section-head h3{font-size:15px} .primary-modal-dialog--sales-flow .sales-flow-section-head p{font-size:10px;line-height:1.5} .primary-modal-dialog--sales-flow .sales-flow-form label{gap:7px;font-size:11px;font-weight:750} .primary-modal-dialog--sales-flow .sales-flow-form input,.primary-modal-dialog--sales-flow .sales-flow-form select{height:44px;min-height:44px;border-radius:9px} .primary-modal-dialog--sales-flow .sales-flow-form textarea{height:auto;min-height:92px;border-radius:9px;line-height:1.55} .primary-modal-dialog--sales-flow .sales-flow-form .grid{gap:14px 16px} .primary-modal-dialog--sales-flow .sales-flow-side>section h3{margin:0 0 13px;font-size:15px;padding-bottom:11px;border-bottom:1px solid var(--line,#e5eaf2)} .primary-modal-dialog--sales-flow .sales-flow-side .sales-check{min-height:54px;padding:11px 12px} .primary-modal-dialog--sales-flow .sales-flow-actions{grid-column:1/-1;position:sticky;bottom:0;z-index:26;display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:0 -24px!important;padding:14px 24px!important;border-top:1px solid var(--line,#dbe3ef);background:rgba(255,255,255,.96)!important;box-shadow:0 -12px 28px rgba(15,23,42,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .primary-modal-dialog--sales-flow .sales-flow-actions .btn{min-width:96px;height:43px} .primary-modal-dialog--sales-flow .sales-flow-actions .btn.primary{min-width:112px} .primary-modal-dialog--sales-flow .table-wrap{max-height:360px} .primary-modal-dialog--sales-flow .table-wrap table{min-width:850px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .primary-modal-body{background:#0a111b} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-modal-nav{background:rgba(13,22,35,.94);border-color:#29364a} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-modal-nav-btn{color:#91a0b5} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-modal-nav-btn:hover{background:#18243a;border-color:#384763;color:#d8d2ff} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .sales-flow-modal-nav-btn.is-active{background:#282451;border-color:#4d4597;color:#e0dbff} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .sales-flow-section,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .sales-flow-side>section{background:#101a28;border-color:#2b394e;box-shadow:none} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .sales-flow-section-head,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .sales-flow-side>section h3{border-color:#29364a} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .sales-flow-section-head>span{background:#25234d;color:#b9b1ff} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .primary-modal-dialog--sales-flow .sales-flow-actions{background:rgba(15,24,37,.97)!important;border-color:#2c394d;box-shadow:0 -12px 30px rgba(0,0,0,.28)} @media(max-width:1180px){.primary-modal-dialog--sales-flow .sales-flow-form.sales-flow-modal-workspace{grid-template-columns:minmax(0,1fr) 300px!important}.primary-modal-dialog--sales-flow .sales-flow-form .grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:960px){.primary-modal-dialog.primary-modal-dialog--sales-flow{width:calc(100vw - 18px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.primary-modal-dialog--sales-flow .sales-flow-form.sales-flow-modal-workspace{grid-template-columns:1fr!important}.primary-modal-dialog--sales-flow .sales-flow-side{position:static;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.primary-modal-dialog--sales-flow .sales-flow-actions{grid-column:1}.primary-modal-dialog--sales-flow .sales-flow-side>section{height:100%}} @media(max-width:720px){.primary-modal-dialog.primary-modal-dialog--sales-flow{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.primary-modal-dialog--sales-flow .primary-modal-body{padding:0!important}.primary-modal-dialog--sales-flow .sales-flow-form.sales-flow-modal-workspace{padding:0 14px!important;scroll-padding-top:62px}.sales-flow-modal-nav{min-height:50px;margin:0 -14px;padding:8px 14px}.sales-flow-modal-nav-btn{height:34px;padding:0 11px}.primary-modal-dialog--sales-flow .sales-flow-main{gap:12px}.primary-modal-dialog--sales-flow .sales-flow-side{grid-template-columns:1fr}.primary-modal-dialog--sales-flow .sales-flow-section,.primary-modal-dialog--sales-flow .sales-flow-side>section{padding:16px;border-radius:12px}.primary-modal-dialog--sales-flow .sales-flow-form .grid.two,.primary-modal-dialog--sales-flow .sales-flow-form .grid.three,.primary-modal-dialog--sales-flow .sales-flow-form .grid.four{grid-template-columns:1fr}.primary-modal-dialog--sales-flow .sales-flow-form .span-2{grid-column:auto}.primary-modal-dialog--sales-flow .sales-flow-actions{margin:0 -14px!important;padding:11px 14px!important}.primary-modal-dialog--sales-flow .sales-flow-actions .btn{flex:1;min-width:0}} /* TripOffice v11.14.2 - Passport OCR + static modal backdrop */ .primary-modal,.to-primary-modal{cursor:default}.primary-modal-dialog,.to-primary-modal-card{cursor:auto} .passport-ocr-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.52fr);gap:14px;margin-bottom:18px}.passport-ocr-drop{min-height:150px;display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1.5px dashed var(--line,#cfd8e6);border-radius:14px;background:linear-gradient(135deg,rgba(109,93,245,.045),rgba(99,102,241,.015));transition:.16s ease;outline:none}.passport-ocr-drop:hover,.passport-ocr-drop:focus-visible,.passport-ocr-drop.is-dragover{border-color:#7161f5;background:rgba(109,93,245,.085);box-shadow:0 0 0 3px rgba(109,93,245,.08)}.passport-ocr-drop.is-busy{opacity:.7;pointer-events:none}.passport-ocr-preview{width:112px;height:112px;border-radius:12px;border:1px solid var(--line,#dbe3ef);background:var(--surface-2,#f7f9fc);display:grid;place-items:center;color:#6d5df5;overflow:hidden}.passport-ocr-preview svg{width:34px;height:34px}.passport-ocr-preview img{width:100%;height:100%;object-fit:cover;display:block}.passport-ocr-copy{display:grid;gap:6px;min-width:0}.passport-ocr-copy b{font-size:14px}.passport-ocr-copy span{font-size:12px;color:var(--muted,#64748b);line-height:1.55}.passport-ocr-copy small{font-size:10px;color:#7c6df4;font-weight:750}.passport-ocr-status{min-height:150px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--panel,#fff)}.passport-ocr-status>div{display:grid;gap:5px}.passport-ocr-status b{font-size:13px}.passport-ocr-status small{font-size:11px;line-height:1.5;color:var(--muted,#64748b)}.passport-ocr-dot{width:11px;height:11px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 5px rgba(148,163,184,.12);flex:0 0 11px}.passport-ocr-status.is-loading .passport-ocr-dot{background:#7c6df4;box-shadow:0 0 0 5px rgba(124,109,244,.14);animation:passportOcrPulse 1s infinite}.passport-ocr-status.is-success .passport-ocr-dot{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.13)}.passport-ocr-status.is-warning .passport-ocr-dot{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.13)}.passport-ocr-status.is-error .passport-ocr-dot{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.13)}@keyframes passportOcrPulse{50%{transform:scale(1.25)}}.passport-ocr-autofilled{border-color:#7c6df4!important;box-shadow:0 0 0 3px rgba(124,109,244,.12)!important;transition:.25s}.passport-ocr-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.08);color:#a16207;font-size:11px;font-weight:700}.passport-ocr-note svg{width:15px;height:15px}.customer-passport-preview{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:20px;align-items:start}.customer-passport-preview>a{display:block;border:1px solid var(--line,#dbe3ef);border-radius:14px;overflow:hidden;background:#0a1019}.customer-passport-preview img{display:block;width:100%;max-height:300px;object-fit:contain}.customer-passport-card .panel-head p{margin:4px 0 0;color:var(--muted,#64748b);font-size:11px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-drop{border-color:#34445b;background:linear-gradient(135deg,rgba(109,93,245,.1),rgba(13,22,35,.8))}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-drop:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-drop:focus-visible,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-drop.is-dragover{border-color:#8274ff;background:#171f34}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-preview{background:#0b1421;border-color:#34445b}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-status{background:#0d1725;border-color:#34445b}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .passport-ocr-note{background:rgba(245,158,11,.1);color:#fbbf24} @media(max-width:980px){.passport-ocr-workspace{grid-template-columns:1fr}.passport-ocr-status{min-height:80px}.customer-passport-preview{grid-template-columns:1fr}}@media(max-width:620px){.passport-ocr-drop{grid-template-columns:76px 1fr;min-height:130px}.passport-ocr-preview{width:76px;height:90px}.passport-ocr-drop>.btn{grid-column:1/-1;width:100%}} \n/* TripOffice v11.15.0 Operations Master Data 2.0 */ .ops-master-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important} .ops-master-modal .to-primary-modal-card{width:min(1450px,calc(100vw - 48px));max-width:none} .ops-master-modal .to-primary-modal-card>form{max-height:calc(100vh - 150px);overflow:auto;padding-right:4px} .ops-form-section{border:1px solid var(--border,#dbe3ee);border-radius:16px;padding:18px;margin-bottom:16px;background:var(--surface,#fff)} .ops-form-section h3{margin:0 0 14px;font-size:16px} .ops-master-profile{padding:20px} .compact-list{display:flex;flex-direction:column;gap:8px} .compact-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border,#dbe3ee);border-radius:12px;padding:10px 12px} .compact-list>div>span{min-width:0;display:flex;flex-direction:column;gap:2px}.compact-list small{color:var(--text-muted,#64748b)} .ops-checklist{display:grid;gap:8px}.ops-checklist form{margin:0}.ops-checklist label{display:flex;align-items:center;gap:10px;border:1px solid var(--border,#dbe3ee);border-radius:12px;padding:10px 12px;cursor:pointer}.ops-checklist label.is-done{opacity:.72}.ops-checklist input{width:auto;margin:0} .grid .span-3{grid-column:span 3}.grid .span-4{grid-column:span 4} .ops-related-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:var(--surface,#fff)} .ops-related-banner .meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--text-muted,#64748b)} [data-theme="dark"] .ops-form-section,[data-theme="dark"] .ops-related-banner{background:#101a29;border-color:#26364c} [data-theme="dark"] .compact-list>div,[data-theme="dark"] .ops-checklist label{border-color:#26364c;background:#0e1826} @media(max-width:1100px){.ops-master-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid .span-3,.grid .span-4{grid-column:span 2}} @media(max-width:760px){.ops-master-kpis{grid-template-columns:1fr!important}.ops-master-modal .to-primary-modal-card{width:100vw;max-width:100vw;height:100vh;border-radius:0}.grid .span-3,.grid .span-4{grid-column:span 1}.ops-related-banner{align-items:flex-start;flex-direction:column}} /* TripOffice v11.16.0 Finance Entry Workspace 2.0 */ .finance-work-form{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start;padding-bottom:72px}.finance-work-form .sales-flow-main{display:grid;gap:16px;min-width:0}.finance-work-form .sales-flow-side{position:sticky;top:78px;display:grid;gap:14px}.finance-payment-source-fields{margin-top:14px}.finance-item-table-wrap{overflow:auto;border:1px solid var(--line,#dbe3ef);border-radius:11px}.finance-item-table{min-width:1020px;margin:0}.finance-item-table th{white-space:nowrap;font-size:10px}.finance-item-table td{padding:7px}.finance-item-table input,.finance-item-table select{min-width:90px;height:38px}.finance-item-table td:first-child input{min-width:160px}.finance-item-table td:nth-child(2) input{min-width:180px}.finance-item-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.finance-item-totals{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.finance-item-totals span{font-size:10px;color:var(--muted,#64748b)}.finance-item-totals b{margin-left:5px;color:var(--text,#111827);font-size:12px}.finance-evidence-drop{display:grid!important;place-items:center!important;text-align:center;gap:6px!important;min-height:150px;padding:18px!important;border:1px dashed #8190aa!important;border-radius:12px;background:var(--surface-2,#f8fafc);cursor:pointer}.finance-evidence-drop input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.finance-evidence-drop>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(109,93,245,.1);color:#6d5df5}.finance-evidence-drop>b{font-size:12px}.finance-evidence-drop>small{color:var(--muted,#64748b);font-size:9px}.finance-evidence-drop>em{font-style:normal;color:#6d5df5;font-size:9px;max-width:100%;word-break:break-all}.finance-evidence-drop.is-drag{border-color:#6d5df5!important;background:rgba(109,93,245,.08)}.finance-live-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finance-live-summary>div{display:grid;gap:3px;padding:10px;border:1px solid var(--line,#dbe3ef);border-radius:9px;background:var(--surface-2,#f8fafc)}.finance-live-summary small{font-size:8px;color:var(--muted,#64748b)}.finance-live-summary b{font-size:13px}.finance-internal-note-label{display:grid;gap:6px;margin-top:12px;font-size:11px;font-weight:700}.finance-entry-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finance-entry-meta-grid>div{display:grid;gap:3px;padding:11px;border:1px solid var(--line,#dbe3ef);border-radius:10px;background:var(--surface-2,#f8fafc)}.finance-entry-meta-grid small{font-size:8px;color:var(--muted,#64748b)}.finance-entry-meta-grid b{font-size:11px;word-break:break-word}.finance-entry-file-list{display:grid;gap:8px}.finance-entry-file-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line,#dbe3ef);border-radius:9px}.finance-entry-file-list small{color:var(--muted,#64748b)} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .finance-item-table-wrap{border-color:#2b394e}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .finance-evidence-drop,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .finance-live-summary>div,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .finance-entry-meta-grid>div{background:#0d1622;border-color:#2b394e}html[data-theme="dark"] body[data-tripoffice-workspace="1"] .finance-evidence-drop{border-color:#44536a!important} @media(max-width:1180px){.finance-work-form{grid-template-columns:minmax(0,1fr) 300px}.finance-entry-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.finance-work-form{grid-template-columns:1fr}.finance-work-form .sales-flow-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.finance-work-form .sales-flow-side,.finance-entry-meta-grid,.finance-live-summary{grid-template-columns:1fr}.finance-item-toolbar{align-items:stretch;flex-direction:column}.finance-item-totals{justify-content:space-between}} /* TripOffice v11.16.1 - Chat follows Workspace theme by default */ .chat-page-theme-shell{display:grid;gap:0;margin:-2px;padding:2px;border-radius:15px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell{color-scheme:dark;--panel:#0e1724;--surface:#0e1724;--surface-2:#121f31;--line:#293a52;--border:#293a52;--text:#e7edf7;--muted:#91a0b5;background:linear-gradient(180deg,#0a121e,#0d1623)} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .panel,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .card{background:#0e1724!important;border-color:#293a52!important;color:#e7edf7!important;box-shadow:none!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .muted,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell p,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell small{color:#91a0b5!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell input,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell select,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell textarea{background:#09131f!important;border-color:#304159!important;color:#edf2f8!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-inbox-feed button,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-todo-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-work-hub-row,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-work-hub-file,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-business-card{background:#121f31!important;border-color:#2d3f57!important;color:#e7edf7!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-inbox-feed button:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-work-hub-row:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-work-hub-file:hover,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-business-card:hover{background:#192941!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-inbox-kpis .card,html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .chat-work-hub-kpi{background:linear-gradient(145deg,#111d2d,#0e1724)!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .page-head{padding:14px 16px;margin-bottom:12px} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .btn:not(.primary){background:#132137!important;border-color:#304159!important;color:#dbe5f3!important} html[data-theme="dark"] body[data-tripoffice-workspace="1"] .chat-page-theme-shell .btn.primary{background:linear-gradient(135deg,#6d5df5,#806ef8)!important;border-color:#8575fb!important;color:#fff!important} /* TripOffice v11.17.0 - Operations Control Center */ .ops-control-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ops-control-kpis>div{background:var(--surface,#fff);border:1px solid var(--border,#dfe5ef);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.ops-control-kpis svg{width:20px;height:20px;color:var(--primary,#6d4aff)}.ops-control-kpis small{color:var(--muted,#667085)}.ops-control-kpis b{grid-column:2;font-size:26px}.ops-control-kpis .critical{border-color:#f6b8b8}.ops-control-kpis .critical svg,.ops-control-kpis .critical b{color:#dc2626}.ops-control-kpis .warning{border-color:#f5d18a}.ops-control-kpis .warning svg,.ops-control-kpis .warning b{color:#d97706}.ops-control-split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.ops-risk-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.ops-risk-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;border:1px solid var(--border,#dfe5ef);border-radius:14px;padding:14px;background:var(--surface-2,#fafbfc)}.ops-risk-card.is-critical{border-left:4px solid #dc2626}.ops-risk-card.is-warning{border-left:4px solid #d97706}.ops-risk-card.is-normal{border-left:4px solid #64748b}.ops-risk-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface,#fff)}.ops-risk-icon svg{width:20px;height:20px}.ops-risk-body>div:first-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ops-risk-body h3{margin:8px 0 4px;font-size:15px}.ops-risk-body p{margin:0 0 6px;color:var(--muted,#667085)}.ops-risk-actions{display:flex;flex-direction:column;gap:6px;justify-content:center}.ops-control-summary>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border,#dfe5ef)}.ops-control-summary>div b{font-size:18px}.ops-template-tabs{display:flex;gap:8px;flex-wrap:wrap}.ops-template-tabs a{border:1px solid var(--border,#dfe5ef);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;text-decoration:none;color:inherit}.ops-template-tabs a.active{border-color:var(--primary,#6d4aff);box-shadow:0 0 0 2px rgba(109,74,255,.12)}.reservation-risk-strip{border:1px solid var(--border,#dfe5ef);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;background:var(--surface,#fff)}.reservation-risk-strip>div:first-child{display:flex;gap:10px;align-items:center}.reservation-risk-strip>div:first-child>span{width:38px;height:38px;border-radius:10px;background:var(--surface-2,#f7f8fb);display:flex;align-items:center;justify-content:center}.reservation-risk-strip small{display:block;color:var(--muted,#667085);margin-top:2px}.reservation-risk-counts{display:flex;gap:8px;align-items:center}@media(max-width:1100px){.ops-control-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-control-split{grid-template-columns:1fr}}@media(max-width:720px){.ops-control-kpis{grid-template-columns:1fr}.ops-risk-card{grid-template-columns:38px minmax(0,1fr)}.ops-risk-actions{grid-column:1/-1;flex-direction:row;justify-content:flex-start}.reservation-risk-strip{align-items:flex-start;gap:10px;flex-direction:column}.reservation-risk-counts{flex-wrap:wrap}} /* TripOffice v11.17.1 - Privacy audit readability */ .privacy-audit-v11171{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.privacy-audit-head-v11171{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 18px;border-bottom:1px solid var(--border)}.privacy-audit-head-v11171 h2{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:17px}.privacy-audit-head-v11171 h2 svg{width:18px;height:18px;color:var(--primary)}.privacy-audit-head-v11171 p{margin:0;font-size:12px;color:var(--muted)}.privacy-audit-head-v11171>span{font-size:11px;color:var(--muted);white-space:nowrap}.privacy-audit-list-v11171{padding:14px;display:grid;gap:11px}.privacy-audit-card-v11171{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:14px 15px;box-shadow:0 5px 18px rgba(15,23,42,.025)}.privacy-audit-card-v11171>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:11px}.privacy-audit-title-v11171{display:flex;align-items:center;gap:10px;min-width:0}.privacy-audit-title-v11171>div{display:grid;gap:2px}.privacy-audit-title-v11171 b{font-size:14px}.privacy-audit-title-v11171 small{font-size:11px;color:var(--muted)}.privacy-audit-action-v11171{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary);font-size:10px;font-weight:800;white-space:nowrap}.privacy-audit-time-v11171{display:grid;justify-items:end;gap:4px;color:var(--muted)}.privacy-audit-time-v11171 time{font-size:11px}.privacy-audit-time-v11171 small{display:flex;align-items:center;gap:4px;font-size:10px}.privacy-audit-time-v11171 svg{width:12px;height:12px}.privacy-audit-change-grid-v11171{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.privacy-audit-change-v11171{min-width:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:9px;background:var(--surface-2)}.privacy-audit-change-v11171>span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700}.privacy-audit-change-v11171>div{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:6px;font-size:12px}.privacy-audit-change-v11171 svg{width:13px;height:13px;color:var(--muted)}.privacy-audit-change-v11171 em{font-style:normal;color:var(--muted);text-decoration:line-through;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-audit-change-v11171 strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.privacy-audit-nochange-v11171{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:9px;background:var(--surface-2);font-size:11px;color:var(--muted)}.privacy-audit-nochange-v11171 svg{width:14px;height:14px}.privacy-audit-more-v11171{margin-top:7px;color:var(--muted);font-size:10px}.privacy-audit-details-v11171{margin-top:10px;border-top:1px dashed var(--border);padding-top:9px}.privacy-audit-details-v11171>summary,.privacy-audit-raw-v11171>summary{cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;user-select:none}.privacy-audit-details-v11171 summary svg{width:13px;height:13px}.privacy-audit-before-after-v11171{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.privacy-audit-before-after-v11171>div{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface-2)}.privacy-audit-before-after-v11171 h4{margin:0 0 7px;font-size:11px}.privacy-audit-before-after-v11171 dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;margin:0;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.privacy-audit-before-after-v11171 dl:first-of-type{border-top:0}.privacy-audit-before-after-v11171 dt{font-size:10px;color:var(--muted)}.privacy-audit-before-after-v11171 dd{margin:0;font-size:11px;word-break:break-word}.privacy-audit-raw-v11171{margin-top:10px}.privacy-audit-raw-v11171>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.privacy-audit-raw-v11171 section{min-width:0}.privacy-audit-raw-v11171 small{display:block;margin-bottom:4px;color:var(--muted);font-size:9px}.privacy-audit-raw-v11171 pre{margin:0;max-height:230px;overflow:auto;padding:9px;border-radius:8px;background:#0f172a;color:#dbeafe;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.privacy-audit-empty-v11171{min-height:150px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.privacy-audit-empty-v11171 svg{width:20px;height:20px} @media(max-width:800px){.privacy-audit-change-grid-v11171,.privacy-audit-before-after-v11171,.privacy-audit-raw-v11171>div{grid-template-columns:1fr}.privacy-audit-card-v11171>header{flex-direction:column}.privacy-audit-time-v11171{justify-items:start}.privacy-audit-before-after-v11171 dl{grid-template-columns:105px minmax(0,1fr)}} /* TripOffice v11.18.0 Business Intelligence */ .bi-head .page-actions{display:flex;gap:8px;flex-wrap:wrap}.bi-rangebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:10px 12px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--surface,#fff)}.bi-ranges{display:flex;gap:6px;flex-wrap:wrap}.bi-ranges a{padding:8px 13px;border-radius:10px;color:var(--muted,#64748b);text-decoration:none;font-weight:700}.bi-ranges a.active{background:var(--primary,#6d5dfc);color:#fff}.bi-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.bi-kpi{padding:16px;border:1px solid var(--line,#dbe3ef);border-radius:16px;background:var(--surface,#fff);min-width:0}.bi-kpi>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary,#6d5dfc) 11%,transparent);color:var(--primary,#6d5dfc)}.bi-kpi small{display:block;margin-top:14px;color:var(--muted,#64748b)}.bi-kpi b{display:block;margin-top:4px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-delta{display:block;margin-top:7px;font-size:12px;font-style:normal}.bi-delta.up{color:#16a34a}.bi-delta.down{color:#dc2626}.bi-delta.neutral{color:var(--muted,#64748b)}.bi-goals{display:grid;gap:14px}.bi-goals>div>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px}.bi-progress{height:9px;background:var(--surface-2,#eef2f7);border-radius:999px;overflow:hidden;margin-top:7px}.bi-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary,#6d5dfc)}.bi-target-form{margin-top:20px;padding-top:16px;border-top:1px solid var(--line,#dbe3ef)}.bi-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bi-health-grid a{display:block;padding:14px;border:1px solid var(--line,#dbe3ef);border-radius:13px;text-decoration:none;color:inherit;background:var(--surface-2,#f8fafc)}.bi-health-grid small,.bi-health-grid em{display:block;color:var(--muted,#64748b);font-style:normal}.bi-health-grid b{display:block;font-size:20px;margin:5px 0}.bi-funnel{margin-top:18px}.bi-funnel>div{display:grid;grid-template-columns:92px 1fr 44px;align-items:center;gap:10px;margin:10px 0}.bi-funnel i{height:10px;background:var(--surface-2,#eef2f7);border-radius:999px;overflow:hidden}.bi-funnel i b{display:block;height:100%;background:var(--primary,#6d5dfc);border-radius:inherit}.bi-trend{height:230px;display:grid;grid-template-columns:repeat(12,minmax(30px,1fr));align-items:end;gap:8px;padding:18px 4px 4px}.bi-trend-col{text-align:center;min-width:0}.bi-trend-bars{height:170px;display:flex;align-items:end;justify-content:center;gap:3px;border-bottom:1px solid var(--line,#dbe3ef)}.bi-trend-bars i{display:block;width:11px;min-height:2px;border-radius:5px 5px 0 0}.bi-trend-bars .sales,.bi-legend i.sales{background:var(--primary,#6d5dfc)}.bi-trend-bars .profit,.bi-legend i.profit{background:#16a34a}.bi-trend-bars .profit.loss{background:#dc2626}.bi-trend-col>b{display:block;font-size:11px;margin-top:6px}.bi-trend-col>small{color:var(--muted,#64748b)}.bi-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:var(--muted,#64748b);font-size:12px}.bi-legend i{width:10px;height:10px;display:inline-block;border-radius:3px;margin-right:5px}.bi-dest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bi-dest-grid>div{padding:14px;border:1px solid var(--line,#dbe3ef);border-radius:13px;background:var(--surface-2,#f8fafc)}.bi-dest-grid span{color:var(--primary,#6d5dfc)}.bi-dest-grid b,.bi-dest-grid small{display:block;margin-top:5px}.bi-dest-grid small{color:var(--muted,#64748b)} @media(max-width:1280px){.bi-kpi-grid{grid-template-columns:repeat(3,1fr)}.bi-dest-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.bi-rangebar{align-items:flex-start;flex-direction:column}.bi-kpi-grid{grid-template-columns:repeat(2,1fr)}.bi-health-grid,.bi-dest-grid{grid-template-columns:1fr}.bi-trend{overflow-x:auto;display:flex;align-items:flex-end}.bi-trend-col{min-width:48px;width:48px}.bi-main-grid{grid-template-columns:1fr!important}} /* TripOffice v11.18.1 - Production Readiness Center */ .readiness-hero{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) auto;gap:24px;align-items:center;padding:24px;border:1px solid var(--line,#dfe5ef);border-radius:18px;background:var(--card,#fff);box-shadow:0 10px 30px rgba(15,23,42,.06)} .readiness-hero>div:first-child{display:flex;flex-direction:column;gap:6px}.readiness-hero strong{font-size:48px;line-height:1;font-weight:850;letter-spacing:-.04em}.readiness-hero strong em{font-size:18px;font-style:normal;font-weight:700;opacity:.55;margin-left:4px}.readiness-hero span{font-weight:700}.readiness-hero-fail{border-color:rgba(220,38,38,.28)}.readiness-hero-warn{border-color:rgba(217,119,6,.28)}.readiness-hero-pass{border-color:rgba(22,163,74,.28)} .readiness-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.readiness-summary small{width:100%;margin-top:5px;color:var(--muted,#64748b)}.readiness-hero>.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.readiness-hero>.actions form{margin:0} .readiness-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.readiness-category{padding:0;overflow:hidden}.readiness-category>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line,#e5e7eb)}.readiness-category>header small{display:block;color:var(--muted,#64748b);font-size:11px;font-weight:800;letter-spacing:.08em}.readiness-category>header h2{margin:3px 0 0;font-size:18px}.readiness-check-list{display:flex;flex-direction:column}.readiness-check{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:15px 20px;border-bottom:1px solid var(--line,#eef2f7)}.readiness-check:last-child{border-bottom:0}.readiness-check b{font-size:14px}.readiness-check p{margin:5px 0 0;color:var(--text,#1f2937);line-height:1.55;word-break:break-word}.readiness-check small{display:flex;gap:5px;align-items:flex-start;margin-top:7px;color:var(--muted,#64748b);line-height:1.45}.readiness-check-fail{background:rgba(220,38,38,.025)}.readiness-check-warn{background:rgba(217,119,6,.025)} .readiness-steps{margin:0;padding-left:22px;line-height:1.85}.readiness-tool-links{display:flex;gap:8px;flex-wrap:wrap} html[data-platform-theme="dark"] .readiness-hero,html[data-platform-theme="dark"] .readiness-category{background:#0f1b2b;border-color:#26384f}html[data-platform-theme="dark"] .readiness-category>header,html[data-platform-theme="dark"] .readiness-check{border-color:#22344a}html[data-platform-theme="dark"] .readiness-check p{color:#d8e2ef} @media(max-width:1100px){.readiness-hero{grid-template-columns:1fr 1fr}.readiness-hero>.actions{grid-column:1/-1;justify-content:flex-start}.readiness-category-grid{grid-template-columns:1fr}} @media(max-width:700px){.readiness-hero{grid-template-columns:1fr;padding:18px}.readiness-hero>.actions{grid-column:auto}.readiness-check{grid-template-columns:1fr}.readiness-check-status{margin-bottom:-4px}} /* v11.18.2 production observability */ .observability-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.observability-kpis .card .num{font-size:2rem;font-weight:800;margin-top:8px}.observability-kpis+.panel{margin-top:18px}@media(max-width:900px){.observability-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} /* v11.18.3 data integrity */ .badge.danger+small{display:block;margin-top:5px}.table-wrap td small{display:block;margin-top:4px} /* TripOffice v11.19.0 My Work Home */ .mywork-home-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}.mywork-home-grid .panel:first-child{grid-row:span 2}.mywork-mini-list{display:grid;gap:8px;margin-top:12px}.mywork-mini-list>a{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;background:var(--card)}.mywork-mini-list>a:hover{border-color:var(--text-muted)}.mywork-mini-list span{font-size:12px;color:var(--text-muted)}.mywork-customize{margin-top:16px}.mywork-widget-options{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:14px}.mywork-widget-options label{display:flex;gap:6px;align-items:center}@media(max-width:1000px){.mywork-home-grid{grid-template-columns:1fr}.mywork-home-grid .panel:first-child{grid-row:auto}} /* TripOffice v11.21.0 Approvals 2.0 */ .approval-v2-list{display:grid;gap:14px}.approval-v2-card h2{margin:6px 0}.approval-v2-stages{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)} /* TripOffice v11.22.0 Document Center */ .doc-variable-list{display:block;white-space:normal;line-height:2;padding:12px;border:1px dashed var(--border);border-radius:10px} /* TripOffice v11.23.0 Data Import */ .import-mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.import-mapping-grid label{display:grid;gap:6px}@media(max-width:900px){.import-mapping-grid{grid-template-columns:1fr}} /* TripOffice v12.0.1 - Global Choice Controls Hotfix */ /* Native radio/checkbox controls must never inherit the 100% width / 42px form-control rules. */ html body input[type="radio"], html body input[type="checkbox"]{ width:16px; min-width:16px; height:16px; min-height:16px; padding:0; margin:0; flex:0 0 auto; vertical-align:middle; box-shadow:none; accent-color:var(--primary,#635bff); } /* Keep Korean/Japanese/Chinese choice labels readable instead of breaking one glyph per line. */ html body label:has(> input[type="radio"]), html body label:has(> input[type="checkbox"]){ word-break:keep-all; overflow-wrap:normal; } html body input[type="radio"] + span, html body input[type="checkbox"] + span{ word-break:keep-all; overflow-wrap:normal; } /* Product status is the regression that exposed the global form-control collision. */ .product-radio-row{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; min-height:40px; } .product-form-grid .product-radio-row>label{ display:inline-flex!important; grid-template-columns:none!important; align-items:center; width:auto!important; min-width:max-content; gap:7px!important; margin:0; white-space:nowrap; word-break:keep-all; } .product-form-grid .product-radio-row>label>input[type="radio"]{ width:16px!important; min-width:16px!important; height:16px!important; min-height:16px!important; flex:0 0 auto!important; } .product-form-grid .product-radio-row>label>span{ display:inline!important; white-space:nowrap; word-break:keep-all; } /* Common inline choice rows across Workspace / Platform Admin / modals. */ .check-row,.mini-check,.sales-check,.employee-select-all,.to-chat-switch-list>label,.to-chat-global-check{ word-break:keep-all; overflow-wrap:normal; } @media(max-width:760px){ .product-radio-row{gap:8px 14px} .product-form-grid .product-radio-row>label{min-width:auto;white-space:normal} .product-form-grid .product-radio-row>label>span{white-space:normal;word-break:keep-all} } /* TripOffice v12.0.4 Chat Window Persistence & Recovery */ @media(min-width:761px){ .to-chat-head-status[data-chat-window-drag-handle="1"]{cursor:move;touch-action:none;user-select:none;-webkit-user-select:none} .to-chat-panel.is-window-dragging{transition:none!important;will-change:left,top;box-shadow:0 30px 82px rgba(15,23,42,.34)} body.to-chat-window-dragging{user-select:none;-webkit-user-select:none;cursor:move} body.to-chat-window-dragging iframe{pointer-events:none} } /* TripOffice v12.0.5 โ€” Draggable popups + chat date/unread separators */ .primary-modal-dialog{ --to-modal-drag-x:0px;--to-modal-drag-y:0px; transform:translate(var(--to-modal-drag-x),calc(var(--to-modal-drag-y) + 10px)) scale(.985); } .primary-modal.is-open .primary-modal-dialog{transform:translate(var(--to-modal-drag-x),var(--to-modal-drag-y)) scale(1)} .to-primary-modal-card{ --to-modal-drag-x:0px;--to-modal-drag-y:0px; transform:translate(var(--to-modal-drag-x),calc(var(--to-modal-drag-y) + 10px)) scale(.985)!important; } .to-primary-modal.is-open .to-primary-modal-card{transform:translate(var(--to-modal-drag-x),var(--to-modal-drag-y)) scale(1)!important} .primary-modal-head[data-modal-drag-handle="1"],.to-primary-modal-head[data-modal-drag-handle="1"]{cursor:move;touch-action:none;user-select:none;-webkit-user-select:none} .primary-modal-dialog.is-modal-dragging,.to-primary-modal-card.is-modal-dragging{transition:none!important;will-change:transform;box-shadow:0 32px 95px rgba(15,23,42,.34)!important} body.tripoffice-modal-dragging{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important} .to-chat-modal>div [data-chat-popup-drag-handle="1"],.to-chat-media-dialog [data-chat-popup-drag-handle="1"]{cursor:move;touch-action:none;user-select:none;-webkit-user-select:none} .to-chat-modal>div.is-chat-popup-dragging,.to-chat-media-dialog.is-chat-popup-dragging{transition:none!important;will-change:translate;box-shadow:0 30px 88px rgba(15,23,42,.38)!important} body.to-chat-popup-dragging{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important} .to-chat-date-divider,.to-chat-new-divider{width:100%;max-width:none;clear:both;display:flex;align-items:center;gap:10px;margin:16px 0 13px;font-size:10px;font-weight:800;line-height:1;color:#7c8799;letter-spacing:-.01em} .to-chat-date-divider:before,.to-chat-date-divider:after,.to-chat-new-divider:before,.to-chat-new-divider:after{content:"";height:1px;flex:1;background:#e3e8f0} .to-chat-date-divider>span{flex:0 0 auto;padding:4px 9px;border:1px solid #e4e9f1;border-radius:999px;background:rgba(255,255,255,.92);color:#7a8597;box-shadow:0 2px 8px rgba(15,23,42,.035)} .to-chat-new-divider{margin:18px 0 15px;color:#6554e8} .to-chat-new-divider:before,.to-chat-new-divider:after{background:linear-gradient(90deg,transparent,#a99df8)} .to-chat-new-divider:after{background:linear-gradient(90deg,#a99df8,transparent)} .to-chat-new-divider>span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#eeeaff;color:#5b4ce6;box-shadow:0 2px 8px rgba(91,76,230,.08)} .to-chat.chat-theme-dark .to-chat-date-divider:before,.to-chat.chat-theme-dark .to-chat-date-divider:after{background:#2c3d54} .to-chat.chat-theme-dark .to-chat-date-divider>span{background:#101c2b;border-color:#314259;color:#93a4ba;box-shadow:none} .to-chat.chat-theme-dark .to-chat-new-divider{color:#c4b9ff} .to-chat.chat-theme-dark .to-chat-new-divider:before,.to-chat.chat-theme-dark .to-chat-new-divider:after{background:linear-gradient(90deg,transparent,#6658ba)} .to-chat.chat-theme-dark .to-chat-new-divider:after{background:linear-gradient(90deg,#6658ba,transparent)} .to-chat.chat-theme-dark .to-chat-new-divider>span{background:#28244f;color:#d1c9ff;box-shadow:none} @media(max-width:760px){ .primary-modal-dialog,.to-primary-modal-card{--to-modal-drag-x:0px!important;--to-modal-drag-y:0px!important} .primary-modal-head[data-modal-drag-handle="1"],.to-primary-modal-head[data-modal-drag-handle="1"],.to-chat-modal>div [data-chat-popup-drag-handle="1"],.to-chat-media-dialog [data-chat-popup-drag-handle="1"]{cursor:default} .to-chat-date-divider,.to-chat-new-divider{margin:13px 0 11px} }