/* SitePaketim v0.3.25.23 - 15 shared package features / premium admin & public */
/* Scope everything to the dedicated package editor; retain unrelated admin screens. */
.sp-matrix-admin{background:#f4f7fc}
.sp-matrix-admin .container.dashboard-shell{width:min(1640px,calc(100% - 42px));max-width:none;gap:20px;align-items:start}
.sp-matrix-admin .dashboard-main{min-width:0;flex:1}
.sp-matrix-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.sp-matrix-admin-heading h1{font-size:clamp(24px,2.35vw,36px);letter-spacing:-.045em;margin:7px 0 4px;color:#122747}
.sp-matrix-admin-heading p{font-size:13px;color:#687b97;margin:0}
.sp-matrix-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
.sp-matrix-admin .btn{border-radius:10px}
.sp-matrix-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-top:18px}
.sp-matrix-edit-card{min-width:0;background:#fff;border:1px solid #dfE7f3;border-radius:14px;box-shadow:0 13px 36px rgba(22,46,82,.06);overflow:hidden}
.sp-matrix-edit-card>form:first-child{margin:0}
.sp-matrix-card-heading{min-height:92px;padding:17px 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#eaf6ff,#f7fbff)}
.sp-matrix-card-1 .sp-matrix-card-heading{background:linear-gradient(110deg,#f0ebff,#f8f5ff)}
.sp-matrix-card-2 .sp-matrix-card-heading{background:linear-gradient(110deg,#fff4e5,#fffaf4)}
.sp-matrix-package-symbol{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border-radius:50%;background:#d6ecff;color:#146ade;font-size:27px;font-weight:800}
.sp-matrix-card-1 .sp-matrix-package-symbol{background:#e7ddff;color:#7042e4}
.sp-matrix-card-2 .sp-matrix-package-symbol{background:#ffe8c9;color:#d47d04}
.sp-matrix-card-heading>div{flex:1;min-width:0}.sp-matrix-card-heading h2{font-size:16px;line-height:1.25;letter-spacing:-.04em;margin:0 0 4px;color:#1c3052;overflow-wrap:anywhere}.sp-matrix-card-heading>div span{display:block;font-size:11px;color:#7485a1;line-height:1.4;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sp-matrix-status{font-size:10px;font-weight:800;padding:4px 9px;border-radius:999px;flex-shrink:0}.sp-matrix-status.is-on{background:#daf7ea;color:#007e52}.sp-matrix-status.is-off{background:#ffecd5;color:#b57310}
.sp-matrix-form-content{padding:14px 14px 10px}
.sp-matrix-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:11px;color:#4b5d7b;font-weight:750;line-height:1.5}
.sp-matrix-field input,.sp-matrix-field textarea,.sp-matrix-field select{width:100%;min-width:0;padding:8px 10px;border-radius:7px;border:1px solid #dbe4f0;background:#fff;color:#1b2d4b;font-size:12px;line-height:1.4;font-weight:550;box-shadow:0 1px 3px #25395d06}
.sp-matrix-field textarea{resize:vertical;min-height:63px}
.sp-matrix-field input:focus,.sp-matrix-field select:focus,.sp-matrix-field textarea:focus{outline:2px solid #c4d7ff;border-color:#2f70ec}
.sp-matrix-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.sp-matrix-mini-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
.sp-matrix-mini-settings label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#4b5d7b;font-weight:750}
.sp-matrix-mini-settings input,.sp-matrix-mini-settings select{width:100%;min-width:0;border:1px solid #dbe4f0;background:#fff;border-radius:7px;padding:7px 8px;color:#1b2d4b;font-size:11px}
.sp-matrix-feature-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 0 6px;border-top:1px solid #edf1f7;margin-top:8px}.sp-matrix-feature-heading strong{font-size:13px;color:#213652}.sp-matrix-feature-heading small{font-size:10px;color:#7d8aa3;text-align:right}
.sp-matrix-rows{display:grid;margin-bottom:8px}.sp-matrix-switch-row{display:flex;align-items:center;gap:8px;min-height:29px;border-bottom:1px solid #eef1f6;cursor:pointer;position:relative}.sp-matrix-switch-row:last-child{border:0}
.sp-matrix-row-number{height:21px;min-width:25px;display:grid;place-items:center;border-radius:12px;background:#edf2f8;color:#7184a0;font-size:10px;font-weight:800}.sp-matrix-feature-name{font-size:11px;line-height:1.3;min-width:0;flex:1;color:#3d5070}
.sp-matrix-input{position:absolute;opacity:0;width:1px;height:1px;right:12px;pointer-events:none}
.sp-matrix-toggle{width:34px;height:19px;flex:0 0 34px;border-radius:14px;background:#cdd5e1;padding:2px;transition:background .15s}
.sp-matrix-toggle i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17305c23;transition:transform .15s}
.sp-matrix-input:checked+.sp-matrix-toggle{background:#176bec}.sp-matrix-input:checked+.sp-matrix-toggle i{transform:translateX(15px)}
.sp-matrix-input:focus-visible+.sp-matrix-toggle{outline:2px solid #234cda;outline-offset:3px}
.sp-matrix-switch-row:hover .sp-matrix-feature-name{color:#1d58b4}
.sp-matrix-card-actions{padding:8px 14px 14px}.sp-matrix-card-actions .btn{min-height:41px;font-size:12px}
.sp-matrix-remove-form{padding:0 14px 13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.sp-matrix-remove-form label{font-size:10px;color:#8190a6;display:inline-flex;gap:5px;align-items:center}.sp-matrix-remove-form button{padding:5px 7px;border:1px solid #f4d6da;border-radius:7px;color:#b65b68;background:#fff;font-size:10px;cursor:pointer}
.sp-matrix-note{margin:18px 0;padding:14px 16px;display:flex;align-items:center;gap:14px;border:1px solid #dbe8ff;background:#edf5ff;border-radius:12px}.sp-matrix-note>span{font-size:26px;color:#1d66db}.sp-matrix-note>div{flex:1}.sp-matrix-note strong{font-size:12px;color:#173966}.sp-matrix-note p{margin:2px 0 0;font-size:11px;line-height:1.5;color:#526d95}
.sp-matrix-create{margin-top:20px;padding:24px;background:#fff;border:1px solid #e1e9f5;box-shadow:0 10px 26px #18315a0b;border-radius:18px}.sp-matrix-create h2{font-size:20px;margin:0 0 4px}.sp-matrix-create>p{font-size:12px}.sp-matrix-create-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sp-matrix-create-fields>.sp-matrix-wide{grid-column:span 2}.sp-matrix-create>.sp-matrix-feature-heading{margin-top:18px}.sp-matrix-create .sp-matrix-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;margin:8px 0 20px}
/* Public website: all 15 items always visible; blue/green available, red unavailable. */
.sp-premium-pricing-grid .sp-pricing-feature-box{padding:8px 12px 2px!important}
.sp-premium-pricing-grid ul.sp-matrix-public-list{margin:0;padding:0;list-style:none}
.sp-premium-pricing-grid .sp-matrix-public-item{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 0!important;min-height:30px;font-size:12px;line-height:1.3;border-bottom:1px solid #edf0f6;text-align:left;color:#354969}
.sp-premium-pricing-grid .sp-matrix-public-item:last-child{border-bottom:0}
.sp-premium-pricing-grid .sp-matrix-public-item:before{content:none!important;display:none!important}
.sp-matrix-public-label{display:block;min-width:0;overflow-wrap:break-word}
.sp-matrix-public-item.is-excluded .sp-matrix-public-label{color:#7f8da5}
.sp-matrix-public-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;border-radius:50%;background:#d9f5e5;color:#0c9354;font-size:12px;font-weight:900;line-height:1}
.sp-matrix-public-item.is-excluded .sp-matrix-public-icon{background:#ffe4e8;color:#e33452}
.sp-premium-pricing-grid .sp-pricing-footer{margin-top:10px}
@media(max-width:1380px){.sp-matrix-admin .container.dashboard-shell{width:min(1480px,calc(100% - 30px))}.sp-matrix-admin-grid{gap:12px}.sp-matrix-card-heading{padding:14px 12px}.sp-matrix-form-content{padding:12px}.sp-matrix-feature-name{font-size:10.5px}.sp-matrix-switch-row{gap:6px}}
@media(max-width:1120px){.sp-matrix-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-matrix-create .sp-matrix-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sp-matrix-admin-heading{flex-direction:column}.sp-matrix-admin .container.dashboard-shell{width:min(100% - 22px,680px)}.sp-matrix-admin-grid{grid-template-columns:1fr}.sp-matrix-create-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-matrix-create .sp-matrix-rows{grid-template-columns:1fr}.sp-matrix-note{flex-wrap:wrap}.sp-matrix-note .btn{width:100%}}
@media(max-width:430px){.sp-matrix-card-heading{gap:8px}.sp-matrix-package-symbol{width:41px;flex-basis:41px;height:41px}.sp-matrix-mini-settings{gap:5px}.sp-matrix-feature-heading small{font-size:9px}.sp-matrix-create-fields{grid-template-columns:1fr}.sp-matrix-create-fields>.sp-matrix-wide{grid-column:auto}}
/* Beat the older list-specific display:block declaration. */
.sp-premium-pricing-grid .sp-pricing-feature-box li.sp-matrix-public-item{display:flex;align-items:center;justify-content:space-between;padding:7px 0;min-height:30px}