#clientSheet .sheet-panel{padding:0;container-type:inline-size}
#clientSheet .sheet-handle{margin:.6rem auto 0}
@media (min-width:640px){#clientSheet .sheet-panel{max-width:680px;padding:0}}

.cv{--x:20px;padding:6px var(--x) 22px}
.cv-top{display:flex;align-items:center;gap:14px;padding:10px 0 2px;position:relative}
.cv-av,.cl-av{border-radius:50%;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex:none;text-transform:uppercase}
.cv-av{width:52px;height:52px;font-size:20px}
.cl-av{width:36px;height:36px;font-size:14px}
.cv-av.g,.cl-av.g{background:#e9e9e9;color:#6a6a6a}
.cv-id{min-width:0;flex:1}
.cv-name{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;overflow-wrap:anywhere}
.cv-sub{font-size:13px;color:#6a6a6a;margin-top:2px}
.cv-sub b{color:#222;font-weight:600}
.cv-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#008a05;margin-right:5px;vertical-align:1px}
.cv-ib{width:38px;height:38px;border-radius:50%;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;font-size:18px;color:#222;letter-spacing:1px}
.cv-ib:hover{background:#f7f7f7}
.cv-ib.fill{background:#f2f2f2;width:44px;height:44px}
.cv-ib.fill:hover{background:#ebebeb}
.cv-ib.sm{width:32px;height:32px;font-size:15px}
.cv-menu{position:absolute;right:40px;top:54px;background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:6px;z-index:5;min-width:230px}
.cv-menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:11px 12px;border-radius:10px;font-size:15px;cursor:pointer;color:#222}
.cv-menu button:hover{background:#f7f7f7}
.cv-menu button.bad{color:#c13515}
.cv-link{display:flex;gap:8px;align-items:center;margin-top:14px}
.cv-lbox{flex:1;min-width:0;height:44px;border-radius:12px;background:#f7f7f7;display:flex;align-items:center;padding:0 12px;color:#6a6a6a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.cv-sum{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid #ebebeb;border-radius:16px}
.cv-sum .f{flex:1;min-width:0;font-size:14px;color:#6a6a6a;line-height:1.5}
.cv-sum .f b{color:#222;font-weight:600}
.cv-sum .bad{color:#c13515;font-weight:600}
.cv-sum .warn{color:#be4900;font-weight:600}
.cv-sum .btn-ghost{height:40px;padding:0 18px;font-size:14px;font-weight:600;flex:none}
.cv-h{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:24px 0 4px}
.cv-h span{font-size:13px;font-weight:500;color:#6a6a6a}
.cv-h .cv-seg{margin-left:auto}
.cv-dev{display:flex;align-items:center;gap:12px;padding:11px 0;border:0;border-top:1px solid #ebebeb;background:none;width:100%;text-align:left;cursor:pointer;color:#222}
.cv-dev:first-child{border-top:0}
.cv-dev.off{opacity:.55}
.cv-dev .di{width:38px;height:38px;border-radius:11px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;flex:none}
.cv-dev .m{flex:1;min-width:0}
.cv-dev .nm{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.cv-dev .mt{font-size:13px;color:#6a6a6a}
.cv-dev .wr{font-size:12px;font-weight:600;color:#c13515}
.cv-dev .chev{color:#b0b0b0;flex:none}
.cv-blk{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #ebebeb;font-size:14px;color:#6a6a6a}
.cv-blk .m{flex:1;min-width:0;overflow-wrap:anywhere}
.cv-empty{padding:10px 0;font-size:14px;color:#6a6a6a}
.cv-hist{display:flex;gap:12px;padding:7px 0;font-size:13px;color:#6a6a6a}
.cv-hist b{color:#222;font-weight:600}
.cv-hist .d{flex:none;width:100px}
.cv-hist .x{min-width:0;overflow-wrap:anywhere}
.cv-more{font-size:13px;font-weight:600;color:#6a6a6a;background:none;border:0;padding:4px 0;cursor:pointer}
.cv-more:hover{color:#222}
.cv-chip{height:34px;padding:0 13px;border:1px solid #ddd;border-radius:999px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;background:#fff;color:#222;cursor:pointer;flex:none}
.cv-chip:hover{border-color:#222}
.cv-chip.on{background:#222;border-color:#222;color:#fff}
.cv-chip.add{border-style:dashed;color:#6a6a6a}
.cv-chips{display:flex;flex-wrap:wrap;gap:8px}

.cv-back{display:flex;align-items:center;gap:6px;border:0;background:none;padding:10px 0 4px;font-size:14px;font-weight:600;color:#6a6a6a;cursor:pointer}
.cv-back:hover{color:#222}
.dv-name{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:6px;overflow-wrap:anywhere}
.dv-meta{font-size:13px;color:#6a6a6a;margin-top:2px}
.dv-rename{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.dv-rename .ev-inp{flex:1;min-width:160px;height:44px}
.dv-rename .btn-dark{height:44px;padding:0 18px;font-size:14px;font-weight:600}
.dv-act{display:flex;gap:10px;align-items:center;margin-top:22px}
.dv-act .btn-ghost{height:44px;padding:0 20px;font-size:15px;font-weight:600}
.cv-danger{border:0;background:none;color:#c13515;font-weight:600;font-size:15px;padding:0 10px;height:44px;cursor:pointer;border-radius:999px}
.cv-danger:hover{background:#fff1ee}
.cv-seg{display:inline-flex;background:#f2f2f2;border-radius:999px;padding:3px;gap:2px}
.cv-seg button{border:0;background:none;height:28px;padding:0 11px;border-radius:999px;font-weight:600;font-size:12px;color:#6a6a6a;cursor:pointer}
.cv-seg button.on{background:#fff;color:#222;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.cv-seg.big button{height:36px;font-size:14px;padding:0 14px}
.ipr{padding:10px 0;border-top:1px solid #ebebeb;font-size:13px}
.ipr .a{display:flex;justify-content:space-between;gap:10px}
.ipr .ip{font:600 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#222;overflow-wrap:anywhere}
.ipr .t{font-weight:600;white-space:nowrap}
.ipr .w{color:#6a6a6a}
.ipr .same{color:#6a6a6a;margin-top:2px}
.ipr .same a{color:#222;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.ipr .same .d{color:#222}
.ipnote{padding:10px 0;border-top:1px solid #ebebeb;font-size:12px;color:#6a6a6a}

.ev{--x:20px;padding:4px var(--x) 0}
.ev-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px}
.ev-title{font-size:22px;font-weight:700;letter-spacing:-.02em}
.ev-lbl{font-size:13px;color:#6a6a6a;margin:16px 0 6px}
.ev-lbl i{font-style:normal;color:#a0a0a0}
.ev-inp{height:48px;width:100%;border:1px solid #b0b0b0;border-radius:12px;padding:0 14px;font-size:16px;color:#222;background:#fff;outline:0}
.ev-inp:focus{border-color:#222;box-shadow:0 0 0 1px #222}
.ev-sep{height:1px;background:#ebebeb;margin:22px 0 2px}
.ev-row{display:flex;gap:8px;align-items:center;margin-top:10px}
.ev-row .ev-inp{height:42px;width:140px}
.ev-will{font-size:13px;color:#6a6a6a;margin-top:8px}
.ev-will b{color:#222;font-weight:600}
.ev-err{color:#c13515;font-size:14px;margin-top:14px}
.ev-save{position:sticky;bottom:0;background:#fff;padding:14px 0 18px;margin-top:22px;border-top:1px solid #ebebeb}
.ev-save .btn-dark{width:100%}

@container (min-width:560px){
  .cv{--x:28px;padding-top:14px}
  .ev{--x:28px;padding-top:12px}
  .ev-two{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
}

tr.gh td{background:#f7f7f7;padding:9px 20px;cursor:pointer;user-select:none}
tr.gh .gh{display:flex;align-items:center;gap:8px;font-size:13px;color:#6a6a6a}
tr.gh .gh b{font-size:15px;color:#222}
tr.gh .gh .s{margin-left:auto}
tr.gh .gh .s b,tr.gh .gs b{font-size:13px;color:#222}
tr.gh .gs{font-size:13px;color:#6a6a6a}
tr.gh td{padding-left:12px;padding-right:12px}
tr.gh td:first-child{padding-left:20px}
tr.gh svg{transition:transform .15s;color:#6a6a6a}
tr.gh.closed svg{transform:rotate(-90deg)}
.cl-tag{display:inline-block;font-size:11px;font-weight:600;border-radius:6px;padding:1px 6px;background:#f2f2f2;color:#6a6a6a;margin-left:6px;vertical-align:2px;white-space:nowrap}
.cl-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#008a05;margin-right:5px;vertical-align:1px}
.cl-rt{text-align:right;font-size:13px;color:#6a6a6a;flex:none;white-space:nowrap}
.cl-rt b{display:block;color:#222;font-weight:600;font-size:14px}
.cl-rt .bad{color:#c13515;font-weight:600}
.cl-rt .warn{color:#be4900;font-weight:600}
.cl-name{font-weight:600}
.cl-name.un{font-weight:500;color:#6a6a6a}

#filters{max-width:100%;overflow-x:auto;scrollbar-width:none}
#filters::-webkit-scrollbar{display:none}
#filters button{flex:none;white-space:nowrap}
#addSheet .cv-chips{margin-top:6px}
.cv-dev .chev svg{transition:transform .15s}
.cv-dev.open .chev svg{transform:rotate(90deg)}
.cv-devx{margin:0 0 12px;padding:6px 14px 14px;background:#f7f7f7;border-radius:14px}
.cv-devx .cv-h{font-size:14px;margin:12px 0 2px}
.cv-devx .cv-seg{background:#ebebeb}
.cv-devx .dv-act{margin-top:14px;flex-wrap:wrap;gap:8px}
.cv-devx .dv-rename{margin-top:10px}
.cv-chip.bad{color:#c13515;border-color:#f0c9bf}
@container (min-width:560px){.cv-devx{margin-left:50px}}
.cv-mail{font-size:14px;color:#222;margin-top:2px;overflow-wrap:anywhere;user-select:all}
.cv-mail,.cv-name,.cl-name,.ev-inp{font-feature-settings:"calt" 0}