/* Shared mobile primitives. Modules opt into content layouts; no blanket card/button reset. */
:root { --sk-space-1:4px; --sk-space-2:8px; --sk-space-3:12px; --sk-space-4:16px; --sk-space-6:24px; }
.sk-skip { position:fixed; top:8px; left:8px; z-index:200; padding:12px 16px; background:var(--sk-surface); color:var(--sk-primary); transform:translateY(-180%); }
.sk-skip:focus { transform:none; }
.sk-page-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.sk-page-head h1 { margin:0; font-size:1.5rem; letter-spacing:-.025em; }
.sk-section { padding-block:16px; border-bottom:1px solid var(--sk-border-soft); }
.sk-section-title { margin:0 0 12px; font-size:1rem; font-weight:650; }
.sk-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.sk-disclosure { border-block:1px solid var(--sk-border-soft); margin-block:16px; padding:12px 0; }
.sk-disclosure > summary { cursor:pointer; font-weight:600; min-height:44px; display:list-item; align-content:center; }
.sk-disclosure[open] > summary { margin-bottom:12px; }
.sk-feedback { padding:10px 12px; border-left:3px solid var(--sk-primary); color:var(--sk-text); background:var(--sk-surface-2); }
.sk-feedback:empty { display:none; }
.sk-tool-grid:has(> .sk-tool-entry) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; }
.sk-tool.sk-tool-entry { flex-direction:row; align-items:center; gap:8px; padding:0; margin:0; border:0; border-bottom:1px solid var(--sk-border-soft); border-radius:0; background:transparent; box-shadow:none; transform:none; }
.sk-entry-main { display:block; flex:1; min-width:0; padding:14px 0; color:var(--sk-text); text-decoration:none; }
a.sk-tool.sk-tool-entry { padding:14px 0; }
.sk-tool-entry h3 { font-size:.95rem; font-weight:650; margin:0; }
.sk-tool-entry p { font-size:.82rem; margin:3px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--sk-text-muted); }
.sk-entry-copy { min-width:0; }
.sk-tool-entry .sk-star { width:44px; height:44px; border:0; background:transparent; }
.sk-tool-entry:hover { background:var(--sk-surface-2); }
.sk-access { display:block; color:var(--sk-text-muted); font-size:.75rem; margin-top:4px; }
.sk-directory-filter { display:flex; align-items:center; gap:12px; font-size:.85rem; color:var(--sk-text-muted); margin:0 0 12px; }
.sk-directory-filter select { width:auto; min-width:0; max-width:100%; min-height:44px; padding:8px 12px; font:inherit; font-size:16px; background:var(--sk-surface); color:var(--sk-text); border:1px solid var(--sk-border); border-radius:7px; }
.sk-category-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.sk-category-list a { padding:12px 0; border-bottom:1px solid var(--sk-border-soft); font-size:.9rem; }
.sk-dashboard-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sk-dashboard-sections .sk-row { border-bottom:1px solid var(--sk-border-soft); border-radius:0; padding:12px 0; }
.sk-drawer-close { display:none; }
.sk-utility-form { width:100%; padding:0; background:transparent; }
.sk-word-workspace { max-width:900px; }
.sk-word-workspace textarea { margin-top:8px; min-height:220px; }
.sk-stat-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px 0; margin-bottom:12px; border-bottom:1px solid var(--sk-border-soft); }
.sk-stat-strip > div { min-width:0; }
.sk-stat-strip > div > span { display:block; font-size:.75rem; color:var(--sk-text-muted); }
.sk-stat-strip b { display:block; font-size:1.05rem; margin-top:4px; }
.sk-rate-list { display:block; }
.sk-rate-list > .card { display:flex; flex-direction:row; justify-content:space-between; padding:12px 0; border:0; border-bottom:1px solid var(--sk-border-soft); border-radius:0; box-shadow:none; background:transparent; }
#skHtmlModes { margin-bottom:12px; }
#skHtmlModes[hidden] { display:none; }
.sk-body :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--sk-primary); outline-offset:3px; }
.sk-search { min-width:0; }
.sk-content > :is(.grid-2,.grid-3), .sk-content :is(.grid-2,.grid-3) > * { min-width:0; }
.sk-qr-layout { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sk-qr-layout > * { min-width:0; }
.sk-qr-layout .qr-tabs { max-width:100%; }
.sk-qr-layout .qr-tab { flex:0 0 auto; width:auto; }
.sk-qr-layout input, .sk-qr-layout select { max-width:100%; }
.sk-qr-layout #qr-type-container > div { flex-wrap:wrap; }
@media(max-width:900px) {
  .sk-drawer-close { display:block; align-self:flex-end; min-width:44px; min-height:44px; margin:8px 12px 0; background:transparent; color:var(--sk-text); border:0; font:inherit; }
  .sk-app.is-open .sk-sidebar { overscroll-behavior:contain; }
}
@media(max-width:600px) {
  :root { --sk-radius:10px; --sk-radius-sm:7px; --sk-shadow:none; }
  .sk-content { padding:16px 14px 24px; }
  .sk-topbar { padding:8px 12px; gap:8px; }
  .sk-burger { min-width:44px; min-height:44px; border:0; justify-content:center; align-items:center; padding:8px; }
  .sk-search input { min-height:44px; font-size:16px; }
  .sk-h1 { font-size:1.5rem; line-height:1.25; font-weight:700; }
  .sk-sub { margin-bottom:16px; }
  .sk-btn { min-height:44px; justify-content:center; padding:8px 14px; }
  .sk-appfoot { margin:24px -14px -24px; padding:18px 14px calc(16px + env(safe-area-inset-bottom,0px)); }
  .sk-appfoot-social { display:none; }
  .sk-appfoot-links { gap:12px; }
  .sk-qr-layout { grid-template-columns:minmax(0,1fr); }
  .sk-tool-grid:has(> .sk-tool-entry), .sk-dashboard-sections, .sk-category-list { grid-template-columns:minmax(0,1fr); gap:0; }
  .sk-page-head { margin-bottom:12px; }
  .sk-utility-form .btn { min-height:44px; }
  body[data-sk-tool="qr"] .sk-qr-layout > div > .card { padding:12px; box-shadow:none; }
  body[data-sk-tool="qr"] .sk-qr-layout .grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-sk-tool="qr"] .qr-tabs { margin-bottom:12px !important; }
  body[data-sk-tool="qr"] #qr-type-container { font-size:.85rem; }
  body[data-sk-tool="qr"] .sk-qr-layout .btn { white-space:normal; min-height:44px; }
  body[data-sk-tool="qr"] .sk-qr-layout .qr-tab { white-space:nowrap; }
  body[data-sk-tool="currency"] .cur-btn { width:auto; flex:1 1 48px !important; padding:8px; }
  body[data-sk-tool="calculator"] .calc-main-header { margin-bottom:16px; }
  body[data-sk-tool="calculator"] .calc-main-header h1 { font-size:1.5rem; }
  body[data-sk-tool="calculator"] .calc-main-header p { font-size:.9rem; line-height:1.45; margin-bottom:12px; }
  body[data-sk-tool="calculator"] .digital-calc { box-shadow:none; margin-top:12px; padding:12px; }
  body:is([data-sk-tool="gold"],[data-sk-tool="silver"]) .grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  body:is([data-sk-tool="gold"],[data-sk-tool="silver"]) .grid-3 .card { padding:12px 4px; border:0; border-bottom:1px solid var(--sk-border-soft); background:transparent; box-shadow:none; }
  body[data-sk-tool="zakat"] .grid-2 > .card { padding:12px; box-shadow:none; border-color:var(--sk-border); }
  body[data-sk-tool="text-tools"] .textlab-shell { border:0; box-shadow:none; background:transparent; }
  body[data-sk-tool="text-tools"] .textlab-editor { font-size:16px; }
  body[data-sk-tool="html-preview"] #html-code { font-size:16px !important; min-height:50dvh !important; }
  .sk-directory-filter { flex-wrap:wrap; }
  body[data-sk-tool="ipkit"] :is(.ipk-hero-bg,.ipk-lines,.ipk-dot),
  body[data-sk-tool="linkinspector"] :is(.lil-hero-bg,.lil-lines,.lil-dot),
  body[data-sk-tool="secretnote"] :is(.snl-hero-bg,.snl-lines) { display:none; }
  body[data-sk-tool="ipkit"] .ipk, body[data-sk-tool="linkinspector"] .lil { padding:0; }
  body[data-sk-tool="ipkit"] .ipk-hero, body[data-sk-tool="linkinspector"] .lil-hero,
  body[data-sk-tool="secretnote"] .snl-hero { padding:16px 0; border-radius:0; text-align:left; }
  body[data-sk-tool="ipkit"] .ipk-ipcard { padding:12px; margin:12px 0; border-radius:8px; box-shadow:none; }
  body[data-sk-tool="linkinspector"] .lil-grid { margin:16px 0; gap:0; }
  body[data-sk-tool="linkinspector"] .lil-card { border:0; border-bottom:1px solid var(--sk-border-soft); padding:14px 0; border-radius:0; background:transparent; }
  body[data-sk-tool="linkinspector"] .lil-card .ic { display:none; }
  body[data-sk-tool="spinpick"] .sp-grid { grid-template-columns:minmax(0,1fr); gap:0; }
  body[data-sk-tool="spinpick"] .sp-tool-card { padding:14px 0; border:0; border-bottom:1px solid var(--sk-border-soft); border-radius:0; box-shadow:none; background:transparent; text-align:left; }
  body[data-sk-tool="typespeed"] .ts-res-card { padding:16px 0; border:0; border-radius:0; box-shadow:none; }
  body[data-sk-tool="tasbih"] .glass-card { padding:16px; margin-bottom:12px; box-shadow:none; backdrop-filter:none; border-radius:10px; }
}

/* Business workspaces: retain semantic controls while reducing nested surfaces. */
.sk-module-nav > summary { min-height:44px; padding:12px; cursor:pointer; font-weight:600; }
.td-layout { box-sizing:border-box; }
.td-ticket-filters form { flex-wrap:wrap; }
.td-ticket-filters form > div { min-width:0; max-width:100%; }
.td-ticket-filters form > div:first-child { flex:1 1 220px !important; }
.td-tickets-table td:is([data-label="Form"],[data-label="Assigned To"],[data-label="Type"],[data-label="Created"]),
.td-tickets-table td[data-label="Requester"] > div:last-child { color:var(--sk-text-muted) !important; }
@media (min-width:601px) { .sk-module-nav > summary { display:none; } }
@media (max-width:600px) {
  #skContent .sk-module-nav { width:100% !important; position:static !important; border-bottom:1px solid var(--sk-border); }
  #skContent .sk-module-nav .card { border:0; border-radius:0; box-shadow:none; }
  #skContent .td-nav-item { padding:10px 12px; min-height:44px; }
  #skContent .td-nav-item i { display:none; }
  #skContent :is(.ik-wrap,.ik-page,.qc-dash,.at-wrap,.mn,.wk-shell) { width:100%; min-width:0; margin:12px auto 24px; padding-left:0; padding-right:0; }
  #skContent :is(.ik-card,.qc-card,.at-card,.mn-card,.wk-card,.dc-card) { padding:14px; border-radius:8px; box-shadow:none; }
  #skContent :is(.qc-loc-grid,.mn-grid) { grid-template-columns:minmax(0,1fr); gap:0; }
  #skContent :is(.qc-loc-card,.mn-stat,.at-stat,.dc-stat) { padding:12px 4px; border:0; border-bottom:1px solid var(--sk-border); background:transparent; border-radius:0; box-shadow:none; }
  #skContent .qc-dash-header { gap:12px; }
  #skContent .qc-dash-header > div { text-align:left; }
  #skContent .qc-dash-title { font-size:1.4rem; }
  #skContent .ik-line { padding:12px 0; background:transparent; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; }
  #skContent :is(.ik-btn,.ikbz-btn,.ik-wrap .btn,.ik-page .btn) { width:auto; min-width:0; max-width:100%; min-height:44px; white-space:normal; }
  #skContent :is(.at-nav,.dc-nav) { gap:4px; border-radius:0; box-shadow:none; }
  #skContent :is(.at-nav,.dc-nav) a { min-height:44px; display:inline-flex; align-items:center; }
  #skContent :is(.at-nav,.dc-nav) a i { display:none; }
}
@media(max-width:600px) {
  #skContent .sk-module-nav .card { padding:0; background:transparent; }
  #skContent .sk-module-nav .card > div { background:transparent !important; padding:10px 0 !important; }
  #skContent .sk-business-stats { gap:8px !important; margin-bottom:16px !important; }
  #skContent .sk-business-stats .card { padding:10px 0 !important; background:transparent; border:0 !important; border-bottom:1px solid var(--sk-border) !important; box-shadow:none; border-radius:0; }
  #skContent .sk-business-stats .card i { display:none; }
}
.sk-editor-modes { display:flex; gap:8px; margin:12px 0; }
.sk-editor-modes[hidden], [data-editor-group][hidden] { display:none !important; }
.sk-editor-modes button { min-height:44px; padding:8px 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--sk-text); font:inherit; cursor:pointer; }
.sk-editor-modes button[aria-pressed=true] { border-color:var(--sk-primary); color:var(--sk-primary); }
@media(max-width:600px) {
  #skContent .sigkit { padding:0; margin:0; }
  #skContent .sigkit .sk-card { background:transparent; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; box-shadow:none; padding:12px 0; }
  #skContent .sigkit .sk-productbar { display:none; }
  #skContent .sigkit .sk-preview-wrap { position:static; }
  #skContent .sigkit .sk-head { margin-bottom:12px; }
  #skContent .cke-topbar { padding:8px; gap:8px; flex-wrap:wrap; }
  #skContent .cke-name { min-width:0; width:100%; font-size:16px; }
  #skContent .cke-mobile-tabs button { min-height:44px; }
  #skContent .np2-toolbar { gap:2px; padding:4px; }
  #skContent .np2-list { border-radius:0; box-shadow:none; }
  #skContent .builder-nav-inner { padding:8px 0; gap:8px; }
  #skContent .builder-nav-right { gap:6px; flex-wrap:wrap; }
  #skContent .form-header-block { padding:14px; border-radius:8px; box-shadow:none; }
  #skContent .tool-btn { min-height:44px; }
}
@media(max-width:600px) {
  #skContent .st-app { border-radius:0; box-shadow:none; }
  #skContent .st-task-list { padding:8px 0; }
  #skContent .st-nav-list li { min-height:44px; }
  #skContent .st-nav-list li i, #skContent .st-empty-state > i { display:none; }
  #skContent .st-btn-icon { min-width:44px; min-height:44px; }
  #skContent .toolbox.sk-module-nav { padding:0; background:transparent; }
  #skContent .toolbox.sk-module-nav > summary { display:list-item; }
}
@media(min-width:601px) { .toolbox.sk-module-nav > summary { display:list-item; } }
@media(max-width:600px) {
  #skContent .bio-dashboard-shell > .card { margin:16px auto !important; padding:14px 0 !important; border:0; background:transparent; box-shadow:none; }
  #skContent .bio-profile-status-card { padding:12px; box-shadow:none; }
  #skContent .pdf-container { width:100%; }
  #skContent .pdf-container > .grid-3 { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
  #skContent .pdf-card { padding:12px 0; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; background:transparent; text-align:left; align-items:flex-start; box-shadow:none; transform:none; }
  #skContent .pdf-card .pdf-icon { display:none; }
  #skContent .pdf-title { margin:0 0 4px; font-size:1rem; }
  #skContent .pdf-desc { margin:0; line-height:1.4; }
  #skContent :is(.pdf-dropzone,.ik-dropzone,.ak-dropzone,.ss-dropzone) { padding:20px 12px; margin-bottom:16px; border-radius:8px; }
  #skContent .pdf-dropzone .pdf-icon { font-size:1.5rem; margin-bottom:6px; }
  #skContent :is(.pdf-workspace,.ocr-workspace) { padding:12px; border-radius:8px; box-shadow:none; }
  #skContent :is(.pdf-tool-header,.ak-header) { text-align:left; margin-bottom:16px; }
  #skContent :is(.pdf-tool-header,.ak-header) h1 { font-size:1.5rem; }
  #skContent .lang-selector { flex-wrap:wrap; justify-content:flex-start; }
  #skContent .dlp-hero { padding:16px 0; text-align:left; }
  #skContent .dlp-hero-bg { display:none; }
  #skContent .sd-card { padding:14px; border-radius:8px; box-shadow:none; }
  #skContent .sd-file-card { padding:12px 0; border:0; border-bottom:1px solid var(--sk-border); background:transparent; border-radius:0; }
}
@media(max-width:600px) {
  body[data-sk-tool=timer] #skContent .builder-page-header { padding:12px 0; margin-bottom:12px; border:0; background:transparent; box-shadow:none; }
  body[data-sk-tool=timer] #skContent :is(.builder-hero-mock,.builder-feature-chips,.builder-kicker) { display:none; }
  body[data-sk-tool=timer] #skContent .builder-hero-grid { display:block; }
  body[data-sk-tool=timer] #skContent .builder-page-header h1 { font-size:1.5rem; }
  body[data-sk-tool=timer] #skContent :is(.left-panel,.right-panel) { padding:12px; border-radius:8px; box-shadow:none; }
  #skContent .cc-page { padding:0; margin:12px auto; }
  #skContent .cc-hero { text-align:left; margin-bottom:16px; }
  #skContent .cc-card { padding:14px 0; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; box-shadow:none; background:transparent; }
  #skContent .cc-action-row { gap:8px; }
  #skContent .cc-action-row button { min-height:44px; }
  #skContent .le-event-card { padding:12px 0; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; box-shadow:none; background:transparent; }
  #skContent .sf-container { padding:0; }
  #skContent .sf-feed-item { padding:12px 0; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; box-shadow:none; background:transparent; }
}
@media(max-width:600px) {
  #skContent :is(.prlp-hero,.lelp-hero,.elp-hero,.stlp-hero,.vr-hero,.bplp-hero) { padding:20px 0; text-align:left; border-radius:0; background:transparent; }
  #skContent :is(.prlp-hero-bg,.lelp-hero-bg,.elp-hero-bg,.stlp-hero-bg,.vr-hero-bg,.bplp-hero-bg) { display:none; }
  #skContent :is(.prlp-grid,.lelp-grid,.elp-grid,.stlp-grid,.vr-grid,.bplp-grid,.pb-grid,.ar-mode-grid) { grid-template-columns:minmax(0,1fr); gap:0; }
  #skContent :is(.prlp-card,.lelp-card,.elp-card,.stlp-card,.vr-card,.bplp-card,.pb-card,.ar-mode-card) { padding:14px 0; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; background:transparent; box-shadow:none; }
}
.np2-more { position:relative; }
.np2-more > summary { cursor:pointer; min-height:44px; display:flex; align-items:center; padding:6px 10px; font-size:.875rem; }
.np2-more[open] .np2-ed-actions { position:absolute; right:0; top:100%; z-index:30; width:220px; display:flex; flex-wrap:wrap; padding:10px; background:var(--sk-surface); border:1px solid var(--sk-border); border-radius:8px; box-shadow:var(--sk-shadow); }
.np2-more .np2-iconbtn { min-width:44px; min-height:44px; }
@media(max-width:600px) {
  #skContent .np2-list-head h1 i, #skContent .np2-filter i { display:none; }
}
@media(max-width:600px) {
  #skContent .np2-card { padding:12px 4px; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; box-shadow:none; background:transparent; }
  #skContent .np2-card-swatch { display:none; }
  #skContent .np2-filters .np2-chip i { display:none; }
  #skContent .np2-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
  #skContent .np2-filters .np2-chip { flex-shrink:0; min-height:44px; border:0; background:transparent; border-radius:0; }
}
.st-bottom-sheet:not(.active) { visibility:hidden; }
@media(max-width:900px) { #skContent .cke-panel:not(.open) { visibility:hidden; } }
@media(max-width:900px) {
  #skContent .st-sidebar:not(.active) { visibility:hidden; }
  #skContent #closeSidebar { display:inline-flex; }
}
@media(max-width:600px) {
  #skContent .bio-dashboard-shell { padding:12px 0 24px; }
  #skContent .bio-link-row { padding:12px 4px; border:0; border-bottom:1px solid var(--sk-border); border-radius:0; box-shadow:none; background:transparent; }
  #skContent .bio-link-drag { min-width:44px; min-height:44px; }
  #skContent .ckt-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  #skContent .ckt-card { box-shadow:none; border-radius:8px; }
}
@media(max-width:600px) {
  #skContent .td-workspaces { padding:0 !important; margin-top:12px !important; }
  #skContent .td-companies-header > div { flex-wrap:wrap; min-width:0; }
  #skContent .td-companies-header h2 { font-size:1.4rem; }
  #skContent .td-workspace-list { grid-template-columns:minmax(0,1fr) !important; gap:0 !important; }
  #skContent .td-workspace-row { border:0 !important; border-bottom:1px solid var(--sk-border) !important; padding:14px 0 !important; border-radius:0 !important; background:transparent !important; }
  #skContent .td-workspaces .btn { min-height:44px; min-width:44px; width:auto; white-space:normal !important; }
  #skContent .td-workspaces a > i { display:none; }
  #skContent .cke-panel-close button { min-width:44px; min-height:44px; }
  #skContent .td-ticket-head { gap:12px; margin-bottom:16px !important; }
  #skContent .td-ticket-head > div > div { flex-wrap:wrap; }
  #skContent .td-ticket-head select { min-height:44px; font-size:16px !important; }
  #skContent .td-ticket-content { gap:16px !important; }
  #skContent .td-ticket-content > div > .card { border:0; border-bottom:1px solid var(--sk-border); border-radius:0; padding:0; background:transparent; box-shadow:none; }
  #skContent .td-ticket-content > div > .card > div { padding:12px 0 !important; background:transparent !important; }
  #skContent .td-ticket-content .nav-tabs { gap:8px !important; }
  #skContent .td-ticket-content .nav-tabs a { padding:8px !important; min-height:44px; }
  #skContent .td-ticket-content .nav-tabs i { display:none; }
  #skContent #replyForm > div { gap:12px; flex-wrap:wrap; }
  #skContent .td-modal-card { padding:16px; }
  #skContent .td-modal-card :is(button,input,textarea) { font-size:16px; }
  #skContent .td-modal-card button { min-height:44px; }
  #skContent .td-tickets-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding:12px 0 !important; }
  #skContent .td-tickets-table td { display:block; min-width:0; padding:0 !important; border:0; overflow-wrap:anywhere; text-align:left !important; }
  #skContent .td-tickets-table td:is([data-label="Ticket No"],[data-label="Requester"]) { grid-column:1/-1; }
  #skContent .td-tickets-table td[data-label="Ticket No"]::before { display:none; }
  #skContent .td-tickets-table td[data-label="Ticket No"] a { display:flex; align-items:center; min-height:44px; }
}