/* Checkpoint48: administration only. Deliberately scoped away from the kit designer. */
.backend.dyo-admin-shell{--admin-ink:#172338;--admin-muted:#6d788a;--admin-line:#e2e7ef;--admin-page:#f4f6fa;--admin-panel:#fff;--admin-soft:#f7f9fc;--admin-red:#d9232e;--admin-sidebar:#111d30;--admin-sidebar-width:246px;box-sizing:border-box;min-height:100vh;height:auto;background:var(--admin-page);color:var(--admin-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5;color-scheme:light}
.dyo-admin-shell *,.dyo-admin-shell *:before,.dyo-admin-shell *:after{box-sizing:border-box}
.dyo-admin-shell h1,.dyo-admin-shell h2,.dyo-admin-shell h3,.dyo-admin-shell h4,.dyo-admin-shell h5,.dyo-admin-shell h6{font-family:inherit;color:var(--admin-ink);letter-spacing:-.025em}
.dyo-admin-shell button,.dyo-admin-shell input,.dyo-admin-shell select,.dyo-admin-shell textarea{font-family:inherit}
.dyo-admin-shell button{cursor:pointer}
.dyo-admin-shell button:disabled{opacity:.5;cursor:not-allowed}
.dyo-admin-shell :is(a,button,input,select,textarea):focus-visible{outline:3px solid #df334c99;outline-offset:3px}
.dyo-admin-shell .material-icons{font-family:'Material Icons';font-size:21px;line-height:1;flex-shrink:0;user-select:none}
.dyo-admin-shell .dyo-admin-skip{position:fixed;top:-100px;left:260px;background:#fff;color:#172338;padding:12px 20px;border-radius:8px;z-index:20000}
.dyo-admin-shell .dyo-admin-skip:focus{top:12px}
.dyo-admin-shell .dyo-admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:1100;width:var(--admin-sidebar-width);display:flex;flex-direction:column;background:var(--admin-sidebar);color:#fff;border-right:1px solid #243146;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#44516a transparent}
.dyo-admin-shell .dyo-admin-brand{display:flex;align-items:center;gap:12px;min-height:95px;padding:22px 23px;color:#fff;text-decoration:none;border-bottom:1px solid #263247}
.dyo-admin-brand-mark{display:flex;align-items:center;justify-content:center;flex:none;width:39px;height:43px;background:var(--admin-red);border-radius:9px;box-shadow:0 5px 15px #0002}
.dyo-admin-brand-mark svg{width:29px;height:29px}
.dyo-admin-brand>span:last-child{min-width:0}
.dyo-admin-brand strong{display:block;color:#fff;font-size:18px;line-height:1.25;font-weight:750;max-width:145px;overflow-wrap:anywhere}
.dyo-admin-brand small{display:block;font-size:9px;letter-spacing:.18em;color:#8f9db2;margin-top:5px;font-weight:700}
.dyo-admin-shell .dyo-admin-side-nav{height:auto;line-height:1.5;background:transparent;box-shadow:none;padding:10px 13px 18px;width:100%;flex:1}
.dyo-admin-side-nav .dyo-admin-nav-label{margin:18px 13px 7px;color:#8795aa;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.dyo-admin-side-nav>a{position:relative;display:flex;align-items:center;gap:12px;color:#bfc9d9;font-size:12px;font-weight:500;min-height:40px;padding:10px 13px;margin:3px 0;border:1px solid transparent;border-radius:7px;line-height:1.35;text-decoration:none;transition:background .15s,color .15s}
.dyo-admin-side-nav>a>.material-icons{color:#7e90ab;font-size:19px;width:19px;height:19px;line-height:19px}
.dyo-admin-side-nav>a:hover{background:#203149;color:#fff}
.dyo-admin-side-nav>a:hover>.material-icons{color:#fff}
.dyo-admin-side-nav>a.is-active{background:#d9232e;color:#fff;box-shadow:0 4px 12px #0002}
.dyo-admin-side-nav>a.is-active>.material-icons{color:#fff}
.dyo-admin-sidebar-footer{display:flex;align-items:center;gap:8px;padding:17px 25px;font-size:10px;color:#94a3b9;border-top:1px solid #263247}
.dyo-admin-status-dot{width:6px;height:6px;background:#899db8;border-radius:50%;flex:none}
.dyo-admin-shell .dyo-admin-nav-close,.dyo-admin-shell .dyo-admin-menu-toggle,.dyo-admin-shell .dyo-admin-nav-backdrop{display:none}
.backend.dyo-admin-shell>.dyo-admin-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;height:85px;min-height:85px;padding:15px 32px 15px calc(var(--admin-sidebar-width) + 32px);margin:0;background:var(--admin-panel);color:var(--admin-ink);border-bottom:1px solid var(--admin-line);box-shadow:none}
.dyo-admin-topbar-context{display:flex;align-items:center;gap:12px;min-width:0}
.dyo-admin-topbar-context>div{min-width:0}
.dyo-admin-context-label{display:block;color:#8d97a6;font-size:9px;letter-spacing:.15em;font-weight:700;margin-bottom:3px}
.dyo-admin-shell .dyo-admin-topbar [ncy-breadcrumb]{min-width:0;overflow:hidden}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb{display:flex;align-items:center;flex-wrap:nowrap;gap:0;float:none;font-size:13px;font-weight:600;line-height:1.4;padding:0;margin:0;white-space:nowrap;color:var(--admin-ink)}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb li{display:inline-flex;align-items:center;min-width:0}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb li:after{font-size:19px;margin:0 7px;color:#a1a9b6;line-height:1}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb li:last-child:after{display:none}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb li:last-child span{color:var(--admin-ink)!important;overflow:hidden;text-overflow:ellipsis}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb li a{color:var(--admin-muted)}
.dyo-admin-shell .dyo-admin-topbar .breadcrumb li a:hover{color:var(--admin-red)}
.dyo-admin-topbar-actions{display:flex;align-items:center;gap:13px;flex:none}
.dyo-admin-shell .dyo-admin-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;appearance:none;background:var(--admin-panel);border:1px solid var(--admin-line);border-radius:8px;color:var(--admin-ink);text-decoration:none;padding:11px 16px;min-height:42px;font-size:12px;font-weight:700;line-height:1.4;text-transform:none;box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.dyo-admin-shell .dyo-admin-button .material-icons{font-size:18px}
.dyo-admin-shell .dyo-admin-button:hover:not(:disabled){background:#fff4f4;border-color:#eaa4ab;color:var(--admin-red)}
.dyo-admin-shell .dyo-admin-button-primary{background:var(--admin-red);border-color:var(--admin-red);color:#fff;box-shadow:0 3px 8px #d9232e15}
.dyo-admin-shell .dyo-admin-button-primary:hover:not(:disabled){background:#b91b26;border-color:#b91b26;color:#fff}
.dyo-admin-account{position:relative}
.dyo-admin-shell .dyo-admin-account-toggle,.dyo-admin-shell .dyo-admin-icon-button{display:flex;align-items:center;justify-content:center;background:#f2f5f9;border:1px solid var(--admin-line);border-radius:50%;width:42px;height:42px;color:var(--admin-ink);padding:0}
.dyo-admin-shell .dyo-admin-account-toggle:hover{background:#e9edf4}
.dyo-admin-account-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:205px;padding:7px;background:var(--admin-panel);border:1px solid var(--admin-line);border-radius:10px;box-shadow:0 14px 35px #14223b24;z-index:1200}
.dyo-admin-account-menu>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:var(--admin-ink);text-align:left;font-size:12px;white-space:nowrap}
.dyo-admin-account-menu>button:hover,.dyo-admin-account-menu>button:focus{background:var(--admin-soft);color:var(--admin-red)}
.backend.dyo-admin-shell>.dyo-admin-main{margin:0;padding:30px 32px 50px calc(var(--admin-sidebar-width) + 32px);min-height:calc(100vh - 85px);width:100%;outline:none}
.dyo-admin-content{width:100%;max-width:1600px;margin:0 auto;min-width:0}
.dyo-admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 28px}
.dyo-admin-page-heading>div{min-width:0}
.dyo-admin-page-heading .dyo-admin-eyebrow,.dyo-admin-shell .dyo-admin-eyebrow{margin:0 0 8px;color:var(--admin-muted);font-size:9px;font-weight:750;letter-spacing:.14em;line-height:1.5}
.dyo-admin-page-heading h1{font-size:29px;font-weight:750;line-height:1.2;margin:0 0 9px;color:var(--admin-ink)}
.dyo-admin-page-heading p:not(.dyo-admin-eyebrow){font-size:12px;line-height:1.7;margin:0;color:var(--admin-muted)}
.dyo-admin-page-heading>.dyo-admin-button{flex:none}
.dyo-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dyo-admin-metric{display:flex;flex-direction:column;min-width:0;padding:19px 20px 18px;background:var(--admin-panel);border:1px solid var(--admin-line);border-radius:12px;color:var(--admin-ink);box-shadow:0 2px 4px #1f304303;transition:border-color .15s,box-shadow .15s,transform .15s}
.dyo-admin-metric:hover{border-color:#b9c2d1;box-shadow:0 6px 18px #2037540a;transform:translateY(-2px);color:var(--admin-ink)}
.dyo-admin-metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.dyo-admin-metric-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f0f4f9;color:#64748e}
.dyo-admin-metric-arrow{color:#c0c8d4;font-size:16px!important;transform:rotate(-45deg)}
.dyo-admin-metric>strong{display:block;font-size:31px;letter-spacing:-.04em;font-weight:750;line-height:1.1;margin-bottom:8px;font-variant-numeric:tabular-nums}
.dyo-admin-metric>span:not(.dyo-admin-metric-top){font-size:12px;font-weight:700;line-height:1.4}
.dyo-admin-metric>small{color:var(--admin-muted);font-size:10px;line-height:1.6;margin-top:5px}
.dyo-admin-metric.is-accent{background:#fff7f7;border-color:#f0d9dc}
.dyo-admin-metric.is-accent .dyo-admin-metric-icon{background:#fce6e7;color:var(--admin-red)}
.dyo-admin-dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:20px;margin-top:24px}
.dyo-admin-workspace-card{position:relative;overflow:hidden;background:#17253b;border:1px solid #17253b;border-radius:13px;padding:28px;color:#fff}
.dyo-admin-shell .dyo-admin-workspace-card .dyo-admin-eyebrow{color:#8fabc8;position:relative;z-index:1}
.dyo-admin-workspace-card h2{font-size:23px;font-weight:700;line-height:1.3;color:#fff;margin:13px 0 11px;position:relative;z-index:1}
.dyo-admin-workspace-card>p:not(.dyo-admin-eyebrow){font-size:12px;line-height:1.8;color:#a9b7ca;max-width:320px;margin:0 0 23px;position:relative;z-index:1}
.dyo-admin-workspace-card>.dyo-admin-button{position:relative;z-index:1;background:transparent;color:#fff;border-color:#607087;font-size:11px;padding:10px 14px;min-height:39px}
.dyo-admin-workspace-art{position:absolute;right:-40px;bottom:-25px;width:230px;height:230px;color:#7796bc;opacity:.18;transform:rotate(-14deg);pointer-events:none}
.dyo-admin-workspace-art svg{width:100%;height:100%}
.dyo-admin-quick-actions{background:var(--admin-panel);border:1px solid var(--admin-line);border-radius:13px;padding:23px 24px}
.dyo-admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.dyo-admin-section-title h2{font-size:15px;font-weight:750;margin:0}
.dyo-admin-section-title>span{font-size:9px;color:var(--admin-muted)}
.dyo-admin-quick-actions>a{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--admin-line);text-decoration:none;color:var(--admin-ink)}
.dyo-admin-quick-actions>a:last-child{border-bottom:0;padding-bottom:0}
.dyo-admin-quick-icon{display:flex;align-items:center;justify-content:center;background:#f4f6fa;border:1px solid #e9edf3;color:#6d7c92;width:38px;height:38px;border-radius:8px;flex:none}
.dyo-admin-quick-actions>a>span:nth-child(2){flex:1;min-width:0}
.dyo-admin-quick-actions strong{display:block;font-size:12px;font-weight:700}
.dyo-admin-quick-actions small{display:block;font-size:10px;color:var(--admin-muted);line-height:1.6;margin-top:4px}
.dyo-admin-quick-actions>a>.material-icons{color:#b7c1ce;font-size:20px}
.dyo-admin-quick-actions>a:hover strong,.dyo-admin-quick-actions>a:hover>.material-icons{color:var(--admin-red)}
.dyo-admin-setting-card{background:var(--admin-panel);border:1px solid var(--admin-line);border-radius:12px;padding:24px;margin-bottom:22px;min-width:0}
.dyo-admin-setting-heading{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--admin-line);min-width:0}
.dyo-admin-setting-heading>div{flex:1;min-width:0}
.dyo-admin-setting-heading h2{font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.4}
.dyo-admin-setting-heading p{font-size:11px;color:var(--admin-muted);margin:0;line-height:1.6}
.dyo-admin-setting-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:var(--admin-soft);border:1px solid var(--admin-line);border-radius:8px;color:#61738c;flex:none}
.dyo-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dyo-admin-shell .dyo-admin-field{display:block;color:var(--admin-ink);font-size:12px;min-width:0;margin:0}
.dyo-admin-field>span{display:block;font-size:11px;font-weight:700;margin-bottom:8px}
.dyo-admin-shell .dyo-admin-field input:not([type=file]),.dyo-admin-shell .dyo-admin-field select{display:block;appearance:auto;box-sizing:border-box;width:100%;min-width:0;background:var(--admin-panel);border:1px solid #dce2eb;border-radius:7px;height:44px;line-height:1.4;color:var(--admin-ink);padding:10px 12px;margin:0;font-size:13px;box-shadow:none}
.dyo-admin-shell .dyo-admin-field input:focus,.dyo-admin-shell .dyo-admin-field select:focus{border-color:#8392a8;box-shadow:0 0 0 3px #8899b314}
.dyo-admin-field input::placeholder{color:#a0a8b5}
.dyo-admin-field>small{display:block;font-size:10px;color:var(--admin-muted);line-height:1.6;margin-top:8px}
.dyo-admin-format-chip{font-size:9px;font-weight:700;color:#778498;border:1px solid var(--admin-line);border-radius:5px;padding:6px 9px;white-space:nowrap}
.dyo-admin-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dyo-admin-asset-card{border:1px solid var(--admin-line);border-radius:9px;overflow:hidden;min-width:0}
.dyo-admin-asset-preview{display:flex;align-items:center;justify-content:center;min-height:144px;height:144px;padding:22px;background-color:#f6f8fb;background-image:linear-gradient(45deg,#e8edf455 25%,transparent 25%),linear-gradient(-45deg,#e8edf455 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8edf455 75%),linear-gradient(-45deg,transparent 75%,#e8edf455 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-bottom:1px solid var(--admin-line)}
.dyo-admin-asset-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.dyo-admin-asset-preview.is-header{background-color:#27394f;background-image:linear-gradient(45deg,#1f2f4333 25%,transparent 25%),linear-gradient(-45deg,#1f2f4333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1f2f4333 75%),linear-gradient(-45deg,transparent 75%,#1f2f4333 75%)}
.dyo-admin-asset-details{padding:17px}
.dyo-admin-asset-details h3{font-size:12px;font-weight:700;line-height:1.5;margin:0 0 5px}
.dyo-admin-asset-details>p{color:var(--admin-muted);font-size:10px;line-height:1.5;margin:0 0 17px}
.dyo-admin-shell .dyo-admin-file-picker{position:relative;overflow:hidden;width:100%;min-height:39px;font-size:11px;cursor:pointer;margin:0}
.dyo-admin-file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;margin:0;z-index:1}
.dyo-admin-file-picker:focus-within{outline:3px solid #df334c99;outline-offset:3px}
.dyo-admin-asset-details>small{display:block;margin-top:9px;color:var(--admin-muted);font-size:9px;line-height:1.5;text-align:center}
.dyo-admin-file-selected{display:flex;align-items:center;gap:5px;padding:8px;margin-top:10px;background:#edf6ef;border-radius:5px;font-size:10px;color:#397348;overflow-wrap:anywhere}
.dyo-admin-file-selected>span{flex:1;min-width:0}
.dyo-admin-file-selected>button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:inherit;width:26px;height:26px;padding:0;flex:none}
.dyo-admin-file-selected>button .material-icons{font-size:17px}
.dyo-admin-link-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.dyo-admin-link-settings>.dyo-admin-setting-card{padding:22px}
.dyo-admin-count{display:flex;align-items:center;justify-content:center;background:var(--admin-soft);border:1px solid var(--admin-line);border-radius:5px;min-width:25px;height:25px;padding:0 6px;font-size:11px;color:var(--admin-muted);font-weight:700}
.dyo-admin-empty{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--admin-soft);border:1px dashed #dbe3ed;border-radius:8px;padding:23px 16px}
.dyo-admin-empty>.material-icons{font-size:27px;color:#9caac0;margin-bottom:10px}
.dyo-admin-empty>strong{font-size:12px;font-weight:700;color:#53667f}
.dyo-admin-empty>p{font-size:10px;color:var(--admin-muted);line-height:1.7;margin:5px 0 0;max-width:230px}
.dyo-admin-link-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 30px;gap:10px;align-items:end;padding:13px 0;border-bottom:1px solid var(--admin-line)}
.dyo-admin-link-row:first-of-type{padding-top:0}
.dyo-admin-link-row.is-social{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) 30px}
.dyo-admin-shell .dyo-admin-link-row .dyo-admin-field input,.dyo-admin-shell .dyo-admin-link-row .dyo-admin-field select{font-size:11px;padding:10px;height:40px}
.dyo-admin-link-row .dyo-admin-field>span{font-size:10px}
.dyo-admin-remove{display:flex;align-items:center;justify-content:center;padding:0;margin:0 0 5px;width:30px;height:30px;background:transparent;border:0;border-radius:6px;color:#a2adbc}
.dyo-admin-remove:hover{background:#fff0f0;color:var(--admin-red)}
.dyo-admin-remove>.material-icons{font-size:20px}
.dyo-admin-setting-footer{margin-top:17px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.dyo-admin-setting-footer>.dyo-admin-button{font-size:11px;padding:9px 12px;min-height:37px}
.dyo-admin-setting-footer>small{font-size:10px;color:var(--admin-muted);line-height:1.6}
.dyo-admin-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px}
.dyo-admin-save-bar>p{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--admin-muted);margin:0}
.dyo-admin-save-bar>p>.material-icons{font-size:16px}
.dyo-admin-feedback{padding:13px 16px;border-radius:8px;font-size:13px;overflow-wrap:anywhere;margin:0 0 20px}
.dyo-admin-feedback.is-error{background:#fff0f1;color:#a52232;border:1px solid #f0c7cd}
.dyo-admin-shell .dyo-admin-password{width:min(480px,calc(100% - 32px));max-height:90dvh;border-radius:13px;background:var(--admin-panel);color:var(--admin-ink)}
.dyo-admin-password>.modal-content{padding:28px}
.dyo-admin-password-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:30px}
.dyo-admin-password-heading h4{margin:0;font-size:22px;font-weight:700;line-height:1.3}
.dyo-admin-shell .dyo-admin-password .dyo-admin-icon-button{width:32px;height:32px;border-radius:6px;flex:none}
.dyo-admin-password .input-field{margin:24px 0}
.dyo-admin-password input{font-size:15px}
.dyo-admin-password form>.dyo-admin-button{width:100%;margin-top:8px}
/* Existing catalogue and settings pages adopt the shell without changing their controls. */
.dyo-admin-content>.ui-view>*>.row{margin-left:0;margin-right:0}
.dyo-admin-content>.ui-view>*>.row>.col.s12{padding:0}
.dyo-admin-content .card{border:1px solid var(--admin-line);border-radius:11px;box-shadow:0 2px 5px #1f304305;background:var(--admin-panel);color:var(--admin-ink);margin:0 0 22px}
.dyo-admin-content .card>.card-content{padding:22px}
.dyo-admin-content .card>.card-content>h4{font-size:23px;font-weight:700;margin:0 0 26px}
.dyo-admin-content .card table{border:1px solid var(--admin-line);font-size:12px}
.dyo-admin-content .card table th{background:#f7f9fc;color:#64748a;font-size:10px;font-weight:700;letter-spacing:.025em;padding:14px 12px;border-bottom:1px solid var(--admin-line)}
.dyo-admin-content .card table td{padding:14px 12px;border-bottom:1px solid #edf0f5;line-height:1.6}
.dyo-admin-content .card table td img{border-radius:6px;max-width:100%;object-fit:contain}
.dyo-admin-content .btn,.dyo-admin-content .btn-flat{border-radius:6px;text-transform:none;letter-spacing:0;font-family:inherit;font-size:12px;box-shadow:none}
.dyo-admin-content .btn-floating{box-shadow:0 5px 13px #1c2b3b1c}
.dyo-admin-content .add-btn{background:var(--admin-red)}
.dyo-admin-content .btn.green{background:#21334d!important}
.dyo-admin-content .btn.blue{background:#edf2f8!important;color:#364f71!important}
.dyo-admin-content .btn.red{background:#fff0f1!important;color:#bd2534!important}
.dyo-admin-content .card label{font-size:12px;color:#65738a}
.dyo-admin-content .card input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),.dyo-admin-content .card textarea{font-family:inherit;font-size:14px}
.dyo-admin-content .card .row{margin-left:-.75rem;margin-right:-.75rem}
.dyo-admin-content .card .row>.col.s12{padding-left:.75rem;padding-right:.75rem}
.dyo-admin-content .studio-gallery-admin,.dyo-admin-content .studio-font-admin{margin:0;max-width:none;padding:0 0 20px}
.dyo-admin-content .studio-gallery-heading h2,.dyo-admin-content .studio-font-admin h2{font-size:29px}
@media(min-width:1700px){.dyo-admin-metric{padding:23px}.dyo-admin-metric>strong{font-size:36px}.dyo-admin-page-heading h1{font-size:33px}.dyo-admin-page-heading p:not(.dyo-admin-eyebrow){font-size:13px}}
@media(max-width:1250px){.backend.dyo-admin-shell{--admin-sidebar-width:224px}.backend.dyo-admin-shell>.dyo-admin-topbar{padding-left:calc(var(--admin-sidebar-width) + 24px);padding-right:24px}.backend.dyo-admin-shell>.dyo-admin-main{padding-left:calc(var(--admin-sidebar-width) + 24px);padding-right:24px}.dyo-admin-metrics{gap:12px}.dyo-admin-metric{padding:16px}.dyo-admin-metric>small{font-size:9px}.dyo-admin-dashboard-bottom{gap:16px}.dyo-admin-link-settings{grid-template-columns:1fr}.dyo-admin-link-row{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr) 34px}.dyo-admin-link-row.is-social{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr) 34px}.dyo-admin-shell .dyo-admin-link-row .dyo-admin-field input,.dyo-admin-shell .dyo-admin-link-row .dyo-admin-field select{font-size:13px}.dyo-admin-brand{padding-left:19px!important}.dyo-admin-side-nav>a{font-size:11px}}
@media(max-width:999px){body.dyo-admin-nav-open{overflow:hidden}.backend.dyo-admin-shell{--admin-sidebar-width:246px}.dyo-admin-shell .dyo-admin-sidebar{transform:translateX(-100%);transition:transform .2s ease;z-index:12002}.dyo-admin-shell.is-nav-open .dyo-admin-sidebar{transform:translateX(0)}.dyo-admin-shell .dyo-admin-nav-backdrop{display:block;position:fixed;inset:0;z-index:12001;background:#111d3099;border:0;width:100%;height:100%;padding:0}.dyo-admin-shell .dyo-admin-nav-close{display:flex;align-items:center;justify-content:center;position:absolute;top:9px;right:8px;width:25px;height:25px;border:0;border-radius:5px;color:#a8b4c8;background:#243249;padding:0}.dyo-admin-nav-close>.material-icons{font-size:17px}.backend.dyo-admin-shell>.dyo-admin-topbar{padding:14px 24px;height:76px;min-height:76px;gap:14px}.dyo-admin-shell .dyo-admin-menu-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;padding:0;background:var(--admin-soft);color:var(--admin-ink);border:1px solid var(--admin-line);border-radius:7px}.backend.dyo-admin-shell>.dyo-admin-main{padding:26px 24px 40px;min-height:calc(100vh - 76px)}.dyo-admin-shell .dyo-admin-skip{left:12px}.dyo-admin-side-nav>a{font-size:12px}.dyo-admin-metrics{gap:14px}.dyo-admin-metric{padding:18px}.dyo-admin-metric>small{font-size:10px}.dyo-admin-dashboard-bottom{gap:18px}.dyo-admin-assets-grid{gap:14px}}
@media(max-width:740px){.dyo-admin-page-heading h1{font-size:26px}.dyo-admin-page-heading p:not(.dyo-admin-eyebrow){font-size:11px}.dyo-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dyo-admin-dashboard-bottom{grid-template-columns:1fr}.dyo-admin-workspace-card{padding:25px}.dyo-admin-workspace-card>p:not(.dyo-admin-eyebrow){max-width:75%}.dyo-admin-assets-grid{grid-template-columns:1fr}.dyo-admin-asset-card{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr)}.dyo-admin-asset-preview{height:100%;min-height:180px;border-right:1px solid var(--admin-line);border-bottom:0}.dyo-admin-asset-details{padding:20px}.dyo-admin-format-chip{display:none}.dyo-admin-form-grid{gap:18px}.dyo-admin-shell .dyo-admin-topbar .breadcrumb li:not(:last-child){display:none}.dyo-admin-context-label{font-size:8px}.dyo-admin-topbar-actions{gap:9px}.dyo-admin-shell .dyo-admin-open-store{font-size:11px;padding:10px 12px}.dyo-admin-account-toggle{width:37px!important;height:37px!important}.dyo-admin-setting-card{padding:21px}}
@media(max-width:480px){.backend.dyo-admin-shell>.dyo-admin-topbar{padding:12px 14px;gap:9px;height:70px;min-height:70px}.dyo-admin-topbar-context{gap:8px}.dyo-admin-shell .dyo-admin-menu-toggle{width:34px;height:36px}.dyo-admin-shell .dyo-admin-topbar .breadcrumb{font-size:11px}.dyo-admin-shell .dyo-admin-open-store{min-height:36px;padding:9px;font-size:10px;gap:5px}.dyo-admin-shell .dyo-admin-open-store>.material-icons{font-size:14px}.dyo-admin-topbar-actions{gap:7px}.dyo-admin-shell .dyo-admin-account-toggle{width:34px!important;height:34px!important}.dyo-admin-context-label{font-size:7px;letter-spacing:.07em}.backend.dyo-admin-shell>.dyo-admin-main{padding:23px 14px 32px;min-height:calc(100vh - 70px)}.dyo-admin-page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:23px}.dyo-admin-page-heading h1{font-size:27px}.dyo-admin-page-heading>.dyo-admin-button{font-size:11px;min-height:40px;padding:10px 13px}.dyo-admin-metrics{gap:11px}.dyo-admin-metric{padding:15px 14px}.dyo-admin-metric-top{margin-bottom:15px}.dyo-admin-metric-icon{width:31px;height:31px}.dyo-admin-metric-icon>.material-icons{font-size:18px}.dyo-admin-metric>strong{font-size:30px}.dyo-admin-metric>span:not(.dyo-admin-metric-top){font-size:11px}.dyo-admin-metric>small{font-size:9px;line-height:1.5}.dyo-admin-dashboard-bottom{margin-top:18px;gap:17px}.dyo-admin-workspace-card{padding:23px}.dyo-admin-workspace-card h2{font-size:22px}.dyo-admin-workspace-card>p:not(.dyo-admin-eyebrow){font-size:11px;max-width:85%}.dyo-admin-quick-actions{padding:21px}.dyo-admin-section-title h2{font-size:14px}.dyo-admin-quick-actions small{font-size:9px}.dyo-admin-quick-actions>a{gap:10px}.dyo-admin-setting-card,.dyo-admin-link-settings>.dyo-admin-setting-card{padding:17px;margin-bottom:17px}.dyo-admin-setting-heading{gap:10px;padding-bottom:16px;margin-bottom:17px}.dyo-admin-setting-heading h2{font-size:15px}.dyo-admin-setting-heading p{font-size:10px}.dyo-admin-setting-icon{width:33px;height:33px}.dyo-admin-setting-icon>.material-icons{font-size:19px}.dyo-admin-form-grid{grid-template-columns:1fr;gap:21px}.dyo-admin-shell .dyo-admin-field input:not([type=file]),.dyo-admin-shell .dyo-admin-field select{font-size:16px}.dyo-admin-asset-card{display:block}.dyo-admin-asset-preview{height:125px;min-height:125px;border-right:0;border-bottom:1px solid var(--admin-line)}.dyo-admin-asset-details{padding:16px}.dyo-admin-asset-details>p{margin-bottom:14px}.dyo-admin-assets-grid{gap:15px}.dyo-admin-link-settings{gap:0}.dyo-admin-link-row,.dyo-admin-link-row.is-social{grid-template-columns:minmax(0,1fr) 33px;gap:10px;padding:16px 0}.dyo-admin-link-row .dyo-admin-field:first-child{grid-column:1/-1}.dyo-admin-shell .dyo-admin-link-row .dyo-admin-field input,.dyo-admin-shell .dyo-admin-link-row .dyo-admin-field select{font-size:16px;height:43px}.dyo-admin-remove{width:33px;height:33px}.dyo-admin-save-bar{align-items:flex-start;flex-direction:column;gap:14px}.dyo-admin-save-bar>.dyo-admin-button{width:100%}.dyo-admin-save-bar>p{font-size:10px}.dyo-admin-shell .dyo-admin-password>.modal-content{padding:21px}.dyo-admin-content .card>.card-content{padding:16px}.dyo-admin-content .card table td{padding:10px 8px}.dyo-admin-content .card table th{padding:10px 8px}.dyo-admin-content .studio-font-admin h2,.dyo-admin-content .studio-gallery-heading h2{font-size:27px}}
@media(max-width:359px){.dyo-admin-shell .dyo-admin-open-store>span{display:none}.dyo-admin-shell .dyo-admin-open-store{width:34px;padding:9px}.dyo-admin-shell .dyo-admin-open-store>.material-icons{font-size:17px}.dyo-admin-topbar-context{max-width:210px}.dyo-admin-metric{padding:14px 12px}.dyo-admin-metric>span:not(.dyo-admin-metric-top){font-size:10px}.dyo-admin-quick-actions{padding:18px}.dyo-admin-section-title>span{display:none}}
@media(prefers-reduced-motion:reduce){.dyo-admin-shell *{scroll-behavior:auto!important}.dyo-admin-shell .dyo-admin-sidebar,.dyo-admin-side-nav>a,.dyo-admin-metric,.dyo-admin-button{transition:none!important}.dyo-admin-metric:hover{transform:none}}
