/* Purchased Untitled UI: button 3287:429435, input 11351:120131,
   modal 4057:415360. Supplied File Uploader Widget: 87:35 / 87:45 / 87:46.
   Screen-only customer controls; no journal paper, signature or permission changes. */
@media screen {
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) {
    --ck-paper:#fff; --ck-subtle:#fafafa; --ck-hover:#f5f5f5;
    --ck-ink:#171717; --ck-text:#404040; --ck-muted:#737373;
    --ck-line:#e5e5e5; --ck-input-line:#d4d4d4; --ck-danger:#e00000;
    --ck-font:"Selo Admin Inter",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    box-sizing:border-box; padding:24px !important; backdrop-filter:none !important;
    font:400 14px/20px var(--ck-font); color:var(--ck-text);
  }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal {
    position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; background:rgb(0 0 0 / 50%);
  }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-box {
    background:var(--ck-paper); width:100%; max-width:560px; max-height:calc(100dvh - 48px); overflow:auto;
    border-radius:24px; box-shadow:0 0 24px rgb(25 39 89 / 6%); outline:none;
  }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal header { min-height:68px; padding:16px 24px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:16px; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal h2 { margin:0; font:600 16px/24px var(--ck-font); color:var(--ck-ink); }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-area { padding:32px; background:#f7f9fb; border-radius:0 0 24px 24px; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-zone { padding:40px 16px; border:2px dashed #e2e6ea; border-radius:24px; text-align:center; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-zone.is-over { border-color:var(--ck-text); }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-zone p { margin:12px 0 0; color:var(--ck-muted); font:400 14px/20px var(--ck-font); }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-result { padding:0 24px; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-result ul { margin:0; padding:0; list-style:none; max-height:120px; overflow:auto; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-result li { padding:12px 0; border-bottom:1px solid var(--ck-line); overflow-wrap:anywhere; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal [data-upload-status]:not(:empty) { margin:16px 0 24px; overflow-wrap:anywhere; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal[data-state="error"] [data-upload-status] { color:var(--ck-danger); }

  /* Exact secondary button component, retaining each original action/visibility. */
  #page-user-main.customer-kit-shell #setPanel-subscription button,
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay button,
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) button {
    padding:8px 14px !important; min-height:38px; box-sizing:border-box; cursor:pointer;
    border:1px solid var(--ck-input-line) !important; border-radius:8px !important;
    background:var(--ck-paper) !important; color:var(--ck-text) !important;
    font:600 14px/20px var(--ck-font) !important; letter-spacing:normal !important;
    box-shadow:0 1px 2px rgb(0 0 0 / 5%),inset 0 0 0 1px rgb(0 0 0 / 18%),inset 0 -2px rgb(0 0 0 / 5%) !important;
  }
  #page-user-main.customer-kit-shell #setPanel-subscription button:hover,
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay button:hover,
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) button:hover { background:var(--ck-subtle) !important; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal [data-upload-close] { width:36px; min-height:36px; padding:8px !important; border:0 !important; box-shadow:none !important; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal [data-upload-close] img { display:block; width:20px; height:20px; }
  #page-user-main.customer-kit-shell #setPanel-subscription button:disabled,
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay button:disabled,
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) button:disabled { opacity:.5; cursor:not-allowed; }

  /* Named settings dialogs only; the shared admin overlay is not selected. */
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay > div,
  body:has(#page-user-main.customer-kit-shell.active) :is(#subConfirmModal,#paymentHistoryModal) > div {
    background:var(--ck-paper) !important; color:var(--ck-text) !important; border:1px solid var(--ck-line) !important;
    border-radius:16px !important; max-height:calc(100dvh - 48px) !important; overflow:auto; box-sizing:border-box;
    font:400 14px/20px var(--ck-font); box-shadow:0 20px 24px -4px rgb(0 0 0 / 8%),0 8px 8px -4px rgb(0 0 0 / 3%),0 3px 3px -1.5px rgb(0 0 0 / 4%) !important;
  }
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay > div { padding:24px !important; max-width:560px !important; }
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay h3,
  body:has(#page-user-main.customer-kit-shell.active) #subConfirmTitle { font:600 16px/24px var(--ck-font) !important; color:var(--ck-ink) !important; letter-spacing:normal !important; }
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay :is(p,label),
  body:has(#page-user-main.customer-kit-shell.active) #subConfirmMsg { font:400 14px/20px var(--ck-font) !important; color:var(--ck-text) !important; }
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea) {
    min-width:0; max-width:100%; box-sizing:border-box; min-height:38px; padding:8px 12px !important;
    border:1px solid var(--ck-input-line) !important; border-radius:8px !important; background:var(--ck-paper) !important; color:var(--ck-ink) !important;
    font:400 14px/20px var(--ck-font) !important; box-shadow:0 1px 2px rgb(0 0 0 / 5%);
  }
  #page-user-main.customer-kit-shell :is(#setManagementEntry,#setJournalAssigneeManagementEntry,#setDocVisibilityManagementEntry) { background:var(--ck-paper) !important; border-color:var(--ck-line) !important; padding:16px !important; gap:16px; }
  #page-user-main.customer-kit-shell :is(#setManagementEntry,#setJournalAssigneeManagementEntry,#setDocVisibilityManagementEntry) > div > div:first-child { font:600 14px/20px var(--ck-font) !important; color:var(--ck-ink) !important; }
  #page-user-main.customer-kit-shell :is(#setManagementEntry,#setJournalAssigneeManagementEntry,#setDocVisibilityManagementEntry) > div > div:last-child { font:400 14px/20px var(--ck-font) !important; color:var(--ck-muted) !important; }
  body:has(#page-user-main.customer-kit-shell.active) #paymentHistoryModal > div > div:first-child { padding:24px !important; border-color:var(--ck-line) !important; align-items:center !important; gap:16px; }
  body:has(#page-user-main.customer-kit-shell.active) #paymentHistoryModal > div > div:first-child > div > div:first-child { display:none; }
  body:has(#page-user-main.customer-kit-shell.active) #paymentHistoryModal > div > div:first-child > div > div:last-child { font:600 16px/24px var(--ck-font) !important; color:var(--ck-ink) !important; margin:0 !important; }
  body:has(#page-user-main.customer-kit-shell.active) #paymentHistoryBody { overflow:auto; }
  body:has(#page-user-main.customer-kit-shell.active) #paymentHistoryBody :is(th,td) { padding:12px 16px !important; font:400 14px/20px var(--ck-font) !important; border-color:var(--ck-line) !important; }
  body:has(#page-user-main.customer-kit-shell.active) #paymentHistoryBody th { font:600 12px/18px var(--ck-font) !important; }

  #page-user-main.customer-kit-shell [data-doc-upload]:focus-visible,
  #page-user-main.customer-kit-shell #setPanel-subscription button:focus-visible,
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay :is(button,input,select,textarea):focus-visible,
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) button:focus-visible { outline:2px solid var(--ck-text) !important; outline-offset:3px; }
}
@media screen and (max-width:768px) {
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) { padding:12px !important; }
  body:has(#page-user-main.customer-kit-shell.active) #customerUploadModal .cu-area { padding:16px; }
  #page-user-main.customer-kit-shell #setPanel-subscription button,
  #page-user-main.customer-kit-shell:has(#content-settings.active) #userModalOverlay button,
  body:has(#page-user-main.customer-kit-shell.active) :is(#customerUploadModal,#subConfirmModal,#paymentHistoryModal) button { min-height:44px; }
}