.od-page{--od-ink:#15375b;--od-blue:#0877ff;--od-line:#e4eef8;color:var(--od-ink);font:13px/1.5 system-ui,sans-serif;max-width:1800px;margin:auto;padding:10px}.od-page *{box-sizing:border-box}.od-header{display:flex;align-items:center;gap:18px;margin:0 0 22px}.od-header>div{flex:1;min-width:0}.od-header h1{font-size:23px;line-height:1.3;margin:0 0 6px;font-weight:780}.od-header p{margin:0;color:#7291b2}.od-layout{display:grid;grid-template-columns:205px minmax(420px,1fr) 310px;gap:18px;align-items:start}.od-layout main,.od-layout aside{display:grid;gap:18px;min-width:0}.od-panel{background:#fff;border:1px solid #edf3fb;border-radius:12px;padding:20px;min-width:0;box-shadow:0 3px 12px #183b5f04}.od-panel h2{font-size:16px;margin:0 0 16px;line-height:1.35}.od-panel h3{font-size:14px;margin:0 0 12px}.od-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.od-panel-title small{font-size:10px;font-weight:700;color:#819ab5;letter-spacing:.7px}.od-panel-title h2{font-size:23px;margin:4px 0}.od-panel-title>span{font-size:11px;color:#7c94b0;white-space:nowrap}.od-note{padding:12px 14px;border-radius:6px;background:#eaf5ff;color:#3273ba;font-size:12px}.od-stages{position:sticky;top:12px;padding:18px 10px}.od-stages h2{padding:0 8px}.od-stages ol{list-style:none;margin:0;padding:0}.od-stages li{position:relative;margin-bottom:6px}.od-stages li:before{content:'';position:absolute;left:25px;top:40px;bottom:-16px;width:1px;background:#dae8f5}.od-stages li:last-child:before{display:none}.od-stages li .od-button{display:flex;align-items:center;gap:12px;width:100%;border:0;text-align:left;padding:14px 9px;background:transparent}.od-stages li .selected{background:#eaf4ff}.od-step-no{display:grid;place-items:center;border-radius:50%;height:30px;width:30px;flex-shrink:0;border:2px solid #d8e6f5;background:white;color:#7c98b6}.od-step-no.done{background:#21ae73;border-color:#21ae73;color:white}.od-stages .selected .od-step-no{background:var(--od-blue);border-color:var(--od-blue);color:white}.od-stages strong{font-size:12px}.od-stages small{display:block;color:#8199b5;font-size:10px;margin-top:5px;font-weight:400}.od-stages a{display:block;border:1px solid var(--od-line);padding:10px;margin:10px 0 0;border-radius:7px;text-decoration:none;color:var(--od-blue);font-size:12px}.od-button{display:inline-flex;gap:5px;align-items:center;justify-content:center;border:1px solid #dce8f6;border-radius:6px;color:#2e5b8c;background:white;padding:8px 12px;font:600 12px/1.3 system-ui;cursor:pointer;text-decoration:none;min-height:32px}.od-button:hover{background:#edf5ff}.od-button.primary{background:var(--od-blue);border-color:var(--od-blue);color:#fff}.od-button.selected{color:var(--od-blue);background:#e9f4ff}.od-button.link{border-color:transparent;background:transparent;color:#4387c9}.od-button.upload{background:#e9f3ff;color:#0877ff;border-color:#d5e9ff}.od-button:disabled{opacity:.5;cursor:default}.od-doc{border:1px solid var(--od-line);border-radius:8px;margin:10px 0;padding:12px}.od-doc.chosen{background:#f8fbff;border-color:#e1ecfa}.od-doc-line{display:flex;align-items:flex-start;gap:11px}.od-page input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--od-blue);flex-shrink:0;margin:3px 0 0}.od-doc-title{flex:1;min-width:0}.od-doc-title strong{font-size:13px}.od-doc-title small{display:block;color:#8198b2;font-size:10px;margin-top:3px}.od-owner{font-size:11px;min-width:68px;color:#3575ba}.od-owner small{display:block;font-size:10px;color:#9aadbf}.od-state{font-size:10px;border-radius:5px;padding:5px 8px;background:#eaf0f7;color:#8398ae;white-space:nowrap}.od-state.accepted{background:#e1f8ec;color:#239e64}.od-state.pending{background:#fff1d4;color:#d89724}.od-state.revision{background:#ffe9eb;color:#d85260}.od-files{display:grid;gap:7px;margin:10px 0 0 26px}.od-file{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 0;border-bottom:1px solid var(--od-line)}.od-file>div{flex:1;min-width:130px;overflow-wrap:anywhere}.od-file strong{font-size:11px}.od-file small{display:block;font-size:10px;color:#8ca1b9}.od-file .od-button{font-size:10px;padding:5px 7px;min-height:27px}.od-doc-config{margin:9px 0 0 26px;font-size:11px}.od-page summary{cursor:pointer;color:#4585c6;font-weight:600;padding:6px 0}.od-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.od-config-grid label{display:grid;gap:5px;color:#6885a6;font-size:11px}.od-page input:not([type=checkbox]),.od-page select,.od-page textarea{width:100%;max-width:100%;min-width:0;font:12px/1.5 system-ui;border:1px solid #dce7f5;border-radius:6px;background:#fff;padding:9px;color:#2c5077}.od-page textarea{resize:vertical;min-height:65px}.od-config-grid .od-toggle{display:flex;gap:7px;align-items:center}.od-wide{grid-column:1/-1}.od-config-grid fieldset{border:1px solid var(--od-line);border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;padding:12px}.od-config-grid fieldset small{display:block;color:#8b9db1;flex-basis:100%}.od-save{position:sticky;bottom:0;background:#fff;padding:14px 0 0;display:grid;gap:8px;border-top:1px solid var(--od-line);margin-top:18px}.od-save span{font-size:11px;color:#8a9db4}.od-empty{font-size:12px;color:#95a7bb;padding:15px 0;text-align:center}.od-chat-tabs{display:flex;border-bottom:1px solid var(--od-line)}.od-chat-tabs .od-button{flex:1;border:0;background:none;white-space:nowrap;font-size:11px}.od-chat-tabs .selected{border-bottom:2px solid var(--od-blue);border-radius:0}.od-chat-caption{font-size:10px;color:#95a9bf;text-align:center}.od-chat-feed{min-height:170px;max-height:380px;overflow:auto;padding:10px 0}.od-chat-feed article{padding:12px;background:#eff5fd;border-radius:8px;margin:12px 12px 12px 0;font-size:12px}.od-chat-feed article.mine{background:#dfefff;margin:12px 0 12px 14px}.od-chat-feed article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.od-chat-feed article strong{font-size:11px;color:#7594b8}.od-page form{display:grid;gap:9px;margin-top:12px}.od-person{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--od-line)}.od-person>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8f4ff;color:#3383d4}.od-person small{display:block;color:#94a8bc;font-size:10px}.od-leg{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--od-line)}.od-leg small{color:#89a0b9}.od-flow ol{padding-left:20px;color:#8299b2}.od-flow li{padding:5px}.od-flow li.current{color:#0877ff;font-weight:700}.od-flow li small{display:block}.od-help-buttons{display:flex;gap:8px}.od-shared-customer{margin:15px;padding:15px;border-top:1px solid #e2edfa;color:#244e78}.od-shared-customer .od-button{margin:5px}.od-page #odFinance table{width:100%;font-size:11px}.od-page details.od-panel{overflow:auto}.od-page .error{color:#c54c59}
@media(min-width:1600px){.od-layout{grid-template-columns:230px minmax(520px,1fr) 360px}.od-doc{padding:16px}.od-chat-feed{max-height:500px}}
@media(max-width:1250px){.od-layout{grid-template-columns:175px minmax(320px,1fr)}.od-layout>aside{grid-column:2}.od-header h1{font-size:20px}}
@media(max-width:760px){.od-page{padding:4px}.od-layout{display:flex;flex-direction:column}.od-layout>*{width:100%}.od-stages{position:static}.od-stages ol{display:grid;grid-template-columns:1fr 1fr}.od-stages li:before{display:none}.od-stages .od-note,.od-stages>a{display:none}.od-header{gap:7px;flex-wrap:wrap}.od-header>div{order:3;flex-basis:100%}.od-header h1{font-size:19px}.od-panel{padding:14px}.od-owner{min-width:45px}.od-doc-line{gap:7px;flex-wrap:wrap}.od-doc-title{min-width:140px}.od-config-grid{grid-template-columns:1fr}.od-wide{grid-column:auto}.od-panel-title h2{font-size:20px}.od-files,.od-doc-config{margin-left:0}.od-chat-feed{max-height:280px}}