/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/bcc8a1dc-fd1c-4c53-88ea-fede7a316697.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/dde424c4-8c7e-43f8-bf6c-33bfc5f6340e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/1e7de2af-5097-4df3-85ce-cf03b37327ba.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/75a67096-b461-4981-8200-3aa099f9b63c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7195ffdc-28e7-4f86-a2af-9a2b6c101c5e.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/8b43607a-c004-4587-a04c-a7525d7a7453.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/247974b3-5307-410a-ad0d-6f4884df1f13.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/bcc8a1dc-fd1c-4c53-88ea-fede7a316697.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/dde424c4-8c7e-43f8-bf6c-33bfc5f6340e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/1e7de2af-5097-4df3-85ce-cf03b37327ba.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/75a67096-b461-4981-8200-3aa099f9b63c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/7195ffdc-28e7-4f86-a2af-9a2b6c101c5e.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/8b43607a-c004-4587-a04c-a7525d7a7453.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/247974b3-5307-410a-ad0d-6f4884df1f13.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/bcc8a1dc-fd1c-4c53-88ea-fede7a316697.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/dde424c4-8c7e-43f8-bf6c-33bfc5f6340e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/1e7de2af-5097-4df3-85ce-cf03b37327ba.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/75a67096-b461-4981-8200-3aa099f9b63c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/7195ffdc-28e7-4f86-a2af-9a2b6c101c5e.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/8b43607a-c004-4587-a04c-a7525d7a7453.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/247974b3-5307-410a-ad0d-6f4884df1f13.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/bcc8a1dc-fd1c-4c53-88ea-fede7a316697.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/dde424c4-8c7e-43f8-bf6c-33bfc5f6340e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/1e7de2af-5097-4df3-85ce-cf03b37327ba.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/75a67096-b461-4981-8200-3aa099f9b63c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/7195ffdc-28e7-4f86-a2af-9a2b6c101c5e.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/8b43607a-c004-4587-a04c-a7525d7a7453.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/247974b3-5307-410a-ad0d-6f4884df1f13.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/bcc8a1dc-fd1c-4c53-88ea-fede7a316697.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/dde424c4-8c7e-43f8-bf6c-33bfc5f6340e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/1e7de2af-5097-4df3-85ce-cf03b37327ba.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/75a67096-b461-4981-8200-3aa099f9b63c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/7195ffdc-28e7-4f86-a2af-9a2b6c101c5e.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/8b43607a-c004-4587-a04c-a7525d7a7453.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/247974b3-5307-410a-ad0d-6f4884df1f13.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/2b384d97-20e7-444a-9d0e-312ebd6607bd.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/7317f6bc-ce8a-435e-923f-882dc731f732.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/4330bfc2-7d5d-4673-8bce-da428735910f.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/f75eeb12-73a0-47c7-b319-ebecc483db2c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/c356f7f2-dab6-4060-bcb2-3cdb90fe62bb.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/6ea55233-8a85-4f7f-a892-4139e9eb9990.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/edb8a3a4-db59-4f9e-93be-289f46840de5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/42dee836-9467-452b-8d65-f1ddbbd8c0d4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* DataDoc AI-chat — HI-FI restyle. Same component class names as ai-chat.css,
   mapped to the real product look (Inter, #006EDD, light-blue selection, flat cards). */
:root{
  --blue:#006EDD; --blue-h:#0565c6; --blue-100:#d8ebff; --blue-50:#eef6ff;
  --ink:#151b1e; --ink-2:#4b4e4f; --ink-3:#8a8d8f; --paper:#fff; --paper-2:#f3f5f6;
  --line:#ececec; --line-2:#dfe3e5; --red:#e5484d; --red-bg:#fdecec; --green:#2e9d5b; --green-bg:#e7f6ee;
  --amber:#a9791c; --amber-bg:#fff6df;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
  /* aliases used by inline styles in the JSX */
  --accent:var(--blue-100); --paper:#fff;
}
*{box-sizing:border-box}
.ai-shell{width:100%;height:100%;display:grid;grid-template-columns:75px 1fr 540px;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);font-family:var(--sans);color:var(--ink);}
.ai-shell.has-hist{grid-template-columns:75px 232px 1fr 500px;}
.ai-shell.has-hist.hist-min{grid-template-columns:75px 52px 1fr 500px;}

/* sidebar */
.ai-shell .nav{border-right:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;align-items:stretch;padding:0 0 14px;}
.ai-shell .nav .logo{width:100%;height:auto;border-radius:0;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:12px 0;}
.ddlogo{display:flex;flex-direction:column;align-items:center;line-height:1;font-family:var(--sans);}
.ddlogo .d1{font-size:11px;font-weight:500;letter-spacing:.02em;margin-bottom:1px;}
.ddlogo .d2{font-size:19px;font-weight:800;letter-spacing:-.01em;}
.ai-shell .nav .items{width:100%;}
.ai-shell .nav .item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0;font-size:9.5px;color:var(--ink-3);text-align:center;cursor:pointer;line-height:1.1;border-left:2.5px solid transparent;}
.ai-shell .nav .item .ic{width:26px;height:26px;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--ink-3);}
.ai-shell .nav .item .ic svg{width:24px;height:24px;}
.ai-shell .nav .item.on{color:var(--blue);background:var(--blue-50);border-left-color:var(--blue);}
.ai-shell .nav .item.on .ic{color:var(--blue);filter:none;}
.ai-shell .nav .footer{margin-top:auto;display:flex;flex-direction:column;}
.ai-shell .nav .footer .ava{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-2);background:var(--paper-2);}

/* history rail */
/* ===== сайдбар «Новый чат» (UI-хэндоф datadoc-new-chat) ===== */
/* плавная анимация ширины сайдбара — через переход сетки; на время ресайза документа отключаем */
.ai-shell{transition:grid-template-columns .42s var(--ddb-ease);}
.ai-shell.resizing{transition:none;}
.ai-shell .chist{width:100%;box-sizing:border-box;border-right:1px solid var(--line);background:#F4F5F8;display:flex;flex-direction:column;min-height:0;padding:16px 12px 12px;gap:13px;overflow:visible;transition:padding .42s var(--ddb-ease);}
.ai-shell .chist.collapsed{padding:16px 11px 12px;gap:12px;}
.ai-shell .chist-top{display:flex;align-items:center;justify-content:space-between;height:34px;padding-left:4px;}
.ai-shell .chist-top .ct{font-size:12.5px;font-weight:600;letter-spacing:.06em;color:#6B7586;text-transform:uppercase;white-space:nowrap;overflow:hidden;max-width:120px;transition:opacity .18s ease,max-width .3s var(--ddb-ease);}
.ai-shell .chist.collapsed .chist-top{justify-content:center;padding-left:0;}
.ai-shell .chist.collapsed .ct{opacity:0;max-width:0;}
/* свернуть/развернуть — chevron, в свёрнутом повёрнут на 180° */
.ai-shell .chist-fold{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:10px;color:var(--ink-3);cursor:pointer;background:var(--paper);transition:background-color .2s var(--ddb-ease),border-color .2s var(--ddb-ease),color .2s,transform .12s var(--ddb-ease);}
.ai-shell .chist-fold:hover{background:#F7F9FB;border-color:#C5CDDA;color:var(--ink);}
.ai-shell .chist-fold:active{transform:scale(.94);}
.ai-shell .chist-fold svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ddb-ease);}
.ai-shell .chist.collapsed .chist-fold svg{transform:rotate(180deg);}

/* кнопка «Новый чат» — не сжимается (flex:none), подпись плавно схлопывается */
.ai-shell .chist-new{position:relative;flex:none;align-self:stretch;height:46px;padding:0;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;cursor:pointer;font:600 15.5px/1 var(--sans);letter-spacing:-.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30);transition:background-color .2s var(--ddb-ease),box-shadow .2s var(--ddb-ease),transform .12s var(--ddb-ease),width .42s var(--ddb-ease);-webkit-tap-highlight-color:transparent;}
.ai-shell .chist-new:hover{background:var(--blue-h);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30),0 4px 12px -2px rgba(18,48,110,.22);}
.ai-shell .chist-new:active{background:#2259B3;transform:scale(.97);box-shadow:inset 0 1px 2px rgba(0,0,0,.18);}
.ai-shell .chist-new:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}
.ai-shell .chist-new .dd-plus{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;transition:transform .3s var(--ddb-ease);}
.ai-shell .chist-new:hover .dd-plus{transform:scale(1.08);}
.ai-shell .chist-new .lbl{display:inline-block;max-width:160px;margin-left:9px;overflow:hidden;white-space:nowrap;opacity:1;transition:max-width .42s var(--ddb-ease),margin-left .42s var(--ddb-ease),opacity .2s ease .08s;}
.ai-shell .chist.collapsed .chist-new{align-self:center;width:46px;}
.ai-shell .chist.collapsed .chist-new .lbl{max-width:0;margin-left:0;opacity:0;transition:max-width .42s var(--ddb-ease),margin-left .42s var(--ddb-ease),opacity .12s ease;}
/* подсказка у «+» в свёрнутом */
.ai-shell .chist-new-tip{position:absolute;left:calc(100% + 12px);top:50%;z-index:85;padding:7px 10px;border-radius:8px;background:#172033;color:#fff;font:500 12.5px/1 var(--sans);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-4px,-50%);transition:opacity .15s ease,transform .25s var(--ddb-ease);display:none;}
.ai-shell .chist-new-tip::before{content:"";position:absolute;right:100%;top:50%;width:8px;height:8px;background:#172033;transform:translate(4px,-50%) rotate(45deg);border-radius:1px;}
.ai-shell .chist.collapsed .chist-new-tip{display:block;}
/* тёмная плашка названия чата при наведении в свёрнутом меню (JS-позиционирование, fixed — не обрезается прокруткой) */
.ch-tip{position:fixed;z-index:400;transform:translateY(-50%);background:#172033;color:#fff;font:500 12.5px/1 var(--sans);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;border-radius:8px;box-shadow:0 8px 22px rgba(15,23,35,.26);pointer-events:none;}
.ch-tip::before{content:"";position:absolute;right:100%;top:50%;width:8px;height:8px;background:#172033;transform:translate(4px,-50%) rotate(45deg);border-radius:1px;}
.ai-shell .chist.collapsed .chist-new:hover .chist-new-tip{opacity:1;transform:translate(0,-50%);transition-delay:.2s;}

.ai-shell .chist-search{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;font-size:13px;color:var(--ink-3);background:var(--paper);overflow:hidden;}
.ai-shell .chist.collapsed .chist-search{display:none;}
.ai-shell .chist-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;}
/* у списка чатов (и свёрнутого, и развёрнутого) нативный скроллбар не показываем — прокрутка колёсиком/тачпадом остаётся */
.ai-shell .chist-list{scrollbar-width:none;-ms-overflow-style:none;}
.ai-shell .chist-list::-webkit-scrollbar{display:none;width:0;height:0;}
.ai-shell .chist-grp{display:flex;flex-direction:column;gap:2px;}
.ai-shell .chist-grp .gl{margin:6px 0 1px 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#8E97A6;white-space:nowrap;}
.ai-shell .chist.collapsed .gl{display:none;}
.ai-shell .ci{display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:-.005em;cursor:pointer;color:#3E485A;overflow:hidden;transition:background-color .2s var(--ddb-ease),color .2s;}
.ai-shell .ci .ico{width:21px;height:21px;flex:none;color:#8791A2;fill:transparent;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:color .3s ease,fill .3s ease;}
.ai-shell .ci .ico .doc{fill:none;stroke-width:1.5;}
.ai-shell .ci .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ai-shell .ci:hover{background:rgba(27,36,51,.05);}
.ai-shell .ci.on{background:#DCE8FB;color:var(--ink);}
.ai-shell .ci.on .ico{color:var(--blue);fill:rgba(45,107,214,.16);}
.ai-shell .chist.collapsed .ci{justify-content:center;padding:0;}
.ai-shell .chist.collapsed .ci .nm{display:none;}
.ai-shell .chist.collapsed .dd-ghost,.ai-shell .chist.collapsed .chist-all{display:none;}

/* заготовка нового чата (раскрывается при наведении на «Новый чат») */
.ai-shell .dd-ghost{position:relative;flex:none;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:10px;overflow:hidden;white-space:nowrap;height:42px;max-height:0;opacity:0;transform:translateY(-6px);margin-bottom:-2px;background:rgba(45,107,214,.06);color:#6F8FC9;font-size:14px;font-weight:500;letter-spacing:-.005em;pointer-events:none;transition:max-height .4s var(--ddb-ease),margin-bottom .4s var(--ddb-ease),opacity .2s ease,transform .4s var(--ddb-ease);}
.ai-shell .chist.peek .dd-ghost{max-height:42px;opacity:1;transform:none;margin-bottom:2px;}
.ai-shell .dd-ghost .dash{position:absolute;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);pointer-events:none;overflow:visible;}
.ai-shell .dd-ghost .dash rect{fill:none;stroke:#9DB7E8;stroke-width:1.5;stroke-dasharray:5 4;stroke-linecap:round;}
.ai-shell .dd-ghost .ico{width:21px;height:21px;flex:none;color:#6F8FC9;fill:transparent;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.8;}
.ai-shell .dd-ghost .ico .doc{fill:none;stroke-width:1.5;}
.ai-shell .ci.fresh{animation:dd-fresh .5s var(--ddb-ease);}
.ai-shell .ci.fresh .ico{animation:dd-twinkle .8s .05s var(--ddb-ease);}
@keyframes dd-fresh{from{background:rgba(45,107,214,.06);box-shadow:inset 0 0 0 1.5px #9DB7E8;}to{background:#DCE8FB;box-shadow:inset 0 0 0 1.5px transparent;}}
@keyframes dd-twinkle{0%{transform:scale(.3) rotate(-90deg);}60%{transform:scale(1.35) rotate(20deg);}100%{transform:none;}}
@media (prefers-reduced-motion:reduce){.ai-shell .chist,.ai-shell .chist *,.ai-shell .ci.fresh,.ai-shell .ci.fresh .ico{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important;}}
/* «Смотреть все» под 20-м чатом */
.ai-shell .chist-all{margin:4px 4px 2px;padding:8px 9px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--blue);cursor:pointer;text-align:center;border:1px dashed var(--line-2);}
.ai-shell .chist-all:hover{background:var(--blue-50);border-color:var(--blue);}
/* модалка всех чатов */
.allchats{background:var(--paper);border-radius:16px;width:520px;max-width:92vw;max-height:74vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.28);font-family:var(--sans);overflow:hidden;}
.allchats-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;}
.allchats-h .t{font-size:16px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;}
.allchats-h .cnt{font-size:12px;font-weight:600;color:var(--ink-3);background:var(--paper-2);border-radius:999px;padding:2px 9px;}
.allchats-h .x{cursor:pointer;color:var(--ink-3);font-size:16px;line-height:1;padding:4px;}
.allchats-h .x:hover{color:var(--ink);}
.allchats-search{display:flex;align-items:center;gap:9px;margin:0 20px 12px;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;}
.allchats-search input{border:0;outline:none;background:transparent;font:inherit;font-size:14px;color:var(--ink);width:100%;}
.allchats-list{flex:1 1 auto;overflow-y:auto;padding:0 12px 14px;min-height:0;}
.allchats-row{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;cursor:pointer;font-size:13.5px;color:var(--ink-2);}
.allchats-row .d{color:var(--blue);font-size:12px;flex-shrink:0;}
.allchats-row .nm{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.allchats-row .grp{font-size:11px;color:var(--ink-3);flex-shrink:0;}
.allchats-row:hover{background:var(--paper-2);}
.allchats-row.on{background:var(--blue-50);color:var(--ink);font-weight:500;}
.allchats-empty{padding:24px;text-align:center;color:var(--ink-3);font-size:13px;}

/* chat column */
.ai-shell .chat-col{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--line);}
.ai-shell .chat-head{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;}
.ai-shell .chat-head .title{font-family:var(--sans);font-size:17px;font-weight:600;line-height:1.1;}
.ai-shell .chat-head .sub{font-size:12px;color:var(--ink-3);margin-top:2px;}
.ai-shell .chat-head .doxes{margin-left:auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;font-family:var(--sans);font-size:12.5px;background:var(--paper);cursor:pointer;color:var(--ink);}
.ai-shell .chat-head .doxes .di{font-family:var(--sans);font-size:13px;color:var(--blue);}
.ai-shell .chat-head .doxes.low{background:var(--red-bg);border-color:var(--red);color:var(--red);}
.ai-shell .chat-body{flex:1;overflow:hidden;padding:22px 26px;min-height:0;display:flex;flex-direction:column;gap:15px;background:linear-gradient(var(--paper-2),#eef1f3);}

/* messages */
.aim{display:flex;gap:10px;align-items:flex-start;}
.aim.you{justify-content:flex-end;}
.aim .ava{width:28px;height:28px;border-radius:50%;border:none;background:var(--blue);color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:12px;font-weight:700;}
.aim .ava.logo .ddmark{font-weight:800;font-size:12px;letter-spacing:-.02em;}
.aim .ava.logo:has(.ddlogo){background:transparent;}
.aim .ava.logo .ddlogo{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;}
.aim.you .ava{display:none;}
.aim .stack{display:flex;flex-direction:column;gap:6px;max-width:86%;min-width:0;}
.aim.you .stack{align-items:flex-end;}
.aim .ts{font-size:10px;color:var(--ink-3);font-family:var(--sans);padding:0 4px;}
.aim .bubble{border:1px solid var(--line);border-radius:15px 15px 15px 5px;background:var(--paper);padding:12px 15px;font-size:14px;line-height:1.45;box-shadow:0 1px 2px rgba(20,30,40,.04);}
.aim.you .bubble{background:var(--blue);color:#fff;border-color:var(--blue);border-radius:15px 15px 5px 15px;box-shadow:0 2px 8px rgba(0,110,221,.22);}
.aim.you .bubble b{color:#fff;}
.aim .bubble.dashed{border-style:dashed;background:var(--paper-2);box-shadow:none;}
.aim .bubble.plain{border:0;background:transparent;padding:0;box-shadow:none;}

/* mention chips */
.amen{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--blue-100);border-radius:6px;padding:1px 7px;background:var(--blue-50);cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--blue);vertical-align:baseline;font-weight:500;}
.amen .t{font-size:11px;opacity:.7;}
.amen.cp{background:var(--green-bg);border-color:#bfe3cb;color:var(--green);}
.amen.dx{background:#efeafd;border-color:#ddd3f7;color:#6d4bd0;}
.aim.you .amen{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff;}
.aim.you .amen .t{color:#fff;}
.amen .t svg{display:block;}
.aiinput .field .text.is-empty:before{content:attr(data-placeholder);color:var(--ink-3);pointer-events:none;}
.aiinput .field .text .amen{margin:0 2px;user-select:none;font-weight:600;white-space:nowrap;}
/* история доксов (клик по балансу) */
.dxhist{position:fixed;top:54px;right:24px;z-index:301;width:430px;max-width:calc(100vw - 40px);background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(20,40,80,.22);font-family:var(--sans);overflow:hidden;}
/* пояснение «что такое доксы» (правый клик по балансу) */
.doxinfo{position:absolute;top:calc(100% + 8px);right:0;z-index:301;width:280px;background:var(--paper);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 14px 40px rgba(20,40,80,.18);padding:14px 34px 14px 16px;font-family:var(--sans);text-align:left;font-weight:400;cursor:default;}

/* панель «Диагностика» (данные для баг-репорта по скриншоту) */
.chat-head-actions .diag-btn{white-space:nowrap;}
.diagpanel{position:absolute;top:calc(100% + 8px);right:0;z-index:302;width:320px;max-width:calc(100vw - 40px);background:var(--paper);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 16px 46px rgba(20,40,80,.20);font-family:var(--sans);text-align:left;font-weight:400;cursor:default;overflow:hidden;}
.diagpanel .dp-h{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink);}
.diagpanel .dp-x{cursor:pointer;color:var(--ink-3);font-size:13px;padding:2px 4px;}
.diagpanel .dp-x:hover{color:var(--ink);}
.diagpanel .dp-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:11px 14px;font-size:12px;}
.diagpanel .dp-grid span{color:var(--ink-3);}
.diagpanel .dp-grid b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;word-break:break-word;}
.diagpanel .dp-errh{padding:6px 14px 2px;font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--line);}
.diagpanel .dp-acts{padding:3px 14px 6px;}
.diagpanel .dp-act{display:flex;gap:8px;padding:2px 0;font-size:11.5px;}
.diagpanel .dp-act .dp-at{flex:none;color:var(--ink-3);font-variant-numeric:tabular-nums;}
.diagpanel .dp-act .dp-atext{color:var(--ink-2);word-break:break-word;}
.diagpanel .dp-errs{max-height:200px;overflow-y:auto;padding:4px 14px 8px;}
.diagpanel .dp-err{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:11.5px;border-top:1px solid var(--line);}
.diagpanel .dp-err:first-child{border-top:0;}
.diagpanel .dp-code{flex:none;font-weight:700;color:#c0392b;font-variant-numeric:tabular-nums;background:#fdecec;border-radius:5px;padding:1px 5px;font-size:11px;margin-top:1px;}
.diagpanel .dp-ebody{min-width:0;flex:1;}
.diagpanel .dp-eline{color:var(--ink);font-weight:600;white-space:normal;word-break:break-word;line-height:1.3;}
.diagpanel .dp-emsg{color:var(--ink-3);font-size:11px;white-space:normal;word-break:break-word;line-height:1.35;margin-top:1px;}
.diagpanel .dp-none{font-size:12px;color:var(--ink-3);padding:2px 0 4px;}
.diagpanel .dp-exp{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);font-size:12.5px;cursor:pointer;color:var(--ink-2);user-select:none;}
.diagpanel .dp-exp:hover{background:var(--blue-50);}
.diagpanel .dp-foot{padding:10px 14px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--blue);cursor:pointer;text-align:center;}
.diagpanel .dp-foot:hover{background:var(--blue-50);}
.doxinfo .t{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.doxinfo p{margin:0 0 6px;font-size:12.5px;line-height:1.45;color:var(--ink-2);}
.doxinfo p:last-of-type{margin-bottom:0;}
.doxinfo .x{position:absolute;top:10px;right:12px;cursor:pointer;color:var(--ink-3);font-size:13px;line-height:1;}
.doxinfo .x:hover{color:var(--ink);}
/* экран согласия с условиями (clickwrap) */
.consent-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;}
.consent-loading{color:var(--ink-3);font-size:13px;}
.policy{width:100%;max-width:600px;height:100%;max-height:840px;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 20px 60px rgba(20,40,80,.10);padding:20px 22px 18px;font-family:var(--sans);}
.pol-head{flex-shrink:0;text-align:center;padding:2px 4px 14px;}
.pol-badge{width:46px;height:46px;border-radius:14px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 10px;}
.pol-h{font-size:18px;font-weight:700;color:var(--ink);line-height:1.25;}
.pol-sub{font-size:12px;color:var(--ink-3);line-height:1.5;max-width:440px;margin:6px auto 0;}
.pol-meta{font-size:11px;color:var(--ink-3);margin-top:4px;}
.pol-scroll-wrap{position:relative;flex:1;min-height:240px;display:flex;}
.pol-scroll{flex:1;min-height:0;overflow-y:auto;border:1px solid var(--line-2);border-radius:14px;background:var(--paper);padding:18px 20px 26px;display:flex;flex-direction:column;gap:11px;box-shadow:inset 0 -16px 20px -16px rgba(20,40,80,.10);}
.pol-intro{font-size:13.5px;color:var(--ink-2);line-height:1.6;}
.pol-scroll .pol-intro:last-of-type{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:4px;}
.pol-h2{font-size:14px;font-weight:700;color:var(--ink);margin-top:10px;}
.pol-p{font-size:13.5px;color:var(--ink-2);line-height:1.6;}
.pol-scrolled{align-self:center;font-size:11px;color:var(--green,#1a8a53);background:var(--green-bg,#e9f5ee);border-radius:999px;padding:4px 12px;margin-top:6px;}
.pol-scrollhint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;box-shadow:0 6px 18px rgba(0,110,221,.35);cursor:pointer;animation:pol-bob 1.5s ease-in-out infinite;z-index:2;}
@keyframes pol-bob{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,4px);}}
.pol-ack{flex-shrink:0;display:flex;align-items:center;gap:11px;border:1px solid var(--line-2);border-radius:12px;padding:13px 15px;margin-top:14px;background:var(--paper);cursor:pointer;transition:border-color .15s,background .15s;user-select:none;}
.pol-ack .box{width:22px;height:22px;flex-shrink:0;border:1.5px solid var(--line-2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;transition:all .15s;}
.pol-ack span:last-child{font-size:13px;color:var(--ink-2);line-height:1.4;}
.pol-ack a{color:var(--blue);text-decoration:none;border-bottom:1px solid var(--blue-100);}
.pol-ack.locked{opacity:.5;cursor:not-allowed;}
.pol-ack.on{border-color:var(--blue);background:var(--blue-50);}
.pol-ack.on .box{background:var(--blue);border-color:var(--blue);}
.pol-ack.on span:last-child{color:var(--ink);}
.pol-actions{flex-shrink:0;margin-top:12px;}
.pol-btn{width:100%;text-align:center;border-radius:12px;padding:13px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:transform .14s,box-shadow .14s;}
.pol-btn.primary{background:var(--blue);color:#fff;}
.pol-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,110,221,.28);}
.pol-btn.primary.disabled{background:var(--line-2);color:var(--ink-3);cursor:not-allowed;pointer-events:none;}
.pol-hint{text-align:center;font-size:11px;color:var(--ink-3);margin-top:7px;}
.dxhist-h{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 13px;}
.dxhist-h .t{font-size:16px;font-weight:700;color:var(--ink);}
.dxhist-h .bal{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);margin-top:5px;}
.dxhist-h .x{cursor:pointer;color:var(--ink-3);font-size:15px;line-height:1;padding:2px 5px;border-radius:6px;}
.dxhist-h .x:hover{color:var(--ink);background:var(--paper-2);}
.dxhist-list{max-height:440px;overflow-y:auto;padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px;}
.dxrow{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);}
.dxrow .ic{width:38px;height:38px;flex-shrink:0;border-radius:10px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;}
.dxrow .body{flex:1;min-width:0;}
.dxrow .nm{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dxrow .sub{font-size:11.5px;color:var(--ink-3);margin-top:2px;}
.dxrow .amt{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;flex-shrink:0;}
.dxrow .amt.plus{color:#1a8a53;}
.dxhist-empty{padding:26px;text-align:center;color:var(--ink-3);font-size:13px;}
.dxhist-intro{padding:16px 18px 20px;}
.dxhist-intro .t{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.dxhist-intro p{margin:0 0 6px;font-size:12.5px;line-height:1.5;color:var(--ink-2);}
.dxhist-intro p:last-child{margin-bottom:0;color:var(--ink-3);}
.dxhist-f{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);}
.dxhist-f .link{color:var(--blue);font-weight:600;cursor:pointer;}
/* карточка оценки результата */
.fbk{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 24px;text-align:center;max-width:520px;box-shadow:0 1px 3px rgba(20,30,40,.04);}
.fbk-t{font-size:16px;font-weight:700;color:var(--ink);}
.fbk-sub{font-size:13px;color:var(--ink-3);margin-top:4px;}
.fbk-stars{display:inline-flex;justify-content:center;gap:8px;margin:16px 0 6px;line-height:1;}
.fbk-stars .st{font-size:34px;line-height:1;color:var(--line-2);cursor:pointer;transition:transform .1s ease,color .1s ease;}
.fbk-stars .st.on{color:#F5A623;}
.fbk-stars .st:hover{transform:scale(1.14);}
.fbk-scale{display:flex;justify-content:space-between;width:186px;margin:0 auto 15px;font-size:11px;color:var(--ink-3);}
.fbk-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:17px;}
.fbk-tag{border:1px solid var(--line-2);border-radius:999px;padding:7px 15px;font-size:13px;color:var(--ink-2);cursor:pointer;background:var(--paper);transition:all .1s;}
.fbk-tag:hover{border-color:var(--blue);color:var(--blue);}
.fbk-tag.on{background:var(--blue-50);border-color:var(--blue);color:var(--blue);}
.fbk-act{display:flex;align-items:center;justify-content:center;gap:18px;}
.fbk-skip{color:var(--ink-3);font-size:14px;cursor:pointer;}
.fbk-skip:hover{color:var(--ink-2);}
/* кнопка скачивания документа в строке поиска */
.docdl{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:8px;background:var(--paper);color:var(--ink-3);cursor:pointer;transition:all .12s;}
.docdl:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-50);}
.docdl:disabled{cursor:default;color:var(--blue);border-color:var(--line-2);background:var(--paper);}
.docdl-spin{animation:docdl-rot .7s linear infinite;}
@keyframes docdl-rot{to{transform:rotate(360deg);}}
/* анимированная благодарность после оценки */
.ft-bubble{position:relative;max-width:520px;background:#fff;border:1px solid oklch(0.92 0.004 260);border-radius:4px 18px 18px 18px;padding:18px 20px;box-shadow:0 6px 24px oklch(0.2 0.02 265 / 0.06);font-family:'Manrope',var(--sans);animation:ft-bubble-in .5s cubic-bezier(.22,1,.36,1) both;}
.ft-row{display:flex;align-items:center;gap:14px;}
.ft-icon{position:relative;flex:0 0 auto;width:46px;height:46px;}
.ft-ring{position:absolute;inset:0;border-radius:50%;animation:ft-ring .55s cubic-bezier(.34,1.56,.64,1) .15s both;}
.ft-icon svg{position:absolute;inset:0;width:46px;height:46px;}
.ft-heart{position:absolute;inset:0;animation:ft-heart-in .55s cubic-bezier(.34,1.56,.64,1) .2s both, ft-shudder .5s ease-in-out .85s both;}
.ft-title{font-size:15.5px;font-weight:700;color:oklch(0.28 0.02 265);line-height:1.35;animation:ft-text-in .45s ease-out .35s both;}
.ft-sub{font-size:13.5px;font-weight:500;color:oklch(0.52 0.015 265);line-height:1.4;margin-top:3px;animation:ft-text-in .45s ease-out .5s both;}
.ft-spark{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;animation:ft-spark .7s ease-out .55s both;}
.ft-check path,.ft-crack{stroke-dasharray:34;}
.ft-crack{stroke-dasharray:40;}
@keyframes ft-bubble-in{0%{opacity:0;transform:translateY(10px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ft-ring{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes ft-check{0%{stroke-dashoffset:34}100%{stroke-dashoffset:0}}
@keyframes ft-heart-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.12);opacity:1}72%{transform:scale(.98)}100%{transform:scale(1);opacity:1}}
@keyframes ft-crack{0%{stroke-dashoffset:40}100%{stroke-dashoffset:0}}
@keyframes ft-shudder{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-1.5px) rotate(-2deg)}40%{transform:translateX(1.5px) rotate(2deg)}60%{transform:translateX(-1px) rotate(-1deg)}80%{transform:translateX(1px) rotate(1deg)}}
@keyframes ft-text-in{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
@keyframes ft-spark{0%{transform:translate(0,0) scale(0);opacity:0}30%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}

/* attached files */
.afiles{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.afile{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:8px;padding:6px 10px;background:var(--paper);font-family:var(--sans);font-size:11px;color:var(--ink-2);}
.aim.you .afile{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;}
.afile .thumb{width:18px;height:22px;border:0;border-radius:0;background:transparent;display:block;object-fit:contain;flex-shrink:0;}

/* action card */
.acard{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:14px;margin:8px 0 0;}
.acard.dashed{border-style:dashed;}
.acard .ch{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.acard .tag{font-size:10px;border:1px solid var(--line-2);padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);}
.acard .ttl{font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.1;margin-bottom:8px;}
.acard .row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line);}
.acard .row:last-of-type{border-bottom:0;}
.acard .row .k{color:var(--ink-3);}
.acard .row .v{font-family:var(--sans);font-size:13px;}

/* progress */
.aiprog{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12.5px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:var(--paper);margin-top:6px;color:var(--ink-2);}
/* прерванная операция (восстановлена из истории после перезагрузки/обрыва) */
.aiprog-broken{font-family:var(--sans);font-size:12.5px;line-height:1.4;border:1px solid var(--amber-bg,#fff0cf);border-radius:10px;padding:10px 13px;background:var(--amber-bg,#fff6df);color:var(--amber,#9a6a00);margin-top:6px;}
.aiprog .bar{flex:1;height:5px;background:var(--paper-2);border-radius:999px;overflow:hidden;}
.aiprog .bar .fill{height:100%;background:var(--blue);}
.aiprog .count{color:var(--ink-3);}

/* people list */
.peoples{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.people{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:8px 11px;background:var(--paper);}
.people .n{font-family:var(--sans);font-size:11px;color:var(--ink-3);}
.people .who{font-size:13px;}
.people .who .inn{font-family:var(--sans);font-size:11px;color:var(--ink-3);margin-left:6px;}
.people .badge{font-size:10px;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--line-2);color:var(--ink-3);}
.people .badge.smz{background:var(--green-bg);border-color:#bfe3cb;color:var(--green);}
.people .badge.fl{background:var(--paper-2);color:var(--ink-3);}
.people .warn{font-size:11px;color:var(--red);}

/* toggle */
.atoggle{display:inline-flex;border:1px solid var(--line-2);border-radius:999px;padding:3px;background:var(--paper-2);margin-top:6px;gap:2px;}
.atoggle .opt{padding:5px 13px;font-size:12px;border-radius:999px;cursor:pointer;font-family:var(--sans);color:var(--ink-2);}
.atoggle .opt.on{background:var(--blue);color:#fff;}

/* cost */
.acost{display:flex;align-items:center;gap:8px;font-size:12.5px;border-top:1px solid var(--line);padding:9px 0 0;margin-top:9px;color:var(--ink-2);flex-wrap:wrap;}
.acost .v{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--blue);line-height:1;}
.acost .ok{color:var(--green);}
.acost .err{color:var(--red);}

/* CTA buttons */
.acta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
/* --ddb-ease — общая «пружинка» для всех кнопок чата, чтобы семейство выглядело единым */
:root{--ddb-ease:cubic-bezier(.16,1,.3,1);}
.btn-aip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:12px;padding:10px 17px;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1;cursor:pointer;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ddb-ease),border-color .2s var(--ddb-ease),color .2s var(--ddb-ease),box-shadow .2s var(--ddb-ease),transform .12s var(--ddb-ease);}
.btn-aip:hover{border-color:var(--blue);color:var(--blue);}
.btn-aip:active{transform:scale(.98);}
.btn-aip.primary{background:var(--blue);color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30);}
.btn-aip.primary:hover{background:var(--blue-h);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30),0 4px 12px -2px rgba(18,48,110,.22);}
.btn-aip.primary:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.18);}
.btn-aip.dashed{border-style:dashed;color:var(--ink-2);font-weight:500;}

/* ====== анимированная CTA сохранения шаблона(ов): idle → loading → done ====== */
.dd-btn{--green:#1f9a62;position:relative;overflow:hidden;display:inline-grid;align-items:center;height:50px;padding:0 20px 0 24px;border:0;border-radius:12px;font:600 16px/1 var(--sans);letter-spacing:-.01em;color:#fff;cursor:pointer;background:var(--blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30);transition:background-color .2s var(--ddb-ease),box-shadow .2s var(--ddb-ease),transform .12s var(--ddb-ease);-webkit-tap-highlight-color:transparent;}
.dd-btn:hover{background:var(--blue-h);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30),0 4px 12px -2px rgba(18,48,110,.22);}
.dd-btn:active{background:#0a57b3;transform:scale(.98);box-shadow:inset 0 1px 2px rgba(0,0,0,.18);}
.dd-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}
.dd-lbl{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .18s ease,transform .35s var(--ddb-ease);}
.dd-btn[data-state="idle"] .dd-idle,.dd-btn[data-state="loading"] .dd-load,.dd-btn[data-state="done"] .dd-done{opacity:1;transform:none;transition-delay:.06s;}
.dd-btn[data-state="loading"] .dd-idle,.dd-btn[data-state="done"] .dd-load{transform:translateY(-5px);transition-delay:0s;}
.dd-sep{width:1px;height:20px;background:rgba(255,255,255,.28);margin-left:2px;}
.dd-cnt{min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.18);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;}
.dd-arrows{position:relative;width:18px;height:18px;overflow:hidden;margin-left:-2px;}
.dd-arrows svg{position:absolute;inset:0;transition:transform .38s var(--ddb-ease);}
.dd-arrows svg+svg{transform:translateX(-24px);}
.dd-btn:hover .dd-arrows svg:first-child{transform:translateX(24px);}
.dd-btn:hover .dd-arrows svg+svg{transform:none;}
.dd-arrows path,.dd-check path{fill:none;stroke:#fff;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;}
.dd-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.55);transform:scaleX(0);transform-origin:left;opacity:0;}
.dd-btn[data-state="loading"] .dd-bar{opacity:1;transform:scaleX(.92);transition:transform 1.3s cubic-bezier(.2,.6,.2,1);}
.dd-btn[data-state="done"] .dd-bar{opacity:0;transform:scaleX(1);transition:transform .2s ease,opacity .3s ease .1s;}
.dd-btn[data-state="loading"]{pointer-events:none;}
.dd-load{gap:0;}
.dd-dots span{display:inline-block;animation:dd-dot 1.1s ease-in-out infinite;}
.dd-dots span:nth-child(2){animation-delay:.14s;}
.dd-dots span:nth-child(3){animation-delay:.28s;}
@keyframes dd-dot{0%,60%,100%{opacity:.35;}30%{opacity:1;}}
.dd-btn[data-state="done"]{background:var(--green);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(10,80,45,.3);pointer-events:none;}
.dd-check{width:20px;height:20px;}
.dd-check path{stroke-dasharray:22;stroke-dashoffset:22;}
.dd-btn[data-state="done"] .dd-check path{animation:dd-draw .4s .1s var(--ddb-ease) forwards;}
@keyframes dd-draw{to{stroke-dashoffset:0;}}
@media (prefers-reduced-motion:reduce){.dd-btn,.dd-btn *{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important;}.dd-btn[data-state="done"] .dd-check path{stroke-dashoffset:0;}}
/* цитата из ответа — ВНУТРИ белой рамки ввода, над полем текста */
.quote-in{display:flex;align-items:flex-start;gap:9px;background:var(--blue-50);border-left:3px solid var(--blue);border-radius:8px;padding:8px 10px;margin-bottom:8px;}
.quote-in .q-ic{color:var(--blue);font-size:15px;line-height:1;flex-shrink:0;}
.quote-in .q-body{flex:1;min-width:0;}
.quote-in .q-h{font-size:11px;font-weight:700;color:var(--blue);margin-bottom:2px;}
.quote-in .q-text{font-size:12.5px;color:var(--ink-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.quote-in .q-x{flex-shrink:0;cursor:pointer;color:var(--ink-3);font-size:13px;line-height:1;padding:2px 4px;}
.quote-in .q-x:hover{color:var(--ink);}
/* цитата внутри отправленного (синего) пузыря */
.aim.you .you-quote{border-left:3px solid rgba(255,255,255,.6);background:rgba(255,255,255,.14);border-radius:6px;padding:6px 9px;margin-bottom:6px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.92);}
.btn-aip.disabled{opacity:.5;cursor:default;box-shadow:none;pointer-events:none;}
.btn-aip.disabled:hover{border-color:var(--line-2);color:#fff;}
.btn-aip.primary.disabled{background:var(--blue);}
.btn-aip .hint{font-size:10px;color:var(--ink-3);margin-left:6px;font-family:var(--sans);}
.btn-aip.primary .hint{color:rgba(255,255,255,.75);}

/* table */
.atab{width:100%;font-size:12px;border-collapse:collapse;margin-top:6px;}
.atab th,.atab td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;}
.atab th{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-3);font-weight:600;}
.atab td.flag{background:var(--amber-bg);}

/* input */
.aiinput{border-top:1px solid var(--line);padding:12px 18px 16px;background:var(--paper);margin-top:auto;}
.aiinput .quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;font-size:11px;}
.aiinput .quick .qc{border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;cursor:pointer;background:var(--paper);color:var(--ink-2);font-family:var(--sans);}
.aiinput .field{border:1.5px solid var(--line-2);border-radius:14px;background:var(--paper);padding:10px 12px 8px;position:relative;}
.aiinput .field:focus-within{border-color:var(--blue);}
/* бегущая «комета» по контуру поля (на hover, гаснет при вводе) */
.aiinput .field .dd-run{position:absolute;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);overflow:visible;pointer-events:none;opacity:0;transition:opacity .45s var(--ddb-ease);z-index:0;}
.aiinput .field .dd-run rect{fill:none;stroke-linecap:round;animation:dd-run 3.6s linear infinite;}
.aiinput .field .dd-run .line rect{stroke:#3F7FEA;stroke-width:1.5;stroke-opacity:.08;}
.aiinput .field .dd-run .glow{filter:blur(3px);}
.aiinput .field .dd-run .glow rect{stroke:#5B97F5;stroke-width:4;stroke-opacity:.035;}
@keyframes dd-run{from{stroke-dashoffset:0;}to{stroke-dashoffset:-100;}}
.aiinput .field:hover .dd-run{opacity:1;}
.aiinput .field:focus-within .dd-run{opacity:0;}
@media (prefers-reduced-motion:reduce){.aiinput .field .dd-run{display:none;}}
.aiinput .field .row{display:flex;align-items:flex-start;gap:8px;}
.aiinput .field .text{flex:1;min-height:30px;font-size:14px;line-height:1.4;outline:none;padding:4px 2px;cursor:text;}
.aiinput .field .text[contenteditable]:empty::before{content:attr(data-placeholder);color:var(--ink-3);}
.aiinput .field .actions{display:flex;align-items:center;gap:8px;padding-top:2px;}

/* ===== композер: скрепка (dd-attach) и отправка (dd-send) ===== */
.aiinput .dd-attach{position:relative;width:36px;height:36px;flex-shrink:0;padding:0;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line-2);border-radius:10px;color:var(--ink-3);cursor:pointer;transition:background-color .2s var(--ddb-ease),border-color .2s var(--ddb-ease),color .2s var(--ddb-ease),transform .12s var(--ddb-ease);-webkit-tap-highlight-color:transparent;}
.aiinput .dd-attach svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform-origin:60% 70%;transition:transform .45s var(--ddb-ease);}
.aiinput .dd-attach:hover{background:var(--blue-50);border-color:var(--blue-100);color:var(--ink);}
.aiinput .dd-attach:hover svg{transform:rotate(-14deg) translateY(-1px);}
.aiinput .dd-attach:active{transform:scale(.95);background:#e6eefb;}
.aiinput .dd-attach.is-over{border-color:var(--blue);background:var(--blue-50);color:var(--blue);}
.aiinput .dd-attach.has{color:var(--blue);border-color:var(--blue-100);background:var(--blue-50);}
.aiinput .dd-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:9px;background:var(--blue);color:#fff;font:600 10.5px/1 var(--sans);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--paper);animation:dd-badge-in .4s cubic-bezier(.34,1.56,.64,1);}
@keyframes dd-badge-in{from{transform:scale(0)}to{transform:scale(1)}}
.aiinput .dd-tip{position:absolute;bottom:calc(100% + 9px);left:50%;white-space:nowrap;pointer-events:none;padding:6px 9px;border-radius:8px;background:#172033;color:#fff;font:500 12px/1 var(--sans);opacity:0;transform:translate(-50%,4px);transition:opacity .15s ease,transform .25s var(--ddb-ease);z-index:20;}
.aiinput .dd-tip::after{content:"";position:absolute;top:100%;left:50%;width:8px;height:8px;background:#172033;transform:translate(-50%,-4px) rotate(45deg);border-radius:1px;}
.aiinput .dd-attach:hover .dd-tip{opacity:1;transform:translate(-50%,0);transition-delay:.35s;}
.aiinput .dd-attach:active .dd-tip{opacity:0;transition-delay:0s;}

.aiinput .dd-send{position:relative;width:36px;height:36px;flex-shrink:0;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30);transition:background-color .25s var(--ddb-ease),box-shadow .2s var(--ddb-ease),transform .12s var(--ddb-ease);-webkit-tap-highlight-color:transparent;}
.aiinput .dd-send:hover{background:var(--blue-h);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.30),0 4px 10px -2px rgba(18,48,110,.25);}
.aiinput .dd-send:active{background:#0a57b3;transform:scale(.93);box-shadow:inset 0 1px 2px rgba(0,0,0,.18);}
.aiinput .dd-send:disabled:not([data-state="sending"]){background:#e3e8ef;color:#9aa4b4;box-shadow:none;cursor:default;transform:none;}
.aiinput .dd-ico{position:relative;width:18px;height:18px;overflow:hidden;}
.aiinput .dd-ico svg{position:absolute;inset:0;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .42s var(--ddb-ease),opacity .2s ease;}
.aiinput .dd-ico .up2{transform:translateY(22px);}
.aiinput .dd-send:not(:disabled):hover .up1{transform:translateY(-22px);}
.aiinput .dd-send:not(:disabled):hover .up2{transform:none;}
.aiinput .dd-send.pop{animation:dd-pop .42s cubic-bezier(.34,1.56,.64,1);}
@keyframes dd-pop{from{transform:scale(.88)}to{transform:scale(1)}}
.aiinput .dd-ring{position:absolute;inset:-6px;width:48px;height:48px;pointer-events:none;opacity:0;transition:opacity .25s ease;}
.aiinput .dd-ring circle{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:40 200;}
.aiinput .dd-send[data-state="sending"]{pointer-events:none;}
.aiinput .dd-send[data-state="sending"] .dd-ring{opacity:1;animation:dd-spin 1s linear infinite;}
@keyframes dd-spin{to{transform:rotate(360deg)}}
.aiinput .dd-send[data-state="sending"] .dd-ico svg{transform:translateY(-22px);opacity:0;}
@media (prefers-reduced-motion:reduce){.aiinput .dd-attach,.aiinput .dd-attach *,.aiinput .dd-send,.aiinput .dd-send *,.aiinput .dd-badge,.aiinput .dd-tip{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important;}.aiinput .dd-send[data-state="sending"] .dd-ring{opacity:1;}}
.aiinput .estimate{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);margin-top:9px;padding-left:4px;}
.aiinput .estimate .v{font-family:var(--sans);font-size:13px;font-weight:600;line-height:1;color:var(--ink);}
.aiinput .estimate.err{color:var(--red);}
.aiinput .estimate.err .v{color:var(--red);}

/* popover */
.amenu{position:absolute;bottom:calc(100% + 8px);left:8px;width:370px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.16);z-index:10;padding:6px;font-family:var(--sans);max-height:340px;overflow:auto;}
.amenu .cat{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);padding:7px 9px 4px;font-weight:600;}
.amenu .it{display:grid;grid-template-columns:28px 1fr auto;gap:9px;padding:7px 9px;border-radius:8px;cursor:pointer;align-items:center;}
.amenu .it.on{background:var(--blue-50);}
.amenu .it:hover{background:var(--paper-2);}
.amenu .it .ic{width:28px;height:28px;border:none;border-radius:7px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:13px;font-weight:700;color:var(--blue);}
.amenu .it .name{font-size:13.5px;line-height:1.15;}
.amenu .it .sub{font-size:11px;color:var(--ink-3);}
.amenu .it .kb{font-family:var(--sans);font-size:11px;color:var(--ink-3);}

/* doc pane */
.docpane{background:linear-gradient(#f6f8f9,var(--paper-2));padding:18px;display:flex;flex-direction:column;gap:12px;min-height:0;border-left:1px solid var(--line);}
.docpane .head{display:flex;align-items:center;gap:10px;padding-right:74px;}/* резерв справа под кнопки ✕/развернуть, чтобы toolbar (листалка) не наезжала */
.docpane .head .ttl{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.1;}
.docpane .head .sub{font-size:11px;color:var(--ink-3);margin-top:2px;}
.docpane .toolbar{margin-left:auto;display:flex;gap:6px;}
.docpane .toolbar .b{border:1px solid var(--line-2);border-radius:8px;padding:6px 12px;font-size:11px;background:var(--paper);font-family:var(--sans);cursor:pointer;color:var(--ink-2);transition:all .12s;}
.docpane .toolbar .b:hover{border-color:var(--blue);color:var(--blue);}
.docpane .body{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:0;}
/* кнопки панели документа (закрыть ✕ / развернуть ⛶) — одинаковые боксы, ровно по верху */
.docfull-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--ink-3);font-size:15px;line-height:1;cursor:pointer;background:transparent;transition:background .12s,color .12s;-webkit-tap-highlight-color:transparent;}
.docfull-btn:hover{background:var(--line);color:var(--ink);}

/* document card */
.docp{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:20px 24px;font-family:'PT Serif','Times New Roman',serif;font-size:11px;line-height:1.55;flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:7px;box-shadow:0 4px 18px rgba(20,30,40,.06);}
.docp .bdg{position:absolute;top:12px;right:12px;font-family:var(--sans);font-size:10px;border:none;padding:3px 8px;border-radius:6px;background:var(--blue-100);color:var(--blue);font-weight:600;}
.docp h1{font-size:14px;font-weight:700;text-align:center;margin:4px 0 6px;}
.docp .lite{color:var(--ink-3);font-size:10px;text-align:center;margin-bottom:6px;}
.docp .p{margin:0;}
.docp .sig{display:flex;justify-content:space-between;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:10px;}
.docp .sig .line{border-bottom:1px solid var(--line-2);width:100px;height:11px;}
.docp .hl{background:#fff3cd;padding:0 2px;border-radius:2px;}
/* превью разметки шаблона (SKR-204): подсветка переменных-спанов + оставшихся нераспознанных токенов. Только в превью. */
.razmetka-prev{overflow:auto;}
.razmetka-prev .imp_var{background:#e6f0ff;color:#0d5bd1;border:1px solid #b9d4ff;border-radius:3px;padding:0 3px;font-family:var(--sans);font-size:11px;white-space:nowrap;}
.razmetka-prev table{border-collapse:collapse;width:100%;}
.razmetka-prev td,.razmetka-prev th{border:1px solid var(--line-2);padding:3px 6px;vertical-align:top;}
.razmetka-prev p{margin:4px 0;}
/* вариативные блоки в превью: показываем ВСЕ варианты, каждый с подписью-вкладкой (active выделен) */
.razmetka-prev .variations{border:1px dashed var(--blue);border-radius:8px;padding:8px 10px;margin:8px 0;background:var(--blue-50);}
.razmetka-prev .variations-title{font-weight:600;color:var(--blue);font-size:12px;margin-bottom:6px;}
.razmetka-prev .variations-title::before{content:"⇄ развилка: ";}
.razmetka-prev .variations-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;}
.razmetka-prev .variations-tabs__tab{font-size:11px;padding:2px 9px;border:1px solid var(--line-2);border-radius:999px;background:var(--paper);color:var(--ink-2);}
.razmetka-prev .variations-tabs__tab.active{background:var(--blue);color:#fff;border-color:var(--blue);}
.razmetka-prev .variations-description{border:1px solid var(--line-2);border-radius:6px;padding:6px 8px;margin:5px 0;background:var(--paper);}
.razmetka-prev .variations-description.active{border-color:var(--blue);}
@keyframes ddTmplArrow{0%,100%{transform:translate(0,0);opacity:.95;}50%{transform:translate(-6px,-6px);opacity:1;}}
.dd-tmpl-arrow{animation:ddTmplArrow 1.2s ease-in-out infinite;}
.docp .hl-add{background:var(--green-bg);color:#1c7a44;padding:0 2px;border-radius:2px;}
.docp .hl-rm{background:var(--red-bg);color:#b3282d;padding:0 2px;border-radius:2px;text-decoration:line-through;}

/* doc stack */
.docstack{position:relative;flex:1;min-height:0;}
.docstack .docp{position:absolute;inset:0;}
.docstack .docp:nth-child(2){transform:translate(7px,7px) rotate(.5deg);z-index:1;opacity:.9;}
.docstack .docp:nth-child(3){transform:translate(14px,14px) rotate(-.3deg);z-index:0;opacity:.7;}
.docstack .badge{position:absolute;bottom:12px;left:16px;z-index:5;font-family:var(--sans);font-size:11px;border:1px solid var(--line-2);background:var(--paper);padding:4px 10px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);}

/* recipients list */
.doclist{display:flex;flex-direction:column;gap:6px;}
.doclist .row{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:var(--paper);font-size:12.5px;}
.doclist .row .who .inn{font-family:var(--sans);font-size:11px;color:var(--ink-3);margin-left:6px;}
.doclist .row .stat{font-family:var(--sans);font-size:11px;padding:2px 9px;border-radius:6px;border:1px solid var(--line-2);background:var(--paper-2);color:var(--ink-2);}
.doclist .row .stat.read{color:var(--green);border-color:#bfe3cb;background:var(--green-bg);}
.doclist .row .stat.signed{background:var(--blue);color:#fff;border-color:var(--blue);}

/* diff */
.diff{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0;}
.diff .col{border:1px solid var(--line);padding:14px 16px;font-family:'PT Serif',serif;font-size:11px;line-height:1.5;overflow:auto;background:var(--paper);}
.diff .col:first-child{border-right:none;border-radius:12px 0 0 12px;background:var(--paper-2);}
.diff .col:last-child{border-radius:0 12px 12px 0;}
.diff .col .h{font-family:var(--sans);font-size:12px;font-weight:600;margin-bottom:8px;text-align:center;color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;}
/* редлайн прямо в тексте документов (детерминированная сверка) */
.diff .col .hl-add{background:var(--green-bg,#e6f6ec);color:#1c7a44;padding:0 2px;border-radius:2px;}
.diff .col .hl-rm{background:var(--red-bg,#fdeaea);color:#b3282d;padding:0 2px;border-radius:2px;text-decoration:line-through;}
/* сверка: список изменений с контекстом (что убрано/добавлено/изменено) */
.docp.cmp-list{display:flex;flex-direction:column;gap:0;overflow:auto;padding:2px;}
.cmp-legend{font-size:11.5px;color:var(--ink-3);padding:6px 10px 10px;line-height:1.45;}
.cmp-hunk{display:flex;gap:10px;align-items:flex-start;padding:10px;border-top:1px solid var(--line);}
.cmp-hunk:first-of-type{border-top:none;}
.cmp-badge{flex:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px;margin-top:2px;}
.cmp-badge.del{background:var(--red-bg,#fdeaea);color:#b3282d;}
.cmp-badge.add{background:var(--green-bg,#e6f6ec);color:#1c7a44;}
.cmp-badge.chg{background:#fdf0dd;color:#9a6a00;}
.cmp-ctx{font-size:13px;line-height:1.55;word-break:break-word;}
.cmp-ctx .dim{color:var(--ink-3);}
.cmp-ctx .cmp-arr,.cmp-dir .cmp-arr{color:var(--ink-3);font-weight:600;}
.cmp-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px 8px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:1;}
.cmp-dir{font-size:12px;color:var(--ink-2);line-height:1.4;}
.cmp-acts{display:flex;align-items:center;gap:8px;flex:none;}
.cmp-swap{font-size:12px;color:var(--blue);cursor:pointer;border:1px solid var(--line-2);border-radius:999px;padding:3px 11px;white-space:nowrap;user-select:none;}
.cmp-swap:hover{background:var(--blue-50,#eef4ff);}
.cmp-dl{font-size:12px;padding:4px 12px;text-decoration:none;white-space:nowrap;}

/* risk findings */
.find{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--paper);margin-top:8px;border-left:3px solid var(--line-2);}
.find.high,.find:has(.sev.high){border-left-color:var(--red);}
.find.med,.find:has(.sev.med){border-left-color:var(--amber);}
.find .head{display:flex;align-items:center;gap:8px;margin-bottom:5px;}
.find .sev{font-size:10px;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;border:none;font-family:var(--sans);font-weight:600;}
.find .sev.high{background:var(--red-bg);color:var(--red);}
.find .sev.med{background:var(--amber-bg);color:var(--amber);}
.find .sev.low{background:var(--paper-2);color:var(--ink-3);}
.find .who{font-family:var(--sans);font-size:11px;color:var(--ink-3);}
.find .what{font-size:13.5px;line-height:1.35;margin-top:2px;}
.find .why{font-size:11.5px;color:var(--ink-3);margin-top:3px;}
.find .fix{font-size:11.5px;color:var(--green);margin-top:7px;padding-top:7px;border-top:1px solid var(--line);}

/* law cards */
.lawset{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.lawcard{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--paper);}
.lawcard .no{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--blue);border:1px solid var(--blue-100);border-radius:6px;padding:3px 8px;background:var(--blue-50);white-space:nowrap;}
.lawcard .txt{font-size:12.5px;line-height:1.4;}
.lawcard .txt .src{font-size:10px;color:var(--ink-3);font-family:var(--sans);margin-top:4px;display:inline-flex;align-items:center;gap:5px;}
.kplus{display:inline-flex;align-items:center;gap:5px;font-family:var(--sans);font-size:10px;border:1px solid #e08;color:#c07;border-radius:5px;padding:1px 6px;background:#fff;font-weight:500;}
.kplus b{font-weight:700;}

/* Q&A */
.qna{border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:13px 15px;margin-top:8px;}
.qna .step{font-family:var(--sans);font-size:10px;color:var(--ink-3);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;}
.qna .q{font-size:14.5px;font-weight:500;line-height:1.35;margin-bottom:10px;}
.qna .opts{display:flex;gap:7px;flex-wrap:wrap;}
.qna .opt{border:1px solid var(--line-2);border-radius:999px;padding:6px 14px;font-size:12.5px;cursor:pointer;background:var(--paper);color:var(--ink-2);}
.qna .opt.on{background:var(--blue-100);border-color:var(--blue-100);color:var(--blue);font-weight:500;}
.qna .opt.free{border-style:dashed;color:var(--ink-3);}
.qbar{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--sans);font-size:10px;color:var(--ink-3);}
.qbar .bar{flex:1;height:5px;background:var(--paper-2);border-radius:999px;overflow:hidden;}
.qbar .bar .fill{height:100%;background:var(--blue);}
.qdone{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:5px 0;border-bottom:1px solid var(--line);}
.qdone .k{color:var(--ink-3);width:130px;flex-shrink:0;}
.qdone .v{font-family:var(--sans);font-size:12.5px;}

/* search */
.facets{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;}
.facet{border:1px solid var(--line-2);border-radius:999px;padding:4px 11px;font-size:11px;font-family:var(--sans);color:var(--ink-2);background:var(--paper);cursor:pointer;}
.facet.on{background:var(--blue);color:#fff;border-color:var(--blue);}
.sres{display:flex;flex-direction:column;gap:6px;margin-top:6px;}
.sres .r{display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:var(--paper);cursor:pointer;}
.sres .r:hover{background:var(--paper-2);border-color:var(--blue-100);}
.sres .r .ico{width:24px;height:28px;border:1px solid var(--line-2);border-radius:4px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;font-size:12px;}
.sres .r .name{font-size:13.5px;line-height:1.15;}
.sres .r .meta{font-family:var(--sans);font-size:10.5px;color:var(--ink-3);margin-top:2px;}
.sres .r .amt{font-family:var(--sans);font-size:13px;font-weight:600;text-align:right;}
.sres .r .amt .st{font-size:10px;color:var(--ink-3);display:block;font-weight:400;}
.sres .r mark{background:#fff3cd;padding:0 1px;border-radius:2px;}
.sres-sum{font-size:11.5px;color:var(--ink-3);margin-top:9px;font-family:var(--sans);}

/* contractor */
.cpcard{border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:14px 16px;margin-top:8px;}
.cpcard .h{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.cpcard .h .nm{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1;}
.cpcard .h .ok{margin-left:auto;font-size:10px;font-family:var(--sans);color:var(--green);border:1px solid #bfe3cb;background:var(--green-bg);border-radius:5px;padding:2px 7px;font-weight:500;}
.cprow{display:grid;grid-template-columns:150px 1fr;gap:8px;font-size:12.5px;padding:6px 0;border-bottom:1px solid var(--line);}
.cprow:last-child{border-bottom:0;}
.cprow .k{color:var(--ink-3);}
.cprow .v{font-family:var(--sans);font-size:12.5px;}
.cprow .v.auto{background:var(--green-bg);color:#1c7a44;padding:1px 6px;border-radius:4px;}

/* verdict */
.verdict{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:8px;}
.verdict .big{font-family:var(--sans);font-size:30px;font-weight:700;line-height:1;}
.verdict .txt{font-size:13.5px;line-height:1.35;}
.verdict.same{background:var(--green-bg);border-color:#bfe3cb;}
.verdict.same .big{color:var(--green);}
.verdict.diff{background:var(--red-bg);border-color:#f6c4c6;}
.verdict.diff .big{color:var(--red);}
.difflist{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.diffrow{display:grid;grid-template-columns:auto 1fr;gap:11px;border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:var(--paper);}
.diffrow .loc{font-family:var(--sans);font-size:10px;color:var(--ink-3);border:1px solid var(--line-2);border-radius:5px;padding:3px 7px;white-space:nowrap;height:fit-content;}
.diffrow .pair{font-size:12.5px;line-height:1.45;}

/* field mapping */
.fmap{display:flex;flex-direction:column;gap:6px;margin-top:8px;}
.fmap .r{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;font-size:12.5px;}
.fmap .r .src{font-family:var(--sans);font-size:11px;color:var(--ink-3);border:1px dashed var(--line-2);border-radius:7px;padding:6px 9px;}
.fmap .r .arr{color:var(--ink-3);}
.fmap .r .dst{border:1px solid #bfe3cb;border-radius:7px;padding:6px 9px;background:var(--green-bg);}
.fmap .r .dst .lbl{font-size:10px;color:var(--ink-3);display:block;font-family:var(--sans);}

/* welcome */
/* ── логотип-вордмарк «DataDoc AI» с мерцающими звёздами ── */
.datadoc-ai{display:inline-flex;position:relative;align-items:baseline;font-family:'Manrope',var(--sans);font-size:clamp(28px,4vw,48px);animation:ddRise .7s ease-out both;}
.datadoc-ai .dd-word{font-weight:800;font-size:1em;letter-spacing:-.03em;color:#16233f;line-height:1;white-space:nowrap;}
.datadoc-ai .dd-star{position:absolute;color:#16233f;line-height:0;transform-origin:center;}
.datadoc-ai .dd-star svg{width:100%;height:100%;display:block;}
.datadoc-ai .s1{width:.39em;height:.39em;top:-.28em;right:-.47em;animation:ddTwA 2.4s ease-in-out infinite;}
.datadoc-ai .s2{width:.22em;height:.22em;top:.28em;right:-.64em;animation:ddTwB 2.4s ease-in-out infinite .5s;}
.datadoc-ai .s3{width:.15em;height:.15em;top:.08em;right:-.78em;animation:ddTwA 2.9s ease-in-out infinite 1s;}
.datadoc-ai .s4{width:.17em;height:.17em;top:-.42em;right:.03em;animation:ddTwB 3.2s ease-in-out infinite .8s;}
@keyframes ddRise{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes ddTwA{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}
@keyframes ddTwB{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}
/* welcome: скроллим при нехватке высоты; .wlc-inner центрируется через margin:auto,
   а когда контент выше области — margin схлопывается и верх (лого) не обрезается */
.wlc{flex:1;min-height:0;display:flex;overflow-y:auto;padding:14px 18px;container-type:inline-size;}
.wlc-inner{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;width:100%;max-width:1040px;}
.wlc-logo{width:56px;height:56px;border:none;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:26px;color:#fff;background:var(--blue);box-shadow:0 6px 18px rgba(0,110,221,.3);}
.wlc-logo svg{width:30px;height:30px;}
.wlc-h{font-family:var(--sans);font-size:30px;font-weight:700;line-height:1;white-space:nowrap;letter-spacing:-.01em;}
.wlc-sub{font-size:14px;color:var(--ink-2);line-height:1.55;max-width:580px;}
/* 8 карточек: при ширине области ≥600px — 4 колонки (2 ряда, помещается без скролла даже в узком окне);
   уже — 2 колонки. 3-колоночный вариант не используем, чтобы не было «висящего» третьего ряда. */
.wlc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:4px;}
@container (min-width:600px){.wlc-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.wlc-card{display:flex;align-items:flex-start;gap:11px;border:1px solid #E3E8F0;border-radius:14px;padding:12px 13px;background:var(--paper);text-align:left;cursor:pointer;box-shadow:0 1px 2px rgba(20,30,40,.03);transition:border-color .18s var(--ddb-ease),box-shadow .18s var(--ddb-ease),transform .12s var(--ddb-ease);min-width:0;}
.wlc-card:hover{border-color:#BCD0F2;box-shadow:0 6px 18px -4px rgba(45,107,214,.18);transform:translateY(-1.5px);}
.wlc-card:active{transform:scale(.985);}
.wlc-card .ic{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#EAF1FD;border-radius:11px;}
.wlc-card .ic .ic-svg{width:26px;height:26px;display:block;transition:transform .2s var(--ddb-ease);}
.wlc-card:hover .ic .ic-svg{transform:translateY(-1.5px) scale(1.07);}
.wlc-card .t{font-size:13.5px;font-weight:600;line-height:1.15;}
/* описание — максимум 2 строки, чтобы высота карточки была предсказуемой и ряды помещались */
.wlc-card .d{font-size:11px;color:var(--ink-3);line-height:1.35;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.wlc-hint{font-size:12.5px;color:var(--ink-3);margin-top:4px;}
.wlc-hint b{color:var(--blue);}

/* trial notification bar */
.dd-trial{display:flex;align-items:center;gap:10px;padding:9px 24px;background:var(--amber-bg);border-bottom:1px solid #f0e2b8;font-size:12.5px;color:var(--ink-2);}
.dd-trial a{margin-left:auto;color:var(--blue);font-weight:500;text-decoration:none;}

.ai-shell .chat-head{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;position:relative;}
.chat-head-actions{margin-left:auto;display:flex;align-items:center;gap:10px;}
.share-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;color:var(--ink);background:var(--paper);cursor:pointer;}
.share-btn:hover,.share-btn.on{border-color:var(--blue);color:var(--blue);background:var(--blue-50);}
.share-btn .ico{display:block;width:16px;height:16px;}
/* универсальный выбор документа-основания */
.dpick{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:14px;max-width:540px;box-shadow:0 1px 2px rgba(20,30,40,.03);}
.dpick-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;}
.dpick-hd .t{font-size:15px;font-weight:700;color:var(--ink);}
.dpick-hd .cnt{font-size:12px;font-weight:600;color:var(--blue);background:var(--blue-50);border-radius:999px;padding:3px 11px;white-space:nowrap;}
.dpick-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:10px;padding:9px 12px;background:var(--paper-2);margin-bottom:8px;}
.dpick-search input{border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);width:100%;}
.dpick-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;}
.dpick-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:background .1s;}
.dpick-row:hover{background:var(--blue-50);}
.dpick-ic{width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;}
.dpick-row:hover .dpick-ic{background:#fff;}
.dpick-ic.img,.dpick-row:hover .dpick-ic.img{background:transparent;}
.dpick-ic.img img{width:auto;height:28px;display:block;}
.dpick-main{flex:1;min-width:0;}
.dpick-nm{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dpick-sub{font-size:11.5px;color:var(--ink-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dpick-date{font-size:12px;color:var(--ink-3);white-space:nowrap;flex-shrink:0;}
.dpick-pick{display:none;flex-shrink:0;border:0;background:var(--blue);color:#fff;font:inherit;font-size:12.5px;font-weight:600;border-radius:8px;padding:8px 15px;cursor:pointer;white-space:nowrap;}
.dpick-pick:hover{filter:brightness(.95);}
.dpick-row:hover .dpick-date{display:none;}
.dpick-row:hover .dpick-pick{display:block;}
.dpick-empty{padding:16px;color:var(--ink-3);font-size:12px;text-align:center;}
/* заполнение по шаблону — вкладки сторон, секции-папки, сетка полей (как в основном сервисе) */
/* форма заполнения шаблона — шире для удобства ввода */
.aim .stack:has(.tfill){max-width:96%;}
.tfill-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:10px;}
.tfill-tab{display:flex;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:8px 8px 0 0;}
.tfill-tab:hover{background:var(--paper-2);}
.tfill-tab .c{font-size:11px;font-weight:600;color:var(--ink-3);background:var(--paper-2);border-radius:999px;padding:1px 8px;}
.tfill-tab.on{color:var(--blue);border-bottom-color:var(--blue);}
.tfill-tab.on .c{color:var(--blue);background:var(--blue-50);}
.tfill-sec{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;}
.tfill-sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
.tfill-sec-h .nm{font-size:13px;font-weight:700;color:var(--ink);}
.tfill-sec-h .cnt{font-size:11.5px;color:var(--ink-3);white-space:nowrap;}
.tfill-bar{height:3px;border-radius:999px;background:var(--line-2);overflow:hidden;margin-bottom:11px;}
.tfill-bar i{display:block;height:100%;background:var(--blue);border-radius:999px;transition:width .2s;}
.tfill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px;}

/* share popover */
.sharemenu{position:absolute;top:calc(100% + 8px);right:20px;width:400px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(20,30,40,.16);z-index:30;padding:16px 18px;font-family:var(--sans);}
.sharemenu .sh-h{display:flex;align-items:center;font-size:15px;font-weight:600;margin-bottom:4px;}
.sharemenu .sh-h .sh-x{margin-left:auto;color:var(--ink-3);cursor:pointer;font-size:13px;}
.sharemenu .sh-sub{font-size:12px;color:var(--ink-2);line-height:1.45;margin-bottom:12px;}
.sharemenu .sh-add{margin-bottom:12px;}
.sharemenu .sh-search{display:block;border:1px solid var(--line-2);border-radius:9px;padding:9px 12px;font-size:12.5px;color:var(--ink-3);background:var(--paper-2);}
.sharemenu .sh-list{display:flex;flex-direction:column;gap:2px;}
.sharemenu .sh-row{display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;padding:8px 4px;border-radius:8px;}
.sharemenu .sh-row.off{opacity:.5;}
.sharemenu .sh-ava{width:32px;height:32px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1px solid var(--line-2);}
.sharemenu .sh-ava.you{background:var(--blue);color:#fff;border:none;}
.sharemenu .sh-who .nm{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;}
.sharemenu .sh-who .nm .tag{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--blue);background:var(--blue-50);border-radius:4px;padding:1px 5px;}
.sharemenu .sh-who .em{font-size:11px;color:var(--ink-3);}
.sharemenu .sh-role{font-size:12px;color:var(--ink-3);}
.sharemenu .sh-role.sel{color:var(--ink);cursor:pointer;}
.sharemenu .sh-revoke{font-size:11.5px;color:var(--red);cursor:pointer;border:1px solid transparent;border-radius:6px;padding:3px 8px;}
.sharemenu .sh-revoke:hover{border-color:var(--red);background:var(--red-bg);}
.sharemenu .sh-out{font-size:11px;color:var(--ink-3);font-style:italic;grid-column:3 / 5;text-align:right;}
.sharemenu .sh-foot{display:flex;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
.sharemenu .sh-link{font-size:12px;color:var(--blue);cursor:pointer;}
.sharemenu .sh-done{margin-left:auto;background:var(--blue);color:#fff;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;}

.dc-artboard,[data-artboard]{background:transparent !important;}
.cpsec{font-size:12px;font-weight:700;color:var(--ink-2);margin:6px 0 2px;font-family:var(--sans);}
.cpsec:first-of-type{margin-top:0;}

/* ── top-up packs ── */
.topup{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
.tp{position:relative;border:1.5px solid var(--line-2);border-radius:12px;padding:14px;background:var(--paper);cursor:pointer;}
.tp.on{border-color:var(--blue);background:var(--blue-50);box-shadow:0 4px 14px rgba(0,110,221,.1);}
.tp-disc{position:absolute;top:-9px;right:12px;font-size:10px;font-weight:700;color:#fff;background:var(--green);border-radius:6px;padding:2px 8px;}
.tp-disc.best{background:var(--blue);}
.tp-d{font-size:19px;font-weight:700;}
.tp-d span{font-size:12px;font-weight:400;color:var(--ink-3);margin-left:5px;}
.tp-price{font-size:15px;font-weight:600;margin-top:6px;}
.tp-per{font-size:11px;color:var(--ink-3);margin-top:2px;}

/* ── payment card ── */
.paycard{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:14px;margin-top:10px;display:flex;flex-direction:column;gap:10px;}
.paycard .pc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.paycard .pc-l{font-size:11px;color:var(--ink-3);margin-bottom:5px;}
.paycard .pc-i{border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:14px;letter-spacing:.04em;background:var(--paper-2);}
.paycard .pc-secure{font-size:11px;color:var(--ink-3);}

/* empty doc placeholder — higher contrast */
.docp.empty{background:var(--paper-2);border:2px dashed var(--line-2);box-shadow:none;align-items:center;justify-content:center;display:flex;color:var(--ink-3);}
.docp.empty .ph{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-family:var(--sans);}
.docp.empty .ph .picon{width:56px;height:56px;border-radius:14px;background:var(--paper);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--blue);box-shadow:0 2px 8px rgba(20,30,40,.06);}
.docp.empty .ph .pt{font-size:14px;font-weight:600;color:var(--ink-2);line-height:1.4;max-width:230px;}

/* ======== Отчёт «Проверка на риски» (дизайн-хэндофф datadoc-ui) ======== */
.dd-rep{--hi:#D6353D;--hi-bg:#FDECEC;--mid:#C77A0A;--mid-bg:#FFF2DB;--lo:#2D6BD6;--lo-bg:#EAF1FD;--grn:#1F9A62;--grn-bg:#EAF6F0;--grn-line:#CBE8D8;--faint:#8791A2;--muted:#5B6677;--rline:#E3E8F0;--ease:cubic-bezier(.16,1,.3,1);display:grid;gap:12px;min-width:0;font-family:var(--sans);color:var(--ink);}
.dd-rep *{box-sizing:border-box;}
.dd-rep .dd-card{background:#fff;border:1px solid var(--rline);border-radius:16px;box-shadow:0 1px 2px rgba(18,32,60,.04);}
.dd-sum{padding:18px 20px;display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;}
.dd-gauge{position:relative;width:120px;height:120px;flex:none;}
.dd-gauge svg{width:100%;height:100%;transform:rotate(-90deg);}
.dd-gauge circle{fill:none;stroke-width:11;}
.dd-gauge .trk{stroke:#EEF1F6;}
.dd-gauge .val{stroke-linecap:round;transition:stroke-dasharray 1.1s var(--ease) .1s;}
.dd-gauge .num{position:absolute;inset:0;display:grid;place-content:center;text-align:center;}
.dd-gauge b{font:600 34px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.dd-gauge .num span{font-size:12px;color:var(--faint);margin-top:4px;}
.dd-verd{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:600;background:var(--hi-bg);color:var(--hi);}
.dd-verd.ok{background:var(--grn-bg);color:var(--grn);}
.dd-verd i{width:6px;height:6px;border-radius:50%;background:currentColor;}
.dd-sum h2{margin:9px 0 6px;font:600 17px/1.32 var(--sans);letter-spacing:-.015em;}
.dd-sum p{margin:0;color:var(--muted);font-size:14px;line-height:1.5;}
.dd-bal{margin-top:14px;}
.dd-bal .lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--faint);margin-bottom:6px;font-weight:500;}
.dd-bal .bar{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#CFE0FB,#EEF1F6 50%,#F6CFD1);}
.dd-bal .pin{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;border:3px solid var(--hi);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left 1s var(--ease) .25s;}
.dd-bar2{display:flex;align-items:center;gap:6px;padding:7px;flex-wrap:wrap;}
.dd-chip{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:500 13.5px/1 var(--sans);cursor:pointer;transition:background-color .2s,color .2s;}
.dd-chip:hover{background:#F3F5F9;color:var(--ink);}
.dd-chip .dot{width:8px;height:8px;border-radius:3px;}
.dd-chip .n{min-width:20px;height:19px;padding:0 6px;display:grid;place-items:center;border-radius:6px;background:#EEF1F6;color:var(--muted);font-size:12px;font-weight:600;}
.dd-chip[aria-pressed="true"]{background:#1B2433;color:#fff;}
.dd-chip[aria-pressed="true"] .n{background:rgba(255,255,255,.18);color:#fff;}
.dd-risk{position:relative;overflow:hidden;--c:var(--hi);--cb:var(--hi-bg);transition:border-color .2s,box-shadow .25s var(--ease);}
.dd-risk[data-sev="mid"]{--c:var(--mid);--cb:var(--mid-bg);}
.dd-risk[data-sev="lo"]{--c:var(--lo);--cb:var(--lo-bg);}
.dd-risk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c);}
.dd-risk:hover{border-color:#CDD6E4;box-shadow:0 4px 14px -6px rgba(18,32,60,.14);}
.dd-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;width:100%;padding:14px 16px 14px 22px;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;}
.dd-sev{margin-top:1px;padding:4px 8px;border-radius:7px;background:var(--cb);color:var(--c);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;}
.dd-ttl{min-width:0;}
.dd-ref{display:block;font-size:12.5px;color:var(--faint);margin-bottom:3px;}
.dd-t{display:block;font:500 15px/1.4 var(--sans);letter-spacing:-.005em;}
.dd-chev{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--faint);transition:transform .4s var(--ease),background-color .2s;}
.dd-chev svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.dd-risk[data-open="1"] .dd-chev{transform:rotate(180deg);}
.dd-head:hover .dd-chev{background:#F0F3F8;color:var(--ink);}
.dd-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease);}
.dd-risk[data-open="1"] .dd-body{grid-template-rows:1fr;}
.dd-body>div{overflow:hidden;}
.dd-in2{padding:0 18px 16px 22px;display:grid;gap:11px;}
.dd-why{margin:0;padding-left:13px;border-left:2px solid var(--rline);color:var(--muted);font-size:14px;line-height:1.55;}
.dd-fix{padding:12px 14px;border-radius:11px;background:var(--grn-bg);border:1px solid var(--grn-line);}
.dd-fix .k{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grn);margin-bottom:4px;}
.dd-fix .k svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
/* подсказка в композере «имеется в виду «документ»» + «нет, другой» (QA N-2: текущий документ чата) */
.aiinput .curdoc-hint{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;padding:5px 11px;border-radius:999px;background:var(--blue-50);border:1px solid #BFD3F5;font-size:12px;color:var(--ink-2);max-width:100%;}
.aiinput .curdoc-hint svg{width:13px;height:13px;flex:none;fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.aiinput .curdoc-hint b{font-weight:600;color:var(--ink);}
.aiinput .curdoc-hint .x{cursor:pointer;color:var(--blue);font-weight:600;margin-left:4px;white-space:nowrap;}
.aiinput .curdoc-hint .x:hover{text-decoration:underline;}
.aiinput .curdoc-hint[data-skip="1"]{background:var(--paper-2);border-color:var(--line-2);color:var(--ink-3);}
/* grounding находок (QA N-7): цитата из договора + пометка неподтверждённых */
.dd-quote{margin:0 0 2px;padding:8px 11px;border-radius:9px;background:var(--paper-2);border:1px solid var(--line-2);color:var(--ink-2);font-size:13px;line-height:1.5;font-style:italic;}
.dd-quote b{display:block;margin-bottom:2px;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);}
.dd-unconf{margin-left:6px;padding:2px 7px;border-radius:6px;background:#FFF4E0;color:#9A5B00;font-size:10.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:middle;}
.dd-risk[data-grounded="0"]{opacity:.8;border-style:dashed;}
.dd-risk[data-grounded="0"]::before{opacity:.45;}
.dd-fix p{margin:0;color:#14583A;font-size:14px;line-height:1.55;}
.dd-acts{display:flex;gap:8px;flex-wrap:wrap;}
.dd-act{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;border:1px solid var(--rline);background:#fff;color:var(--ink);font:500 13.5px/1 var(--sans);cursor:pointer;transition:background-color .2s,border-color .2s,transform .12s var(--ease);}
.dd-act:hover{background:#F5F7FA;border-color:#C5CDDA;}
.dd-act:active{transform:scale(.97);}
.dd-act svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.dd-act.pri{background:var(--blue);border-color:var(--blue);color:#fff;}
.dd-act.pri:hover{filter:brightness(.95);}
.dd-act.ok{background:var(--grn);border-color:var(--grn);color:#fff;}
.dd-risk[data-done="1"]::before{background:var(--grn);}
.dd-risk[data-done="1"] .dd-sev{background:var(--grn-bg);color:var(--grn);}
.dd-risk[data-done="1"] .dd-t{color:var(--faint);text-decoration:line-through;text-decoration-color:#C9D0DC;}
.dd-empty{padding:22px;text-align:center;color:var(--faint);font-size:14px;}
.dd-foot{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;background:#172033;color:#fff;border-radius:14px;box-shadow:0 8px 24px -12px rgba(10,20,45,.4);flex-wrap:wrap;}
.dd-foot .dd-prog{display:grid;gap:5px;min-width:130px;flex:1;}
.dd-foot .dd-prog .t{font-size:13px;font-weight:500;}
.dd-foot .dd-prog .tr{height:4px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden;}
.dd-foot .dd-prog .tr i{display:block;height:100%;background:#5BD39A;border-radius:2px;transition:width .5s var(--ease);}
.dd-foot .dd-act{height:38px;background:rgba(255,255,255,.1);border-color:transparent;color:#fff;}
.dd-foot .dd-act:hover{background:rgba(255,255,255,.18);}
.dd-foot .dd-act.pri{background:var(--blue);}
@media (prefers-reduced-motion:reduce){.dd-gauge .val,.dd-bal .pin,.dd-body,.dd-chev,.dd-foot .dd-prog .tr i{transition-duration:.01ms!important;}}

/* ======== Подсказка «Как это работает» на карточках (правый клик / «?») ======== */
.wlc-card{position:relative;}
.wlc-card .dd-q{position:absolute;top:8px;right:8px;width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#8791A2;cursor:help;opacity:0;transform:scale(.85);transition:opacity .2s var(--ddb-ease),transform .3s var(--ddb-ease),background-color .2s,color .2s;}
.wlc-card .dd-q svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.wlc-card:hover .dd-q,.wlc-card .dd-q:focus-visible{opacity:1;transform:none;}
.wlc-card .dd-q:hover{background:var(--blue-50,#eef4ff);color:var(--blue);}
@media (hover:none){.wlc-card .dd-q{opacity:1;transform:none;}}
.dd-pop{position:fixed;z-index:1200;width:340px;max-width:calc(100vw - 24px);padding:18px 18px 14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px -12px rgba(15,27,51,.30),0 2px 6px rgba(15,27,51,.06);opacity:0;transform:translateY(6px) scale(.97);transform-origin:var(--ox,20%) var(--oy,0%);pointer-events:none;visibility:hidden;transition:opacity .16s ease,transform .3s var(--ddb-ease),visibility 0s .3s;font-family:var(--sans);color:var(--ink);}
.dd-pop.show{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s;}
.dd-pop h4{margin:0 0 2px;font:600 16.5px/1.3 var(--sans);letter-spacing:-.01em;}
.dd-pop .sub{margin:0 0 12px;color:#5B6677;font-size:14px;line-height:1.4;}
.dd-fig{margin:0 0 12px;padding:12px;border-radius:12px;background:#F5F8FE;border:1px solid #E5ECF8;}
.dd-fig svg{display:block;width:100%;height:auto;}
.dd-steps{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:9px;}
.dd-steps li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14.5px;line-height:1.4;color:var(--ink);}
.dd-steps i{width:22px;height:22px;border-radius:7px;background:var(--blue-50,#eef4ff);color:var(--blue);display:grid;place-items:center;font:600 12.5px/1 var(--sans);font-style:normal;}
.dd-steps b{font-weight:600;}
.dd-steps span{color:#5B6677;}
.dd-pop .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--line);}
.dd-pop kbd{font:500 12px/1 var(--sans);padding:3px 6px;border-radius:5px;background:#F0F3F8;border:1px solid var(--line);color:#5B6677;}
.dd-pop .hint{font-size:12.5px;color:#8791A2;}
.dd-go{height:34px;padding:0 13px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:600 14px/1 var(--sans);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(18,48,110,.3);transition:filter .2s var(--ddb-ease),transform .12s var(--ddb-ease);}
.dd-go:hover{filter:brightness(.96);}
.dd-go:active{transform:scale(.97);}
.dd-pop .f-doc{transform-box:fill-box;transform-origin:center;opacity:0;}
.dd-pop.show .f-doc{animation:dd-docin 3.6s var(--ddb-ease) infinite;}
.dd-pop.show .f-d2{animation-delay:.12s;}
.dd-pop.show .f-d3{animation-delay:.24s;}
.dd-pop.show .f-d4{animation-delay:.36s;}
@keyframes dd-docin{0%,14%{opacity:0;transform:translateX(-14px) scale(.7);}26%,86%{opacity:1;transform:none;}96%,100%{opacity:0;transform:none;}}
.dd-pop.show .f-flow{animation:dd-flow 3.6s linear infinite;stroke-dasharray:4 5;}
@keyframes dd-flow{to{stroke-dashoffset:-18;}}
@media (prefers-reduced-motion:reduce){.dd-pop,.wlc-card .dd-q{transition-duration:.01ms!important;}.dd-pop .f-doc{opacity:1;animation:none!important;}.dd-pop .f-flow{animation:none!important;}}