:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203348;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#1667b2;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:27px;letter-spacing:-.7px;margin:0 0 8px}h2{font-size:17px;margin:0}p{color:#68798a;margin:4px 0;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:239px;flex:none;background:#152d43;color:#dce8f4;min-height:100vh;display:flex;flex-direction:column;padding:23px 16px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;font-size:14px;color:white;font-weight:700;padding:0 7px 29px;letter-spacing:.45px}.logo small,.login-brand small{display:block;color:#aebdd1;font-size:9px;letter-spacing:1.5px;padding-top:3px}.mark{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#3180cf;border-radius:9px;color:#fff;font-size:24px;font-weight:900}.sidebar-title{font-size:10px;letter-spacing:1.2px;color:#8faac2;margin:18px 10px 10px;font-weight:800}.nav{display:flex;align-items:center;gap:12px;color:#b8cddd;font-size:13px;font-weight:600;padding:13px 14px;border-radius:8px;margin:2px 0}.nav:hover,.nav.selected{background:#263f59;color:white;text-decoration:none}.sidebar-foot{margin-top:auto;border-top:1px solid #355067;padding:19px 9px 6px}.who{font-size:13px;font-weight:700}.role{font-size:11px;color:#9ab3ca;margin:4px 0 15px}.small-link{font-size:11px;color:#bbd7ef}.logout{border:0;color:#fff;background:none;font-size:11px;margin:13px 0 0;padding:0}.main{flex:1;min-width:0}.topbar{height:74px;background:white;border-bottom:1px solid #e1e8ee;display:flex;align-items:center;justify-content:space-between;padding:0 37px}.topbar b{display:block;font-size:13px;letter-spacing:1px}.topbar span{font-size:11px;color:#8191a0}.env-label{font-size:10px!important;font-weight:800;color:#8d6212!important;letter-spacing:.6px;background:#fff5db;border:1px solid #f5df9c;border-radius:5px;padding:7px 10px}.container{max-width:1340px;margin:auto;padding:28px 37px 65px}.warning{background:#fdf7e8;border:1px solid #efdca8;padding:12px 17px;border-radius:9px;color:#875e10;font-size:12px;margin-bottom:24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.heading p{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{border:1px solid #e0e9f0;box-shadow:0 3px 15px rgba(25,52,73,.025);border-radius:12px;padding:21px;background:#fff;color:inherit;display:flex;flex-direction:column}.metric:hover{text-decoration:none;border-color:#a9c5de}.metric span{font-size:12px;font-weight:700;color:#63788b}.metric strong{font-size:39px;margin:7px 0;color:#183b57;line-height:1.15}.metric small,.muted{font-size:11px;color:#8091a0}.panel{background:white;border:1px solid #e3eaf0;border-radius:12px;padding:23px;margin-bottom:20px;box-shadow:0 3px 12px rgba(24,42,58,.025)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading p{font-size:12px}.muted-panel{background:#fafdff}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#79899b;text-align:left;background:#f8fafc;padding:13px 11px}td{padding:14px 11px;border-bottom:1px solid #edf1f4;vertical-align:top}tr:last-child td{border-bottom:none}td small{display:block;color:#8d9dac;font-size:10px;margin-top:5px}td a{color:#23516d}td b{font-weight:760}.empty{text-align:center;padding:44px 15px;color:#8193a1;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 15px;border:1px solid #ccd9e4;background:#fff;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}.btn.primary{background:#1765b0;border-color:#1765b0;color:white}.btn.primary:hover{background:#0e518f;text-decoration:none}.btn.ghost{background:white;color:#47637d}.btn.subtle{background:#f3f7fa;color:#395979;padding:8px 10px;font-size:11px}.link{font-size:12px;font-weight:700}.stack{display:flex;flex-direction:column;gap:12px}.pack-card{border:1px solid #e4eaf1;background:#fff;border-radius:12px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pack-title{font-size:16px;font-weight:750;color:#183950;display:block;margin-bottom:6px}.chip{display:inline-block;border:1px solid #c9d8e8;background:#f1f6fb;color:#315a76;font-size:10px;font-weight:750;border-radius:6px;padding:4px 8px;margin-top:8px}.chip.done{background:#e9f8f0;border-color:#b6e6cd;color:#18724d}.chip.urgent{background:#fef0ed;border-color:#f3c8be;color:#b14536}.form-panel{max-width:790px}.form-panel form>label,.login-card label{display:block;margin-bottom:14px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:19px 0 23px}label{color:#53697e;font-weight:650;font-size:12px;display:block}label input,label select{display:block;width:100%;margin-top:8px;border:1px solid #cedae3;padding:12px;border-radius:8px;background:#fff;outline-offset:3px;color:#183249}.notice{border:1px solid #d3e2ee;background:#f3f8fc;color:#476680;padding:15px 17px;border-radius:9px;font-size:12px;line-height:1.6;margin:0 0 21px}.filter{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.filter label{flex:1;min-width:140px}.pages{display:flex;gap:24px;justify-content:center;padding:20px 0 0;font-size:12px}.pages span{color:#8493a1}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.details span{display:block;font-size:11px;color:#7b8c9b;margin-bottom:8px}.details strong{font-size:15px}.back{display:block;font-size:12px;margin-bottom:12px}.activity-row{padding:15px 0;border-bottom:1px solid #edf2f5;display:flex;gap:8px;flex-direction:column;font-size:12px}.activity-row:last-child{border-bottom:0}.activity-row span,.activity-row small{color:#7c8fa0}.user-actions,.user-actions form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.user-actions select{padding:8px;border:1px solid #cedae3;border-radius:7px;background:white;font-size:11px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(150deg,#e5eef7,#f8fafc)}.login-card{width:min(420px,calc(100vw - 30px));background:white;padding:36px;border:1px solid #dce6ed;border-radius:16px;box-shadow:0 15px 50px rgba(26,57,86,.08)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;font-size:16px;font-weight:700}.login-card h1{font-size:26px}.login-card>p{font-size:13px;margin-bottom:24px}.login-card .wide{width:100%}.login-hint{font-size:11px!important;color:#8698aa!important;margin:20px 0 0!important}.error{padding:12px;background:#fff0f0;color:#a22c2c;border-radius:8px;margin-bottom:15px;font-size:12px}@media(max-width:1000px){.sidebar{width:205px}.topbar{padding:0 22px}.container{padding:24px}.details{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;min-height:0;padding:15px;display:flex;gap:6px}.logo{padding:0 0 10px}.sidebar-title{display:none}.nav{padding:9px 10px;display:inline-flex}.sidebar-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:9px 0}.role{margin:0}.metric-grid{grid-template-columns:1fr}.topbar{height:62px}.container{padding:15px}.heading{align-items:start;flex-direction:column}.fields,.details{grid-template-columns:1fr}.pack-card{align-items:start;flex-direction:column}.env-label{font-size:8px!important}}

/* v2.0.1: dashboard and navigation styled after the approved v1.5.10 prototype. */
:root{--kss-navy:#142940;--kss-ink:#182b3d;--kss-muted:#64748b;--kss-blue:#1661c0;--kss-border:#e2e8ef}
body{background:#f5f7fb;color:var(--kss-ink)}.sidebar{width:240px;background:#142940;padding:22px 14px}.logo{font-size:17px;letter-spacing:-.3px;padding:0 10px 31px;gap:11px}.mark{background:#f3f8ff;color:#142940;border-radius:10px;width:39px;height:39px;font-size:15px;letter-spacing:-1px}.logo .brand{font-weight:800;line-height:1.1}.logo small{font-size:9px;font-weight:600;letter-spacing:1px;padding-top:6px;color:#a8c1d5}.sidebar-main{min-height:0;overflow-y:auto}.sidebar-title{margin-top:18px;margin-bottom:10px;letter-spacing:1px}.nav{padding:12px 11px;margin:2px 0;gap:10px;font-size:12px;border-radius:8px}.nav.selected,.nav:hover{background:#264058;color:white}.nav-icon{font-size:18px;font-weight:400;line-height:1;width:20px;text-align:center;flex:none}.nav-coming{margin-left:auto;color:#b5c8d9;font-weight:600;font-size:8px;background:#31475f;padding:4px 5px;border-radius:4px}.identity{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{display:grid;place-items:center;background:#315373;color:#fff;border-radius:9px;width:37px;height:37px;font-size:12px;font-weight:750;flex:none}.sidebar-foot{padding:17px 10px 6px}.role{margin:4px 0 0}.small-link{display:inline-block;margin:2px 0 4px}.logout{display:block;margin-top:11px}.topbar{height:66px;padding:0 32px}.breadcrumbs{font-size:13px;color:#687b8f}.breadcrumbs strong{color:#1b3043}.crumb-separator{color:#b3c0cd;padding:0 10px}.top-actions{display:flex;align-items:center;gap:13px}.top-user{font-size:11px;color:#6c7e91}.env-label{border-color:#d7e1eb!important;color:#536b80!important;background:#f5f9fd;font-size:10px!important;border-radius:20px;padding:7px 12px}.container{max-width:1440px;padding:27px 33px 65px}.warning{border-color:#eddcb9;background:#fffaf0;color:#916b2c;font-size:11px;margin-bottom:25px}.page-title{margin:3px 0 23px}.page-title h1{font-size:31px;font-weight:790;letter-spacing:-1px}.page-title p{font-size:14px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.15px;color:#2f70b4;margin:0 0 11px}.panel{border-radius:13px;box-shadow:0 3px 18px rgba(23,39,63,.035)}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f1f6fb;border:1px solid #d9e7f4;margin-bottom:17px;padding:22px 25px}.hero-left{display:flex;align-items:center;gap:17px}.hero-icon{display:grid;place-items:center;background:#ddecfa;color:#1761b8;width:49px;height:49px;border-radius:12px;font-size:25px;font-weight:800;flex:none}.hero h2{font-size:19px}.hero p{max-width:650px;font-size:12px;margin-top:6px}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric{padding:20px 21px;min-height:141px}.metric span{color:#637589;font-size:12px}.metric strong{font-size:35px;color:#182e43;margin:8px 0}.metric strong.green{color:#15846d}.metric strong.pending{color:#b67c31}.metric small{font-size:11px;line-height:1.45}.prime-highlight{border:1px solid #efc4bf;background:linear-gradient(120deg,#fff,#fff9f8);padding:21px 23px}.prime-highlight h2{font-size:22px;margin:0 0 7px}.prime-highlight p{max-width:850px}.prime-kicker{color:#a65357}.prime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.prime-stat{border:1px solid #efd9d4;border-radius:10px;padding:16px 17px;background:white}.prime-stat strong{font-size:30px;color:#aa3329;display:block;line-height:1.2}.prime-stat span{font-size:11px;color:#72849b;display:block;margin-top:5px}.info-line{font-size:11px;color:#7b8999;line-height:1.5;margin-top:14px}.pool-preview{padding:22px 23px}.pool-preview h2{font-size:19px}.colour-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:15px}.colour-card{border:1px solid #e1e9f1;border-radius:11px;padding:15px;background:#fff;min-width:0}.colour-title{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4}.colour-dot{width:20px;height:20px;border:1px solid #d2dbe6;flex:none;border-radius:6px}.colour-total{font-size:28px;font-weight:800;margin:16px 0 4px}.colour-total span{font-size:10px;color:#77889a;font-weight:500}.colour-note{font-size:10px;color:#9b6e20;background:#fff8e8;border-radius:6px;padding:6px 8px;margin-top:9px}.roadmap-footer{display:flex;align-items:center;gap:9px;font-size:11px;color:#6c7e91;margin:18px 1px}.roadmap-footer b{color:#223d50}.roadmap-dot{height:8px;width:8px;background:#17876c;border-radius:50%}.upcoming{display:flex;align-items:flex-start;gap:20px;padding:30px}.upcoming-icon{width:56px;height:56px;display:grid;place-items:center;font-size:28px;color:#3777b2;border-radius:13px;background:#edf6ff;flex:none}.upcoming h2{font-size:21px;margin-bottom:8px}.upcoming p{font-size:13px;max-width:780px}.upcoming-next{font-size:12px;background:#f4f8fc;border:1px solid #e2ebf4;border-radius:8px;padding:12px 14px;margin-top:17px}.quicklinks{display:flex;gap:9px;flex-wrap:wrap}.btn.ghost{border-color:#d3e0ec;color:#274c70;font-weight:700;background:white}.pack-card:hover{border-color:#c0d3e4}.chip{border-radius:6px}
@media(max-width:1140px){.metric-grid.four,.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.sidebar{width:210px}.topbar{padding:0 19px}.container{padding:19px}.hero{align-items:flex-start;flex-direction:column}.prime-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{width:100%;padding:15px;position:static;min-height:0;height:auto}.sidebar-main{overflow:visible}.nav{display:inline-flex}.sidebar-foot{gap:8px;flex-direction:column;align-items:flex-start}.identity{margin-bottom:2px}.topbar{padding:0 14px}.top-user{display:none}.container{padding:14px}.page-title h1{font-size:25px}.metric-grid.four{grid-template-columns:1fr 1fr}.colour-grid{grid-template-columns:1fr 1fr}.prime-highlight .panel-heading,.pool-preview .panel-heading{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.metric-grid.four,.colour-grid{grid-template-columns:1fr}.upcoming{flex-direction:column}}

/* v2.0.2 invoice and font review */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:17px 0}.form-grid>label{min-width:0}.form-grid>button{align-self:end;min-height:42px}.panel table{margin-top:12px}.colour-grid>.panel{margin:0}.colour-grid .panel h2{line-height:1.4}.colour-grid .panel form{margin-top:16px}.colour-grid .panel form label{margin-bottom:12px}.colour-grid .panel .btn{white-space:normal}@media(max-width:850px){.form-grid{grid-template-columns:1fr}.colour-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.colour-grid{grid-template-columns:1fr}}


/* Pack UI v2.0.2.2 */

/* v2.0.2.2 completion checkboxes and artwork PNGs */
.pack-card-preview{justify-content:flex-start;gap:18px}.preview-link{display:block;flex:none}.pack-thumbnail,.pack-preview-empty{width:205px;height:146px;object-fit:contain;border:1px solid #dbe5ec;background:#fff;border-radius:10px}.pack-preview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8998a6;font-size:11px;text-align:center}.pack-copy{flex:1;min-width:170px}.pack-files{font-size:12px;margin-top:11px}.pack-checkbox-form{align-self:center;flex:none}.completion-control{display:inline-flex;align-items:center;gap:9px;color:#2f4d63;font-weight:750;font-size:13px;cursor:pointer;white-space:nowrap}.completion-control input[type=checkbox]{width:22px;height:22px;accent-color:#14805b;cursor:pointer;flex:none;margin:0}.completion-control input:disabled{cursor:default}.pack-detail-preview{display:block;width:100%;max-width:920px;object-fit:contain;background:white;border:1px solid #e0e7ef;border-radius:10px;margin-top:16px}.pack-card-preview:hover{border-color:#a9c4dd}@media(max-width:850px){.pack-card-preview{flex-wrap:wrap}.pack-thumbnail,.pack-preview-empty{width:160px;height:114px}.pack-checkbox-form{align-self:flex-start}}


/* Compact pack UI v2.0.2.3 */

/* KSS v2.0.2.3 — compact v1.5.10-style production packs; NEVER let PNGs expand the grid. */
.kss-pack-list{width:100%;overflow:visible;background:#fff;border:1px solid #e1e8f0;border-radius:12px}
.kss-pack-list-head,.kss-pack-row{display:grid;grid-template-columns:minmax(250px,1fr) 64px 112px 142px;align-items:center;gap:12px}
.kss-pack-list-head{padding:12px 18px;background:#f8fafc;color:#617489;font-size:11px;font-weight:750;border-bottom:1px solid #e7edf4}
.kss-pack-row{padding:11px 18px;border-bottom:1px solid #e8edf3;min-height:87px}
.kss-pack-row:last-of-type{border-bottom:0}.kss-pack-row:hover{background:#fbfdff}
.kss-pack-identity{display:flex;align-items:center;gap:13px;min-width:0}
.kss-thumbnail-button{width:90px!important;height:66px!important;min-width:90px!important;max-width:90px!important;min-height:66px!important;max-height:66px!important;padding:1px;border:1px solid #e0e7ed;border-radius:7px;background:#fff;overflow:hidden;cursor:pointer;flex:0 0 90px;display:flex;align-items:center;justify-content:center}
.kss-thumbnail-button .kss-pack-thumbnail{width:86px!important;height:62px!important;max-width:86px!important;max-height:62px!important;object-fit:contain!important;display:block!important;flex:none!important}
.kss-thumbnail-button:hover{border-color:#5d9ce0;background:#f7fbff}
.kss-thumbnail-empty{height:66px;width:90px;flex:0 0 90px;border-radius:7px;display:grid;place-items:center;font-size:10px;line-height:1.35;text-align:center;color:#8796a4;background:#f5f7f9;border:1px dashed #dfe6eb}
.kss-pack-description{min-width:0}.kss-pack-title{display:block;color:#172e44;font-size:13px;font-weight:780;line-height:1.35;text-decoration:none}.kss-pack-title:hover{color:#1767b3}.kss-pack-subtitle{font-size:10px;color:#8090a0;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.kss-pack-prime{font-size:10px;color:#ac402c;font-weight:700;display:inline-block;margin-top:4px}
.kss-pack-quantity{font-weight:760;font-size:13px;color:#243e50;text-align:left}
.kss-pack-completion{margin:0}.kss-todo-check{display:inline-flex!important;gap:8px!important;align-items:center!important;cursor:pointer;color:#728496;font-size:12px;font-weight:680;white-space:nowrap}
.kss-todo-check input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;display:block!important;flex:0 0 21px!important;width:21px!important;height:21px!important;margin:0!important;border:1.5px solid #b7c9c4!important;border-radius:5px!important;background:#f1faf6!important;cursor:pointer!important;position:relative!important}
.kss-todo-check input[type=checkbox]:hover{border-color:#159969!important;background:#e8f7ef!important}.kss-todo-check input[type=checkbox]:checked{background:#15966b!important;border-color:#15966b!important}.kss-todo-check input[type=checkbox]:checked:after{content:'✓';display:block;color:white;font-size:15px;line-height:18px;text-align:center;font-weight:800}
.kss-pack-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.kss-icon-action{display:inline-grid!important;place-items:center!important;flex:0 0 38px!important;height:38px!important;width:38px!important;border:1px solid #dbe5ef!important;border-radius:8px!important;background:#fff!important;color:#446079!important;padding:0!important;cursor:pointer;text-decoration:none!important}
.kss-icon-action:hover{background:#edf5ff!important;border-color:#b9d4eb!important;color:#1463ae!important}.kss-icon-action svg{width:19px;height:19px;display:block}
.kss-artwork-modal{position:fixed!important;inset:0!important;box-sizing:border-box!important;padding:0!important;margin:auto!important;width:min(790px,calc(100vw - 40px))!important;max-width:790px!important;max-height:min(85vh,750px)!important;overflow:auto!important;border:1px solid #dce6ee!important;border-radius:15px!important;background:#fff!important;box-shadow:0 28px 80px #0004!important;color:#1b3248!important}
.kss-artwork-modal::backdrop{background:rgba(15,31,49,.62)}
.kss-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 19px;border-bottom:1px solid #e9eef4;background:#fff}.kss-modal-header strong{display:block;font-size:16px}.kss-modal-header small{display:block;font-size:11px;color:#778b9a;margin-top:3px}.kss-modal-header form{margin:0}.kss-modal-close{width:33px;height:33px;border:1px solid #dce6ee;border-radius:8px;background:#fff;font-size:24px;color:#59748a;cursor:pointer}.kss-modal-close:hover{background:#f2f6fa}
.kss-modal-picture{padding:15px 18px 10px;background:#f8fafc;display:grid;place-items:center}.kss-modal-picture img{max-width:100%!important;width:100%!important;height:auto!important;max-height:65vh!important;object-fit:contain!important;background:white;border:1px solid #e4e9ef;border-radius:8px;display:block!important}
.kss-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px 16px}.kss-modal-footer span{color:#8794a4;font-size:11px}.kss-modal-footer>div{display:flex;gap:8px;align-items:center}.kss-modal-footer .btn svg{vertical-align:middle;margin-right:5px}
.kss-detail-preview-button{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dee7f0;border-radius:9px;padding:7px 13px 7px 7px;color:#356185;font-weight:700;cursor:pointer}.kss-detail-preview-button:hover{background:#f7fbff}
@media(max-width:900px){.kss-pack-list-head,.kss-pack-row{grid-template-columns:minmax(160px,1fr) 45px 94px 130px;gap:8px}.kss-pack-list-head,.kss-pack-row{padding-left:10px;padding-right:10px}.kss-thumbnail-button,.kss-thumbnail-empty{width:66px!important;min-width:66px!important;max-width:66px!important;height:54px!important;min-height:54px!important;max-height:54px!important;flex-basis:66px!important}.kss-thumbnail-button .kss-pack-thumbnail{width:62px!important;max-width:62px!important;height:50px!important;max-height:50px!important}}
@media(max-width:620px){.kss-pack-list-head{display:none}.kss-pack-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.kss-pack-completion{grid-column:1}.kss-pack-actions{grid-column:2;grid-row:2}.kss-modal-footer{flex-wrap:wrap}.kss-artwork-modal{width:calc(100vw - 20px)!important}.kss-pack-title{font-size:12px}}

.kss-home-split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:18px;margin-bottom:18px;align-items:start}.kss-home-split>.panel{min-width:0;margin:0;padding:18px}.kss-home-split .panel-heading{margin-bottom:14px}.kss-home-split .kss-pack-list{margin:0}.kss-home-split .kss-pack-list-head,.kss-home-split .kss-pack-row{grid-template-columns:minmax(185px,1fr) 42px 95px 130px;gap:8px;padding-left:10px;padding-right:10px}.kss-home-split .kss-pack-row{min-height:80px}.kss-home-split .kss-thumbnail-button,.kss-home-split .kss-thumbnail-empty{width:66px!important;min-width:66px!important;max-width:66px!important;height:54px!important;min-height:54px!important;max-height:54px!important;flex-basis:66px!important}.kss-home-split .kss-thumbnail-button .kss-pack-thumbnail{width:62px!important;max-width:62px!important;height:50px!important;max-height:50px!important}.kss-home-split .kss-icon-action{width:35px!important;height:35px!important;flex-basis:35px!important}.kss-home-attention .panel-heading{display:flex;gap:10px;align-items:flex-start}.kss-held-count{font-size:11px;color:#a46218;background:#fff3dd;padding:7px 9px;border-radius:7px;font-weight:800;white-space:nowrap}.kss-attention-callout{padding:18px 0;border-bottom:1px solid #e8edf3;font-size:13px;color:#53697e}.kss-attention-prime{font-size:12px;color:#a93e2d;font-weight:700}.kss-attention-clear{font-size:13px;color:#698296;margin:22px 0}.kss-attention-link{display:block;text-align:center;padding:11px 12px;border:1px solid #d8e3ed;border-radius:8px;color:#325b79;font-size:12px;font-weight:760;margin-top:18px}@media(max-width:1390px){.kss-home-split{grid-template-columns:1fr}}@media(max-width:620px){.kss-home-split .kss-pack-list-head{display:none}.kss-home-split .kss-pack-row{grid-template-columns:minmax(0,1fr) auto}.kss-home-split .kss-pack-completion{grid-column:1}.kss-home-split .kss-pack-actions{grid-column:2;grid-row:2}}

/* v2.0.2.14: clear, high-contrast reasons for held invoice orders. */
.kss-review-issue{margin:0 0 17px;padding:16px 19px;border:2px solid #bd3838;border-radius:10px;background:#fff0f0;color:#842121;line-height:1.5}
.kss-review-issue>strong{font-size:15px;display:block;margin-bottom:7px}
.kss-review-issue p{font-size:13px;margin:6px 0;overflow-wrap:anywhere}
.kss-review-issue .kss-review-issue-help{margin-top:9px;color:#783333}
.kss-pack-completed-message{margin-bottom:16px;border-color:#a6d5bb;background:#effaf2;color:#176443}
.kss-pack-completed-message[hidden]{display:none}

/* Completed archive packs remain visible but are intentionally immutable. */
.kss-todo-check input[type=checkbox]:disabled{cursor:not-allowed!important;opacity:1!important}.kss-todo-check input[type=checkbox]:disabled:hover{background:#15966b!important;border-color:#15966b!important}.kss-pack-completion:has(input[disabled]) .kss-todo-check{cursor:default;color:#20835f}

/* v2.0.2.19: dashboard KPI uses three equal tiles; calendar checked items are interactive for managers only. */
.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.kss-todo-check:has(input:not(:disabled)):hover{color:#147955}
@media(max-width:760px){.metric-grid.three{grid-template-columns:1fr}}

/* v2.0.2.20 unified archive matching-order indicator */
.kss-matched-order{font-size:11px;font-weight:750;color:#315b80;margin-top:4px;overflow-wrap:anywhere}.kss-todo-check input:disabled{cursor:not-allowed!important;opacity:.7}.kss-todo-check:has(input:disabled){cursor:not-allowed;color:#788998}


/* v2.0.2.21: Reserve enough room for completion labels and file buttons.
   Completed controls and file actions must never paint into each other's columns. */
.kss-pack-list-head,.kss-pack-row{grid-template-columns:minmax(210px,1fr) 58px 168px 148px;column-gap:18px}
.kss-pack-completion{margin:0;box-sizing:border-box;min-width:0;max-width:100%;justify-self:stretch}
.kss-pack-completion .kss-todo-check{display:inline-flex!important;align-items:center!important;gap:9px!important;max-width:100%;white-space:normal!important;line-height:1.35}
.kss-pack-completion .kss-todo-check span{display:block;min-width:0;overflow-wrap:normal}
.kss-pack-actions{min-width:126px;max-width:100%;justify-content:flex-end;flex-wrap:nowrap}
.kss-pack-completion input[type=checkbox]:focus-visible{outline:3px solid #4b8ed4!important;outline-offset:3px!important}
/* Dense home Dashboard uses short To do text, so retain its compact columns. */
.kss-home-split .kss-pack-list-head,.kss-home-split .kss-pack-row{grid-template-columns:minmax(185px,1fr) 42px 95px 130px;gap:8px}
@media(max-width:1050px){.kss-pack-list-head,.kss-pack-row{grid-template-columns:minmax(170px,1fr) 44px 150px 130px;column-gap:10px}}
@media(max-width:790px){
  .kss-pack-list-head{display:none}
  .kss-pack-row,.kss-home-split .kss-pack-row{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:10px}
  .kss-pack-identity{grid-column:1/-1;grid-row:1}
  .kss-pack-quantity{grid-column:1;grid-row:2}
  .kss-pack-completion{grid-column:1;grid-row:3}
  .kss-pack-actions{grid-column:2;grid-row:3}
  .kss-home-split .kss-pack-list-head{display:none}
}

/* v2.0.2.23: clear high-contrast Needs Attention warnings, not native yellow emoji. */
.kss-attention-diagnostic{min-width:190px;display:flex;flex-direction:column;gap:6px;border:1px solid #d97b7b;background:#fff2f2;color:#8b2323;border-radius:9px;padding:11px 12px;line-height:1.4;overflow-wrap:anywhere}
.kss-attention-diagnostic-title,.kss-review-issue-title{display:flex;align-items:center;gap:8px;color:#a12626;font-weight:750}
.kss-attention-diagnostic-reason{font-size:12px;color:#802525}
.kss-review-warning-icon{height:18px;width:18px;flex:none;stroke:#b32727}
.kss-review-issue-title{font-size:15px;margin-bottom:7px}
.kss-review-issue-title strong{font-size:inherit}
.kss-review-issue{background:#fff0f0;color:#802525;border:2px solid #c83f3f}
@media(max-width:700px){.kss-attention-diagnostic{min-width:165px;padding:9px 10px}}

/* v2.1.28: customer-service Needs Attention queue. */
.kss-attention-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.kss-attention-toolbar{padding:20px 22px}.kss-attention-search{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.kss-attention-search label{flex:1;min-width:260px}.kss-attention-search input{display:block;width:100%;margin-top:8px;border:1px solid #c9d7e2;border-radius:9px;padding:12px 13px;background:#fff;color:#183249;outline-offset:3px}.kss-attention-search-help{font-size:11px;margin:8px 0 0}.kss-attention-search-help.error{display:block;padding:9px 11px;margin-top:10px}.kss-attention-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.kss-attention-summary-item,.kss-attention-result-count{display:flex;align-items:center;gap:10px;min-height:64px;border:1px solid #dde6ed;border-radius:10px;background:#f9fbfd;padding:12px 14px;color:#425f77}.kss-attention-summary-item:hover{text-decoration:none;border-color:#9dbbd3;background:#f3f8fc}.kss-attention-summary-item.selected{border-color:#397bb5;background:#edf6ff;box-shadow:inset 0 0 0 1px #397bb5}.kss-attention-summary-item.unassigned strong,.kss-attention-summary-item.unread strong{color:#a34c20}.kss-attention-summary-item.handled strong,.kss-attention-summary-item.read strong{color:#167154}.kss-attention-summary strong{font-size:25px;line-height:1}.kss-attention-summary span{font-size:11px;font-weight:700}.kss-attention-result-count{background:#fff;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.kss-attention-result-count strong{font-size:20px}.kss-attention-success{border-color:#a8d8c0;background:#effaf4;color:#176244}.kss-attention-list{display:flex;flex-direction:column;gap:16px}.kss-attention-card{background:#fff;border:1px solid #dfe7ee;border-radius:13px;box-shadow:0 4px 18px rgba(25,45,65,.035);overflow:hidden}.kss-attention-card.is-handled,.kss-attention-card.is-read{border-color:#cfded7;background:#fbfdfc}.kss-attention-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid #e8edf2;background:#fbfcfe}.kss-attention-card.is-handled .kss-attention-card-head,.kss-attention-card.is-read .kss-attention-card-head{background:#f4faf6}.kss-attention-invoice-block{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.kss-attention-invoice-label{font-size:9px;font-weight:850;letter-spacing:1px;color:#6f8396}.kss-attention-invoice{font-size:22px;letter-spacing:-.4px;color:#173f61}.kss-attention-invoice.not-detected{font-size:15px;color:#8a5f26}.kss-attention-head-tags{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.kss-attention-head-tags .chip{margin-top:0}.kss-attention-read-state{font-size:10px;font-weight:850;padding:5px 8px;border-radius:6px;background:#fff3e8;border:1px solid #eccdae;color:#9a4f1f}.kss-attention-read-state.is-handled,.kss-attention-read-state.is-read{background:#eaf8f0;border-color:#b9dfca;color:#176e4e}.kss-attention-card-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:0}.kss-attention-record{padding:20px 22px;min-width:0}.kss-attention-followup{padding:20px;border-left:1px solid #e5ebf0;background:#f8fafc;min-width:0}.kss-attention-source-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(150px,1fr) minmax(150px,1fr);gap:13px;margin-bottom:15px}.kss-attention-source-grid>div{border:1px solid #e4ebf1;border-radius:9px;padding:11px 12px;min-width:0;background:#fff}.kss-attention-source-grid span,.kss-attention-wording span{display:block;font-size:9px;font-weight:850;letter-spacing:.6px;text-transform:uppercase;color:#7a8b9b;margin-bottom:6px}.kss-attention-source-grid strong{display:block;font-size:12px;overflow-wrap:anywhere}.kss-attention-source-grid small{display:block;font-size:10px;color:#7e8f9d;margin-top:5px}.kss-attention-wording{border-left:3px solid #4c87bd;background:#f4f8fc;border-radius:0 8px 8px 0;padding:12px 14px;margin-bottom:15px}.kss-attention-wording strong{font-size:15px;line-height:1.45;overflow-wrap:anywhere}.kss-attention-card .kss-attention-diagnostic{min-width:0;margin:0 0 16px}.kss-attention-diagnostic-title>span{display:grid;place-items:center;width:18px;height:18px;flex:none;border-radius:50%;background:#a12626;color:#fff;font-size:12px}.kss-attention-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kss-attention-actions form{margin:0}.kss-attention-followup-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.kss-attention-followup-title strong{font-size:13px;color:#253f55}.kss-attention-followup-title span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#80909f}.kss-attention-read-form{margin:0}.kss-attention-read-button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid #d6e0e8;border-radius:10px;background:#fff;padding:11px 12px;color:#415e75}.kss-attention-read-button:hover{border-color:#94b9d5;background:#f3f8fc}.kss-attention-read-button.is-handled,.kss-attention-read-button.is-read{border-color:#a7d5bd;background:#edf9f2;color:#176849}.kss-attention-check{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1.5px solid #9fb4c5;border-radius:6px;background:#fff;color:#fff;font-size:15px;font-weight:900}.kss-attention-read-button.is-handled .kss-attention-check,.kss-attention-read-button.is-read .kss-attention-check{border-color:#16825b;background:#16825b}.kss-attention-read-button strong{display:block;font-size:12px}.kss-attention-read-button small{display:block;font-size:9px;color:#7d8d9c;margin-top:3px;line-height:1.35}.kss-attention-note-form{margin-top:17px}.kss-attention-note-form textarea{display:block;width:100%;resize:vertical;min-height:78px;margin-top:7px;border:1px solid #cbd8e2;border-radius:9px;background:#fff;padding:10px 11px;color:#203348;font:inherit;font-size:12px;line-height:1.45;outline-offset:3px}.kss-attention-note-form textarea:focus{border-color:#5a91c0}.kss-attention-note-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.kss-attention-note-footer span{font-size:9px;color:#8795a2}.kss-attention-meta{font-size:9px;color:#748696;margin:7px 2px 0;line-height:1.45}.kss-attention-empty{margin:0}.kss-attention-pages{padding-bottom:15px}
@media(max-width:1050px){.kss-attention-card-grid{grid-template-columns:1fr}.kss-attention-followup{border-left:0;border-top:1px solid #e5ebf0}.kss-attention-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kss-attention-source-grid>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.kss-attention-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.kss-attention-card-head{align-items:flex-start;flex-direction:column}.kss-attention-head-tags{justify-content:flex-start}.kss-attention-source-grid{grid-template-columns:1fr}.kss-attention-source-grid>div:first-child{grid-column:auto}.kss-attention-record,.kss-attention-followup{padding:16px}.kss-attention-search label{min-width:100%}.kss-attention-search .btn{flex:1}.kss-attention-invoice-block{display:block}.kss-attention-invoice{display:block;margin-top:4px}}
@media(max-width:430px){.kss-attention-summary{grid-template-columns:1fr}.kss-attention-actions .btn,.kss-attention-actions form,.kss-attention-actions form button{width:100%}.kss-attention-note-footer{align-items:flex-start;flex-direction:column}.kss-attention-note-footer .btn{width:100%}}

@media(max-width:760px){.kss-attention-title-actions{width:100%;justify-content:flex-start}.kss-attention-title-actions .btn{flex:1}}


/* v2.1.29: shared customer-service follow-up inside the order editor. */
.kss-order-followup-panel{margin-bottom:16px;padding:0;overflow:hidden;border-color:#d8e4ed}
.kss-order-followup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 21px;border-bottom:1px solid #e4ebf1;background:#f8fbfd}
.kss-order-followup-head h2{margin-top:3px}.kss-order-followup-head p{max-width:760px;font-size:11px;margin-top:6px}
.kss-order-followup-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:none}
.kss-order-followup-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:0}
.kss-order-followup-read,.kss-order-followup-note{padding:20px 21px;min-width:0}
.kss-order-followup-read{background:#f8fafc;border-right:1px solid #e4ebf1}
.kss-order-followup-note .kss-attention-note-form{margin-top:0}.kss-order-followup-notice{margin:14px 21px 0}
@media(max-width:850px){.kss-order-followup-head{flex-direction:column}.kss-order-followup-head-actions{justify-content:flex-start}.kss-order-followup-grid{grid-template-columns:1fr}.kss-order-followup-read{border-right:0;border-bottom:1px solid #e4ebf1}}
@media(max-width:520px){.kss-order-followup-head,.kss-order-followup-read,.kss-order-followup-note{padding:16px}.kss-order-followup-head-actions,.kss-order-followup-head-actions .btn{width:100%}.kss-order-followup-head-actions .btn{text-align:center}.kss-order-followup-notice{margin:12px 16px 0}}

/* KSS v2.3.5 — Kinsella Industries corporate parent branding — Revision 2.
   UI only. True white/transparent parent mark with explicit cache-busting in base.html. */
.corporate-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px 11px;
}
.corporate-brand img{
  display:block;
  width:118px;
  max-width:100%;
  height:auto;
  opacity:.92;
  filter:none;
  mix-blend-mode:normal;
}
.corporate-brand-divider{
  height:1px;
  margin:0 7px 16px;
  background:rgba(188,211,231,.22);
}
.logo{
  padding-bottom:22px;
}
.sidebar-foot{
  padding-top:14px;
}
.sidebar-corporate-signature{
  text-align:center;
  padding:0 0 14px;
  margin:0 0 15px;
  border-bottom:1px solid rgba(143,170,194,.22);
}
.sidebar-corporate-signature span{
  display:block;
  color:#a8bfd2;
  font-size:7px;
  font-weight:850;
  letter-spacing:1.35px;
  line-height:1.45;
}
.sidebar-version-chip{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:50px;
  height:23px;
  margin-top:9px;
  padding:0 11px;
  border:1px solid rgba(191,213,231,.45);
  border-radius:999px;
  color:#edf5fb!important;
  background:rgba(255,255,255,.055);
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.25px!important;
  font-weight:800!important;
}
.main{
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
.container{
  width:100%;
  flex:1 0 auto;
}
.corporate-site-footer{
  flex:none;
  display:flex;
  align-items:center;
  gap:20px;
  min-height:50px;
  padding:10px 37px;
  color:#9fb4c7;
  background:#152d43;
  border-top:1px solid #29455d;
  font-size:9px;
}
.corporate-site-footer-brand{
  display:flex;
  align-items:baseline;
  gap:13px;
  min-width:0;
}
.corporate-site-footer-brand strong{
  color:#f2f7fb;
  font-size:10px;
  letter-spacing:.1px;
}
.corporate-site-footer-brand span{
  color:#9eb2c4;
}
.corporate-site-footer-env{
  margin-left:auto;
  color:#b8ccdc;
  font-size:8px;
  font-weight:850;
  letter-spacing:1px;
  white-space:nowrap;
}
@media(max-width:820px){
  .corporate-brand img{width:108px}
  .corporate-site-footer{padding:10px 19px}
  .corporate-site-footer-brand{align-items:flex-start;flex-direction:column;gap:2px}
}
@media(max-width:720px){
  .corporate-brand{justify-content:flex-start;padding:0 7px 9px}
  .corporate-brand img{width:106px}
  .corporate-brand-divider{margin-bottom:12px}
  .sidebar-corporate-signature{text-align:left}
  .corporate-site-footer{padding:10px 14px;flex-wrap:wrap;gap:7px 14px}
  .corporate-site-footer-env{margin-left:0}
}


/* KSS v2.3.5 — Kinsella Industries branding Revision 3.
   Desktop sidebar refinement: compact navigation and no visible scrollbar. */
.sidebar-main{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.sidebar-main::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

@media(min-width:721px){
  .sidebar{
    overflow:hidden;
    padding-top:18px;
    padding-bottom:13px;
  }
  .corporate-brand{
    min-height:31px;
    padding-bottom:8px;
  }
  .corporate-brand-divider{
    margin-bottom:12px;
  }
  .logo{
    padding-bottom:15px;
  }
  .sidebar-title{
    margin:10px 10px 6px;
    font-size:8px;
    letter-spacing:1.05px;
  }
  .nav{
    padding:8px 10px;
    margin:1px 0;
    gap:9px;
    font-size:11px;
    border-radius:7px;
  }
  .nav-icon{
    width:18px;
    font-size:15px;
  }
  .sidebar-foot{
    padding-top:9px;
    padding-bottom:2px;
  }
  .sidebar-corporate-signature{
    padding-bottom:8px;
    margin-bottom:9px;
  }
  .sidebar-corporate-signature span{
    font-size:6.5px;
    letter-spacing:1.15px;
  }
  .sidebar-version-chip{
    min-width:46px;
    height:20px;
    margin-top:7px;
    padding:0 9px;
    font-size:8px!important;
  }
  .identity{
    margin-bottom:7px;
  }
  .avatar{
    width:32px;
    height:32px;
    font-size:10px;
  }
  .who{
    font-size:11px;
  }
  .role{
    margin:2px 0 0;
    font-size:9px;
  }
  .small-link{
    margin:1px 0 2px;
    font-size:9px;
  }
  .logout{
    margin-top:7px;
    font-size:9px;
  }
}

/* Extra compression only for shorter desktop browser windows.
   The menu remains scrollable with wheel/trackpad, but its scrollbar stays hidden. */
@media(min-width:721px) and (max-height:780px){
  .corporate-brand img{width:104px}
  .corporate-brand{padding-bottom:6px}
  .corporate-brand-divider{margin-bottom:9px}
  .logo{padding-bottom:11px}
  .sidebar-title{margin:7px 10px 4px}
  .nav{padding:6px 9px;font-size:10px}
  .sidebar-foot{padding-top:6px}
  .sidebar-corporate-signature{padding-bottom:6px;margin-bottom:6px}
}

/* KSS v2.4.19 — Production Setup organisation. UI/management layer only. */
.setup-heading{align-items:flex-start}.setup-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.setup-summary{background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:17px 18px;box-shadow:0 3px 12px rgba(24,42,58,.025)}.setup-summary span{display:block;color:#6b7f92;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.setup-summary strong{display:block;color:#173951;font-size:28px;margin:6px 0 4px}.setup-summary small{display:block;color:#82919f;font-size:10px;line-height:1.45}.setup-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.setup-action-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-action-card{display:flex;gap:13px;align-items:flex-start;min-height:104px;padding:17px 18px;background:#fff;border:1px solid #dde7ef;border-radius:12px;color:#1d3c54;box-shadow:0 3px 12px rgba(24,42,58,.025)}.setup-action-card:hover{text-decoration:none;border-color:#9ebbd1;background:#fbfdff}.setup-action-card.is-disabled,.setup-action-card.is-static{cursor:default}.setup-action-card.is-disabled{opacity:.66}.setup-action-card.is-disabled:hover,.setup-action-card.is-static:hover{border-color:#dde7ef;background:#fff}.setup-action-card strong{display:block;font-size:13px;margin:1px 0 6px}.setup-action-card small{display:block;color:#728598;font-size:10px;line-height:1.5}.setup-card-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#edf5fb;color:#245f91;font-size:15px;font-weight:850}.setup-table-wrap{overflow-x:auto}.setup-table td strong{font-size:12px}.setup-table td small{max-width:260px}.setup-jig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-jig-card{border:1px solid #e2e9ef;border-radius:10px;padding:15px;background:#fafcfe}.setup-jig-card.is-shared{border-color:#b8d2e5;background:#f3f9fd}.setup-jig-card strong,.setup-jig-card span,.setup-jig-card small{display:block}.setup-jig-card strong{color:#213f57;font-size:13px}.setup-jig-card span{font-size:11px;color:#3f627d;margin:7px 0 4px}.setup-jig-card small{font-size:9px;color:#81909e;line-height:1.45}.setup-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-rule-grid>div{border:1px solid #e4eaf0;border-radius:10px;padding:14px 15px;background:#fbfcfd}.setup-rule-grid>div.wide{grid-column:1/-1}.setup-rule-grid strong{font-size:12px;color:#223e55}.setup-rule-grid p{font-size:10px;margin-top:6px}.registry-status{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-radius:10px;border:1px solid #cfe2d8;background:#f1faf5;margin-bottom:18px}.registry-status.is-warning{border-color:#efd6ad;background:#fff8eb}.registry-status div strong,.registry-status div span{display:block}.registry-status div strong{font-size:12px;color:#244a39}.registry-status div span{font-size:10px;color:#6c7f75;margin-top:4px}.registry-badge{flex:none;border-radius:999px;padding:5px 9px;background:#dff3e8;color:#276647;font-size:9px;font-weight:850}.registry-status.is-warning .registry-badge{background:#f9e7c7;color:#8b621c}.registry-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.registry-usage-grid>div{padding:13px 14px;border:1px solid #e5ebf0;border-radius:9px;background:#fafcfd}.registry-usage-grid strong,.registry-usage-grid span{display:block}.registry-usage-grid strong{font-size:11px;color:#29475e}.registry-usage-grid span{font-size:9px;color:#7c8d9a;line-height:1.45;margin-top:5px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:#a7b1bb}.status-dot.active{background:#25a36b}.status-dot.inactive{background:#c56c62}.form-panel-wide{max-width:none}.template-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.template-family-card{display:block;padding:15px 16px;border:1px solid #e0e8ef;border-radius:11px;background:#fff;color:#24435b}.template-family-card:hover{text-decoration:none;border-color:#9ebbd1;background:#fbfdff}.template-family-card.is-shared{border-color:#bad3e4;background:#f6fbfe}.template-family-card strong,.template-family-card span,.template-family-card small{display:block}.template-family-card strong{font-size:12px}.template-family-card span{font-size:11px;color:#41667f;margin:6px 0 3px}.template-family-card small{font-size:9px;color:#8593a0}.template-section{scroll-margin-top:18px}.template-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.template-section-head h2{font-size:18px}.template-section-head p{font-size:11px;margin-top:5px}.template-chip{display:inline-flex;align-items:center;max-width:430px;border:1px solid #d6e1ea;background:#f6f9fb;color:#5e7385;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;line-height:1.3}.template-chip.shared{background:#eef8fd;border-color:#bcd8e9;color:#2d6285}.template-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.template-facts span{display:block;border:1px solid #e7ecf1;border-radius:8px;padding:10px 11px;background:#fbfcfd;color:#617586;font-size:9px;line-height:1.4}.template-facts b{display:block;color:#2d4a60;font-size:9px;margin-bottom:3px}.rule-details{border:1px solid #e1e8ee;border-radius:9px;background:#fafcfd;margin-top:12px;overflow:hidden}.rule-details summary{cursor:pointer;list-style:none;padding:11px 13px;color:#47657b;font-size:10px;font-weight:800}.rule-details summary::-webkit-details-marker{display:none}.rule-details summary:after{content:'+';float:right;color:#7890a3}.rule-details[open] summary:after{content:'–'}.rule-copy{border-top:1px solid #e4eaf0;padding:12px 14px}.rule-copy p{font-size:10px;margin:0;color:#65798a}.variant-geometry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.variant-geometry-grid>div{border-left:3px solid #4e89b6;background:#f5f9fc;border-radius:0 8px 8px 0;padding:11px 13px}.variant-geometry-grid strong,.variant-geometry-grid span{display:block}.variant-geometry-grid strong{font-size:11px;color:#24445c}.variant-geometry-grid span{font-size:9px;color:#748696;margin-top:4px}.inline-font-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-check{display:flex;gap:5px;align-items:center;font-size:9px}.inline-check input{width:auto;margin:0}.font-add-box{margin-top:18px;padding-top:17px;border-top:1px solid #e8edf1}.font-add-box h3{font-size:13px;color:#2b465c}.font-replace-notice{margin-top:16px}
@media(max-width:1050px){.setup-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-action-grid,.setup-action-grid.compact,.template-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-jig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.setup-summary-grid,.setup-action-grid,.setup-action-grid.compact,.setup-jig-grid,.setup-rule-grid,.registry-usage-grid,.template-family-grid,.template-facts,.variant-geometry-grid{grid-template-columns:1fr}.setup-rule-grid>div.wide{grid-column:auto}.template-section-head,.registry-status{align-items:flex-start;flex-direction:column}.template-chip{max-width:100%}.setup-action-card{min-height:0}.inline-font-form{align-items:flex-start;flex-direction:column}}