/* Homepage icon colour editor. */
.home-custom-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
/* Quiet utility controls stay beside search at every screen size. */
.home-graphite #app .tools{flex-wrap:nowrap;gap:8px}
.home-graphite #app .tools .search{flex:1 1 0;min-width:0}
.home-graphite #app .tools :is(#edit-toggle,#icon-colours){display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;gap:0;border:1px solid #657585!important;border-radius:10px;background:#292F36!important;color:#DAE4EF!important;box-shadow:none}
.home-graphite #app .tools :is(#edit-toggle,#icon-colours) svg{width:19px;height:19px}
.home-graphite #app .tools :is(#edit-toggle,#icon-colours):hover{background:#35414D!important;border-color:#9BB0C2!important}
.home-graphite #app .tools :is(#edit-toggle,#icon-colours):focus-visible{outline:2px solid #A5C6E1;outline-offset:3px}
#icon-colour-status{font-size:13px;color:#DAE4EF;margin:0 0 14px}
#icon-colour-status:empty{display:none}
#home-icon-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #B9C8D4;border-radius:20px;background:#FFF;color:#22272E;box-shadow:0 24px 80px #0005;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#home-icon-dialog::backdrop{background:#10151CC0;backdrop-filter:blur(3px)}
#home-icon-dialog [hidden]{display:none!important}
#home-icon-dialog .ic-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:#365875;color:#FFF}
#home-icon-dialog h2{font-size:25px;letter-spacing:-.5px;line-height:1.2;color:#FFF;margin:0 0 7px}
#home-icon-dialog .ic-header p{font-size:13px;line-height:1.4;margin:0;color:#FFF}
#home-icon-dialog button{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;min-height:44px;border:1px solid #BBC8D5;border-radius:10px;cursor:pointer;background:#FFF;color:#273641;padding:10px 14px}
#home-icon-dialog .ic-close{width:44px;height:44px;padding:0;border-radius:50%;font-size:26px;flex-shrink:0}
#home-icon-dialog .ic-body{padding:22px 24px}
#home-icon-dialog .ic-targets{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#home-icon-dialog label{display:grid;gap:7px;font-size:12px;font-weight:650;color:#465461;min-width:0}
#home-icon-dialog select,#home-icon-dialog input{width:100%;min-width:0;min-height:46px;border:1px solid #B9C8D4;border-radius:10px;background:#FFF;color:#22272E;font:inherit;padding:10px;font-size:14px}
#home-icon-dialog .ic-example{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #CCD5DD;border-radius:14px;margin:20px 0;background:#F9FAFB}
#home-icon-dialog .ic-example-icon{width:56px;height:58px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}
#home-icon-dialog .ic-example-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#home-icon-dialog .ic-example-name{display:block;font-size:20px;color:#22272E;line-height:1.3}
#home-icon-dialog .ic-example-note{display:block;font-size:12px;margin-top:5px;color:#526171}
#home-icon-dialog .ic-hint{font-size:12px;line-height:1.5;color:#526171;margin:14px 0}
#home-icon-dialog .ic-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
#home-icon-dialog .ic-swatches button{background:var(--swatch);height:46px;padding:0;position:relative;border-color:#AAB8C4}
#home-icon-dialog .ic-swatches button[aria-pressed=true]{outline:2px solid #365875;outline-offset:3px}
#home-icon-dialog .ic-swatches button[aria-pressed=true]:after{content:'✓';position:absolute;inset:auto 4px 4px auto;background:#FFF;color:#263B4F;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}
#home-icon-dialog .ic-selection{font-size:13px;color:#354656;margin:16px 0}
#home-icon-dialog .ic-custom{display:grid;grid-template-columns:65px 1fr 1fr;gap:12px;margin-bottom:16px}
#home-icon-dialog input[type=color]{padding:4px;height:46px}
#home-icon-dialog .ic-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #D8E0E7;background:#F5F7F9;position:sticky;bottom:0}
#home-icon-dialog .ic-save,#home-icon-dialog .ic-guard-save{background:#365875;color:#FFF;border-color:#365875}
#home-icon-dialog .ic-error{color:#973E35;font-size:13px;line-height:1.5}
#home-icon-dialog .ic-error:empty{display:none}
#home-icon-dialog .ic-guard{background:#FAECD4;border:1px solid #DCC69D;border-radius:12px;padding:14px;font-size:13px;color:#674C29}
#home-icon-dialog .ic-guard>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
#home-icon-dialog button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){
 .home-graphite #app .tools .search{padding:0 10px;gap:8px}
 .home-graphite #app .tools .search kbd{display:none}
 .home-graphite #app .tools .home-clear{width:36px;min-height:44px}
 .home-custom-actions{width:auto;justify-content:flex-end}
 #home-icon-dialog .ic-header{padding:18px}#home-icon-dialog .ic-body{padding:18px}#home-icon-dialog .ic-targets{grid-template-columns:1fr;gap:12px}
 #home-icon-dialog .ic-swatches{gap:10px}#home-icon-dialog .ic-custom{grid-template-columns:54px 1fr 1fr;gap:8px}
 #home-icon-dialog .ic-footer{padding:14px 18px}#home-icon-dialog .ic-footer button{flex:1}
 #home-icon-dialog h2{font-size:23px}
}
@media print{#home-icon-dialog,#icon-colours,#icon-colour-status{display:none!important}}