/* Applied inside the Share applications. Product images, charts and status semantics retain their colors. */
html[data-share-theme="graphite"]{
 /* Urban AI tokens (design/urban-ai-design-system.html §01). Surface ladder bg-1..bg-5, line-2/3, ink-1..5, one blue. */
 color-scheme:dark!important;--bg:#080808!important;--bg2:#0c0c0c!important;--background:#080808!important;--card:#0c0c0c!important;--card2:#141414!important;--panel:#0f0f0f!important;--panel2:#141414!important;--line:#262626!important;--line2:#2e2e2e!important;--bd:#262626!important;--border:#262626!important;--ink:#e7e7e7!important;--text:#e7e7e7!important;--tx:#e7e7e7!important;--foreground:#e7e7e7!important;--sub:#b5b5b5!important;--muted:#8a8a8a!important;--dim:#5e5e5e!important;--brand:#e7e7e7!important;--brand-d:#d2d2d2!important;--gold:#e7e7e7!important;--gold2:#f2f2f2!important;--gold-d:#d2d2d2!important;--gold-hi:#f2f2f2!important;--gold-soft:#1a1a1a!important;--goldsoft:#1a1a1a!important;--gold-line:#3b3b3b!important;--soft:#141414!important;--accent:#1769e8!important;--sh:0 1px 0 rgba(255,255,255,.03) inset!important;--sh-md:0 1px 0 rgba(255,255,255,.03) inset,0 20px 50px rgba(0,0,0,.45)!important;--sh-pop:0 40px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html[data-share-theme="graphite"],html[data-share-theme="graphite"] body{background:#080808!important;background-image:none!important;color:#e7e7e7!important;scrollbar-color:#3b3b3b #0b0b0b}
html[data-share-theme="graphite"] :is(#login,.login-screen,.login-wrap,.app-shell,.shell,#app,main,#main,.main-content){background-color:#080808!important;background-image:none!important;color:#e7e7e7}
html[data-share-theme="graphite"] :is(header,.navbar,.bar,.topbar,.toolbar,aside,.sidebar,.mobile-topbar,.mobile-bottom-nav,.mobile-subnav,.bottom-nav,.tabbar,.bottom-bar){background:#080808!important;border-color:#262626!important;color:#cfcfcf!important;box-shadow:none!important}
html[data-share-theme="graphite"] :is(.card,.panel,.metric,.metric-mini,.kpi,.gsec,.tblwrap,.tablebox,.table-wrap,.mlist,.modal,.modal-content,.modal-box,.sheet,.dialog,.drawer,.mobile-card,.mobile-editor-card,.editor-card,.customer-card,.data-card,.bulk-panel){background-color:#0c0c0c!important;background-image:none!important;border-color:#1f1f1f!important;color:#e7e7e7!important;box-shadow:0 1px 0 rgba(255,255,255,.03) inset!important}
html[data-share-theme="graphite"] :is(input,select,textarea){background-color:#0d0d0d!important;color:#e7e7e7!important;border-color:#262626!important;color-scheme:dark!important;accent-color:#1769e8;transition:border-color .2s,box-shadow .2s}
html[data-share-theme="graphite"] :is(input,textarea)::placeholder{color:#5e5e5e!important}
html[data-share-theme="graphite"] :is(input,select,textarea):focus{border-color:#428aff!important;box-shadow:0 0 0 2px #1e4c8233!important}
html[data-share-theme="graphite"] :is(table,.tablebox,.table-wrap){background:#0b0b0b!important;color:#d7d7d7!important}
html[data-share-theme="graphite"] :is(thead,thead tr,thead th){background:#272727!important;color:#c6c6c6!important;border-color:#363636!important}
html[data-share-theme="graphite"] :is(tbody td,tbody th,.item){border-color:#292929!important}
html[data-share-theme="graphite"] tbody tr:nth-child(even)>td{background:#111!important}
html[data-share-theme="graphite"] tbody tr:hover>td{background:#1b1b1b!important}
html[data-share-theme="graphite"] :is(.ghead,.seg,.modal-head,.modal-header,.modal-footer,.mobile-save-bar,.mobile-edit-footer,.bulk-toolbar){background:#151515!important;color:#ccc!important;border-color:#303030!important}
html[data-share-theme="graphite"] :is(.btn,.button,button:not([class]),.clr,.toggle){background-color:#141414;color:#e7e7e7;border-color:#2e2e2e;transition:background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s,color .2s,transform .12s}
html[data-share-theme="graphite"] :is(.btn.primary,.btn-primary,.button-primary,.primary,#login-btn,button[type=submit]){background:#1769e8!important;background-image:none!important;border-color:transparent!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(23,105,232,.25)!important}
html[data-share-theme="graphite"] :is(.tab.on,.tab.active,.nav-link.active,.nav-item.active,.seg button.on,.seg button.active){background:#1c1c1c!important;color:#f2f2f2!important;border-color:#3b3b3b!important;box-shadow:none!important}
html[data-share-theme="graphite"] :is(.login-brand,.brand-title,.login-logo,.brandname,.brand-sub,.mark){color:#e5e5e5!important}
html[data-share-theme="graphite"] :is(.login-brand,.brand-title,.login-logo,.mark) b{color:inherit!important}
html[data-share-theme="graphite"] :is(.divider,.login-divider){background:#333!important;border-color:#333!important}
html[data-share-theme="graphite"] :is(.bg-white,.bg-slate-50,.bg-gray-50,.bg-gray-100,.bg-slate-100,.bg-zinc-50,.bg-zinc-100,.mobile-dark){background-color:#111!important;background-image:none!important}
html[data-share-theme="graphite"] :is(.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-800,.text-zinc-900,.text-zinc-800){color:#e3e3e3!important}
html[data-share-theme="graphite"] :is(.text-slate-700,.text-slate-600,.text-gray-700,.text-gray-600,.text-zinc-600){color:#b7b7b7!important}
html[data-share-theme="graphite"] :is(.border-slate-200,.border-gray-200,.border-zinc-200){border-color:#303030!important}
html[data-share-theme="graphite"] :is(.bg-blue-600,.bg-blue-500,.bg-slate-900){background-color:#176de9!important;color:#fff!important}
html[data-share-theme="graphite"] :is([style*="background:#15171C"],[style*="background: #15171C"],[style*="background:#141519"]){background:#111!important}
html[data-share-theme="graphite"] :is([style*="background:#0B0C0E"],[style*="background: #0B0C0E"]){background:#080808!important;background-image:none!important}
html[data-share-theme="graphite"] :is([style*="background:#1B1E24"],[style*="background: #1B1E24"]){background:#191919!important}
html[data-share-theme="graphite"] :is([style*="color:#C9A84A"],[style*="color:#C9A227"],[style*="color: #C9A84A"]){color:#e7e7e7!important}
html[data-share-theme="graphite"] :focus-visible{outline-color:#4b96ff!important}
html[data-share-theme="graphite"] :is(.gate,.login-panel,.connection,.flow-current,.metrics article,.dialog,.notice,dialog:not(.order-editor-shell),#customer-dialog,.bulk-preview,.bulk-bar){background:#111!important;background-image:none!important;color:#ddd!important;border-color:#333!important}
html[data-share-theme="graphite"] :is(.sidebar nav a.selected,.mobile-bottom-nav a.active,.mobile-subnav a.active){background:#222!important;color:#ddd!important}
html[data-share-theme="graphite"] :is(.secondary,.btn.ghost,.btn.soft,.storechip,.cbadge,.badge){background:#141414!important;background-image:none!important;color:#b5b5b5!important;border-color:#2e2e2e!important;box-shadow:none!important}
html[data-share-theme="graphite"] :is(.metrics span,.diagnostic,.fresh-row,.flow-note,.pc-live){color:#aaa!important;border-color:#2e2e2e!important}
html[data-share-theme="graphite"] :is(.thumb,.photo-placeholder){background-color:#191919!important}
html[data-share-theme="graphite"] :is(#app #tabs .tab,.cf-bulk-bar,.cf-mobile-savebar,.cf-stepper button,.cf-line-table tr,.editor-mobile-row,.editor-savebar,.editor-dialog .section-top,.editor-dialog .dialog-actions,#customer-form>.toolbar,#modal .modal-foot,#modal .ed-foot){background:#151515!important;color:#d5d5d5!important;border-color:#333!important;box-shadow:none!important}
html[data-share-theme="graphite"] #app #tabs .tab.active{background:#242424!important;border-color:#424242!important;color:#e8e8e8!important}
html[data-share-theme="graphite"] .cf-line-table input.ein{background:#191919!important;color:#e2e2e2!important;border-color:#3c3c3c!important}
html[data-share-theme="graphite"] .btn:not(.danger){background:#141414!important;color:#e7e7e7!important;border-color:#2e2e2e!important}
html[data-share-theme="graphite"] :is(.btn.primary,.btn-primary,.button-primary,.primary,#login-btn,button[type=submit],.cf-mobile-savebar>.btn:not(.ghost),button[onclick="edSave()"],button[onclick="retEdSave()"],button[onclick="retApprove()"],button[onclick="doLogin()"]){background:#1769e8!important;border-color:transparent!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(23,105,232,.25)!important}
html[data-share-theme="graphite"] :is(.cf-bulk-warning,.chip.unpaid,.ed-changed,.editor-mobile-row.has-draft){background:#2c2517!important;color:#e3c684!important;border-color:#665334!important}
html[data-share-theme="graphite"] :is(.chip.paid,.ed-new){background:#122b20!important;color:#8addb1!important}
html[data-share-theme="graphite"] .cf-bulk-selected{background:#15273d!important}
html[data-share-theme="graphite"] .btn.danger{background:#30171c!important;color:#f58d99!important;border-color:#4a2028!important}
html[data-share-theme="graphite"] :is(.edit-grid td,.edit-grid .select-col,.edit-grid .code-col,.phase-pending,.log-details,.orders-workspace iframe){background:#151515!important;color:#d3d3d3!important;border-color:#303030!important}
html[data-share-theme="graphite"] :is(.edit-grid .overridden,.preview-scroll td:nth-child(3),.phase-done){background:#14281d!important;color:#abd6b6!important}
html[data-share-theme="graphite"] :is(.edit-grid .cell-dirty,.has-changes .editor-savebar){background:#2b2416!important;color:#e7d296!important}
html[data-share-theme="graphite"] .cf-line-table td{background:transparent!important}
@media print{html[data-share-theme="graphite"],html[data-share-theme="graphite"] body{color-scheme:light!important;background:#fff!important;color:#111!important}html[data-share-theme="graphite"] :is(table,thead,thead tr,thead th,tbody td){background:#fff!important;color:#111!important;border-color:#ccc!important}}

/* White is the default ink; blue communicates a primary action. */
html[data-share-theme="graphite"] a{color:#e7e7e7}
html[data-share-theme="graphite"] :is(.mark,.mark b,.mark span,.wordmark,.wordmark b,.wordmark span,.brandname,.brandname b,.brandname span,.login-brand,.login-brand b,.login-brand span,.brand-title,.brand-title span,.brand-title b,.login-logo,.login-logo span,.login-logo b){color:#ededed!important}
html[data-share-theme="graphite"] :is(.sidebar nav a,.nav-label,.sidebar-note,.customer-link,.breadcrumb,.section-tabs a){color:#d6d6d6!important}
html[data-share-theme="graphite"] :is(a.primary-link,.emphasis-link){color:#579cff!important}
html[data-share-theme="graphite"] #mask{background:#0009!important}
html[data-share-theme="graphite"] :is(.ed-changed td,.ed-changed .ednm){background:#2b2519!important;color:#e7d7af!important}
html[data-share-theme="graphite"] :is(.sh-edit-header,.sh-edit-footer){background:#141414!important;color:#eee!important}
html[data-share-theme="graphite"] .sh-edit-body{background:#101010!important}
@media(min-width:768px){
 html[data-share-theme="graphite"] .sh-sales-shell{padding-left:64px!important;transition:padding-left .17s ease!important}
 html[data-share-theme="graphite"].sh-sales-pinned .sh-sales-shell{padding-left:284px!important}
 html[data-share-theme="graphite"] aside[data-share-nav]{width:64px!important;overflow:hidden!important;transition:width .17s ease!important;box-shadow:none!important}
 html[data-share-theme="graphite"] aside[data-share-nav]:is(:hover,:focus-within),html[data-share-theme="graphite"].sh-sales-pinned aside[data-share-nav]{width:284px!important;box-shadow:12px 0 28px #0005!important}
 html[data-share-theme="graphite"] aside[data-share-nav] nav a{color:#e0e0e0!important;background:transparent!important;min-height:42px;border-radius:7px;transition:background .15s ease!important}
 html[data-share-theme="graphite"] aside[data-share-nav] nav a:hover{background:#181818!important;color:#fff!important}
 html[data-share-theme="graphite"] aside[data-share-nav] nav a.bg-blue-50{background:#222!important;color:#fff!important}
 html[data-share-theme="graphite"] aside[data-share-nav] nav a>span.absolute{background:#aaa!important}
 html[data-share-theme="graphite"] aside[data-share-nav]>div:first-child>div:first-child{background:#252525!important}
 html[data-share-theme="graphite"] aside[data-share-nav] .truncate[style*="color:"]{color:#eee!important}
}

html:has(#mask.on),body:has(#mask.on){overflow:hidden!important}

html[data-share-theme="graphite"] aside[data-share-nav]{z-index:80!important}
html[data-share-theme="graphite"] aside[data-share-nav] button{background-color:#1c1c1c!important;color:#e7e7e7!important;box-shadow:none!important}
html[data-share-theme="graphite"] .sh-sales-shell :is(.bg-slate-700,.bg-slate-800,.bg-slate-900){background-color:#242424!important}
html[data-share-theme="graphite"] .sh-sales-shell :is(.text-blue-400,.text-blue-500,.text-blue-600,.text-cyan-400,.text-cyan-500,.text-sky-400){color:#e2e2e2!important}
html[data-share-theme="graphite"] .sh-sales-shell button:is([class*="bg-purple"],[class*="from-purple"]){background:#1769e8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;color:#fff!important}

html[data-share-theme="graphite"] :is(.brandmark,.brand,.brand b,.brand span,.gbrand,.gbrand b,.gbrand span,.ph-brand,.ph-brand b){color:#ededed!important}
@media(min-width:768px){
 html[data-share-theme="graphite"] aside[data-share-nav]{padding-bottom:58px!important}
 html[data-share-theme="graphite"] aside[data-share-nav] :is(button[title="사이드바 접기"],button[title="사이드바 펼치기"]){display:none!important}
 html[data-share-theme="graphite"] aside[data-share-nav] .sh-sales-pin{position:absolute;inset:auto 10px 10px;display:flex;gap:15px;align-items:center;min-height:42px;padding:0 12px;border:0;border-radius:7px;background:transparent!important;font-size:12px;white-space:nowrap;color:#aaa!important;text-align:left}
 .sh-sales-pin svg{width:19px;min-width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
 html:not(.sh-sales-pinned) aside[data-share-nav]:not(:hover):not(:focus-within) .sh-sales-pin span{display:none}
 html[data-share-theme="graphite"] aside[data-share-nav] .sh-sales-pin:hover{background:#252525!important;color:#fff!important}
}

html[data-share-theme="graphite"] button[data-share-primary="true"]{background:#1769e8!important;background-image:none!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(23,105,232,.25)!important}

/* Wordmarks use one weight, including semantic b/strong spans. */
html[data-share-theme="graphite"] :is(.brandmark,.brand,.gbrand,.ph-brand,.mark,.wordmark,.brandname,.login-brand,.brand-title,.login-logo) :is(b,strong){font-weight:inherit!important}

@media screen{
 html[data-share-readability="true"][data-share-theme="graphite"]{--ink:#f0f2f5!important;--text:#f0f2f5!important;--tx:#f0f2f5!important;--sub:#c3c7ce!important;--muted:#afb5bf!important;--dim:#9ba3af!important;--line:#34373d!important;--line2:#4b5059!important}
 html[data-share-readability="true"] body{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
 html[data-share-readability="true"] :is(input,select,textarea,button){font-family:inherit;font-size:15px;line-height:1.5}
 html[data-share-readability="true"] :is(input:not([type=checkbox]):not([type=radio]),select,button,.btnq,.btng){min-height:42px}
 html[data-share-readability="true"] :is(.gatecard .glabel,.gatehint,.top .ttl,.hero .hlbl,.htile .tl,.hbarhead,.usub,.uof,.uright .ul,.pmain .ps,.glab,.rmeta span,.note,.card .c2,.saved-h,.saved-date,.sc-hint,.sc-field label,.saved-empty,.hero .exlabel,.updated,.card .k,.card .d,.bcard .bt,.kwv .c .sub,.kwmsg){font-size:13px!important;line-height:1.65;letter-spacing:0}
 html[data-share-readability="true"] :is(.gatecard .gt,.saved-kw,.sc-h,.pmain .pm,.seg button,.viewtabs button,.brow .n,.brow .p,.kwv .c .kw,.chip,.btnq,.btng){font-size:14px}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.sc-hint,.saved-empty,.hero .exlabel,.saved-date,.note,.updated,.glab){color:var(--muted)!important;opacity:1}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(input,textarea)::placeholder{color:#9ba3af!important;opacity:1}
 html[data-share-readability="true"] :is(table,table.q){font-size:15px;line-height:1.55}
 html[data-share-readability="true"] thead th{font-size:13px;line-height:1.5;letter-spacing:0;font-weight:600}
 html[data-share-readability="true"] :is(td,.card .c2){padding-top:12px;padding-bottom:12px}
 html[data-share-readability="true"] :is(.num,.money,.val,.kv,.v,.amt,td.r,td.right){font-variant-numeric:tabular-nums}
 html[data-share-readability="true"] h2{font-family:inherit;font-size:19px;line-height:1.5;letter-spacing:-.2px}
 html[data-share-readability="true"] :is(.brand,.gbrand,.brandname){font-weight:400}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.btng,.sc-save,.side-search button,.nav-search button,#gbtn,#gate button){background:#1769e8!important;background-image:none!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(23,105,232,.25)!important}
 html[data-share-readability="true"] .gatecard .gatelang{position:relative;inset:auto;display:block;margin:0 0 24px auto;width:auto;max-width:100%}
 html[data-share-readability="true"] #gate :is(.gsub,.err){font-size:14px;line-height:1.6}
 html[data-share-readability="true"] #gate .gtag{font-size:12px;color:var(--sub)}
 html[data-share-readability="true"][data-share-theme="graphite"] #gate{background:#080808!important;background-image:none!important}
 html[data-share-readability="true"] :is(button,.btnq,.btng):hover{filter:brightness(1.12)}
 html[data-share-readability="true"] :is(button,.btnq,.btng):focus-visible{outline:2px solid #c3c7ce;outline-offset:3px}
}
@media screen and (max-width:760px){
 html[data-share-readability="true"] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:44px}
 html[data-share-readability="true"] :is(button,.btnq,.btng){min-height:44px}
 html[data-share-readability="true"] h2{font-size:18px}
}

.share-login-note{font-size:12px!important;line-height:1.7;color:#8b939f!important;text-align:center;margin:18px 0 0!important}
.share-remember{display:flex!important;align-items:center;gap:8px;font-size:13px!important;line-height:20px!important;color:#8b939f!important;margin:0 0 18px!important}
.share-remember input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:#176ce5}
html[data-share-app=settle] #gate{background:#080808!important;padding:20px!important}
html[data-share-app=settle] #gate .gatecard{width:100%!important;max-width:360px!important;padding:24px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center}
html[data-share-app=settle] #gate .mark,
html[data-share-app=b2b] .login-inner .brandmark{font-size:clamp(22px,7vw,30px)!important;letter-spacing:.22em!important;font-weight:300!important;margin:0 0 14px!important;white-space:nowrap!important;color:#fff!important;line-height:1.6!important}
html[data-share-app=settle] #gate .mark b{display:inline;color:inherit!important;font-weight:inherit!important}
html[data-share-app=settle] #gate .share-brand-tag{font-size:11px;letter-spacing:.34em;color:#8a8f98;margin-bottom:38px}
html[data-share-app=settle] #gate .share-brand-tag:after{content:'';display:block;width:36px;height:1px;background:#3b4655;margin:16px auto 0}
html[data-share-app=settle] #gate #gTitle{font-size:14px!important;font-weight:400!important;line-height:1.6;color:#9aa0a8!important;margin:0 0 18px!important}
html[data-share-app=settle] #gate #gLabel,html[data-share-app=settle] #gate .gtag{display:none!important}
html[data-share-app=settle] #gate #gcode{height:54px!important;text-align:center;font-size:18px!important;letter-spacing:2px;border-radius:12px!important;background:#191919!important}
html[data-share-app=settle] #gate #gcode:focus{border-color:#438cff!important;box-shadow:0 0 0 3px #176ce520!important}
html[data-share-app=settle] #gate #gerr{min-height:18px;margin:10px 0;font-size:13px}
html[data-share-app=settle] #gate #gbtn{height:50px!important;border-radius:12px!important;font-size:15px!important;font-weight:600!important;background:#176ce5!important;color:#fff!important;margin-top:18px!important}

/* Readability applies to settlement and reputation only; sales is deliberately excluded. */
@media screen{
 html[data-share-readability="true"][data-share-theme="graphite"] :is(h1,h2,.top .ttl){color:#f4f6fa!important;font-weight:650;letter-spacing:-.025em}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.btng,.sc-save,.side-search button,.nav-search button,button[onclick^="kwSearch("],#gbtn,#gate button){background:#1b63d3!important;color:#fff!important;border-color:#508fe9!important;font-weight:650}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.hero .hval,.hero .amt,.hero .num,.htile .tv,.card .v){color:#8ec3ff!important;font-weight:650;font-variant-numeric:tabular-nums}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.htile.p .tv,.amt.plus){color:#8ee5c7!important}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.htile.o .tv,.amt.due){color:#f2ce88!important}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.seg button.on,.viewtabs button.on,.viewtabs button.active,.nav a.active){background:#14243a!important;color:#f3f7ff!important;border-color:#48678d!important;box-shadow:inset 0 -2px #74afff!important}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.saved-kw,.kwv .c .kw){color:#c7b5ff!important;font-weight:600}
 html[data-share-readability="true"][data-share-theme="graphite"] :is(.sc-h,.saved-h){color:#c7b5ff!important}
}

/* ── Urban AI motion + glass overlay (design system §03–05). Applies inside every embedded app. ── */
html[data-share-theme="graphite"] :is(.btn,.button,button:not([class]),.btnq,.btng,button[type=submit],[data-share-primary="true"]):hover{filter:brightness(1.1)}
html[data-share-theme="graphite"] :is(.btn,.button,button:not([class]),.btnq,.btng,button[type=submit]):active{transform:translateY(1px) scale(.985)}
html[data-share-theme="graphite"] :is(.btn,.button,button,input,select,textarea,a):focus-visible{outline:2px solid #8a8a8a!important;outline-offset:3px!important;box-shadow:none!important}
html[data-share-theme="graphite"] :is(input,select,textarea):focus{border-color:#8a8a8a!important;box-shadow:0 0 0 3px rgba(231,231,231,.06)!important}
html[data-share-theme="graphite"] :is(.modal,.modal-content,.modal-box,.sheet,.dialog,.drawer,dialog){background-color:rgba(10,10,14,.5)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(30px) saturate(150%)!important;-webkit-backdrop-filter:blur(30px) saturate(150%)!important;box-shadow:0 40px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)!important;animation:share-pop .32s cubic-bezier(.16,1,.3,1) both}
html[data-share-theme="graphite"] :is(.modal-backdrop,.overlay,.backdrop,dialog::backdrop){background:rgba(0,0,0,.55)!important;backdrop-filter:blur(6px)}
html[data-share-theme="graphite"] tbody tr>td{transition:background-color .15s}
@keyframes share-pop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
/* ── Urban AI typography · legibility floor (design/urban-ai-design-system.html §02b). Applies to every themed app. ── */
html[data-share-theme="graphite"] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-break:keep-all;overflow-wrap:anywhere;line-height:1.6}
/* Settlement dates are atomic values, including in the narrow ledger date column. */
html[data-share-app="settle"] .tblwrap td.d{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:108px;width:108px}
html[data-share-app="settle"] .tblwrap{overflow-x:auto!important}
html[data-share-theme="graphite"] :is(h1,h2,h3,h4){letter-spacing:-.02em;line-height:1.25;text-wrap:balance;color:#f2f2f2!important}
html[data-share-theme="graphite"] :is(p,li,td,th,label,dd,dt,summary){text-wrap:pretty}
html[data-share-theme="graphite"] :is(small,.small,.caption,.hint,.help,.desc,.sub,.meta,.muted,.text-xs,.text-sm,.text-muted,.text-gray-400,.text-gray-500,.text-slate-400,.text-slate-500,.text-zinc-400,.text-zinc-500){color:#8a8a8a!important;opacity:1!important}
html[data-share-theme="graphite"] :is(.text-gray-300,.text-slate-300,.text-zinc-300,.text-gray-600,.text-slate-600){color:#b5b5b5!important}
html[data-share-theme="graphite"] :is(td,th,.num,.money,.amount,.amt,.val,.kv,.v,.count,.qty,.price,.total,.stat,.kpi b,.metric b,.metric-value,.kpi-value){font-variant-numeric:tabular-nums}
html[data-share-theme="graphite"] :is(a:not([class]),.link){color:#8fb8ff;text-decoration-color:rgba(143,184,255,.35);text-underline-offset:3px}
html[data-share-theme="graphite"] :is(a:not([class]),.link):hover{color:#b8d2ff;text-decoration-color:currentColor}
html[data-share-theme="graphite"] ::selection{background:rgba(23,105,232,.45);color:#fff}
html[data-share-theme="graphite"] :is(.ok,.success,.text-green-600,.text-emerald-600,.status-ok,.badge-ok){color:#6ed9b0!important}
html[data-share-theme="graphite"] :is(.warn,.warning,.pending,.text-amber-600,.text-yellow-600,.status-wait){color:#dfbd70!important}
html[data-share-theme="graphite"] :is(.bad,.danger,.error,.err,.text-red-600,.text-rose-600,.status-bad,.overdue){color:#f58d99!important}
@media screen and (max-width:760px){html[data-share-theme="graphite"] body{font-size:15px}html[data-share-theme="graphite"] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}}
/* ── Urban AI interaction layer (§05 INTERACTION): smooth scrolling, dialog close, drawer/sheet, toast, menu, tooltip. ── */
html[data-share-theme="graphite"]{scroll-behavior:smooth}
html[data-share-theme="graphite"] :is(.modal,.modal-content,.modal-box,.dialog,dialog).closing,html[data-share-theme="graphite"] :is(.modal,.modal-content,.modal-box,.dialog,dialog)[data-closing]{animation:share-pop-out .2s cubic-bezier(.7,0,.3,1) both}
html[data-share-theme="graphite"] :is(.drawer,.sheet,.side-panel,.offcanvas,[data-share-drawer]){animation:share-slide-in .32s cubic-bezier(.16,1,.3,1) both}
html[data-share-theme="graphite"] :is(.drawer,.sheet,.side-panel,.offcanvas,[data-share-drawer]).closing{animation:share-slide-out .24s cubic-bezier(.7,0,.3,1) both}
html[data-share-theme="graphite"] :is(.bottom-sheet,.sheet.bottom,[data-share-sheet]){animation:share-rise .32s cubic-bezier(.16,1,.3,1) both}
html[data-share-theme="graphite"] :is(.toast,.snackbar,.notice,.alert-float,.flash,[data-share-toast]){background:rgba(16,16,18,.82)!important;color:#e7e7e7!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12)!important;animation:share-toast-in .32s cubic-bezier(.16,1,.3,1) both}
html[data-share-theme="graphite"] :is(.toast,.snackbar,.notice,.alert-float,.flash,[data-share-toast]).closing{animation:share-toast-out .2s cubic-bezier(.7,0,.3,1) both}
html[data-share-theme="graphite"] :is(.dropdown-menu,.menu,.popover,.select-menu,.autocomplete,[role=menu],[role=listbox]:not(select)){background:rgba(14,14,16,.92)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(0,0,0,.55)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:share-pop .2s cubic-bezier(.16,1,.3,1) both;transform-origin:top}
html[data-share-theme="graphite"] :is(.dropdown-menu,.menu,.popover,[role=menu]) :is(li,button,a,[role=menuitem],[role=option]):hover{background:#1a1a1a!important;color:#f2f2f2!important}
html[data-share-theme="graphite"] :is(.tooltip,[role=tooltip]){background:#f2f2f2!important;color:#101010!important;border-radius:8px!important;font-size:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.4)!important;animation:share-pop .12s ease-out both}
html[data-share-theme="graphite"] :is(.tab,.nav-link,.seg button,.viewtabs button){transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s,border-color .2s}
html[data-share-theme="graphite"] :is(tbody tr,.item,.row,.list-item,.card){transition:background-color .15s,border-color .2s,transform .2s cubic-bezier(.16,1,.3,1)}
html[data-share-theme="graphite"] :is(.card,.mobile-card,.data-card):hover{border-color:#2e2e2e!important;transform:translateY(-2px)}
html[data-share-theme="graphite"] :is(.skeleton,.placeholder-glow,.shimmer,[aria-busy=true] .bar){background:#1c1c1c!important;animation:share-pulse 1.4s ease-in-out infinite}
@keyframes share-pop-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes share-slide-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes share-slide-out{to{opacity:0;transform:translateX(24px)}}
@keyframes share-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes share-toast-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes share-toast-out{to{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes share-pulse{50%{opacity:.45}}
@media screen and (max-width:760px){html[data-share-theme="graphite"] :is(.drawer,.sheet,.side-panel,.offcanvas,[data-share-drawer]){animation-name:share-rise}html[data-share-theme="graphite"] :is(.drawer,.sheet,.side-panel,.offcanvas,[data-share-drawer]).closing{animation-name:share-sink}html[data-share-theme="graphite"] :is(.toast,.snackbar,.notice,.alert-float,.flash,[data-share-toast]){bottom:calc(76px + env(safe-area-inset-bottom))!important}}
@keyframes share-sink{to{opacity:0;transform:translateY(24px)}}
/* motion switch: html[data-motion=reduce] arrives from Share (share_motion URL param or nineaccord:motion message); the OS flag is not followed */
html[data-motion=reduce][data-share-theme="graphite"] *{animation:none!important;transition:none!important}
html[data-motion=reduce][data-share-theme="graphite"]{scroll-behavior:auto}