/* The same workspace layout as FOUR M CREW's sales system. */
.sr .sw-drive-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.5;color:#33368d;text-decoration:none;border:1px solid #dce4ee;border-radius:6px;background:#f7f9fd;padding:8px 10px}.sr .sw-drive-link:hover{background:#eef1fb;border-color:#b7c2df}.sr .sr-card-actions{flex-wrap:wrap}.sr-detail-copy .sw-drive-link{margin:0 12px 14px 0}.sr-drive-public,.sr-drive-restricted{margin:18px 0;padding:22px;border:1px solid #dce4ee;border-radius:9px;background:white}.sr .sr-drive-public h3,.sr .sr-drive-restricted h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin:9px 0}.sr-drive-public>p,.sr-drive-restricted>p{font-size:12px;line-height:1.8;color:#64748b}.sr-drive-primary{display:inline-block;background:#33368d;color:white!important;font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;padding:12px 16px;border-radius:7px;margin:8px 0 15px}.sr-drive-primary:hover{background:#4246a3}.sr-drive-folders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sr-drive-folders>a,.sr-drive-folders>div{display:grid;gap:7px;padding:14px;background:#f7f9fd;border:1px solid #e0e6ef;border-radius:6px;font-size:11px;line-height:1.7;text-decoration:none}.sr-drive-folders small{font-size:10px;color:#728096}.sr-drive-folders>a:hover{border-color:#a3b2d2}.sr-drive-restricted{background:#f3f5fa;border-style:dashed}.sr-drive-restricted>small{display:block;font-size:10px;line-height:1.8;color:#728096;margin-top:10px}.sr-drive-restricted button{margin-top:16px}.sr-drive-pending{font-style:italic}.sr-access-text{display:block;width:100%;min-height:240px;box-sizing:border-box;font:12px/1.8 'Inter','Noto Sans KR',sans-serif;color:#405472;background:white;border:1px solid #dce4ee;padding:18px;border-radius:7px;margin:20px 0}.sw-drive-brand-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px}.sw-drive-brand{border:1px solid #e0e6ef;border-radius:8px;padding:22px;background:#fbfcfe}.sr .sw-drive-brand>h3{font-size:22px;margin:8px 0 18px;letter-spacing:-.025em}.sw-materials-note{font-size:12px;line-height:1.8;color:#64748b}.sr-legacy-docs{margin-top:18px}@media(max-width:900px){.sr-drive-folders{grid-template-columns:1fr}}@media(max-width:650px){.sr-drive-public,.sr-drive-restricted{padding:17px}.sw-drive-brand{padding:16px}}
.sr-body{background:#f3f6fa}.sr .sw-sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:28px 18px;background:#233249;color:#eef4ff;display:flex;flex-direction:column;z-index:20}.sw-logo{padding:0 0 24px;border-bottom:1px solid #ffffff18}.sw-logo img{display:block;width:184px;max-width:100%;height:56px;object-fit:contain}.sw-logo span{font-size:9px;letter-spacing:.2em;color:#b4c5de}.sw-nav{display:grid;gap:8px;margin-top:30px}.sr .sw-nav button{text-align:left;border:0;border-radius:8px;background:transparent;color:#d7e1ef;padding:14px;font-size:12px;display:flex;align-items:center;gap:11px}.sr .sw-nav button[aria-current=page]{background:#435d91;color:white;box-shadow:inset 3px 0 #9fd5f3}.sw-nav i{font-style:normal;font-size:17px;line-height:1}.sw-nav small{margin-left:auto;border-radius:4px;padding:1px 6px;background:#ffffff12}.sw-sidefoot{margin-top:auto;font-size:10px;color:#aabbd2;line-height:1.9;padding:24px 10px 0}.sw-main{margin-left:220px;padding:0 30px 80px;min-height:100vh}.sw-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e6ef;color:#728096;font-size:11px;gap:15px}.sw-topbar strong{color:#24334a;font-weight:500}.sw-account{display:flex;align-items:center;gap:12px}.sw-account>span:first-child{font-size:9px;letter-spacing:.12em;background:#e9eef8;color:#53649b;padding:5px 8px;border-radius:4px}.sw-avatar{border-radius:50%;background:#dce5f4;color:#4a5e89;width:32px;height:32px;display:grid;place-items:center;font-size:11px}.sw-pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px}.sr .sw-pagehead h1{font:600 29px/1.35 'Inter','Noto Sans KR',sans-serif;letter-spacing:-.035em;margin:5px 0 8px}.sw-pagehead p{font-size:12px;color:#728096;line-height:1.8;margin:0}.sw-pagehead .sr-eyebrow{font-size:9px;letter-spacing:.13em}.sw-head-actions{display:flex;gap:8px;flex-shrink:0}.sw-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.sw-metric{background:white;border:1px solid #e0e6ef;border-radius:10px;padding:17px 20px}.sw-metric>span{font-size:11px;color:#728096}.sw-metric strong{display:block;font-size:27px;line-height:1.3;letter-spacing:-.035em;font-weight:600;margin:9px 0 5px}.sw-metric small{font-size:10px;color:#728096}.sw-panel{background:white;border:1px solid #e0e6ef;border-radius:10px;overflow:hidden;padding:22px}.sw-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f6;padding-bottom:15px}.sr .sw-panel-head h2{font:600 15px/1.5 'Inter','Noto Sans KR',sans-serif;letter-spacing:-.015em;margin:0}.sw-panel-head>div{display:flex;align-items:center;gap:8px}.sw-panel-head span{font-size:11px;color:#728096}.sr .sw-panel-head button{padding:7px 12px;font-size:11px}.sw-demo{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #dce4f1;background:#edf2f8;border-radius:7px;font-size:11px;line-height:1.7;color:#64748b;margin-bottom:20px}.sw-demo label{display:flex;align-items:center;gap:7px;white-space:nowrap}.sw-demo input{accent-color:#33368d}.sr .sw-main .sr-filters{margin:18px 0}.sr .sw-main .sr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sr .sw-main .sr-card-image{height:185px}.sr .sw-main .sr-card-body{padding:18px}.sr .sw-main .sr-card h3{font-size:21px;margin:7px 0 10px}.sr .sw-main .sr-card p{font-size:12px;line-height:1.75;min-height:43px}.sr .sw-main .sr-card-actions{padding-top:13px;margin-top:16px}.sw-tablewrap{overflow:auto}.sw-table{border-collapse:collapse;width:100%;min-width:710px;text-align:left;font-size:12px}.sw-table th{background:#edf2f8;color:#53647b;font-size:10px;font-weight:500;padding:12px;text-align:left}.sw-table td{padding:14px 12px;border-bottom:1px solid #edf0f6;color:#405472;vertical-align:middle}.sw-table tr:hover td{background:#f8faff}.sw-entity{display:flex;gap:13px;align-items:center}.sw-entity img{width:62px;height:54px;object-fit:cover;border-radius:5px}.sw-entity strong{display:block;font-size:12px;color:#24334a}.sw-entity small{display:block;max-width:240px;font-size:10px;line-height:1.7;color:#728096;margin-top:3px}.sr .sw-table button{font-size:11px;padding:7px 10px}.sw-docgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.sw-doc{border:1px solid #e0e6ef;border-radius:8px;padding:18px;display:grid;gap:8px;text-decoration:none;font-size:12px}.sw-doc b{font-weight:600;overflow-wrap:anywhere}.sw-doc small{font-size:10px;color:#728096}.sw-doc:hover{background:#f3f6fa}.sr .sw-main .sr-footer{font-size:10px;margin-top:25px}.sr .sw-main .sr-tray{left:calc(50% + 110px)}.sw-empty{padding:55px 20px;text-align:center;color:#728096;font-size:12px}.sw-empty strong{display:block;font-size:15px;color:#405472;margin-bottom:10px}.sw-empty button{margin-top:14px}.sr .sw-error{color:#a64c47}.sw-saved{font-size:11px;color:#5b718d}.sw-mobile-title{display:none}
@media(min-width:1600px){.sr .sw-main .sr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.sr .sw-main .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-metrics{gap:10px}.sw-metric{padding:14px}.sw-main{padding-right:22px;padding-left:22px}.sw-docgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sr .sw-sidebar{position:static;width:auto;padding:16px;display:block}.sw-logo{padding:0;border:0}.sw-logo img{width:158px;height:44px}.sw-logo span{font-size:8px}.sw-nav{display:flex;overflow-x:auto;gap:7px;margin-top:16px}.sr .sw-nav button{white-space:nowrap;padding:10px;font-size:11px}.sw-sidefoot{display:none}.sw-main{margin:0;padding:0 16px 65px}.sw-topbar{height:52px}.sw-pagehead{align-items:flex-start;margin:22px 0 18px}.sr .sw-pagehead h1{font-size:24px}.sw-head-actions{flex-direction:column}.sw-head-actions button{font-size:11px;padding:8px 10px}.sw-metrics{grid-template-columns:repeat(2,1fr)}.sw-metric strong{font-size:24px}.sw-demo{align-items:flex-start;flex-direction:column;gap:8px}.sw-panel{padding:16px}.sw-account>span:first-child{display:none}.sr .sw-main .sr-tray{left:50%;width:max-content;max-width:94vw}.sw-docgrid{grid-template-columns:1fr}}@media(max-width:480px){.sr .sw-main .sr-grid{grid-template-columns:1fr}.sr .sw-main .sr-card-image{height:210px}.sw-panel-head{align-items:flex-start}.sw-panel-head>div{flex-wrap:wrap}.sw-pagehead p{max-width:235px}.sw-nav small{display:none}}

/* Visual brand entry points and category filters shared by Cards and Table. */
.sr .sr-card-open{display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:left;overflow:hidden}.sr .sr-card-open:hover img{filter:brightness(.97)}.sr .sr-brand-name{font:inherit;letter-spacing:inherit;text-align:left;padding:0;border:0;border-radius:2px;background:transparent;color:inherit}.sr .sr-brand-name:hover{color:#33368d;background:transparent}.sr .sw-table .sw-brand-image{display:block;flex:none;padding:0;border:0;background:transparent;border-radius:5px;overflow:hidden}.sw-brand-image img{display:block}.sw-category-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:16px 0 2px}.sw-category-tabs>span{font-size:11px;font-weight:600;color:#728096;margin-right:5px}.sr .sw-category-tabs button{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:7px;font-size:11px;font-weight:500}.sw-category-tabs small{font-size:10px;opacity:.7}.sr .sw-category-tabs button[aria-pressed=true]{background:#33368d;border-color:#33368d;color:#fff}.sr .sw-category-tabs+.sr-filters{margin-top:12px}@media(max-width:480px){.sw-category-tabs{gap:6px}.sw-category-tabs>span{width:100%}.sr .sw-category-tabs button{padding:7px 9px}}

.sr .sw-table .sr-brand-name{padding:0;font:inherit;background:transparent;border:0;color:inherit}.sr .sw-table .sr-brand-name:hover{color:#33368d}

.sr .sw-entity img.sr-hero-contain,.sr .sr-compare img.sr-hero-contain{object-fit:contain;background:#f7f7f7}

/* Catalogue covers share the same full-bleed frame as every brand card. */
.sr .sw-main .sr-card-open>img.sr-hero-contain{position:static;display:block;width:100%;padding:0;object-fit:cover;object-position:center top!important}

/* Compact, evenly aligned actions keep brand photography in focus. */
.sr .sw-main .sr-card{display:flex;flex-direction:column}
.sr .sw-main .sr-card-visual{flex-shrink:0}
.sr .sw-main .sr-card-body{display:flex;flex:1;flex-direction:column}
.sr .sw-main .sr-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px 9px;margin-top:auto;padding-top:14px}
.sr .sw-main .sr-card-actions>button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:38px;box-sizing:border-box;margin:0;padding:8px 6px;border:1px solid #dce4ee;border-radius:7px;background:#fff;font-size:11px;font-weight:550;line-height:1.4;text-align:center;white-space:nowrap}
.sr .sw-main .sr-card-actions>button:hover{background:#f0f2fa;border-color:#b7c2df}
.sr .sw-main .sr-card-actions>button[aria-pressed]{grid-column:1/-1;min-height:27px;padding:4px 6px;border-color:transparent;background:transparent;color:#738099;font-size:10px;font-weight:400}
.sr .sw-main .sr-card-actions>button[aria-pressed]:hover{background:#f6f7fb;color:#33368d}
.sr .sw-main .sr-card-actions>button[aria-pressed=true]{background:#edf0fc;color:#33368d}
.sr .sw-main .sr-card-actions .sr-materials-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;width:100%;box-sizing:border-box;margin:0;padding:8px 6px;border:1px solid #dce1f1;border-radius:7px;background:#f5f6fc;color:#41438b;text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s}
.sr .sw-main .sr-card-actions .sr-materials-cta:hover{background:#eceefa;border-color:#b7bfe2}
.sr-materials-icon{width:15px;height:15px;flex:none;opacity:.85}
.sr-materials-label{min-width:0;text-align:center}
.sr .sr-materials-label strong{font-size:11px;line-height:1.4;font-weight:550;letter-spacing:0;color:inherit}
.sr-materials-arrow{flex:none;font-size:12px;line-height:1}
.sr .sr-card-actions>a:focus-visible,.sr .sr-card-actions>button:focus-visible{outline:3px solid #94bee9;outline-offset:3px}