:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10254a;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #2588cf;outline-offset:3px}.topbar{height:72px;background:#18365f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3vw,48px)}.brand{font-size:clamp(1.5rem,2.4vw,2.35rem);font-weight:750;letter-spacing:.035em}.toplink{border:0;background:transparent;color:#fff;padding:12px;font-size:1.05rem}.notice{margin:0;padding:12px 3%;background:#e5f2fa;color:#14365d;border-bottom:1px solid #bbd9eb}.notice.error{background:#fff0f1;color:#a0152c}.signin{max-width:420px;margin:clamp(40px,8vw,90px) auto;padding:24px}.signin h1{font-size:2rem}.signin form{display:grid;gap:13px}.signin input,.close-form textarea{border:1px solid #9bacbf;border-radius:6px;padding:12px;width:100%;color:#10254a;background:#fff}.signin button{margin-top:12px}.workspace{display:grid;grid-template-columns:minmax(320px,45%) minmax(0,55%);min-height:calc(100vh - 72px)}.inbox-panel{border-right:1px solid #d8dfe8}.inbox-panel h1{font-size:2rem;margin:25px 3.5% 18px}.inbox-list{border-top:1px solid #e3e8ed}.lead-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e3e8ed;background:#fff;color:#10254a;padding:20px 3.5%;min-height:132px}.lead-row:hover,.lead-row.selected{background:#eef6fd}.lead-row.selected{box-shadow:inset 4px 0 #268fd5}.row-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.row-name{font-size:1.2rem;font-weight:700}.row-date,.row-contact,.row-text,.meta-label,.timeline-date{color:#4e6589}.row-contact,.row-text{display:block;margin-top:7px;line-height:1.48;overflow-wrap:anywhere}.row-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-status{float:right}.badge{display:inline-block;border-radius:20px;background:#c7eee9;padding:4px 15px;font-size:.91rem;font-weight:650;white-space:nowrap}.badge.in-progress{background:#dcecff}.badge.closed{background:#e5e9ec}.dnc{display:inline-block;margin-top:12px;color:#a61d35;background:#fce9ec;border-radius:8px;padding:6px 11px;font-weight:650}.pager{padding:26px 3.5%;text-align:right}.pager button,.secondary{border:0;border-radius:8px;background:#dcecff;color:#10254a;padding:11px 18px}.detail-panel{padding:28px clamp(25px,3vw,50px) 55px;min-width:0}.detail-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.detail-panel h2{font-size:clamp(2rem,2.7vw,2.7rem);margin:0 0 26px}.detail-panel h3{font-size:1.3rem;margin:0 0 15px}.metadata{display:grid;grid-template-columns:135px minmax(0,1fr);gap:14px;margin-bottom:28px;line-height:1.5}.metadata>*{overflow-wrap:anywhere}.primary{border:0;border-radius:8px;background:#078e91;color:#fff;padding:13px 23px;font-weight:700;min-height:49px}.primary:hover{background:#087b7e}.detail-section{border-top:1px solid #d8dfe8;padding-top:24px;margin-top:30px}.inquiry,.timeline-text{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-list{list-style:none;margin:0;padding:0 0 0 12px}.timeline-list li{border-left:2px solid #d2dce5;padding:0 0 28px 28px;position:relative;overflow-wrap:anywhere}.timeline-list li:before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#078e91}.timeline-date{font-size:.92rem}.timeline-type{margin:7px 0;font-weight:650}.timeline-text{color:#4e6589}.close-form{display:grid;gap:9px;max-width:440px}.close-form textarea{min-height:90px;resize:vertical}.close-form button{justify-self:start}.muted,.placeholder{color:#4e6589}.back{border:0;background:transparent;color:#0879c6;padding:8px 0 20px;font-weight:650}[hidden]{display:none!important}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.workspace{display:block;min-height:calc(100vh - 72px)}.inbox-panel{border-right:0}.detail-panel{display:none;padding:23px 20px 50px}.workspace.show-detail .inbox-panel{display:none}.workspace.show-detail .detail-panel{display:block}.back{display:block!important}.detail-head{display:block}.detail-panel h2{margin:12px 0 24px}.detail-action{margin-top:24px}.detail-action .primary,.close-form button{width:100%}.metadata{grid-template-columns:105px minmax(0,1fr)}.lead-row{padding:19px 20px}.inbox-panel h1{margin-left:20px}}
.view-tabs{grid-column:1/-1;display:flex;gap:8px;padding:14px 3.5%;border-bottom:1px solid #d8dfe8}.view-tabs button{border:1px solid #9bacbf;border-radius:8px;background:#fff;color:#10254a;padding:10px 18px}.view-tabs button[aria-current="page"]{background:#18365f;color:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-right:3.5%}.dialogue-warning{display:block;margin-top:8px;color:#a61d35;font-weight:700}.dialogue-pending{display:block;margin-top:8px;color:#18365f;font-weight:650}.dialogue-message{white-space:pre-wrap;overflow-wrap:anywhere}.dialogue-delivery{font-size:.92rem;color:#4e6589}@media(max-width:760px){.view-tabs{padding:12px 20px}.workspace.show-detail .dialogue-detail-panel{display:block}.workspace.show-detail .dialogue-list-panel{display:none}.panel-heading{padding-right:20px}}

.dialogue-detail-panel .detail-action{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 8px}.dialogue-detail-panel .detail-action p{flex-basis:100%;margin:0}@media(max-width:760px){.dialogue-detail-panel .detail-action button{width:100%}}
