:root{--purple:#6030ed;--panel:#f0f0f0;--ink:#242424;--muted:#898989}
.content{background:#f0f0f0;padding:28px 34px}.record-page.drawer{width:100%!important;height:auto;min-height:calc(100vh - 175px);background:transparent;box-shadow:none;display:block}.record-page-head{padding:0}.record-page-head h1{font-size:22px;font-weight:600;margin:5px 0 30px;line-height:1.45}.record-back{color:#858585;border:0;padding:0;background:transparent;font-size:18px}.record-page .drawer-body{overflow:visible;padding:0}.record-page .tabs{gap:30px;border-bottom:1px solid #aaa;margin-bottom:30px}.record-page .tabs button{font-size:16px;font-weight:600;white-space:nowrap;padding:12px 0}.record-page .drawer-foot{position:sticky;bottom:0;margin-top:28px;padding:18px 0;background:#f0f0f0f5;border-top:1px solid #ddd;z-index:2}.record-page .field{font-size:16px;gap:10px}.record-page .field label{color:#252525;font-weight:600}.record-page input,.record-page select,.record-page textarea{border:1px solid transparent;border-radius:13px;background:#f5f5f5;min-height:52px;padding:12px 15px;font-size:16px}.record-page input:focus,.record-page select:focus,.record-page textarea:focus{border-color:#9b7cf0;outline:2px solid #6030ed18}.record-page .form-grid{gap:28px 30px}.record-page textarea{min-height:126px}.record-page select[multiple]{min-height:140px}.detail-panel{background:white;border-radius:20px;box-shadow:0 3px 14px #00000003;min-width:0;overflow:hidden}.detail-panel>header{display:flex;justify-content:space-between;align-items:center;min-height:66px;padding:18px 25px;border-bottom:1px solid #ededed}.detail-panel>header h2{font-size:17px}.detail-panel-body{padding:27px 25px}.workflow-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(280px,1fr);gap:30px;align-items:start}.management-panel .detail-panel-body{display:flex;flex-direction:column;gap:30px}.management-panel .field:has([name=status]){position:relative}.management-panel .field:has([name=status]):after{content:'';position:absolute;left:1px;bottom:14px;width:5px;height:26px;border-radius:0 5px 5px 0;background:#ff3966;pointer-events:none}.detail-divider{display:flex;align-items:center;gap:18px;font-size:16px;margin:4px 0 28px}.detail-divider:after{content:'';height:1px;background:#ededed;flex:1}.detail-line{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:16px 0;font-size:16px;align-items:start;overflow-wrap:anywhere}.detail-line>span{color:#686868}.detail-line>div{white-space:pre-wrap}.detail-reference{font:inherit;border:0;border-radius:0;border-bottom:1px dashed #444;padding:0;background:transparent;text-align:left;white-space:normal}.information-read{display:none}.information-panel.is-reading .information-read{display:block}.information-panel.is-reading .information-edit{display:none}.information-panel #edit-information{padding:4px 11px;font-size:22px;color:#666}.information-panel .form-grid{grid-template-columns:1fr}.detail-sections{display:flex;flex-direction:column;gap:26px}.profile-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:48px}.profile-avatar{width:100%;aspect-ratio:1;border-radius:20px;background:#c9c9c9;overflow:hidden}.profile-avatar svg{display:block;width:100%;height:100%;padding-top:28px}.profile-summary{text-align:center}.profile-name{font-weight:600;margin:22px 0 8px;font-size:16px}.profile-fields>h2{font-size:18px;margin:0 0 30px}.profile-fields input,.profile-fields select,.profile-fields textarea{background:#f8f8f8}.profile-fields .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-schedule .profile-summary{display:none}.employee-schedule .profile-layout{display:block}.employee-schedule .profile-fields>h2{font-size:0}.employee-schedule .profile-fields>h2:after{content:'График работы';font-size:18px}.record-page .reference-links{margin-top:-8px}.record-page .reference-links button{font-size:13px;background:transparent;border:0;border-bottom:1px dashed #aaa;border-radius:0;padding:3px;color:#777}.record-page .related-empty{background:#fff;border-radius:20px}.record-page .primary{background:#6030ed}.record-page .primary:hover{background:#4e25c9}
@media(min-width:1600px){.shell{grid-template-columns:320px minmax(0,1fr)}.topbar{height:82px}.record-page-head h1{margin-bottom:30px}.content{padding:28px 35px}}
@media(max-width:1250px){.profile-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}.profile-fields .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:20px}.detail-panel-body{padding:22px 20px}.detail-line{grid-template-columns:1fr;gap:6px}}
@media(max-width:900px){.workflow-layout{grid-template-columns:1fr}.management-panel{grid-row:2}.profile-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}.profile-fields .form-grid{grid-template-columns:1fr}.record-page .tabs{gap:22px}.record-page .tabs button{font-size:14px}}
@media(max-width:600px){.content{padding:22px 16px}.profile-layout{display:block}.profile-summary{max-width:140px;margin:0 auto 28px}.record-page .form-grid{grid-template-columns:1fr}.record-page-head h1{font-size:20px}.detail-panel-body{padding:20px 16px}.record-page .drawer-foot{flex-wrap:wrap}.record-page input,.record-page select,.record-page textarea{max-width:100%;width:100%}}
@media print{#record-list{display:none}.record-page .drawer-foot,.record-back{display:none}.workflow-layout{display:block}.detail-panel{break-inside:avoid;margin-bottom:20px}}
.record-employees .profile-fields [data-field=status]{grid-column:1/-1}.record-employees .profile-fields [data-field=status] select{max-width:32%}.record-employees .profile-fields [data-field=title]{grid-column:1/-1}.property-fields{max-width:1000px}.property-fields [data-field=title],.property-fields [data-field=address]{grid-column:1/-1}.property-fields input,.property-fields select,.property-fields textarea{background:#f8f8f8}.record-page [data-field=status] label{position:relative}
@media(max-width:600px){.record-employees .profile-fields [data-field=status] select{max-width:100%}}
.detail-sections{max-width:1000px}.detail-sections>.detail-panel{background:transparent;border-radius:0;box-shadow:none}.detail-sections>.detail-panel>header{padding:14px 0;min-height:48px;border-bottom:1px solid #dcdcdc}.detail-sections>.detail-panel>.detail-panel-body{padding:24px 0}.detail-sections input,.detail-sections select,.detail-sections textarea{background:#f8f8f8}.detail-sections [data-field=title],.detail-sections [data-field=shortTitle]{grid-column:1/-1}
.record-page .drawer-foot{position:static;background:transparent}.management-panel .field:has([name=status]):after{background:var(--status-color,#ff3966)}.brand,.nav,.topbar{background-color:#626262b8}.record-page .profile-fields [data-field=status]{position:relative}.record-page .profile-fields [data-field=status]:after{content:'';position:absolute;left:1px;bottom:14px;width:5px;height:26px;border-radius:0 5px 5px 0;background:var(--status-color,#39c95a);pointer-events:none}
@media(min-width:901px) and (max-width:1400px){.workflow-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}}
.record-customers [data-field=lastName],.record-customers [data-field=sex]{grid-column:1}.record-customers [data-field=title]{grid-column:1/-1}
@media(max-width:1250px) and (min-width:901px){.profile-fields .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-layout{grid-template-columns:220px minmax(0,1fr);gap:30px}}
.card-tabstrip{position:relative;min-width:0}.record-page .tabs{scrollbar-width:none}.record-page .tabs::-webkit-scrollbar{display:none}.tab-scroll{position:absolute;top:3px;bottom:4px;z-index:1;background:#f0f0f0;border:0;border-radius:0;color:var(--purple);font-size:26px;padding:0 8px}.tab-scroll-back{left:-12px}.tab-scroll-next{right:-12px}.tab-scroll[hidden]{display:none}.employee-schedule .profile-fields>h2{font-size:18px}.employee-schedule .profile-fields>h2:after{content:none}
@media(max-width:1400px){.record-page-head h1{font-size:18px;margin-bottom:20px}.record-back{font-size:14px}.record-page .tabs button{font-size:14px;padding:10px 0}.record-page .tabs{margin-bottom:24px}.record-page .field,.record-page input,.record-page select,.record-page textarea,.detail-line{font-size:14px}.record-page input,.record-page select,.record-page textarea{min-height:44px;padding:10px 12px}.record-page .form-grid{gap:24px}.detail-panel>header h2{font-size:14px}.detail-panel>header{min-height:54px;padding:15px 20px}.profile-fields>h2{font-size:16px}.profile-name{font-size:14px}.management-panel .detail-panel-body{gap:24px}}
@media(max-width:1400px){.information-panel #edit-information{font-size:18px;line-height:24px;padding:2px 8px}.detail-panel>header{padding:10px 20px}}