.cim-wrap{max-width:1400px;margin:20px 20px 40px 0;color:#172033}.cim-header{display:flex;justify-content:space-between;align-items:center;margin:10px 0 22px}.cim-header h1{font-size:28px;margin:0 0 6px}.cim-header p{margin:0;color:#697386}.cim-card{background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 2px 8px rgba(20,35,55,.04);padding:20px;margin-bottom:18px}.cim-search{display:flex;gap:10px;margin-bottom:18px}.cim-search input{flex:1;min-height:40px;border:1px solid #d9dee7;border-radius:8px;padding:0 13px}.cim-table th{font-weight:600;color:#637083}.cim-table td{vertical-align:middle;padding:13px}.cim-badge{display:inline-flex;align-items:center;border-radius:999px;background:#eef2f7;padding:5px 10px;font-size:12px;font-weight:600}.cim-badge.success{background:#e7f8ef;color:#16834b}.cim-badge.warning{background:#fff4d8;color:#9a6a00}.cim-badge.muted{background:#eef1f5;color:#687385}.cim-back{display:inline-block;margin:0 0 12px;text-decoration:none}.cim-profile-head{display:flex;align-items:center;gap:16px}.cim-avatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f1ff;color:#1667d9;font-weight:700;font-size:19px}.cim-profile-main{flex:1}.cim-title-row{display:flex;gap:10px;align-items:center}.cim-title-row h2{margin:0}.cim-meta{color:#687385;margin-top:7px}.cim-tabs{display:flex;gap:3px;background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:6px;margin-bottom:18px;overflow:auto}.cim-tabs a{padding:12px 14px;text-decoration:none;color:#5f6b7a;white-space:nowrap;border-radius:8px}.cim-tabs a.active{color:#1264d7;background:#edf5ff;font-weight:600}.cim-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.cim-content{min-width:0}.cim-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cim-section-title h2{margin:0}.cim-inner-table th{font-weight:600}.cim-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cim-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px}.cim-form input{min-height:40px;border:1px solid #d9dee7;border-radius:8px;padding:0 11px}.cim-form button{margin-top:18px}.cim-sub-card{display:grid;grid-template-columns:1.2fr .7fr .9fr .7fr 1fr auto;gap:12px;align-items:center;border:1px solid #e6eaf0;border-radius:10px;padding:15px;margin-bottom:10px}.cim-small{font-size:12px;color:#738093;margin-top:5px}.cim-sub-actions{grid-column:1/-1;display:flex;gap:8px;border-top:1px solid #edf0f4;padding-top:12px}.cim-action{display:block;padding:11px 12px;border:1px solid #e2e7ee;border-radius:8px;margin-bottom:8px;text-decoration:none;background:#fff}.cim-stat{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf0f4}.cim-payment-card{display:flex;align-items:center;gap:14px;border:1px solid #e4e8ee;border-radius:10px;padding:14px;margin-bottom:10px}.cim-card-icon{width:40px;height:28px;border-radius:5px;background:#edf3fb;display:flex;align-items:center;justify-content:center}.cim-payment-main{flex:1;display:flex;flex-direction:column;gap:4px}.cim-payment-main span{font-size:12px;color:#697586}.cim-payment-actions{display:flex;gap:8px;align-items:center}.cim-add-card{margin-top:25px;padding-top:20px;border-top:1px solid #edf0f4}.cim-stripe-element{border:1px solid #d9dee7;border-radius:8px;padding:12px;background:#fff;margin:12px 0}.cim-error{color:#c62828;min-height:20px;margin-bottom:8px}.cim-subscription-payment-box{margin-top:28px;padding-top:20px;border-top:1px solid #edf0f4}.cim-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4}.cim-row span{flex:1}.cim-row select{min-width:260px}.button-link-delete{color:#b32d2e!important}.notice.inline{margin:10px 0}.cim-table-wrap{overflow:auto}@media(max-width:1000px){.cim-grid{grid-template-columns:1fr}.cim-sub-card{grid-template-columns:1fr 1fr}.cim-form-grid{grid-template-columns:1fr}.cim-row{flex-wrap:wrap}.cim-row select{min-width:180px}.cim-tabs{border-radius:8px}}

/* v1.2.0 mockup-style subscription layout */
.cim-section-title h2{font-size:18px;font-weight:600}.cim-section-title>a{font-size:12px;text-decoration:none}.cim-table-scroll{overflow:auto}.cim-inline-subscriptions{margin-top:28px;padding-top:8px;border-top:1px solid #edf0f4}.cim-inline-subscriptions .cim-section-title{margin-top:8px}
.cim-subscription-row{display:grid;grid-template-columns:minmax(190px,1.25fr) 110px minmax(110px,.85fr) 90px minmax(150px,1fr) minmax(220px,1.2fr);gap:14px;align-items:center;border:1px solid #e5e9ef;border-radius:10px;padding:15px 14px;margin-bottom:10px;background:#fff}.cim-sub-main{min-width:0}.cim-sub-id{font-size:12px;color:#2468d7;margin-bottom:3px}.cim-label{display:block;font-size:11px;color:#7a8494;margin-bottom:4px;text-transform:none}.cim-sub-payment strong{display:block}.cim-sub-change{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.cim-sub-change .cim-label{grid-column:1/-1;margin-bottom:-2px}.cim-sub-change select{min-width:145px;max-width:190px}.cim-muted-text{color:#7b8490}.cim-sub-status-cell{align-self:start}.cim-payment-card{background:#fff}.cim-payment-card .button.cim-default-pm{font-size:11px}.cim-payment-card .button-link-delete{font-size:11px;text-decoration:none}.cim-table th{background:#fafbfc}.cim-order-table th,.cim-order-table td{padding:11px 12px}.cim-sidebar .cim-action:first-of-type{border-color:#d9e8ff;color:#1264d7}.cim-sidebar .cim-action{font-size:12px}.cim-grid{align-items:start}
@media(max-width:1250px){.cim-subscription-row{grid-template-columns:1.3fr .8fr .9fr .7fr 1fr}.cim-sub-change{grid-column:1/-1;border-top:1px solid #edf0f4;padding-top:10px;display:flex;align-items:center}.cim-sub-change .cim-label{margin:0 6px 0 0}.cim-sub-change select{max-width:none;flex:1}}
@media(max-width:760px){.cim-subscription-row{grid-template-columns:1fr 1fr}.cim-sub-main,.cim-sub-payment,.cim-sub-change{grid-column:1/-1}.cim-sub-status-cell{grid-column:auto}.cim-sub-change{flex-wrap:wrap}.cim-sub-change select{width:100%;flex:1 1 100%}}
.cim-danger{color:#b42318!important;border-color:#f0c8c5!important}.cim-sub-actions{display:flex;gap:8px;align-items:center}.cim-sub-actions .button{min-height:34px}.cim-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cim-wrap .button{cursor:pointer}.cim-wrap .notice{box-sizing:border-box}
.cim-danger{color:#b42318!important;border-color:#f0c8c5!important}.cim-sub-actions{display:flex;gap:8px;align-items:center}.cim-sub-actions .button{min-height:34px}

/* Frontend customer authentication */
.cim-auth-wrap{max-width:560px;margin:40px auto;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cim-auth-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;box-shadow:0 10px 35px rgba(20,35,55,.08);padding:28px}.cim-auth-brand{display:flex;gap:14px;align-items:center;margin-bottom:22px}.cim-auth-logo{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#edf5ff;color:#1264d7;font-size:21px;font-weight:800}.cim-auth-brand h2{margin:0 0 5px;font-size:24px}.cim-auth-brand p{margin:0;color:#697586;font-size:13px;line-height:1.5}.cim-auth-tabs{display:grid;grid-template-columns:1fr 1.25fr 1.15fr;gap:5px;padding:5px;background:#f5f7fa;border-radius:10px;margin-bottom:20px}.cim-auth-tabs button{border:0;background:transparent;border-radius:7px;padding:10px 8px;color:#687385;cursor:pointer;font-weight:600}.cim-auth-tabs button.active{background:#fff;color:#1264d7;box-shadow:0 1px 4px rgba(20,35,55,.08)}.cim-auth-form{display:none}.cim-auth-form.active{display:block}.cim-auth-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;margin-bottom:14px}.cim-auth-form input[type=text],.cim-auth-form input[type=email],.cim-auth-form input[type=password]{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #d9dee7;border-radius:9px;padding:0 12px;background:#fff;font-size:14px}.cim-auth-form input:focus{outline:none;border-color:#7daeea;box-shadow:0 0 0 3px rgba(18,100,215,.08)}.cim-auth-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cim-auth-check{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important;color:#697586}.cim-auth-check input{margin:0}.cim-auth-submit{width:100%;min-height:44px;margin-top:5px}.cim-auth-help,.cim-auth-muted{font-size:12px;color:#7a8494}.cim-auth-muted{line-height:1.6;margin:0 0 16px}.cim-auth-notice{padding:11px 13px;border-radius:9px;margin:0 0 16px;font-size:13px;line-height:1.45}.cim-auth-notice.success{background:#e9f8f0;color:#18794e}.cim-auth-notice.error{background:#fff0ef;color:#b42318}.cim-logout-button{white-space:nowrap}.cim-profile-head{position:relative}

/* Mobile: stack all customer dashboard tabs vertically */
@media(max-width:600px){
  .cim-wrap{margin-right:0}.cim-card{padding:15px}.cim-profile-head{align-items:flex-start;flex-wrap:wrap}.cim-profile-main{min-width:calc(100% - 74px)}.cim-profile-main .cim-title-row{flex-wrap:wrap}.cim-meta{font-size:12px;line-height:1.5}.cim-logout-button{width:100%;text-align:center;margin-top:4px}.cim-tabs{display:grid;grid-template-columns:1fr;gap:4px;padding:5px;overflow:visible}.cim-tabs a{display:block;width:100%;box-sizing:border-box;padding:12px 13px}.cim-section-title{gap:10px;align-items:flex-start}.cim-section-title h2{font-size:18px}.cim-table-wrap{overflow-x:auto}.cim-order-table{min-width:620px}.cim-subscription-row{grid-template-columns:1fr}.cim-sub-main,.cim-sub-payment,.cim-sub-change,.cim-sub-status-cell,.cim-sub-actions{grid-column:1/-1}.cim-sub-change{display:flex;flex-wrap:wrap}.cim-sub-change .cim-label{width:100%;margin:0}.cim-sub-change select{width:100%;max-width:none}.cim-sub-change .button{width:100%}.cim-sub-actions{flex-wrap:wrap}.cim-sub-actions .button{flex:1}.cim-payment-card{align-items:flex-start;flex-wrap:wrap}.cim-payment-main{min-width:calc(100% - 55px)}.cim-payment-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.cim-payment-actions .button,.cim-payment-actions .button-link-delete{flex:1;text-align:center}.cim-auth-wrap{margin:20px auto;padding:0 10px}.cim-auth-card{padding:20px;border-radius:12px}.cim-auth-brand h2{font-size:21px}.cim-auth-tabs{grid-template-columns:1fr}.cim-auth-two{grid-template-columns:1fr;gap:0}
}

/* Customer frontend visual polish */
.cim-frontend .button,
.cim-frontend button,
.cim-frontend input[type="submit"]{border-radius:9px!important;border:1px solid transparent!important;box-shadow:0 2px 6px rgba(30,60,100,.08);font-weight:600;transition:all .18s ease;cursor:pointer}
.cim-frontend .button:hover,.cim-frontend button:hover,.cim-frontend input[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(30,60,100,.12)}
.cim-frontend .button-primary,.cim-frontend .cim-auth-submit{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
.cim-frontend .cim-view-order{background:#eef4ff!important;color:#2457c5!important;border-color:#d4e2ff!important}
.cim-frontend .cim-logout-button{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}
.cim-frontend .cim-action{background:#f8fafc;border-color:#e2e8f0;color:#334155!important}
.cim-frontend .cim-action:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8!important}
.cim-frontend .cim-danger{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}
.cim-frontend .cim-sub-action[data-action="pause"]{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}
.cim-frontend .cim-sub-action[data-action="reactivate"]{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}
.cim-frontend .cim-tabs a{transition:all .18s ease}.cim-frontend .cim-tabs a:hover{background:#f1f5f9;color:#1d4ed8}
.cim-order-detail{padding:22px}.cim-order-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #edf0f4;padding-bottom:18px;margin-bottom:20px}.cim-order-detail-head h2{margin:5px 0 0;font-size:24px}.cim-order-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px}.cim-order-box{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:18px;margin-bottom:15px}.cim-order-box h3{margin:0 0 14px;font-size:16px}.cim-order-item,.cim-order-total{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f4}.cim-order-item div{display:flex;flex-direction:column;gap:4px}.cim-order-item span{font-size:12px;color:#7a8494}.cim-order-total.grand{border-bottom:0;padding-top:16px;font-size:17px}.cim-address-text{line-height:1.7;color:#526071}.cim-order-box p{margin:0;color:#526071}
@media(max-width:760px){.cim-order-detail{padding:15px}.cim-order-detail-head{flex-direction:column}.cim-order-detail-grid{grid-template-columns:1fr}.cim-order-detail-head h2{font-size:20px}}