/* OTTPROVIDERS Control V2.7 — service split, admin cockpit, client notifications */

.v27-service-utility-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:start;margin-top:18px}.v27-access-card,.v27-apps-card{overflow:hidden}.v27-access-card .v26-section-head,.v27-apps-card .v26-section-head{margin:0;padding:20px 20px 17px;border-bottom:1px solid #edf0f3}.v27-access-list{display:grid;gap:10px;padding:16px 18px 18px}.v27-access-list .v26-credential{margin:0}.v27-access-card .v26-access-note{margin:0 18px 18px}.v27-app-strip{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:18px 18px 12px;scrollbar-width:thin}.v27-app-strip::-webkit-scrollbar{height:6px}.v27-app-strip::-webkit-scrollbar-thumb{background:#cdd4dc;border-radius:999px}.v27-app-pill{flex:0 0 150px;min-height:142px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px;background:#fbfcfd;border:1px solid #e4e8ed;border-radius:14px;transition:.16s ease}.v27-app-pill:hover{background:#fff;border-color:#ccd6e0;box-shadow:0 7px 22px rgba(15,23,42,.06);transform:translateY(-1px)}.v27-app-pill .v26-app-icon{width:42px;height:42px;flex:0 0 42px}.v27-app-pill>div{display:flex;flex-direction:column;min-width:0}.v27-app-pill strong{font-size:12px;color:#182233}.v27-app-pill small{margin-top:2px;color:#778398;font-size:9px;line-height:1.35}.v27-app-pill>a,.v27-app-disabled{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:auto;border:1px solid #dbe2e9;border-radius:9px;background:#fff;color:var(--blue-600);text-decoration:none}.v27-app-pill>a:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.v27-app-disabled{color:#aab3bf;background:#f4f6f8}.v27-app-hint{display:flex;align-items:center;gap:7px;margin:0 18px 18px;padding:9px 10px;border-radius:10px;background:#f6f8fa;color:#7a8595;font-size:9px}

.v27-notification-center{position:relative}.v27-notification-button{position:relative}.v27-notification-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;line-height:14px;text-align:center}.v27-notification-dropdown{position:absolute;z-index:1200;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 30px));overflow:hidden;background:#fff;border:1px solid #dfe4ea;border-radius:16px;box-shadow:0 22px 55px rgba(15,23,42,.18)}.v27-notification-dropdown[hidden]{display:none!important}.v27-notification-dropdown>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid #edf0f3;background:#fff}.v27-notification-dropdown>header>div{display:flex;flex-direction:column}.v27-notification-dropdown>header strong{color:#182233;font-size:14px}.v27-notification-dropdown>header small{color:#8a95a5;font-size:9px}.v27-notification-dropdown>header form{margin:0}.v27-notification-dropdown>header button{padding:0;border:0;background:transparent;color:var(--blue-600);font-size:10px;font-weight:700;cursor:pointer}.v27-notification-list{max-height:410px;overflow:auto}.v27-notification-list>a{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px 14px;border-bottom:1px solid #f0f2f5;color:#334155;text-decoration:none;transition:.14s ease}.v27-notification-list>a:hover{background:#f8fafc}.v27-notification-list>a.is-unread{background:#f2f8ff}.v27-notification-list>a.is-unread:hover{background:#eaf4ff}.v27-notification-list>a>div{min-width:0}.v27-notification-list strong{display:block;overflow:hidden;color:#172033;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.v27-notification-list p{display:-webkit-box;margin:3px 0 4px;overflow:hidden;color:#64748b;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.v27-notification-list small{color:#9aa4b1;font-size:8px}.v27-notification-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:#f1f5f9;color:#64748b}.v27-type-announcement{background:#fff7df;color:#b7791f}.v27-type-service{background:#ebfbf0;color:#159447}.v27-type-ticket{background:#eef5ff;color:#1967e8}.v27-type-invoice{background:#f5efff;color:#7c3aed}.v27-notification-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:28px;color:#8b96a6;font-size:11px}.v27-notification-dropdown>footer{padding:10px 14px;background:#fbfcfd;border-top:1px solid #edf0f3;text-align:center}.v27-notification-dropdown>footer a{color:var(--blue-600);font-size:10px;font-weight:700}.v27-notifications-page{overflow:hidden}.v27-notification-page-list>a{display:grid;grid-template-columns:46px 1fr;gap:13px;padding:16px 18px;border-bottom:1px solid #edf0f3;color:#344258;text-decoration:none}.v27-notification-page-list>a:last-child{border-bottom:0}.v27-notification-page-list>a.is-unread{background:#f5f9ff}.v27-notification-page-list>a>div>div{display:flex;align-items:center;gap:8px}.v27-notification-page-list strong{color:#162035;font-size:13px}.v27-notification-page-list em{padding:3px 6px;border-radius:999px;background:#e8f2ff;color:#1967e8;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.v27-notification-page-list p{margin:5px 0;color:#64748b;font-size:11px}.v27-notification-page-list small{color:#94a0b0;font-size:9px}

.v27-admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;padding:4px 0}.v27-admin-hero h1{margin:3px 0 5px;font-size:30px}.v27-admin-hero p{margin:0;color:#718096;font-size:12px}.v27-admin-hero-actions{display:flex;gap:9px}.v27-admin-hero-actions .btn span{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;margin-left:4px;padding:0 5px;border-radius:999px;background:rgba(25,103,232,.1);font-size:9px}.v27-admin-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.v27-admin-stat-grid>a{display:grid;grid-template-columns:42px 1fr;gap:10px;min-width:0;padding:15px;background:#fff;border:1px solid #e1e6ec;border-radius:14px;color:#334155;text-decoration:none;box-shadow:0 3px 12px rgba(15,23,42,.025);transition:.15s ease}.v27-admin-stat-grid>a:hover{border-color:#cdd6df;box-shadow:0 8px 24px rgba(15,23,42,.055);transform:translateY(-1px)}.v27-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px}.v27-stat-icon.blue{background:#eaf3ff;color:#1967e8}.v27-stat-icon.green{background:#eafaf0;color:#159447}.v27-stat-icon.orange{background:#fff4e6;color:#c06a10}.v27-stat-icon.cyan{background:#e8fbfe;color:#0792ad}.v27-stat-icon.violet{background:#f3ecff;color:#7c3aed}.v27-stat-icon.slate{background:#eef1f4;color:#536174}.v27-admin-stat-grid small{display:block;color:#8a95a5;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.v27-admin-stat-grid strong{display:block;margin:3px 0;color:#152034;font-size:19px;line-height:1.15}.v27-admin-stat-grid p{margin:0;overflow:hidden;color:#8590a0;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.v27-dashboard-two{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-bottom:16px}.v27-dashboard-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.v27-dashboard-two>.card,.v27-dashboard-three>.card{min-width:0;overflow:hidden}.v27-dashboard-list>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid #eff2f5;color:#344258;text-decoration:none}.v27-dashboard-list>a:last-child{border-bottom:0}.v27-dashboard-list>a:hover{background:#f8fafc}.v27-dashboard-list strong{display:block;overflow:hidden;color:#1d2939;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.v27-dashboard-list small{display:block;margin-top:2px;color:#8a95a5;font-size:8px}.v27-list-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eef5ff;color:#1967e8}.v27-list-icon.green{background:#ebfaef;color:#159447}.v27-dashboard-list.compact>a{padding:9px 13px}.v27-login-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #eff2f5}.v27-login-list>div:last-child{border-bottom:0}.v27-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eaf3ff;color:#1967e8;font-size:11px;font-weight:800}.v27-avatar.client{background:#eafaf0;color:#159447}.v27-login-list strong{display:block;color:#1d2939;font-size:10px}.v27-login-list small{display:block;color:#8a95a5;font-size:8px}.v27-login-list>div>span:last-child{text-align:right}.v27-login-list>div>span:last-child b{display:block;color:#344258;font-size:9px}.v27-log-list>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid #f0f2f5}.v27-log-list>div:last-child{border-bottom:0}.v27-log-list>div>span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b}.v27-log-list strong{display:block;color:#27364a;font-size:9px}.v27-log-list small,.v27-log-list time{color:#8a95a5;font-size:8px}.v27-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.v27-system-grid>div{min-width:0;padding:12px}.v27-system-grid>div+div{border-left:1px solid #edf0f3}.v27-system-grid h3{margin:0 0 8px;color:#334155;font-size:10px;text-transform:uppercase}.v27-system-log{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;padding:7px 0;border-bottom:1px solid #f1f3f5}.v27-system-log:last-child{border-bottom:0}.v27-system-log p{margin:0;min-width:0;color:#6b7789;font-size:8px;line-height:1.4}.v27-system-log p strong{display:block;color:#344258}.v27-system-log small{grid-column:2;color:#9aa4b1;font-size:7px}.v27-log-level{align-self:start;padding:3px 5px;border-radius:999px;background:#eef1f4;color:#64748b;font-size:7px;font-weight:800;text-transform:uppercase}.v27-log-level.error,.v27-log-level.failed{background:#fff0f1;color:#c43b4b}.v27-log-level.warning,.v27-log-level.skipped{background:#fff6e7;color:#ad6b15}.v27-log-level.success,.v27-log-level.info{background:#eaf8f0;color:#168153}.v27-empty-line{padding:18px;margin:0;color:#8a95a5;font-size:10px;text-align:center}

.v27-announcement-layout{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:16px}.v27-announcement-layout>.card{overflow:hidden}.v27-announcement-form{display:grid;gap:10px;padding:18px}.v27-announcement-form label{margin:0;color:#536174;font-size:9px;font-weight:800;text-transform:uppercase}.v27-announcement-form input,.v27-announcement-form textarea,.v27-announcement-form select{width:100%;padding:10px 11px;border:1px solid #d9e0e7;border-radius:10px;background:#fff;color:#263548;font:inherit;font-size:11px}.v27-announcement-form textarea{resize:vertical;line-height:1.55}.v27-form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v27-form-two>div{display:grid;gap:6px}.v27-announcement-form footer{display:flex;gap:8px;margin-top:3px}.v27-announcement-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:10px;padding:13px 15px;border-bottom:1px solid #eef1f4}.v27-announcement-list>div:last-child{border-bottom:0}.v27-announcement-status{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#f1f3f5;color:#7b8797}.v27-announcement-status.published{background:#eaf9f0;color:#168153}.v27-announcement-list strong{display:block;color:#1f2b3c;font-size:11px}.v27-announcement-list p{margin:3px 0;color:#68768a;font-size:9px;line-height:1.45}.v27-announcement-list small{color:#9aa4b1;font-size:8px}.v27-announcement-actions{display:flex;gap:6px}.v27-announcement-actions form{margin:0}

@media(max-width:1240px){.v27-admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v27-service-utility-grid{grid-template-columns:1fr}.v27-app-strip{padding-bottom:16px}}
@media(max-width:980px){.v27-dashboard-three{grid-template-columns:1fr}.v27-dashboard-two{grid-template-columns:1fr}.v27-announcement-layout{grid-template-columns:1fr}.v27-system-grid{grid-template-columns:1fr}.v27-system-grid>div+div{border-top:1px solid #edf0f3;border-left:0}}
@media(max-width:720px){.v27-admin-hero{align-items:flex-start;flex-direction:column}.v27-admin-hero-actions{width:100%;flex-wrap:wrap}.v27-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-service-utility-grid{display:block}.v27-apps-card{margin-top:14px}.v27-notification-dropdown{position:fixed;top:72px;right:12px;left:12px;width:auto}.v27-form-two{grid-template-columns:1fr}}
@media(max-width:460px){.v27-admin-stat-grid{grid-template-columns:1fr}.v27-admin-stat-grid>a{grid-template-columns:40px 1fr}.v27-app-pill{flex-basis:138px}}

/* ==========================================================
   V2.7.2 — Premium service detail approved mockup
   ========================================================== */
body.v26-client-portal .app-main{background:linear-gradient(180deg,#f7f9fc 0,#f4f6f9 320px,#f5f6f8 100%)!important}
.v272-breadcrumb,.v272-service-hero,.v272-service-content-grid,.v272-promo-banner{width:min(100%,1320px);margin-left:auto;margin-right:auto}
.v272-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#7b8798;font-size:9px;font-weight:650}.v272-breadcrumb>a{display:inline-flex;align-items:center;gap:7px;color:#68768a}.v272-breadcrumb>a:hover{color:var(--blue-600)}.v272-breadcrumb>i{font-size:7px;color:#b7c0cb}.v272-breadcrumb>strong{max-width:460px;overflow:hidden;color:#29364a;text-overflow:ellipsis;white-space:nowrap}
.v272-service-hero{position:relative;display:grid;grid-template-columns:minmax(330px,1.25fr) minmax(470px,1.3fr) auto;align-items:center;gap:26px;margin-bottom:12px;padding:20px;border:1px solid #dfe5ec;border-radius:18px;background:linear-gradient(110deg,#fff 0%,#fff 64%,#f0fff6 100%);box-shadow:0 12px 35px rgba(15,23,42,.055)}
.v272-service-identity{display:flex;align-items:center;gap:16px;min-width:0}.v272-service-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#12d95c,#19c84f);box-shadow:0 13px 28px rgba(20,202,80,.2);font-size:23px}.v272-service-kicker{display:block;margin-bottom:3px;color:#1bbb55;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.v272-service-title-line{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}.v272-service-title-line h1{margin:0;color:#172236;font-size:20px;line-height:1.15;letter-spacing:-.035em}.v272-service-title-line>span{color:#172236;font-size:13px;font-weight:800}.v272-service-subline{display:flex;align-items:center;gap:10px;margin-top:8px}.v272-service-subline small{max-width:350px;overflow:hidden;color:#7b8798;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.v272-service-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));min-width:0}.v272-service-hero-facts>span{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;min-height:64px;padding:9px 18px;border-left:1px solid #e6ebf0}.v272-service-hero-facts i{grid-row:1/3;color:#68758a;font-size:14px}.v272-service-hero-facts small,.v272-service-hero-facts strong{display:block}.v272-service-hero-facts small{align-self:end;color:#7d8999;font-size:7px}.v272-service-hero-facts strong{align-self:start;margin-top:3px;color:#1e293b;font-size:9px}.v272-renew-form{margin:0}.v272-renew-btn{display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:152px;min-height:44px!important;padding:9px 13px!important;border-radius:11px!important;font-size:9px!important;white-space:nowrap}
.v272-service-content-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:14px;align-items:start}.v272-service-left{display:grid;gap:14px}.v272-access-card,.v272-details-card,.v272-apps-card{overflow:hidden;border-color:#dfe5ec!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(15,23,42,.035)!important}.v272-apps-card{position:sticky;top:88px}.v272-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px;border-bottom:1px solid #e9edf2}.v272-section-title{display:flex;align-items:center;gap:11px;min-width:0}.v272-section-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;color:#136be8;background:#eaf3ff;font-size:14px}.v272-section-title h2{margin:0 0 2px;color:#182335;font-size:14px;letter-spacing:-.025em}.v272-section-title p{margin:0;color:#8490a1;font-size:8px;line-height:1.45}.v272-private-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#138650;background:#ebf9f1;font-size:7px;font-weight:850;white-space:nowrap}
.v272-access-list{display:grid;gap:8px;padding:14px 17px 10px}.v272-access-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:60px;padding:8px 10px;border:1px solid #e7ebf0;border-radius:11px;background:linear-gradient(90deg,#f6faff 0%,#fbfcfe 100%)}.v272-access-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#176ee9;background:#e4f0ff;font-size:13px}.v272-access-value{min-width:0}.v272-access-value small,.v272-access-value code{display:block}.v272-access-value small{margin-bottom:4px;color:#69778b;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.v272-access-value code{max-width:100%;overflow:hidden;color:#172033;background:transparent;font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.v272-access-row-url .v272-access-value code{padding:7px 9px;border:1px solid #dce4ed;border-radius:8px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.v272-copy-btn,.v272-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #d9e0e8;border-radius:8px;color:#38465a;background:#fff;font-size:8px;font-weight:800;cursor:pointer;transition:.15s ease}.v272-copy-btn:hover,.v272-icon-btn:hover{color:var(--blue-600);border-color:#b9d5f8;background:#f8fbff}.v272-icon-btn{width:32px;padding:6px}.v272-access-actions{display:flex;align-items:center;gap:5px}.v272-access-note{display:flex;align-items:flex-start;gap:8px;margin:0 17px 16px;padding:9px 11px;border-radius:10px;color:#72521e;background:#fff7e8;font-size:8px;line-height:1.5}.v272-access-note-ok{color:#31619b;background:#eef6ff}.v272-access-note i{margin-top:2px}
.v272-details-head{border-bottom:0;padding-bottom:8px}.v272-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:7px 17px 16px}.v272-details-grid>span{min-height:55px;padding:10px 12px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.v272-details-grid>span:nth-child(3n){border-right:0}.v272-details-grid>span:nth-last-child(-n+3){border-bottom:0}.v272-details-grid small,.v272-details-grid strong{display:block}.v272-details-grid small{margin-bottom:5px;color:#7c8899;font-size:7px}.v272-details-grid strong{color:#172033;font-size:9px}.v272-status-text{display:inline-flex!important;align-items:center;gap:5px}.v272-status-active{color:#15814f!important}.v272-status-suspended,.v272-status-expired,.v272-status-cancelled{color:#b64d25!important}
.v272-app-list{display:grid;gap:7px;padding:13px 14px 15px}.v272-app-row{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:62px;padding:9px 11px;border:1px solid #e2e7ed;border-radius:10px;color:#1e293b;background:linear-gradient(90deg,#fbfcfe 0%,#fff 100%);text-decoration:none;transition:.15s ease}.v272-app-row:hover{border-color:#c5d8ef;color:#1e293b;background:#f7fbff;box-shadow:0 6px 18px rgba(15,23,42,.045);transform:translateY(-1px)}.v272-app-row.is-disabled{opacity:.7;cursor:default}.v272-app-row.is-disabled:hover{border-color:#e2e7ed;background:#fbfcfe;box-shadow:none;transform:none}.v272-app-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e2e7ed;border-radius:11px;color:#121826;background:#fff;font-size:20px}.v272-app-row:nth-child(2) .v272-app-icon,.v272-app-row:nth-child(5) .v272-app-icon{color:#24b74b}.v272-app-row:nth-child(3) .v272-app-icon{color:#1676ea}.v272-app-row:nth-child(4) .v272-app-icon{color:#f59e0b}.v272-app-row:nth-child(7) .v272-app-icon{color:#1170d8}.v272-app-row>div{min-width:0}.v272-app-row strong,.v272-app-row small,.v272-app-row em{display:block}.v272-app-row strong{color:#172033;font-size:9px}.v272-app-row small{margin-top:2px;color:#7c8899;font-size:7px}.v272-app-row em{margin-top:3px;color:#176ee9;font-size:7px;font-style:normal}.v272-app-row.is-disabled em{color:#9aa4b1}.v272-app-chevron{justify-self:end;color:#182335;font-size:10px}
.v272-promo-banner{display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:14px;padding:15px 18px;overflow:hidden;border:1px solid rgba(21,45,81,.45);border-radius:15px;color:#fff;background:linear-gradient(110deg,#151d3c 0%,#17244a 42%,#0d2a4e 100%);box-shadow:0 10px 30px rgba(15,23,42,.14)}.v272-promo-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8px;height:58px}.v272-promo-visual:before{position:absolute;inset:-80px -30px -50px;background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.38),transparent 62%);content:""}.v272-promo-visual span{position:relative;z-index:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#dfe9ff;background:rgba(255,255,255,.06);box-shadow:0 8px 20px rgba(0,0,0,.18)}.v272-promo-visual span:nth-child(1){width:78px;height:52px;font-size:23px}.v272-promo-visual span:nth-child(2){width:46px;height:58px;font-size:18px}.v272-promo-visual span:nth-child(3){width:30px;height:48px;font-size:14px}.v272-promo-banner h2{margin:0 0 4px;color:#fff;font-size:14px}.v272-promo-banner p{margin:0;color:rgba(255,255,255,.68);font-size:8px}.v272-promo-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 15px;border:1px solid rgba(78,158,255,.75);border-radius:10px;color:#fff;background:linear-gradient(135deg,#176ee9,#0e91e8);font-size:8px;font-weight:850;text-decoration:none;white-space:nowrap}.v272-promo-button:hover{color:#fff;filter:brightness(1.05)}
@media(max-width:1180px){.v272-service-hero{grid-template-columns:1fr auto}.v272-service-hero-facts{grid-column:1/-1;grid-row:2}.v272-service-hero-facts>span:first-child{border-left:0}.v272-service-content-grid{grid-template-columns:minmax(0,1fr) 360px}.v272-promo-banner{grid-template-columns:180px minmax(0,1fr) auto}.v272-promo-visual{transform:scale(.88);transform-origin:left center}}
@media(max-width:900px){.v272-service-content-grid{grid-template-columns:1fr}.v272-apps-card{position:static}.v272-service-hero{grid-template-columns:1fr}.v272-renew-form,.v272-renew-btn{width:100%}.v272-service-hero-facts{grid-column:auto;grid-row:auto}.v272-promo-banner{grid-template-columns:1fr;text-align:center}.v272-promo-visual{display:none}.v272-promo-button{justify-self:center}.v272-app-list{grid-template-columns:1fr 1fr}.v272-details-grid{grid-template-columns:repeat(2,1fr)}.v272-details-grid>span,.v272-details-grid>span:nth-child(3n){border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.v272-details-grid>span:nth-child(2n){border-right:0}.v272-details-grid>span:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:620px){.v272-breadcrumb span{display:none}.v272-service-hero{padding:15px}.v272-service-identity{align-items:flex-start}.v272-service-icon{width:52px;height:52px;flex-basis:52px}.v272-service-title-line h1{font-size:17px}.v272-service-hero-facts{grid-template-columns:1fr}.v272-service-hero-facts>span{border-top:1px solid #edf0f3;border-left:0}.v272-service-hero-facts>span:first-child{border-top:0}.v272-section-header{align-items:flex-start}.v272-private-chip{display:none}.v272-access-row{grid-template-columns:34px minmax(0,1fr)}.v272-access-icon{width:34px;height:34px}.v272-access-row>.v272-copy-btn,.v272-access-actions{grid-column:1/-1;width:100%}.v272-access-row>.v272-copy-btn{justify-content:center}.v272-access-actions button{flex:1}.v272-app-list{grid-template-columns:1fr}.v272-details-grid{grid-template-columns:1fr}.v272-details-grid>span,.v272-details-grid>span:nth-child(2n),.v272-details-grid>span:nth-child(3n){border-right:0;border-bottom:1px solid #edf0f3}.v272-details-grid>span:last-child{border-bottom:0}}

/* ==========================================================
   OTTPROVIDERS Control V2.7.3
   WHMCS-inspired admin cockpit + readable service typography
   ========================================================== */

/* Admin dashboard */
.v273-admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 20px}.v273-admin-hero h1{margin:4px 0 6px;color:#10233d;font-size:32px;line-height:1.05}.v273-admin-hero p{margin:0;color:#64748b;font-size:13px}.v273-admin-actions{display:flex;align-items:center;gap:9px}.v273-admin-actions .btn span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:3px;padding:0 6px;border-radius:999px;background:#eef5ff;color:#1967e8;font-size:10px}
.v273-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.v273-kpi{display:grid;grid-template-columns:48px 1fr;gap:13px;min-width:0;padding:18px;border:1px solid #dce6f2;border-radius:16px;background:#fff;color:#334155;box-shadow:0 7px 24px rgba(23,54,93,.055);transition:.18s ease}.v273-kpi:hover{color:#334155;border-color:#c7d7e9;box-shadow:0 12px 30px rgba(23,54,93,.085);transform:translateY(-1px)}.v273-kpi>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font-size:17px}.v273-kpi.blue>span{background:#eaf3ff;color:#1967e8}.v273-kpi.green>span{background:#eaf9f0;color:#159447}.v273-kpi.orange>span{background:#fff4e7;color:#c06a10}.v273-kpi.cyan>span{background:#e8fbfe;color:#0792ad}.v273-kpi small{display:block;color:#6f7d91;font-size:11px;font-weight:750}.v273-kpi strong{display:block;margin:3px 0 4px;color:#10233d;font-size:25px;line-height:1.1}.v273-kpi p{margin:0;overflow:hidden;color:#8a98aa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.v273-cockpit-grid{display:grid;grid-template-columns:minmax(310px,.62fr) minmax(0,1.38fr);gap:16px;align-items:start}.v273-cockpit-left,.v273-cockpit-main{display:grid;gap:16px;min-width:0}.v273-widget,.v273-overview-card{overflow:hidden;border-radius:16px!important}.v273-widget-head{min-height:66px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f5}.v273-widget-head h2{margin:2px 0 0;color:#172941;font-size:16px}.v273-widget-head p{margin:4px 0 0;color:#7b8798;font-size:11px}.v273-widget-head>a{font-size:10px;font-weight:750}.v273-widget-head .eyebrow{font-size:9px}.v273-client-activity{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 15px 10px}.v273-mini-metric{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #e7edf4;border-radius:12px;background:#fbfcfe}.v273-mini-metric>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:15px}.v273-mini-metric.blue>span{color:#2d7ff0;border:1px solid #bcd8ff;background:#eef6ff}.v273-mini-metric.green>span{color:#1ca85a;border:1px solid #bfe9cb;background:#effbf3}.v273-mini-metric small,.v273-mini-metric p{display:block;margin:0;color:#7d8999;font-size:9px}.v273-mini-metric strong{display:block;margin:1px 0;color:#172941;font-size:19px}.v273-login-compact{padding:4px 14px 14px}.v273-login-compact>div,.v273-team-list>div{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #edf1f5}.v273-login-compact>div:last-child,.v273-team-list>div:last-child{border-bottom:0}.v273-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf3ff;color:#1967e8;font-size:11px;font-weight:850}.v273-avatar.client{background:#eafaf0;color:#159447}.v273-login-compact strong,.v273-team-list strong{display:block;color:#26384f;font-size:11px}.v273-login-compact small,.v273-team-list small{display:block;margin-top:2px;color:#8a97a8;font-size:9px}.v273-login-compact time{max-width:94px;color:#8d99a9;font-size:8px;text-align:right;white-space:nowrap}
.v273-automation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:12px 15px}.v273-automation-grid>div{position:relative;min-height:82px;padding:13px 10px;text-align:center;border-bottom:1px solid #edf1f5}.v273-automation-grid>div:nth-child(odd){border-right:1px solid #edf1f5}.v273-automation-grid>div:nth-last-child(-n+2){border-bottom:0}.v273-automation-grid>div:before{content:"";position:absolute;top:8px;left:28%;right:28%;height:2px;border-radius:999px;background:currentColor;opacity:.55}.v273-automation-grid strong{display:block;margin:8px 0 4px;color:currentColor;font-size:21px;font-weight:550}.v273-automation-grid span{display:block;color:#8a97a8;font-size:9px}.v273-automation-grid .teal{color:#1ab9b9}.v273-automation-grid .green{color:#27b246}.v273-automation-grid .orange{color:#f3a044}.v273-automation-grid .pink{color:#ec5a96}.v273-automation-grid .slate{color:#8390a0}.v273-automation-grid .violet{color:#a855f7}.v273-last-run{display:flex;align-items:center;gap:7px;margin:0 14px 14px;padding:10px 11px;border-radius:10px;background:#f7f9fc;color:#7c8899;font-size:9px}.v273-last-run>span{display:inline-flex;align-items:center;gap:6px}.v273-last-run>span i{color:#8794a5}.v273-last-run strong{margin-left:auto;color:#344258;font-size:9px}.v273-last-run em{padding:4px 7px;border-radius:999px;background:#eef1f4;color:#64748b;font-size:8px;font-style:normal;font-weight:800}.v273-last-run em.success{background:#eaf8f0;color:#168153}.v273-last-run em.failed{background:#fff0f1;color:#c43b4b}.v273-activity-log{padding:4px 14px 14px}.v273-activity-log>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 1px;border-bottom:1px solid #edf1f5}.v273-activity-log>div:last-child{border-bottom:0}.v273-activity-log>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f1f5f9;color:#64748b}.v273-activity-log strong{display:block;color:#2b3b51;font-size:10px}.v273-activity-log p{margin:2px 0;color:#66768a;font-size:9px;line-height:1.35}.v273-activity-log small,.v273-activity-log time{color:#95a0af;font-size:8px}.v273-activity-log time{text-align:right;white-space:nowrap}
.v273-overview-card{min-height:430px}.v273-overview-head{min-height:74px}.v273-range-switch{display:flex;align-items:center;gap:0;border:1px solid #d7e2ef;border-radius:10px;overflow:hidden;background:#fff}.v273-range-switch button{min-height:34px;padding:0 13px;border:0;border-right:1px solid #d7e2ef;background:#fff;color:#52647b;font-size:10px;font-weight:700;cursor:pointer}.v273-range-switch button:last-child{border-right:0}.v273-range-switch button.active{background:#eff6ff;color:#1967e8}.v273-chart-summary{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:15px 18px 4px;color:#65758a;font-size:10px}.v273-chart-summary span{display:inline-flex;align-items:center;gap:7px}.v273-chart-summary strong{color:#27364a}.v273-chart-summary .dot{width:9px;height:9px;border-radius:3px}.v273-chart-summary .dot.orders{background:#bfc7d2}.v273-chart-summary .dot.active{background:#4777ff}.v273-chart-summary .dot.revenue{background:#5acb68}.v273-chart-wrap{position:relative;height:318px;margin:0 18px 16px}.v273-chart-wrap svg{width:100%;height:278px;overflow:visible}.v273-grid-line{stroke:#e9eef4;stroke-width:1}.v273-area-revenue{fill:rgba(77,197,94,.18);stroke:none}.v273-line-orders,.v273-line-active,.v273-line-revenue{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v273-line-orders{stroke:#b7c0cc;stroke-dasharray:4 5}.v273-line-active{stroke:#4777ff}.v273-line-revenue{stroke:#4fc65f}.v273-chart-labels{position:absolute;left:42px;right:22px;bottom:4px;height:26px}.v273-chart-labels span{position:absolute;transform:translateX(-50%) rotate(-25deg);transform-origin:center top;color:#8491a2;font-size:8px;white-space:nowrap}
.v273-main-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.v273-billing-grid{display:grid;grid-template-columns:1fr 1fr;padding:14px}.v273-billing-grid>div{min-height:90px;padding:15px 14px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.v273-billing-grid>div:nth-child(2n){border-right:0}.v273-billing-grid>div:nth-last-child(-n+2){border-bottom:0}.v273-billing-grid strong{display:block;font-size:21px;font-weight:500}.v273-billing-grid span{display:block;margin-top:5px;color:#8a97a8;font-size:9px}.v273-billing-grid .green strong{color:#36b64f}.v273-billing-grid .orange strong{color:#ef9d36}.v273-billing-grid .pink strong{color:#ec4d91}.v273-billing-grid .navy strong{color:#344258}.v273-online-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#eaf8f0;color:#168153;font-size:9px;font-weight:750}.v273-online-chip i{width:7px;height:7px;border-radius:50%;background:#21bd73}.v273-team-list{padding:5px 14px 14px}.v273-team-list>div>span:last-child{text-align:right}.v273-team-list>div>span:last-child b{display:block;color:#344258;font-size:9px}
.v273-support-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:17px 16px 11px}.v273-support-summary>div{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;min-height:78px;padding:8px 18px;border-right:1px solid #edf1f5}.v273-support-summary>div:last-child{border-right:0}.v273-support-summary>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:15px}.v273-support-summary .blue{background:#eef5ff;color:#1967e8}.v273-support-summary .pink{background:#fff0f6;color:#ec4d91}.v273-support-summary .green{background:#eaf8f0;color:#168153}.v273-support-summary small{display:block;color:#68798f;font-size:9px}.v273-support-summary strong{display:block;margin:2px 0;color:#172941;font-size:19px}.v273-support-summary p{margin:0;color:#8a97a8;font-size:8px}.v273-ticket-mini-list{border-top:1px solid #edf1f5}.v273-ticket-mini-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #edf1f5;color:#344258}.v273-ticket-mini-list>a:last-child{border-bottom:0}.v273-ticket-mini-list>a:hover{background:#f8fafc}.v273-ticket-mini-list strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.v273-ticket-mini-list small{display:block;margin-top:2px;color:#8a97a8;font-size:8px}
.v273-recent-grid,.v273-logs-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:16px}.v273-recent-grid>.card,.v273-logs-grid>.card{overflow:hidden;border-radius:16px!important}.v273-service-list{padding:5px 14px 14px}.v273-service-list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #edf1f5;color:#344258}.v273-service-list>a:last-child{border-bottom:0}.v273-service-list>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eafaf0;color:#159447}.v273-service-list strong{display:block;font-size:10px}.v273-service-list small{display:block;margin-top:2px;color:#8a97a8;font-size:8px}.v273-service-list em{font-style:normal}.v273-system-log-list{padding:4px 14px 14px}.v273-system-log-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 1px;border-bottom:1px solid #edf1f5}.v273-system-log-list>div:last-child{border-bottom:0}.v273-system-log-list strong{display:block;color:#344258;font-size:10px}.v273-system-log-list p{margin:2px 0 0;color:#6f7d91;font-size:9px;line-height:1.35}.v273-system-log-list time{color:#95a0af;font-size:8px;white-space:nowrap}.v273-log-level{padding:4px 7px;border-radius:999px;background:#eef1f4;color:#64748b;font-size:7px;font-weight:800;text-transform:uppercase}.v273-log-level.error,.v273-log-level.failed{background:#fff0f1;color:#c43b4b}.v273-log-level.warning,.v273-log-level.skipped{background:#fff6e7;color:#ad6b15}.v273-log-level.success,.v273-log-level.info{background:#eaf8f0;color:#168153}.v273-empty{margin:0;padding:18px;color:#8a97a8;font-size:10px;text-align:center}

/* Service detail: fix the "zoomed out / tiny font" impression from V2.7.2. */
.v272-breadcrumb{font-size:11px!important}.v272-service-kicker{font-size:10px!important}.v272-service-title-line h1{font-size:24px!important}.v272-service-title-line>span{font-size:15px!important}.v272-service-subline small{font-size:11px!important}.v272-service-hero-facts small{font-size:10px!important}.v272-service-hero-facts strong{font-size:12px!important}.v272-renew-btn{font-size:11px!important}.v272-section-title h2{font-size:17px!important}.v272-section-title p{font-size:11px!important}.v272-private-chip{font-size:9px!important}.v272-access-value small{font-size:9px!important}.v272-access-value code{font-size:12px!important;line-height:1.45!important}.v272-copy-btn,.v272-icon-btn{font-size:10px!important}.v272-access-note{font-size:10px!important}.v272-details-grid small{font-size:10px!important}.v272-details-grid strong{font-size:12px!important}.v272-app-row strong{font-size:12px!important}.v272-app-row small{font-size:10px!important}.v272-app-row em{font-size:9px!important}.v272-app-chevron{font-size:11px!important}.v272-promo-banner h2{font-size:17px!important}.v272-promo-banner p{font-size:11px!important}.v272-promo-button{font-size:10px!important}.v272-access-row{min-height:66px!important}.v272-app-row{min-height:68px!important}.v272-details-grid>span{min-height:62px!important}

@media(max-width:1180px){.v273-kpi-grid{grid-template-columns:repeat(2,1fr)}.v273-cockpit-grid{grid-template-columns:1fr}.v273-cockpit-left{grid-template-columns:repeat(2,minmax(0,1fr))}.v273-cockpit-left>.v273-widget:last-child{grid-column:1/-1}.v273-overview-card{min-height:400px}}
@media(max-width:900px){.v273-admin-hero{align-items:flex-start;flex-direction:column}.v273-admin-actions{width:100%}.v273-admin-actions .btn{flex:1}.v273-cockpit-left{grid-template-columns:1fr}.v273-cockpit-left>.v273-widget:last-child{grid-column:auto}.v273-main-two,.v273-recent-grid,.v273-logs-grid{grid-template-columns:1fr}.v273-support-summary{grid-template-columns:1fr}.v273-support-summary>div{border-right:0;border-bottom:1px solid #edf1f5}.v273-support-summary>div:last-child{border-bottom:0}.v273-overview-head{align-items:flex-start;flex-direction:column}.v273-range-switch{width:100%}.v273-range-switch button{flex:1}.v272-service-title-line h1{font-size:22px!important}}
@media(max-width:620px){.v273-kpi-grid{grid-template-columns:1fr}.v273-admin-actions{flex-direction:column}.v273-admin-actions .btn{width:100%}.v273-client-activity{grid-template-columns:1fr}.v273-chart-summary{align-items:flex-start;flex-direction:column;gap:7px}.v273-chart-wrap{height:280px;margin-inline:10px}.v273-chart-wrap svg{height:240px}.v273-billing-grid{grid-template-columns:1fr}.v273-billing-grid>div,.v273-billing-grid>div:nth-child(2n){border-right:0;border-bottom:1px solid #edf1f5}.v273-billing-grid>div:last-child{border-bottom:0}.v272-service-title-line h1{font-size:20px!important}.v272-service-subline small{font-size:10px!important}.v272-section-title h2{font-size:16px!important}.v272-access-value code{font-size:11px!important}}