/* SCG Front Styles */

/* Accordion */
.scg-accordion{margin:16px 0;}
.scg-accordion-item{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;overflow:hidden;background:#fff;}
.scg-accordion-item--open .scg-accordion-body{max-height:500px;}
.scg-accordion-item--open .scg-accordion-icon{transform:rotate(45deg);}
.scg-accordion-item--open .scg-accordion-header{background:#f8fafc;}
.scg-accordion-header{display:flex;align-items:center;width:100%;padding:14px 16px;border:none;background:#fff;cursor:pointer;font-size:15px;font-weight:600;color:#1e293b;transition:background .2s;text-align:left;gap:10px;}
.scg-accordion-header:hover{background:#f8fafc;}
.scg-accordion-icon{font-size:18px;font-weight:300;color:#64748b;transition:transform .3s;width:20px;text-align:center;flex-shrink:0;}
.scg-accordion-title{flex:1;}
.scg-accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.scg-accordion-content{padding:0 16px 16px;color:#475569;line-height:1.6;}

/* Accordion bordered */
.scg-accordion--bordered .scg-accordion-item{border:none;background:transparent;}
.scg-accordion--bordered .scg-accordion-header{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:4px;background:#fff;}
.scg-accordion--bordered .scg-accordion-item--open .scg-accordion-header{border-color:#cbd5e1;}

/* Accordion minimal */
.scg-accordion--minimal .scg-accordion-item{border:none;background:transparent;}
.scg-accordion--minimal .scg-accordion-header{padding-left:0;padding-right:0;border-bottom:1px solid #e2e8f0;border-radius:0;}
.scg-accordion--minimal .scg-accordion-item--open .scg-accordion-header{border-bottom-color:#3b82f6;}

/* Tabs */
.scg-tabs{margin:16px 0;}
.scg-tabs-nav{display:flex;gap:4px;border-bottom:2px solid #e2e8f0;padding-bottom:0;margin-bottom:16px;}
.scg-tabs-nav__item{padding:10px 18px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;}
.scg-tabs-nav__item:hover{color:#334155;}
.scg-tabs-nav__item--active{color:#3b82f6;border-bottom-color:#3b82f6;}
.scg-tabs-panel{display:none;color:#475569;line-height:1.6;}
.scg-tabs-panel--active{display:block;}

/* Tabs pills */
.scg-tabs--pills .scg-tabs-nav{border-bottom:none;gap:8px;background:#f1f5f9;padding:4px;border-radius:10px;display:inline-flex;}
.scg-tabs--pills .scg-tabs-nav__item{border-radius:8px;border:none;margin-bottom:0;padding:8px 16px;}
.scg-tabs--pills .scg-tabs-nav__item--active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);}

/* Tabs underline */
.scg-tabs--underline .scg-tabs-nav{border-bottom:1px solid #e2e8f0;gap:0;}
.scg-tabs--underline .scg-tabs-nav__item{border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;}

/* Alert */
.scg-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:10px;margin:16px 0;line-height:1.5;position:relative;}
.scg-alert-icon{flex-shrink:0;margin-top:2px;}
.scg-alert-body{flex:1;min-width:0;}
.scg-alert-title{font-weight:600;margin-bottom:4px;}
.scg-alert-text{font-size:14px;}
.scg-alert-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;cursor:pointer;opacity:.5;line-height:1;padding:0 4px;color:inherit;}
.scg-alert-close:hover{opacity:1;}
.scg-alert--dismissible{padding-right:40px;}

.scg-alert--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;}
.scg-alert--info .scg-alert-icon{color:#3b82f6;}
.scg-alert--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
.scg-alert--success .scg-alert-icon{color:#22c55e;}
.scg-alert--warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a;}
.scg-alert--warning .scg-alert-icon{color:#f59e0b;}
.scg-alert--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}
.scg-alert--danger .scg-alert-icon{color:#ef4444;}

/* Columns */
.scg-columns{display:grid;grid-template-columns:repeat(var(--scg-cols,2),1fr);gap:var(--scg-gap,20px);margin:16px 0;}
.scg-columns__item{min-width:0;}

/* Toggle */
.scg-toggle{display:flex;align-items:center;gap:10px;margin:16px 0;}
.scg-toggle__switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.scg-toggle__input{opacity:0;width:0;height:0;}
.scg-toggle__slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:24px;transition:all .3s;}
.scg-toggle__slider::before{content:'';position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.scg-toggle__input:checked + .scg-toggle__slider{background:var(--scg-toggle-color, #3b82f6);}
.scg-toggle__input:checked + .scg-toggle__slider::before{transform:translateX(20px);}
.scg-toggle__label{font-size:14px;font-weight:500;color:#334155;}
.scg-toggle__content{margin-left:54px;color:#64748b;font-size:14px;line-height:1.5;}