.documents-page{padding:24px;min-height:calc(100dvh - 150px);background:#fff;border:1px solid #eee5ef;border-radius:24px;box-shadow:0 8px 30px #3f31520a;color:#29232c}
.documents-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:20px;min-height:calc(100dvh - 200px)}
.documents-sidebar{padding:17px 12px;border:1px solid #eee7f1;border-radius:20px;background:linear-gradient(180deg,#fbf8fc,#fff 180px);align-self:stretch}
.documents-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px 16px;border-bottom:1px solid #efe8f1}
.documents-sidebar-head h1{margin:0;font-size:20px;letter-spacing:-.35px}.documents-sidebar-head p{margin:5px 0 0;color:#9d8fa2;font-size:12px}
.documents-add-section{min-height:36px;padding:7px 12px;border-radius:999px;font-size:12px;white-space:nowrap}
.documents-section-list{display:grid;gap:5px;padding-top:12px}
.documents-section{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:11px 10px;border:0;border-radius:13px;background:transparent;color:#66586c;text-align:left;font:inherit;cursor:pointer;transition:background .16s,color .16s}
.documents-section:hover{background:#f6f1f8}.documents-section.active{background:#eee7f5;color:#593d65;font-weight:650}.documents-section-mark{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:10px;background:#f4eef7;color:#9b80ac}.documents-section.active .documents-section-mark{background:#fff;color:#77538b}.documents-section-mark svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.documents-section-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.documents-section small{min-width:23px;padding:3px 6px;border-radius:99px;background:#fff;color:#a194a7;text-align:center;font-size:10px}
.documents-no-sections{padding:16px 9px;color:#a294a7;font-size:12px;line-height:1.6}
.documents-main{min-width:0;padding:21px 22px;border:1px solid #eee7f1;border-radius:20px;background:#fff}
.documents-main-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #f0eaf2}.documents-main-head p{margin:0 0 4px;color:#a194a7;font-size:11px}.documents-main-head h2{margin:0;font-size:21px;letter-spacing:-.35px}
.documents-add-link{width:54px;height:54px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:#4234ed;color:white;font-size:34px;font-weight:300;line-height:1;box-shadow:0 7px 18px #4535ed2b;cursor:pointer;transition:transform .16s,box-shadow .16s}.documents-add-link:hover{transform:translateY(-2px);box-shadow:0 10px 23px #4535ed38}.documents-add-link:active{transform:scale(.96)}
.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;padding-top:20px;align-content:start}
.document-tile{min-width:0;min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 11px;border:1px solid #f0eaf2;border-radius:17px;background:#fff;color:inherit;text-decoration:none;text-align:center;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.document-tile:hover{transform:translateY(-2px);border-color:#ded1e5;background:#fdfbfe;box-shadow:0 7px 20px #51376810}.document-tile.dragging{opacity:.4;transform:scale(.97)}
.document-service-icon{width:54px;height:60px;display:grid;place-items:center;flex:none}.document-service-icon svg{display:block;width:54px;height:60px}.service-holst img{display:block;width:58px;height:58px;object-fit:contain}.service-drive svg,.service-yandex svg,.service-link svg,.service-holst svg{width:58px;height:58px}
.document-tile-name{max-width:100%;font-size:13px;line-height:1.35;font-weight:650;color:#403746;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.document-tile-service{max-width:100%;font-size:10px;color:#a295a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-add-tile{border-style:dashed;background:#fcfafd;color:#9785a0}.document-add-tile:hover{border-color:#b9a1c7;background:#f8f3fa}.document-add-glyph{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#f0eafa;color:#7552ed;font-size:30px;font-weight:300;line-height:1}
.documents-empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px;color:#a094a8;text-align:center}.documents-empty b{color:#504656;font-size:15px}.documents-empty>span:not(.document-add-glyph){max-width:340px;font-size:12px;line-height:1.5}.documents-empty .button{margin-top:5px}.documents-empty-start{min-height:calc(100dvh - 260px)}
.documents-sort-hint{margin:18px 0 0;color:#aa9eae;font-size:11px}
.documents-context-menu{position:fixed;z-index:1500;min-width:205px;padding:6px;border:1px solid #eee6f0;border-radius:14px;background:#fff;box-shadow:0 12px 36px #2c193426;animation:documents-menu-in .14s ease-out both}.documents-context-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#433849;text-align:left;font:inherit;font-size:12px;cursor:pointer}.documents-context-menu button:hover{background:#f7f2f8}.documents-context-menu button:disabled{opacity:.4;cursor:default}.documents-context-menu button.danger{color:#c34861}.documents-context-menu svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes documents-menu-in{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
.documents-modal-overlay{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:18px;background:#21172a52;backdrop-filter:blur(3px)}.documents-modal{width:min(460px,100%);padding:21px;border:1px solid #eee6f0;border-radius:22px;background:white;box-shadow:0 20px 70px #28153335;animation:documents-menu-in .16s ease-out both}.documents-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.documents-modal h2{margin:0;font-size:20px;letter-spacing:-.3px}.documents-modal-close{width:34px;height:34px;border:0;border-radius:50%;background:#f6f1f7;color:#796b80;font-size:23px;line-height:1;cursor:pointer}.documents-modal-fields{display:grid;gap:15px}.documents-field{display:grid;gap:7px;color:#66586b;font-size:12px}.documents-field input{width:100%;min-height:44px;padding:10px 13px;border:1px solid #e9e1ec;border-radius:12px;background:#fdfbfe;color:#352b39;font:inherit;font-size:13px;outline:none}.documents-field input:focus{border-color:#a58abb;box-shadow:0 0 0 3px #a58abb20}.documents-link-preview{min-height:20px;color:#a093a7;font-size:11px}.documents-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.documents-modal footer .button{min-height:39px;padding-inline:16px;border-radius:11px;font-size:12px}
@media(max-width:760px),(pointer:coarse) and (max-height:600px){.documents-page{padding:12px;margin-bottom:82px;border-radius:20px}.documents-layout{display:flex;flex-direction:column;gap:11px;min-height:calc(100dvh - 190px)}.documents-sidebar{padding:13px 11px;border-radius:17px}.documents-sidebar-head{padding:0 2px 10px}.documents-sidebar-head h1{font-size:18px}.documents-sidebar-head p{font-size:10px}.documents-add-section{min-height:34px;padding:6px 10px;font-size:11px}.documents-section-list{display:flex;gap:7px;overflow-x:auto;padding:10px 1px 2px;scrollbar-width:thin;scrollbar-color:#e5cbd9 transparent;overscroll-behavior-x:contain}.documents-section{width:auto;flex:none;max-width:200px;gap:7px;padding:7px 9px;border:1px solid #efe8f1;border-radius:99px}.documents-section.active{border-color:#ded2e7}.documents-section-mark{width:24px;height:24px;border-radius:50%}.documents-section-mark svg{width:15px;height:15px}.documents-section-name{font-size:11px}.documents-section small{min-width:19px;font-size:9px}.documents-no-sections{padding:7px 3px;font-size:11px}.documents-main{padding:15px 12px;border-radius:17px;min-height:calc(100dvh - 290px)}.documents-main-head{padding:1px 2px 13px}.documents-main-head h2{font-size:18px}.documents-main-head p{font-size:10px}.documents-add-link{width:48px;height:48px;font-size:31px}.documents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:13px}.document-tile{min-height:139px;padding:12px 8px;border-radius:15px}.document-service-icon,.document-service-icon svg{width:47px;height:54px}.service-drive svg,.service-yandex svg,.service-link svg,.service-holst svg,.service-holst img{width:52px;height:52px}.document-tile-name{font-size:12px}.document-tile-service{font-size:9px}.document-add-glyph{width:40px;height:40px;font-size:27px}.documents-sort-hint{font-size:10px;line-height:1.45}.documents-empty{min-height:220px;padding:20px 10px}.documents-empty-start{min-height:45dvh}.documents-empty b{font-size:14px}.documents-empty>span:not(.document-add-glyph){font-size:11px}.documents-modal-overlay{align-items:end;padding:0;background:#21172a5c}.documents-modal{width:100%;padding:18px 17px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.documents-modal h2{font-size:18px}.documents-field input{min-height:47px;font-size:16px}.documents-modal footer .button{flex:1;min-height:44px}}