/* The same pastel visual system on the current permission-aware renderers. */
#content[data-layered-design] { --ld-line:#e3eaf4; --ld-surface:var(--surface,#fff); --ld-ink:var(--ink,#263445); --ld-muted:var(--muted,#718199); color:var(--ld-ink); }
.ld-blue { --ld-tint:#edf3ff; --ld-accent:#2e6cf2; }
.ld-green { --ld-tint:#ecf8f3; --ld-accent:#119d75; }
.ld-orange { --ld-tint:#fff5eb; --ld-accent:#e78227; }
.ld-purple { --ld-tint:#f5efff; --ld-accent:#9258d5; }
.ld-sky { --ld-tint:#edf8ff; --ld-accent:#2194cb; }
.ld-rose { --ld-tint:#fff2f7; --ld-accent:#d75e91; }
#content[data-layered-design] [hidden] { display:none!important; }
#content[data-layered-design] .ld-intro { margin:4px 0 23px; padding:0; align-items:center; }
#content[data-layered-design] .ld-intro .page-title { font-size:29px; line-height:1.4; padding-left:0; margin:0 0 8px; }
#content[data-layered-design] .ld-intro .page-title::before { display:none; }
#content[data-layered-design] .ld-intro .page-subtitle { font-size:13px; line-height:1.6; color:var(--ld-muted); }
#content[data-layered-design] .ld-intro .cc-field { min-width:190px; }
#content[data-layered-design] .ld-intro .cc-field>span { font-size:12px; color:var(--ld-muted); }
#content[data-layered-design] .ld-intro select { width:100%; padding:10px 13px; border:1px solid var(--ld-line); border-radius:10px; color:var(--ld-ink); background:var(--ld-surface); }
#content[data-layered-design] .deposit-workspace-bar { gap:14px; margin:0 0 20px; }
#content[data-layered-design] .deposit-tabs { gap:4px; padding:5px; border:1px solid var(--ld-line); border-radius:12px; background:var(--ld-surface); }
#content[data-layered-design] .deposit-tabs .btn { padding:9px 15px; border-color:transparent; border-radius:8px; font-size:13px; box-shadow:none; }
#content[data-layered-design] .deposit-tabs .btn:not(.active) { color:var(--ld-muted); background:transparent; }
#content[data-layered-design] .deposit-tabs .btn.active { background:#edf3ff; color:#2e6cf2; }
#content[data-layered-design] .deposit-toolbar { gap:8px; }
#content[data-layered-design] .deposit-toolbar .btn { padding:9px 13px; font-size:12px; border-radius:9px; min-height:36px; }
#content[data-layered-design] .ld-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 24px; padding:12px; border:1px solid var(--ld-line); border-radius:19px; background:var(--ld-surface); box-shadow:0 4px 18px #24456704; }
#content[data-layered-design=cash] .ld-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.ld-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 46px; width:46px; height:46px; border-radius:50%; color:var(--ld-accent,#2e6cf2); background:color-mix(in srgb,var(--ld-surface,#fff) 85%,transparent); }
.ld-icon svg { width:24px; height:24px; }
#content[data-layered-design] .ld-stat { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); gap:5px 14px; border:0; border-radius:12px; padding:19px 16px; min-width:0; box-shadow:none; background:var(--ld-tint); }
#content[data-layered-design] .ld-stat::before,#content[data-layered-design] .ld-stat::after { display:none; }
#content[data-layered-design] .ld-stat>.ld-icon { grid-row:1/4; grid-column:1; align-self:center; color:var(--ld-accent); }
#content[data-layered-design] .ld-stat>span:not(.ld-icon),#content[data-layered-design] .ld-stat>strong,#content[data-layered-design] .ld-stat>small { grid-column:2; padding:0; margin:0; min-width:0; }
#content[data-layered-design] .ld-stat>span:not(.ld-icon) { color:var(--ld-muted); font-size:12px; }
#content[data-layered-design] .ld-stat>strong { color:var(--ld-accent); font-size:27px; line-height:1.2; }
#content[data-layered-design] .ld-stat>small { color:var(--ld-muted); font-size:10px; }
#content[data-layered-design] .ld-progress { border:0; border-radius:12px; box-shadow:none; background:var(--ld-tint); padding:20px 16px; }
#content[data-layered-design] .ld-progress .deposit-progress-top { font-size:12px; }
#content[data-layered-design] .ld-progress .deposit-progress-top strong { font-size:24px; color:var(--ld-accent); }
#content[data-layered-design] .ld-progress small { font-size:10px; }
#content[data-layered-design] .module-workspace>.cc-section { padding:0; margin:0; }
#content[data-layered-design] .ld-search { display:grid; grid-template-columns:minmax(0,520px) auto; justify-content:start; gap:10px; margin:0 0 18px; }
#content[data-layered-design] .ld-search input { width:100%; min-width:0; min-height:42px; padding:11px 15px; border:1px solid var(--ld-line); border-radius:10px; background:var(--ld-surface); font-size:13px; }
#content[data-layered-design] .ld-search .btn { min-height:42px; padding:9px 22px; font-size:13px; border-radius:9px; }
.ld-split { display:grid; grid-template-columns:280px minmax(0,1fr); gap:22px; align-items:start; }
.ld-master,.ld-type-list { min-width:0; padding:12px; border:1px solid var(--ld-line); border-radius:17px; background:var(--ld-surface); }
.ld-master-label { margin:5px 8px 15px; color:var(--ld-muted); font-size:12px; font-weight:600; }
.ld-choice { display:block; width:100%; border:1px solid transparent; border-radius:12px; background:transparent; text-align:left; font:inherit; color:var(--ld-ink); padding:13px 11px; margin-bottom:8px; cursor:pointer; }
.ld-choice:last-child { margin-bottom:0; }
.ld-choice:hover { background:color-mix(in srgb,#edf3ff 55%,var(--ld-surface)); }
.ld-choice.active { border-color:#d8e5ff; background:#edf3ff; }
.ld-choice-title { display:flex; align-items:center; gap:9px; line-height:1.5; }
.ld-choice-title strong { font-size:12px; font-weight:650; overflow-wrap:anywhere; }
.ld-choice-title .ld-icon { width:30px; height:30px; flex-basis:30px; background:var(--ld-tint); }
.ld-choice-title svg { width:16px; height:16px; }
.ld-choice>small { display:block; color:var(--ld-muted); font-size:10px; line-height:1.7; margin:9px 0; overflow-wrap:anywhere; }
.ld-choice>.cc-status { font-size:10px; padding:4px 7px; }
.ld-detail,.ld-create-detail { min-width:0; }
#content[data-layered-design] .ld-record-card { padding:22px; margin:0; border:1px solid var(--ld-line); border-radius:16px; background:var(--ld-surface); box-shadow:none; overflow:hidden; }
#content[data-layered-design] .ld-record-card .cc-card-top { display:flex; flex-direction:row; gap:12px; align-items:center; }
#content[data-layered-design] .ld-record-card .cc-card-top>strong { flex:1; min-width:0; font-size:15px; overflow-wrap:anywhere; }
#content[data-layered-design] .ld-record-card .cc-card-top .cc-status { flex-shrink:0; font-size:11px; }
#content[data-layered-design] .ld-record-card .cc-meta { font-size:12px; line-height:1.85; overflow-wrap:anywhere; }
#content[data-layered-design] .ld-record-card .cc-actions { flex-wrap:wrap; gap:8px; margin-top:16px; }
#content[data-layered-design] .ld-record-card .btn-sm { font-size:12px; padding:7px 11px; border-radius:8px; }
#content[data-layered-design] [data-module-workflow-action=approve],#content[data-layered-design] [data-module-workflow-action=review_pass] { background:#2e6cf2; border-color:#2e6cf2; color:#fff; }
#content[data-layered-design] [data-module-workflow-action=reject] { border-color:#f5c8c8; color:#d54b4b; }
#content[data-layered-design] .ld-card-heading { margin:-22px -22px 19px; padding:20px 22px; background:linear-gradient(110deg,var(--ld-tint),var(--ld-surface)); }
.ld-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:18px 0; padding:10px 0 22px; border-bottom:1px solid var(--ld-line); }
.ld-fact { min-width:0; }
.ld-fact dt { color:var(--ld-muted); font-size:11px; margin:0 0 6px; }
.ld-fact dd { margin:0; font-size:13px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; }
#content[data-layered-design] .ld-record-card .cc-history { border-top:1px solid var(--ld-line); margin-top:22px; padding-top:17px; font-size:12px; color:var(--ld-muted); }
#content[data-layered-design] .cc-inline-form { gap:10px; }
#content[data-layered-design] .cc-inline-form input { min-width:0; padding:10px 12px; border-radius:8px; font-size:12px; }
#content[data-layered-design] .cc-workflow-pager { justify-content:flex-end; margin:18px 0; gap:9px; flex-wrap:wrap; }
#content[data-layered-design] .cc-workflow-pager .cc-meta { font-size:12px; }
.ld-create-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:22px; align-items:start; margin-bottom:28px; }
.ld-type-choice { display:flex; align-items:center; gap:11px; width:100%; text-align:left; font:inherit; color:var(--ld-ink); background:var(--ld-tint); border:1px solid transparent; border-radius:12px; margin:0 0 11px; padding:16px 12px; cursor:pointer; }
.ld-type-choice:last-child { margin:0; }
.ld-type-choice strong { flex:1; font-size:13px; line-height:1.5; }
.ld-type-choice>.ld-icon { width:37px; height:37px; flex-basis:37px; }
.ld-type-choice>.ld-icon svg { width:21px; height:21px; }
.ld-type-choice>span:last-child { color:var(--ld-accent); font-size:22px; }
.ld-type-choice.active { border-color:var(--ld-accent); }
.ld-inline-form-panel { border:1px solid var(--ld-line); border-radius:17px; background:var(--ld-surface); overflow:hidden; }
.ld-form-heading { display:flex; align-items:center; gap:14px; padding:22px 25px; background:linear-gradient(110deg,var(--ld-tint,#edf3ff),var(--ld-surface)); }
.ld-form-heading h2 { margin:0; font-size:20px; line-height:1.6; }
.ld-form-body { padding:24px; }
#content[data-layered-design] .ld-form-body .cc-form-grid { gap:20px; }
#content[data-layered-design] .ld-form-body .cc-field { min-width:0; }
#content[data-layered-design] .ld-form-body .cc-field>span { font-size:12px; }
#content[data-layered-design] .ld-form-body input,#content[data-layered-design] .ld-form-body select,#content[data-layered-design] .ld-form-body textarea { min-width:0; width:100%; border-color:var(--ld-line); border-radius:8px; padding:10px 12px; font-size:13px; }
#content[data-layered-design] .ld-form-body input[type=checkbox] { width:auto; }
#content[data-layered-design] .ld-form-body input[type=file] { padding:11px; font-size:11px; background:color-mix(in srgb,#edf3ff 35%,var(--ld-surface)); border:1px dashed var(--ld-line); }
#content[data-layered-design] .ld-form-body small { font-size:10px; line-height:1.6; }
.ld-form-footer { display:flex; justify-content:flex-end; border-top:1px solid var(--ld-line); margin:0 24px; padding:18px 0; }
.ld-form-footer .btn { font-size:13px; border-radius:9px; }
.ld-section-title { margin:0 0 18px; font-size:20px; }
#content[data-layered-design] .ld-task-records .cc-list { display:grid; gap:14px; }
.ld-after-layout { display:grid; grid-template-columns:320px minmax(0,1fr); gap:22px; align-items:start; }
#content[data-layered-design] .ld-after-records { padding:0; margin:0; min-width:0; }
#content[data-layered-design] .ld-after-layout .ld-form-body .cc-form-grid { display:block; }
#content[data-layered-design] .ld-after-layout .cc-field { margin-bottom:20px; }
#content[data-layered-design] .ld-after-layout .ld-form-body { padding:20px; }
#content[data-layered-design] .ld-after-layout .ld-form-heading { padding:21px 20px; }
#content[data-layered-design] .ld-after-layout .ld-form-heading h2 { font-size:18px; }
#content[data-layered-design] .ld-after-records .cc-list { display:grid; gap:14px; }
#content[data-layered-design] .ld-after-records .ld-record-card .cc-card-top>strong { font-size:13px; }
#content[data-layered-design] .after-sales-description { font-size:13px; line-height:1.8; }
#content[data-layered-design] .after-sales-images { display:flex; flex-wrap:wrap; gap:10px; }
#content[data-layered-design] .after-sales-images img { width:110px; height:82px; object-fit:cover; border-radius:8px; }
#content[data-layered-design=cash] .deposit-store-icon { color:var(--ld-accent); background:var(--ld-tint); }
#content[data-layered-design=cash] .deposit-row { padding:17px 18px; }
#content[data-layered-design=cash] .deposit-store strong { font-size:14px; }
#content[data-layered-design=cash] .deposit-store small,#content[data-layered-design=cash] .deposit-state small { font-size:11px; }
#content[data-layered-design=cash] .deposit-actions { flex-wrap:wrap; gap:8px; }
#content[data-layered-design=cash] .deposit-actions .btn { padding:7px 10px; font-size:12px; border-radius:8px; }
.ld-loading { margin:0; padding:40px 24px; text-align:center; color:var(--ld-muted); font-size:13px; }
.ld-choice:focus-visible,.ld-type-choice:focus-visible { outline:3px solid #75a9ff; outline-offset:2px; }
.app-shell[data-theme=dark] #content[data-layered-design] { --ld-line:#2d3d50; }
.app-shell[data-theme=dark] .ld-blue { --ld-tint:#202e48; --ld-accent:#83b0ff; }
.app-shell[data-theme=dark] .ld-green { --ld-tint:#163c34; --ld-accent:#70dbb1; }
.app-shell[data-theme=dark] .ld-orange { --ld-tint:#3d3024; --ld-accent:#ffc078; }
.app-shell[data-theme=dark] .ld-purple { --ld-tint:#332746; --ld-accent:#c49aee; }
.app-shell[data-theme=dark] .ld-sky { --ld-tint:#1c3545; --ld-accent:#73c7ee; }
.app-shell[data-theme=dark] .ld-rose { --ld-tint:#3d2636; --ld-accent:#f7a1c7; }
.app-shell[data-theme=dark] #content[data-layered-design] .deposit-tabs .btn.active,.app-shell[data-theme=dark] .ld-choice.active { background:#202e48; border-color:#395880; color:#83b0ff; }
@media(max-width:1200px) {
  .ld-split { grid-template-columns:235px minmax(0,1fr); gap:16px; }
  .ld-create-layout { grid-template-columns:220px minmax(0,1fr); gap:16px; }
  .ld-after-layout { grid-template-columns:280px minmax(0,1fr); gap:16px; }
  #content[data-layered-design] .ld-stat { gap:5px 9px; padding:16px 12px; }
}
@media(max-width:960px) {
  .ld-after-layout { grid-template-columns:minmax(0,1fr); }
  #content[data-layered-design=cash] .ld-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  #content[data-layered-design] .ld-intro { gap:15px; }
  #content[data-layered-design] .ld-intro .page-title { font-size:24px; }
  #content[data-layered-design] .ld-intro .cc-field { width:100%; }
  #content[data-layered-design] .deposit-workspace-bar { align-items:stretch; }
  #content[data-layered-design] .deposit-toolbar { width:100%; }
  #content[data-layered-design] .deposit-toolbar .btn { flex:1 1 auto; }
  #content[data-layered-design] .deposit-tabs { width:100%; }
  #content[data-layered-design] .deposit-tabs .btn { flex:1; padding:9px; font-size:11px; }
  #content[data-layered-design] .ld-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:8px; }
  #content[data-layered-design] .ld-stat:last-child:nth-child(odd) { grid-column:1/-1; }
  #content[data-layered-design] .ld-stat { grid-template-columns:32px minmax(0,1fr); padding:13px 10px; }
  #content[data-layered-design] .ld-stat>.ld-icon { width:32px; height:32px; flex-basis:32px; }
  #content[data-layered-design] .ld-stat>.ld-icon svg { width:19px; height:19px; }
  #content[data-layered-design] .ld-stat>strong { font-size:24px; }
  #content[data-layered-design] .ld-stat>span:not(.ld-icon) { font-size:10px; }
  .ld-split,.ld-create-layout { grid-template-columns:minmax(0,1fr); gap:15px; }
  .ld-master { max-height:300px; overflow:auto; }
  .ld-type-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:10px; }
  .ld-type-list>.ld-master-label { grid-column:1/-1; margin:4px; }
  .ld-type-choice { margin:0; padding:12px 9px; gap:8px; }
  .ld-type-choice strong { font-size:11px; }
  .ld-type-choice>.ld-icon { width:28px; height:28px; flex-basis:28px; }
  .ld-type-choice>.ld-icon svg { width:17px; height:17px; }
  .ld-form-heading { padding:18px; }
  .ld-form-heading h2 { font-size:18px; }
  .ld-form-body { padding:18px; }
  #content[data-layered-design] .ld-form-body .cc-form-grid { grid-template-columns:minmax(0,1fr); }
  #content[data-layered-design] .ld-search { grid-template-columns:minmax(0,1fr) auto; }
  #content[data-layered-design] .ld-search input { grid-column:auto; }
  #content[data-layered-design] .ld-search .btn { padding:9px 13px; }
  #content[data-layered-design] .ld-record-card { padding:17px; }
  #content[data-layered-design] .ld-card-heading { margin:-17px -17px 17px; padding:17px; flex-wrap:wrap; }
  #content[data-layered-design] .ld-record-card .cc-card-top>strong { font-size:13px; }
  #content[data-layered-design] .ld-record-card .cc-card-top>.ld-icon { width:34px; height:34px; flex-basis:34px; }
  #content[data-layered-design] .ld-record-card .cc-card-top>.cc-status { margin-left:auto; }
  #content[data-layered-design] .cc-inline-form { flex-wrap:wrap; }
  #content[data-layered-design] .cc-inline-form input { width:100%; flex-basis:100%; }
  .ld-facts { gap:15px; }
  #content[data-layered-design=cash] .deposit-progress-top { flex-wrap:wrap; gap:6px; }
}