/* 1.29.8.23 MyDoctor Office (console, editors, Secure Send page) */
.ofc-head{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.ofc-head h1{margin:4px 0 6px}
.ofc-k,.osh-k{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0e7c86}
.ofc-k .md-badge,.osh-k .md-badge,.of-pt .md-badge,.ofe-back .md-badge,.ofc-empty .md-badge,.osh-ad>.md-badge{width:30px;height:26px;border-radius:7px;flex:0 0 auto}
.ofc-k .md-badge svg,.osh-k .md-badge svg,.of-pt .md-badge svg,.ofe-back .md-badge svg,.ofc-empty .md-badge svg,.osh-ad>.md-badge svg{width:26px;height:22px}
.ofc-use{min-width:260px;max-width:380px}
.ofc-plan{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#0b3b41;color:#f3cf86;margin-bottom:6px}
.ofc-bar{height:8px;border-radius:99px;background:#e6eeec;overflow:hidden;margin-bottom:4px}.ofc-bar span{display:block;height:100%;background:linear-gradient(90deg,#0e7c86,#e8b64c)}
.ofc-use small{color:#5b6b70;font-size:12px}
.ofc-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line,#e3ddd0);margin-bottom:16px}
.ofc-tabs a{padding:9px 13px;border-radius:10px 10px 0 0;text-decoration:none;color:inherit;font-weight:600;font-size:14px}
.ofc-tabs a.on{background:#0b3b41;color:#fff}
.ofc-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}
.ofc-new{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ofc-new form{margin:0}
.ofc-nb{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--line,#e3ddd0);background:var(--card,#fff);color:inherit;cursor:pointer;text-align:left;font:inherit;position:relative}
.ofc-nb svg{width:26px;height:26px}.ofc-nb b{font-size:15px}.ofc-nb small{font-size:12px;color:#5b6b70}
.ofc-nb input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.ofc-nb:hover{border-color:#0e7c86;box-shadow:0 6px 18px rgba(14,124,134,.12)}
.k-doc svg{color:#2b6cb0}.k-sheet svg{color:#15803d}.k-slides svg{color:#c2410c}.k-pdf svg{color:#b91c1c}
.ofc-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ofc-filter input[type=search]{flex:1;min-width:160px}
.ofc-list{display:flex;flex-direction:column;border:1px solid var(--line,#e3ddd0);border-radius:14px;overflow:hidden;background:var(--card,#fff)}
.ofc-f{display:flex;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line,#eee6d8);text-decoration:none;color:inherit}
.ofc-f:last-child{border-bottom:0}.ofc-f:hover{background:rgba(14,124,134,.06)}
.ofc-fi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(14,124,134,.08);flex:0 0 auto}.ofc-fi svg{width:20px;height:20px}
.ofc-fn{min-width:0}.ofc-fn b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofc-fn small{color:#5b6b70;font-size:12.5px}
.ofc-empty{display:flex;gap:12px;align-items:center;padding:24px;border:1px dashed var(--line,#d9d2c3);border-radius:14px;color:#5b6b70}
.ofc-tpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ofc-tpl form{margin:0}
.ofc-tb{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--line,#e3ddd0);background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer;text-align:left}
.ofc-tb small{color:#5b6b70}
.ofc-pdf fieldset{border:1px solid var(--line,#e3ddd0);border-radius:12px;margin:0 0 12px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.ofc-req{padding:12px 14px;border:1px solid var(--line,#e3ddd0);border-radius:12px;margin-bottom:10px;background:var(--card,#fff)}
.ofc-rules{display:flex;flex-direction:column;gap:10px;max-width:640px}.ofc-rules label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.of-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.chk{display:flex!important;flex-direction:row!important;gap:8px;align-items:center;font-weight:500!important}
.of-up{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:0 0 14px;border-radius:14px;background:linear-gradient(135deg,#fff7e6,#fdeccb);border:1px solid #e8b64c;color:#3a2a08}
.of-up>svg{width:24px;height:24px;color:#c9893a;flex:0 0 auto}.of-up p{margin:4px 0 8px;font-size:14px}
.of-promo{display:flex;flex-direction:column;gap:8px}
.of-pt{display:flex;align-items:center;gap:8px;font-size:13px;color:#0b4f57}
.of-promo a{display:flex;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--line,#e3ddd0);background:var(--card,#fff);text-decoration:none;color:inherit}
.of-promo a:hover{border-color:#0e7c86}.of-promo a>svg{width:22px;height:22px;color:#0e7c86;flex:0 0 auto}
.of-promo b{display:block;font-size:14px}.of-promo small{display:block;font-size:12.5px;color:#5b6b70}.of-promo em{font-style:normal;font-size:12.5px;font-weight:700;color:#0e7c86}
/* editor */
.ofe-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line,#e3ddd0);border-radius:14px;background:var(--card,#fff);margin-bottom:12px;position:sticky;top:0;z-index:5}
.ofe-back{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700;color:#0b4f57}
.ofe-kind{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;font-weight:700}.ofe-kind svg{width:16px;height:16px}
.ofe-title{flex:1;min-width:160px;font-size:17px;font-weight:700;border:1px solid transparent;border-radius:8px;padding:6px 8px;background:transparent;color:inherit}
.ofe-title:hover,.ofe-title:focus{border-color:var(--line,#d9d2c3)}
.ofe-st{font-size:12.5px;color:#5b6b70}.ofe-st.bad{color:#b91c1c;font-weight:700}
.ofe-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ofe-acts .btn svg{width:15px;height:15px;margin-right:4px;vertical-align:-2px}
.ofe-dd{position:relative}.ofe-dd>summary{list-style:none;cursor:pointer}.ofe-dd>summary::-webkit-details-marker{display:none}
.ofe-dd>div{position:absolute;right:0;top:110%;min-width:200px;background:var(--card,#fff);border:1px solid var(--line,#e3ddd0);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px;z-index:9}
.ofe-dd>div a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:inherit}.ofe-dd>div a:hover{background:rgba(14,124,134,.08)}
.ofe-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}
.ofe-side{display:flex;flex-direction:column;gap:10px}
.ofe-side>details{border:1px solid var(--line,#e3ddd0);border-radius:12px;padding:10px 12px;background:var(--card,#fff)}
.ofe-side>details>summary{font-weight:700;cursor:pointer}
.ofe-side form{margin:8px 0}.ofe-conv{display:flex;gap:6px;flex-wrap:wrap}.ofe-conv form{margin:6px 0 0}
.ofe-conv .btn svg,.ofe-side .btn svg{width:15px;height:15px;margin-right:4px;vertical-align:-2px}
.ofe-f label{display:flex;flex-direction:column;gap:3px;font-size:13px;margin-bottom:6px}
.ofe-vers{list-style:none;margin:6px 0 0;padding:0}.ofe-vers li{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12.5px}.ofe-vers form{margin:3px 0}
.danger{color:#b91c1c!important}
.ofd-bar{display:flex;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid var(--line,#e3ddd0);border-radius:12px;background:var(--card,#fff);margin-bottom:10px}
.ofd-bar button,.ofd-bar select{min-height:34px;padding:4px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13.5px;cursor:pointer}
.ofd-bar button:hover{background:rgba(14,124,134,.08);border-color:rgba(14,124,134,.2)}
.ofd-page{background:#ece7dd;border-radius:14px;padding:22px 12px}
.ofd-ed{max-width:800px;min-height:900px;margin:0 auto;background:#fff;color:#14333a;padding:60px 64px;box-shadow:0 6px 24px rgba(0,0,0,.08);border-radius:4px;outline:none;font-size:15px;line-height:1.6}
.ofd-ed h1{color:#0b4f57;font-size:26px}.ofd-ed h2{color:#0e7c86;font-size:20px}.ofd-ed h3{color:#0e7c86;font-size:17px}
.ofd-ed table{border-collapse:collapse;width:100%;margin:10px 0}.ofd-ed td,.ofd-ed th{border:1px solid #c9c2b4;padding:6px 8px;min-width:40px}.ofd-ed th{background:#eaf7f5}
.ofd-ed blockquote{border-left:4px solid #e8b64c;margin:10px 0;padding:4px 14px;color:#3d5157}
.ofs-bar{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.ofs-ref{min-width:54px;text-align:center;font-weight:800;padding:8px;border-radius:8px;background:#0b3b41;color:#fff;font-size:13px}
.ofs-fx{flex:1;min-width:200px;font-family:ui-monospace,Menlo,Consolas,monospace}
.ofs-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line,#d9d2c3);border-radius:10px;background:#fff}
.ofs{border-collapse:collapse;font-size:13.5px;color:#14333a;outline:none}
.ofs th{position:sticky;top:0;background:#f1efe9;font-weight:600;color:#5b6b70;border:1px solid #e3ddd0;padding:4px 6px;min-width:90px;z-index:2}
.ofs th.ofs-c{position:sticky;left:0;min-width:42px;z-index:3}.ofs tbody th.ofs-c{z-index:1}
.ofs td{border:1px solid #ebe6dc;padding:4px 6px;height:26px;min-width:90px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:cell}
.ofs td.n{text-align:right;font-variant-numeric:tabular-nums}
.ofs td.on{outline:2px solid #0e7c86;outline-offset:-2px;background:#eaf7f5}
.ofs-help{font-size:12.5px;color:#5b6b70}
.ofp{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px}
.ofp-list{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}
.ofp-th{display:flex;gap:6px;align-items:flex-start;padding:8px;border-radius:10px;border:2px solid transparent;aspect-ratio:16/9;font:inherit;font-size:12px;text-align:left;cursor:pointer;overflow:hidden}
.ofp-th.on{border-color:#e8b64c}.ofp-th span{font-weight:800;opacity:.7}
.th-teal{background:#0b3b41;color:#fff}.th-light{background:#fffdf9;color:#14333a;border-color:#e3ddd0}.th-navy{background:#13254a;color:#fff}
.ofp-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.ofp-stage{aspect-ratio:16/9;border-radius:14px;padding:5% 6%;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ofp-stage input,.ofp-stage textarea{background:transparent;border:1px dashed rgba(127,127,127,.35);border-radius:8px;color:inherit;font:inherit;padding:8px}
.ofp-t{font-size:clamp(18px,2.6vw,32px);font-weight:800}.ofp-b{flex:1;font-size:clamp(14px,1.6vw,20px);resize:none}
.ofp-stage.first{justify-content:center;text-align:center}.ofp-stage.th-teal .ofp-t{color:#f3cf86}
.ofp-nl{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px}
.ofv{width:100%;height:78vh;border:0;border-radius:12px;background:#f1efe9}
.of-dlg{border:0;border-radius:18px;padding:0;max-width:520px;width:calc(100vw - 24px)}
.of-dlg::backdrop{background:rgba(8,38,42,.55)}
.of-dlg form{padding:20px;display:flex;flex-direction:column;gap:8px}.of-dlg h2{display:flex;gap:8px;align-items:center;margin:0}.of-dlg h2 svg{width:22px;height:22px;color:#0e7c86}
.of-dlg label{display:flex;flex-direction:column;gap:3px;font-size:13.5px;font-weight:600}
.osh{max-width:860px;margin:2rem auto}.osh-v{width:100%;height:75vh;border:0;border-radius:12px;background:#f1efe9}
.osh blockquote{border-left:4px solid #e8b64c;margin:10px 0;padding:6px 14px;background:#fffaf0}
.osh-ad{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px;border-radius:14px;background:#0b3b41;color:#fff}.osh-ad p{color:rgba(255,255,255,.85);margin:4px 0 8px;font-size:14px}
@media(max-width:1000px){.ofc-body,.ofe-body{grid-template-columns:1fr}.ofc-new{grid-template-columns:repeat(2,minmax(0,1fr))}.ofc-tpl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ofc-new,.ofc-tpl{grid-template-columns:1fr}.ofd-ed{padding:24px 18px;min-height:500px}.ofp{grid-template-columns:1fr}.ofp-list{flex-direction:row;max-height:none}.ofp-th{min-width:120px}.ofe-top{position:static}}
.ofc .md-badge,.ofe .md-badge,.of-promo .md-badge,.osh .md-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#20535c,#10323a);border:1px solid #ce9d4b;border-radius:7px}
.ofc-filter input,.ofc-filter select{width:auto;flex:0 1 auto}.ofc-filter input[type=search]{flex:1 1 220px}