.native-tool-shell{border:1px solid var(--border);background:var(--surface);overflow:hidden}.native-tool-top{position:sticky;top:var(--workspace-header-height,74px);z-index:80;min-height:56px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--surface)}.native-tool-title{display:flex;align-items:center;gap:12px}.native-tool-title .idx{color:#555;font-size:8px;font-weight:700}.native-tool-title strong{font-size:13px;letter-spacing:.4px}.native-tool-title small{color:#626268}.native-tool-actions{display:flex;gap:7px}.native-tool-actions button{height:34px;padding:0 11px;border:1px solid var(--border);background:transparent;color:#777;font-size:8px;font-weight:700;letter-spacing:1px}.native-tool-actions button:hover{border-color:var(--accent);color:var(--text)}.workspace-module .page{width:100%;padding:26px}.workspace-module .hero,.workspace-module .tool-hero{padding:30px 0 34px}.workspace-module .hero h1,.workspace-module .tool-hero h1{font-size:clamp(46px,6vw,76px);letter-spacing:-4px;margin:14px 0}.workspace-module .hero p,.workspace-module .tool-hero p{color:var(--muted);line-height:1.7;max-width:700px}.module-shifts .workspace{display:grid;grid-template-columns:238px minmax(0,1fr) 300px;gap:10px}.shift-panel,.main-panel,.service-panel{border:1px solid var(--border);background:var(--surface)}.section-head{min-height:43px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:#666;font-size:8px;font-weight:700;letter-spacing:1.25px}.shift-list{padding:7px;display:grid;gap:5px}.shift-card{width:100%;display:grid;grid-template-columns:30px 1fr 12px;align-items:center;gap:8px;min-height:43px;padding:0 10px;border:1px solid transparent;background:transparent;color:#777;text-align:left}.shift-card:hover{border-color:var(--border2);color:var(--text)}.shift-card.active{background:#16121f;border-color:#4b3578;color:#fff}.shift-card .num{color:var(--accent2);font-size:9px;font-weight:800}.shift-card .time{font-size:10px}.shift-card .status{width:5px;height:5px;border-radius:50%;background:#444}.shift-card.active .status{background:var(--good);box-shadow:0 0 8px var(--good)}.output-block{padding:16px}.ping-edit-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.ping-edit-head strong{display:block;font-size:9px;letter-spacing:1.2px}.ping-edit-head p{margin-top:7px;color:#5c5c63;font-size:9px;line-height:1.5}.editable-mark{display:inline-block;margin-left:8px;color:var(--accent2);font-size:7px}.reset-button{height:32px;padding:0 9px;border:1px solid var(--border);background:transparent;color:#666;font-size:7px;font-weight:700}.ping-editor{width:100%;min-height:220px;padding:14px;border:1px solid var(--border);background:#0b0b0c;color:#d5d5d8;outline:none;resize:vertical;line-height:1.55}.ping-editor:focus{border-color:#5b408a}.ping-warning{min-height:24px;padding:6px 0;color:var(--warn);font-size:8px}.preview-head{display:flex;justify-content:space-between;margin:10px 0 8px;color:#555;font-size:8px;font-weight:700;letter-spacing:1px}.discord-preview{padding:16px;border:1px solid #25262a;background:#313338;color:#dbdee1}.discord-message{display:flex;gap:12px}.discord-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;background:#5865f2;color:white;font-weight:800;background-position:center;background-size:cover}.discord-meta{display:flex;gap:8px;align-items:center}.discord-username{color:#f2f3f5;font-weight:700}.discord-timestamp{color:#949ba4;font-size:10px}.discord-content{margin-top:4px;white-space:pre-wrap;word-break:break-word;line-height:1.42;outline:none}.discord-content .mention{padding:1px 2px;border-radius:3px;background:rgba(88,101,242,.3);color:#c9cdfb}.copy-button{width:100%;min-height:42px;margin-top:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:9px;font-weight:800;letter-spacing:1.2px}.people-grid{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--border)}.person{padding:14px;border-bottom:1px solid var(--border)}.person label{display:block;color:#555;font-size:7px;font-weight:700;letter-spacing:1px;margin-bottom:8px}.locked-value{min-height:36px;padding:9px;border:1px solid var(--border);background:#0c0c0d;color:#aaa;font-size:10px;word-break:break-word}.control-block{padding:14px}.control-head{display:flex;justify-content:space-between;color:#666;font-size:8px;font-weight:700;letter-spacing:1px}.controls-view{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0;min-height:42px}.control-mention{padding:6px 7px;border:1px solid rgba(88,101,242,.35);background:rgba(88,101,242,.12);color:#b7bdfb;font-size:9px}.controls-empty{color:#555;font-size:9px}.sheet-status{display:inline-flex;align-items:center;margin-top:6px;font-size:8px;font-weight:700;letter-spacing:.8px}.sheet-status.loading{color:#9b8abf}.sheet-status.ok{color:var(--good)}.sheet-status.error{color:var(--danger)}.hint{margin-top:10px;color:#555;font-size:8px;line-height:1.5}.document-bar{padding:12px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.7fr) auto;gap:10px;margin-bottom:10px}.document-title-field,.document-picker{display:flex;flex-direction:column;gap:6px}.document-title-field span,.document-picker span{color:#555;font-size:7px;font-weight:700;letter-spacing:1px}.document-title-field input,.document-picker select,.inline-input,.json-area{border:1px solid var(--border);background:#0b0b0c;color:var(--text);padding:10px;outline:none}.document-actions{display:flex;align-items:flex-end;gap:5px;flex-wrap:wrap}.share-button{height:36px;padding:0 10px;border:1px solid var(--good);background:rgba(72,213,151,.08);color:var(--good);font-size:8px;font-weight:700}.builder-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:10px}.component-panel,.preview-panel{border:1px solid var(--border);background:var(--surface)}.component-list{display:grid;gap:8px;padding:12px;max-height:650px;overflow:auto}.component-item{padding:11px;border:1px solid var(--border);background:#0c0c0d}.component-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#777;font-size:8px;font-weight:700}.component-item textarea,.component-item input{width:100%;padding:9px;border:1px solid var(--border);background:#09090a;color:var(--text);outline:none;resize:vertical}.component-item textarea{min-height:76px}.component-item button{border:0;background:transparent;color:var(--danger);font-size:8px}.add-component-bar{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px}.preview-column{display:grid;align-content:start;gap:8px}.preview-panel .discord-preview{border:0}.preview-actions{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--border)}.export-note{color:#555;font-size:9px;line-height:1.55}.versions-list{padding:10px}.version-row{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--border)}.validation-box{padding:9px;color:var(--warn);font-size:9px}.modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72)}.modal-card{width:min(700px,100%);background:var(--surface)}.modal-card.compact{width:min(450px,100%)}.json-area{width:100%;min-height:280px;resize:vertical}.square-button{width:30px;height:30px;border:1px solid var(--border);background:transparent;color:#777}.modal-error{min-height:20px;color:var(--danger);font-size:9px}.hidden{display:none!important}#shiftsToast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:900;color:#fff}.live-data-badge,.live-dot{color:var(--good)}body.light-theme .shift-card.active{background:#f3eeff}body.light-theme .ping-editor,body.light-theme .locked-value,body.light-theme .component-item,body.light-theme .component-item textarea,body.light-theme .component-item input,body.light-theme .document-title-field input,body.light-theme .document-picker select,body.light-theme .inline-input{background:#fff}.qa-answer-content img{max-width:100%;height:auto}@media(max-width:1050px){.module-shifts .workspace{grid-template-columns:190px 1fr}.service-panel{grid-column:1/-1}.people-grid{grid-template-columns:1fr 1fr}.builder-layout{grid-template-columns:1fr}.preview-column{grid-row:auto}.document-bar{grid-template-columns:1fr 1fr}.document-actions{grid-column:1/-1}}@media(max-width:700px){.workspace-module .page{padding:14px}.module-shifts .workspace{grid-template-columns:1fr}.shift-panel{order:1}.main-panel{order:2}.service-panel{order:3}.shift-list{grid-template-columns:repeat(3,1fr)}.shift-card{grid-template-columns:22px 1fr}.shift-card .status{display:none}.people-grid{grid-template-columns:1fr}.ping-edit-head{flex-direction:column}.document-bar{grid-template-columns:1fr}.document-actions{grid-column:auto}.add-component-bar{flex-direction:column}.native-tool-title small{display:none}}

/* Message Builder Discord Components V2 preview */
.preview-panel .discord-preview{
  padding:18px!important;
  background:#313338!important;
  color:#dbdee1!important
}
.preview-panel .discord-message{align-items:flex-start!important}
.preview-panel .discord-body{min-width:0!important;flex:1!important}
.preview-panel .discord-meta{
  margin-bottom:4px!important;
  color:#949ba4!important;
  font-size:11px!important
}
.preview-panel .discord-meta strong{
  color:#f2f3f5!important;
  font-size:14px!important;
  font-weight:700!important
}
.v2-preview{min-width:0!important;max-width:100%!important}
.discord-v2-message-content{
  margin:3px 0 8px!important;
  color:#dbdee1!important;
  font-size:14px!important;
  line-height:1.375!important;
  word-break:break-word!important
}
.discord-v2-container{
  width:min(100%,520px)!important;
  overflow:hidden!important;
  border:1px solid #3f4147!important;
  border-radius:8px!important;
  background:#2b2d31!important;
  box-shadow:0 1px 0 rgba(0,0,0,.12)!important
}
.discord-v2-text,
.discord-v2-inner-container,
.discord-v2-section{
  padding:12px 14px!important;
  color:#dbdee1!important;
  font-size:14px!important;
  line-height:1.375!important;
  word-break:break-word!important
}
.discord-v2-inner-container{
  margin:8px!important;
  border:1px solid #3f4147!important;
  border-radius:6px!important;
  background:#313338!important
}
.discord-v2-section{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important
}
.discord-v2-section.has-media{
  grid-template-columns:minmax(0,1fr) 96px!important
}
.discord-v2-section-copy{min-width:0!important}
.discord-v2-section-media{
  width:96px!important;
  height:96px!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#1e1f22!important
}
.discord-preview-media{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  max-height:320px!important;
  object-fit:cover!important;
  border-radius:6px!important;
  background:#1e1f22!important
}
.discord-preview-media.accessory{
  width:96px!important;
  height:96px!important;
  object-fit:cover!important;
  border-radius:6px!important
}
.discord-v2-media-grid{
  padding:8px 12px 12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important
}
.discord-v2-media-grid:has(> :only-child){grid-template-columns:1fr!important}
.discord-v2-separator{padding:4px 14px!important}
.discord-v2-separator>span{
  display:block!important;
  height:1px!important;
  background:#3f4147!important
}
.discord-v2-actions{
  padding:8px 14px 12px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important
}
.discord-v2-actions button{
  min-height:32px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:3px!important;
  background:#5865f2!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:500!important;
  pointer-events:none!important
}
.discord-mention{
  display:inline!important;
  padding:0 2px!important;
  border-radius:3px!important;
  background:rgba(88,101,242,.3)!important;
  color:#c9cdfb!important;
  font-weight:500!important
}
.discord-custom-emoji{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  vertical-align:-5px!important;
  margin:0 1px!important
}
.discord-md-h1,
.discord-md-h2,
.discord-md-h3{
  color:#f2f3f5!important;
  font-weight:700!important;
  line-height:1.2!important
}
.discord-md-h1{font-size:22px!important;margin:1px 0 3px!important}
.discord-md-h2{font-size:18px!important;margin:1px 0 2px!important}
.discord-md-h3{font-size:16px!important;margin:1px 0 2px!important}
.discord-md-quote{
  padding-left:10px!important;
  border-left:3px solid #4e5058!important;
  color:#b5bac1!important
}
.v2-preview code{
  padding:2px 4px!important;
  border-radius:3px!important;
  background:#1e1f22!important;
  color:#dbdee1!important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
  font-size:.9em!important
}
.discord-media-link{
  padding:8px!important;
  color:#00a8fc!important;
  word-break:break-all!important
}
.discord-v2-empty{
  padding:18px!important;
  color:#949ba4!important;
  font-size:12px!important;
  text-align:center!important
}
@media(max-width:700px){
  .discord-v2-section.has-media{grid-template-columns:minmax(0,1fr) 76px!important}
  .discord-v2-section-media,.discord-preview-media.accessory{width:76px!important;height:76px!important}
  .discord-v2-media-grid{grid-template-columns:1fr!important}
}


/* Message Builder nested Components V2 editor */
.component-list{
  gap:10px!important;
  padding:12px!important;
}
.component-container-v8{
  overflow:hidden!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:#0d0f13!important;
}
.component-container-head-v8,
.component-child-head-v8{
  min-height:48px!important;
  padding:0 11px!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border-bottom:1px solid transparent!important;
}
.component-container-v8:not(:has([data-body][hidden]))>.component-container-head-v8{
  border-bottom-color:var(--border)!important;
}
.component-toggle-v8{
  width:24px!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#8fa2b7!important;
  font-size:11px!important;
}
.component-title-v8{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.component-title-v8 strong{
  flex:0 0 auto!important;
  color:#f2f4f8!important;
  font-size:11px!important;
  font-weight:750!important;
}
.component-title-v8 span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8ea1b4!important;
  font-size:8px!important;
}
.component-controls-v8{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.component-controls-v8 button{
  min-width:26px!important;
  height:27px!important;
  padding:0 7px!important;
  border:1px solid #242a33!important;
  border-radius:7px!important;
  background:#11151b!important;
  color:#8ea1b4!important;
  font-size:8px!important;
}
.component-controls-v8 button:hover:not(:disabled){
  border-color:#344052!important;
  color:#dce4ee!important;
}
.component-controls-v8 button[data-delete]{
  min-width:auto!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#a5b3c4!important;
}
.component-controls-v8 button[data-delete]:hover{
  color:#ef6674!important;
}
.component-controls-v8 button:disabled{
  opacity:.3!important;
  cursor:not-allowed!important;
}
.component-container-body-v8{
  padding:11px!important;
}
.container-options-v8{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-bottom:12px!important;
}
.container-options-v8>label:first-child{
  display:grid!important;
  gap:6px!important;
}
.container-options-v8>label>span{
  color:#7d8c9f!important;
  font-size:7px!important;
  font-weight:700!important;
}
.color-input-v8{
  display:grid!important;
  grid-template-columns:36px minmax(0,120px)!important;
  gap:7px!important;
  align-items:center!important;
}
.color-input-v8 input[type="color"]{
  width:36px!important;
  height:34px!important;
  padding:2px!important;
  border:1px solid #272d36!important;
  border-radius:8px!important;
  background:#11151a!important;
}
.color-input-v8 input[type="text"],
.color-input-v8 input:not([type]){
  height:34px!important;
}
.component-check-v8{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#d8e0e9!important;
  font-size:9px!important;
}
.component-check-v8 input{
  width:15px!important;
  height:15px!important;
  margin:0!important;
}
.nested-components-v8{
  display:grid!important;
  gap:8px!important;
}
.component-child-v8{
  overflow:hidden!important;
  border:1px solid #262d37!important;
  border-radius:10px!important;
  background:#101319!important;
}
.component-child-v8:has(.component-child-body-v8:not([hidden])){
  border-color:#364152!important;
}
.component-child-head-v8{
  min-height:46px!important;
}
.component-child-body-v8{
  padding:10px 11px 11px!important;
  border-top:1px solid #252c35!important;
}
.component-child-body-v8 textarea,
.component-child-body-v8 input,
.component-child-body-v8 select,
.container-options-v8 input,
.nested-add-v8 select{
  width:100%!important;
  border:1px solid #272e38!important;
  border-radius:8px!important;
  background:#0b0e12!important;
  color:#e4e9ef!important;
  outline:0!important;
  font:inherit!important;
  font-size:9px!important;
}
.component-child-body-v8 textarea{
  min-height:92px!important;
  padding:10px!important;
  resize:vertical!important;
  line-height:1.5!important;
}
.component-child-body-v8 input{
  height:36px!important;
  padding:0 10px!important;
  margin-top:7px!important;
}
.component-child-body-v8 input:first-child{margin-top:0!important}
.component-settings-grid-v8{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-items:end!important;
}
.component-settings-grid-v8>label:first-child{
  display:grid!important;
  gap:6px!important;
}
.component-settings-grid-v8>label>span{
  color:#7d8c9f!important;
  font-size:7px!important;
}
.component-settings-grid-v8 select{
  height:36px!important;
  padding:0 9px!important;
}
.nested-add-v8{
  margin-top:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.nested-add-v8 select{
  width:190px!important;
  height:35px!important;
  padding:0 9px!important;
}
.nested-add-v8 button{
  min-height:35px!important;
  padding:0 11px!important;
  border:1px solid #30394a!important;
  border-radius:8px!important;
  background:#111722!important;
  color:#9bb3ce!important;
  font-size:8px!important;
  font-weight:700!important;
}
.nested-add-v8 button:hover{
  border-color:#475774!important;
  color:#d9e7f7!important;
}
body.light-theme .component-container-v8,
body.light-theme .component-child-v8{
  background:#fff!important;
}
body.light-theme .component-title-v8 strong{color:#15191f!important}
body.light-theme .component-child-body-v8 textarea,
body.light-theme .component-child-body-v8 input,
body.light-theme .component-child-body-v8 select,
body.light-theme .container-options-v8 input,
body.light-theme .nested-add-v8 select{
  background:#fff!important;color:#15191f!important
}
@media(max-width:700px){
  .component-container-head-v8,
  .component-child-head-v8{
    grid-template-columns:22px minmax(0,1fr)!important;
  }
  .component-controls-v8{
    grid-column:1/-1!important;
    justify-content:flex-end!important;
    padding:0 0 8px 30px!important;
  }
  .container-options-v8,
  .component-settings-grid-v8{
    grid-template-columns:1fr!important;
  }
  .nested-add-v8{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .nested-add-v8 select,.nested-add-v8 button{width:100%!important}
}


/* Shifts rich Discord preview */
.module-shifts .discord-content{
  white-space:normal!important;
  font-size:14px!important;
  line-height:1.375!important;
  color:#dbdee1!important;
}
.module-shifts .shift-preview-h1,
.module-shifts .shift-preview-h2,
.module-shifts .shift-preview-h3{
  color:#f2f3f5!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.module-shifts .shift-preview-h1{font-size:22px!important;margin:2px 0 6px!important}
.module-shifts .shift-preview-h2{font-size:18px!important;margin:2px 0 5px!important}
.module-shifts .shift-preview-h3{font-size:16px!important;margin:2px 0 4px!important}
.module-shifts .shift-preview-line{min-height:19px!important}
.module-shifts .shift-preview-gap{height:12px!important}
.module-shifts .shift-preview-quote{
  margin:3px 0!important;
  padding-left:10px!important;
  border-left:3px solid #4e5058!important;
  color:#b5bac1!important;
}
.module-shifts .shift-preview-quote>div{min-height:19px!important}
.module-shifts .shift-preview-list{
  min-height:19px!important;
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr)!important;
  gap:1px!important;
}
.module-shifts .shift-preview-list>span{color:#dbdee1!important}
.module-shifts .discord-content .mention{
  display:inline!important;
  padding:0 2px!important;
  border-radius:3px!important;
  background:rgba(88,101,242,.3)!important;
  color:#c9cdfb!important;
  font-weight:500!important;
}
.module-shifts .discord-content .mention.channel{color:#c9cdfb!important}
.module-shifts .discord-content strong{color:#f2f3f5!important;font-weight:700!important}
.module-shifts .discord-content em{font-style:italic!important}
.module-shifts .discord-content code{
  padding:1px 4px!important;
  border-radius:3px!important;
  background:#1e1f22!important;
  color:#dbdee1!important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
  font-size:.9em!important;
}
.module-shifts .shift-inline-emoji{
  width:22px!important;
  height:22px!important;
  object-fit:contain!important;
  vertical-align:-5px!important;
  margin:0 1px!important;
}


/* Shifts side panels from shiftstest */
.module-shifts .shift-side-stack{
  display:grid;
  gap:10px;
  align-content:start;
  min-width:0;
}
.module-shifts .shift-side-card{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--surface);
}
.module-shifts .shift-side-head{
  min-height:54px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid var(--border);
}
.module-shifts .shift-side-head>div{
  display:grid;
  gap:3px;
}
.module-shifts .shift-side-head small{
  color:#565965;
  font-size:7px;
  font-weight:700;
  letter-spacing:.08em;
}
.module-shifts .shift-side-head strong{
  color:var(--text);
  font-size:11px;
}
.module-shifts .shift-side-head>button{
  min-height:31px;
  padding:0 9px;
  border:1px solid var(--border);
  border-radius:9px;
  background:#111218;
  color:#777c88;
  font-size:7px;
}
.module-shifts .shift-side-head>button:hover{
  border-color:var(--border2);
  color:var(--text);
}
.module-shifts .shift-side-card .people-grid{
  display:grid;
  grid-template-columns:1fr;
  border-bottom:1px solid var(--border);
}
.module-shifts .shift-side-card .person{
  padding:12px;
  border-bottom:1px solid var(--border);
}
.module-shifts .shift-side-card .person:last-child{border-bottom:0}
.module-shifts .shift-side-card .person label{
  margin-bottom:7px;
  color:#555a66;
  font-size:7px;
  text-transform:none;
}
.module-shifts .shift-side-card .locked-value{
  min-height:40px;
  padding:10px;
  display:flex;
  align-items:center;
  border:1px solid var(--border);
  border-radius:11px;
  background:#121319;
  color:#c7cbd3;
  font-size:10px;
  line-height:1.45;
}
.module-shifts .shift-side-card .control-block{
  padding:12px;
}
.module-shifts .shift-side-card .control-head{
  color:#575c67;
  text-transform:none;
}
.module-shifts .shift-side-card .controls-view{
  margin:10px 0 0;
  min-height:0;
  gap:5px;
}
.module-shifts .shift-side-card .control-mention{
  padding:5px 7px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#101116;
  color:#959aa5;
  font-size:7px;
}
.module-shifts .shift-side-card .sidebar-sync{
  margin-top:10px;
}
.module-shifts .shift-history-list,
.module-shifts .shift-pinned-list{
  padding:7px;
  display:grid;
  gap:6px;
}
.module-shifts .shift-side-empty,
.module-shifts .shift-history-row,
.module-shifts .shift-pin-row{
  min-height:54px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#121319;
}
.module-shifts .shift-side-empty{
  display:grid;
  align-content:center;
  gap:3px;
}
.module-shifts .shift-side-empty strong,
.module-shifts .shift-history-row strong,
.module-shifts .shift-pin-row strong{
  color:#e2e4e8;
  font-size:9px;
}
.module-shifts .shift-side-empty span,
.module-shifts .shift-history-row span,
.module-shifts .shift-pin-row span{
  display:block;
  margin-top:3px;
  color:#565b66;
  font-size:7px;
}
.module-shifts .shift-history-row,
.module-shifts .shift-pin-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.module-shifts .shift-history-row button,
.module-shifts .shift-pin-row button{
  min-height:29px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#0e0f14;
  color:#777d88;
  font-size:7px;
}
.module-shifts .shift-history-row button:hover,
.module-shifts .shift-pin-row button:hover{
  color:var(--text);
  border-color:var(--border2);
}
.module-shifts .shift-card{
  grid-template-columns:30px minmax(0,1fr) 5px 24px;
}
.module-shifts .shift-pin{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:#505560;
  font-size:11px;
}
.module-shifts .shift-card:hover .shift-pin{color:#8b91a0}
.module-shifts .shift-card.pinned .shift-pin{color:#e2b85e}
.module-shifts .shift-pin:hover{
  background:#171921;
  color:#e2b85e!important;
}
body.light-theme .module-shifts .shift-side-card,
body.light-theme .module-shifts .shift-side-empty,
body.light-theme .module-shifts .shift-history-row,
body.light-theme .module-shifts .shift-pin-row,
body.light-theme .module-shifts .shift-side-card .locked-value,
body.light-theme .module-shifts .shift-side-card .control-mention{
  background:#fff;
}

@media(max-width:1050px){
  .module-shifts .shift-side-stack{
    grid-column:1/-1;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .module-shifts .shift-side-stack{
    grid-template-columns:1fr;
    order:3;
  }
}