/* SOURCE: resources/views/icons/index.blade.php; STYLE BLOCK: 1 */
/* ADAWATI_ICONS_LAYOUT_BASED_CLEAN_V1 */
:root{
    --iconlib-blue:#1474a6;
    --iconlib-blue2:#0f5f8e;
    --iconlib-cyan:#06b6d4;
    --iconlib-purple:#7c3aed;
    --iconlib-dark:#0f172a;
    --iconlib-muted:#64748b;
    --iconlib-border:#e5edf5;
    --iconlib-soft:#f8fafc;
    --iconlib-page:#f6f8fb;
    --icon-color:#1474a6;
    --icon-stroke:1.55;
    --icon-size:34px;
}

.iconlib-page{
    background:var(--iconlib-page);
    color:var(--iconlib-dark);
}

.iconlib-hero{
    position:relative;
    overflow:hidden;
    text-align:center;
    color:#fff;
    padding:96px 18px 88px;
    background:
        radial-gradient(circle at 18% 18%, rgba(37,99,235,.30), transparent 28%),
        radial-gradient(circle at 82% 20%, rgba(6,182,212,.26), transparent 28%),
        linear-gradient(135deg,#2563EB 0%,#06B6D4 48%,#7C3AED 100%);
}

.iconlib-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size:38px 38px;
    opacity:.28;
}

.iconlib-hero-inner{
    position:relative;
    z-index:1;
    max-width:860px;
    margin:0 auto;
}

.iconlib-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    color:#fff;
    font-weight:900;
    margin-bottom:22px;
}

.iconlib-title{
    font-size:58px;
    line-height:1.22;
    font-weight:1000;
    letter-spacing:-1.2px;
    margin:0 0 20px;
    color:#fff;
}

.iconlib-title span{
    color:#67e8f9;
}

.iconlib-lead{
    margin:0 auto 30px;
    max-width:760px;
    color:#f3e8ff;
    font-size:20px;
    line-height:2;
    font-weight:650;
}

.iconlib-actions{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

.iconlib-hero-btn{
    min-height:54px;
    padding:0 28px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    text-decoration:none;
    transition:.18s ease;
}

.iconlib-hero-btn.primary{
    background:#06b6d4;
    color:#fff;
    box-shadow:0 20px 40px rgba(6,182,212,.28);
}

.iconlib-hero-btn.secondary{
    background:#fff;
    color:#4c1d95;
}

.iconlib-hero-btn:hover{
    transform:translateY(-2px);
}

.iconlib-wrap{
    max-width:1320px;
    margin:-44px auto 70px;
    padding:0 20px;
    position:relative;
    z-index:5;
}

.iconlib-search-card{
    background:#fff;
    border:1px solid var(--iconlib-border);
    border-radius:28px;
    padding:18px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    margin-bottom:26px;
}

.iconlib-search-form{
    display:grid;
    grid-template-columns:84px 210px minmax(320px,1fr) 116px;
    gap:12px;
    align-items:center;
    direction:ltr;
}

.iconlib-color{
    width:84px;
    height:54px;
    border:1px solid #dbe4ee;
    border-radius:16px;
    background:#fff;
    padding:6px;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
    overflow:hidden;
}

.iconlib-color::-webkit-color-swatch-wrapper{padding:0}
.iconlib-color::-webkit-color-swatch{border:0;border-radius:10px}

.iconlib-select,
.iconlib-input{
    height:54px;
    border:1px solid #dbe4ee;
    background:#fff;
    border-radius:16px;
    padding:0 16px;
    outline:none;
    color:#0f172a;
    font-weight:850;
}

.iconlib-select{
    direction:rtl;
}

.iconlib-input{
    direction:rtl;
    text-align:right;
    width:100%;
}

.iconlib-submit{
    height:54px;
    border:0;
    border-radius:16px;
    background:var(--iconlib-blue);
    color:#fff;
    font-weight:950;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(20,116,166,.18);
}

.iconlib-submit:hover{
    background:var(--iconlib-blue2);
}

.iconlib-layout{
    display:grid;
    grid-template-columns:270px minmax(0,1fr);
    gap:20px;
    align-items:start;
}

.iconlib-side,
.iconlib-main,
.iconlib-seo{
    background:#fff;
    border:1px solid var(--iconlib-border);
    border-radius:28px;
    box-shadow:0 18px 45px rgba(15,23,42,.05);
}

.iconlib-side{
    padding:18px;
    max-height:720px;
    overflow:auto;
}

.iconlib-side h2{
    margin:0 0 14px;
    font-size:18px;
    font-weight:950;
}

.iconlib-cat-list{
    display:grid;
    gap:8px;
}

.iconlib-cat{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border-radius:16px;
    background:#f8fafc;
    color:#334155;
    font-weight:900;
    text-decoration:none;
}

.iconlib-cat:hover,
.iconlib-cat.active{
    background:#e8f4fa;
    color:var(--iconlib-blue);
    outline:1px solid #bae6fd;
}

.iconlib-cat span:last-child{
    color:#94a3b8;
    direction:ltr;
    font-weight:950;
}

.iconlib-main{
    padding:18px;
    min-width:0;
}

.iconlib-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#64748b;
    font-weight:950;
    margin-bottom:16px;
}

.iconlib-grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
}

@media(min-width:1600px){
    .iconlib-grid{
        grid-template-columns:repeat(14,minmax(0,1fr));
    }
}

.iconlib-card{
    height:78px;
    border:1px solid #e7edf5;
    background:#fff;
    border-radius:16px;
    padding:8px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.15s ease;
}

.iconlib-card:hover{
    transform:translateY(-1px);
    border-color:#cbd5e1;
    box-shadow:0 10px 24px rgba(15,23,42,.07);
}

.iconlib-icon{
    width:100%;
    height:100%;
    border-radius:13px;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--icon-color);
}

.iconlib-icon svg{
    width:28px;
    height:28px;
    color:var(--icon-color);
    stroke:currentColor;
    stroke-width:1.55;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.iconlib-icon svg *{
    stroke:currentColor;
    stroke-width:1.55;
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.iconlib-empty{
    padding:40px;
    text-align:center;
    color:#64748b;
    font-weight:900;
}

.iconlib-pagination{
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid #edf2f7;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    direction:rtl;
}

.iconlib-pagination-info{
    color:#64748b;
    font-size:13px;
    font-weight:800;
}

.iconlib-pagination-links{
    display:flex;
    align-items:center;
    gap:7px;
    direction:ltr;
}

.iconlib-page-link,
.iconlib-page-current,
.iconlib-page-disabled{
    min-width:38px;
    height:38px;
    padding:0 12px;
    border-radius:12px;
    border:1px solid #e2e8f0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
}

.iconlib-page-link{
    background:#fff;
    color:#334155;
}

.iconlib-page-current{
    background:var(--iconlib-blue);
    color:#fff;
    border-color:var(--iconlib-blue);
}

.iconlib-page-disabled{
    background:#f8fafc;
    color:#cbd5e1;
}

.iconlib-seo{
    margin-top:28px;
    padding:28px;
}

.iconlib-seo h2{
    margin:0 0 12px;
    font-size:28px;
    line-height:1.4;
    font-weight:950;
}

.iconlib-seo h3{
    margin:26px 0 10px;
    font-size:22px;
    line-height:1.5;
    font-weight:950;
}

.iconlib-seo p{
    margin:0 0 12px;
    color:#475569;
    line-height:2;
    font-size:16px;
    font-weight:650;
}

.iconlib-seo-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:20px 0;
}

.iconlib-seo-card{
    background:#f8fafc;
    border:1px solid #edf2f7;
    border-radius:20px;
    padding:18px;
}

.iconlib-table-wrap{
    overflow:auto;
    border:1px solid #e5edf5;
    border-radius:20px;
    margin-top:14px;
}

.iconlib-seo table{
    width:100%;
    min-width:720px;
    border-collapse:collapse;
    background:#fff;
}

.iconlib-seo th,
.iconlib-seo td{
    padding:15px 16px;
    border-bottom:1px solid #edf2f7;
    text-align:right;
    vertical-align:top;
    line-height:1.8;
}

.iconlib-seo th{
    background:#f8fafc;
    color:#0f172a;
    font-weight:950;
    white-space:nowrap;
}

.iconlib-seo td{
    color:#475569;
    font-weight:650;
}

.iconlib-faq{
    display:grid;
    gap:10px;
    margin-top:14px;
}

.iconlib-faq details{
    background:#f8fafc;
    border:1px solid #edf2f7;
    border-radius:18px;
    padding:16px 18px;
}

.iconlib-faq summary{
    cursor:pointer;
    font-weight:950;
    color:#0f172a;
}

.iconlib-faq details p{
    margin-top:10px;
}

.iconlib-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(15,23,42,.48);
    backdrop-filter:blur(10px);
}

.iconlib-modal.open{
    display:flex;
}

.iconlib-panel{
    width:min(980px,96vw);
    max-height:90vh;
    overflow:auto;
    background:#fff;
    border-radius:32px;
    border:1px solid var(--iconlib-border);
    box-shadow:0 30px 90px rgba(15,23,42,.24);
}

.iconlib-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 24px;
    border-bottom:1px solid #edf2f7;
}

.iconlib-panel-title{
    margin:0;
    direction:ltr;
    text-align:left;
    font-size:28px;
    font-weight:950;
}

.iconlib-close{
    width:46px;
    height:46px;
    border-radius:16px;
    border:1px solid #e5e7eb;
    background:#f8fafc;
    font-size:28px;
    cursor:pointer;
}

.iconlib-panel-body{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:24px;
    padding:24px;
}

.iconlib-big{
    min-height:320px;
    border-radius:28px;
    background:
        linear-gradient(#e5e7eb 1px,transparent 1px),
        linear-gradient(90deg,#e5e7eb 1px,transparent 1px),
        #f8fafc;
    background-size:18px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--icon-color);
}

.iconlib-big svg{
    width:160px;
    height:160px;
    stroke:currentColor;
    stroke-width:1.55;
    fill:none;
}

.iconlib-big svg *{
    stroke:currentColor;
    stroke-width:1.55;
    fill:none;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.iconlib-info{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
}

.iconlib-name{
    direction:ltr;
    text-align:left;
    font-size:34px;
    font-weight:950;
}

.iconlib-modal-color{
    display:flex;
    align-items:center;
    gap:10px;
    color:#475569;
    font-weight:900;
}

.iconlib-modal-color input{
    width:58px;
    height:42px;
    border:1px solid #dbe3ee;
    border-radius:12px;
    padding:3px;
    background:#fff;
}

.iconlib-modal-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.iconlib-modal-btn{
    border:0;
    border-radius:16px;
    padding:13px 18px;
    background:var(--iconlib-blue);
    color:#fff;
    font-weight:950;
    cursor:pointer;
}

.iconlib-modal-btn.secondary{
    background:#f1f5f9;
    color:#334155;
    border:1px solid #e2e8f0;
}

.iconlib-code{
    direction:ltr;
    text-align:left;
    white-space:pre-wrap;
    word-break:break-word;
    background:#0f172a;
    color:#e2e8f0;
    border-radius:18px;
    padding:16px;
    font-size:12px;
    max-height:150px;
    overflow:auto;
}

@media(max-width:1100px){
    .iconlib-layout{
        grid-template-columns:1fr;
    }

    .iconlib-side{
        max-height:none;
    }

    .iconlib-grid{
        grid-template-columns:repeat(8,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .iconlib-hero{
        padding:64px 16px 58px;
    }

    .iconlib-title{
        font-size:32px;
    }

    .iconlib-lead{
        font-size:16px;
    }

    .iconlib-wrap{
        padding:0 12px;
    }

    .iconlib-search-form{
        grid-template-columns:1fr 105px;
    }

    .iconlib-input{
        grid-column:1 / -1;
    }

    .iconlib-select{
        grid-column:1;
    }

    .iconlib-submit{
        grid-column:2;
    }

    .iconlib-color{
        grid-column:1 / -1;
        width:100%;
    }

    .iconlib-grid{
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:10px;
    }

    .iconlib-card{
        height:70px;
        border-radius:14px;
    }

    .iconlib-seo-grid{
        grid-template-columns:1fr;
    }

    .iconlib-panel-body{
        grid-template-columns:1fr;
    }

    .iconlib-big{
        min-height:220px;
    }

    .iconlib-big svg{
        width:110px;
        height:110px;
    }

    .iconlib-name{
        font-size:25px;
    }
}

/* ADAWATI_MAIN_ICON_CUSTOMIZER_V1 */
.iconlib-customizer{
    margin-top:16px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(226,232,240,.95);
    border-radius:24px;
    padding:16px;
    box-shadow:0 14px 35px rgba(15,23,42,.08);
}
.iconlib-customizer-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}
.iconlib-customizer-title strong{
    color:#0f172a;
    font-size:15px;
    font-weight:950;
}
.iconlib-customizer-title button{
    border:0;
    background:#f1f5f9;
    color:#334155;
    border-radius:999px;
    width:34px;
    height:34px;
    cursor:pointer;
    font-size:18px;
    font-weight:900;
}
.iconlib-customizer-row{
    display:grid;
    grid-template-columns:140px 1fr 74px;
    gap:12px;
    align-items:center;
    padding:11px 0;
    border-top:1px solid #eef2f7;
}
.iconlib-customizer-row:first-of-type{border-top:0}
.iconlib-customizer-row label{
    color:#334155;
    font-size:14px;
    font-weight:950;
}
.iconlib-customizer-row output{
    direction:ltr;
    text-align:left;
    color:#475569;
    font-size:13px;
    font-weight:900;
}
.iconlib-customizer-row input[type="range"]{
    width:100%;
    accent-color:#0e7490;
}
.iconlib-customizer-switch{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:10px;
    border-top:1px solid #eef2f7;
    color:#334155;
    font-size:14px;
    font-weight:950;
}
.iconlib-customizer-switch input{
    width:42px;
    height:22px;
    accent-color:#0e7490;
}
.iconlib-icon svg,
.iconlib-icon svg *,
.iconlib-big svg,
.iconlib-big svg *{
    stroke-width:var(--icon-stroke) !important;
}
.iconlib-icon svg{
    width:var(--icon-size) !important;
    height:var(--icon-size) !important;
}
.iconlib-big svg{
    width:calc(var(--icon-size) * 2.8) !important;
    height:calc(var(--icon-size) * 2.8) !important;
}
@media(max-width:760px){
    .iconlib-customizer-row{
        grid-template-columns:1fr;
        gap:7px;
    }
    .iconlib-customizer-row output{
        text-align:right;
    }
}

/* ADAWATI_MAIN_ICON_STYLE_PANEL_V2 */
.iconlib-style-panel{
    width:100%;
    margin:22px 0 0;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:28px;
    padding:20px;
    box-shadow:0 18px 45px rgba(15,23,42,.08);
    direction:rtl;
}
.iconlib-style-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding-bottom:16px;
    border-bottom:1px solid #eef2f7;
}
.iconlib-style-head strong{
    display:block;
    color:#0f172a;
    font-size:18px;
    font-weight:950;
}
.iconlib-style-head p{
    margin:5px 0 0;
    color:#64748b;
    font-size:14px;
    line-height:1.8;
    font-weight:700;
}
.iconlib-style-reset{
    border:0;
    background:#f1f5f9;
    color:#334155;
    border-radius:14px;
    padding:10px 14px;
    cursor:pointer;
    font-weight:950;
    white-space:nowrap;
}
.iconlib-style-reset:hover{
    background:#e2e8f0;
}
.iconlib-style-grid{
    display:grid;
    grid-template-columns:230px minmax(220px,1fr) minmax(220px,1fr) 250px;
    gap:16px;
    align-items:stretch;
    padding-top:16px;
}
.iconlib-style-color,
.iconlib-style-range,
.iconlib-style-toggle{
    min-width:0;
    background:#f8fafc;
    border:1px solid #e8eef6;
    border-radius:22px;
    padding:14px;
}
.iconlib-style-color span,
.iconlib-style-range span{
    display:block;
    color:#334155;
    font-size:14px;
    font-weight:950;
    margin-bottom:10px;
}
.iconlib-color-box{
    display:flex;
    align-items:center;
    gap:10px;
    direction:ltr;
}
.iconlib-style-color .iconlib-color{
    width:58px !important;
    height:46px !important;
    border-radius:14px !important;
    padding:4px !important;
    background:#fff !important;
    border:1px solid #dbe3ee !important;
    cursor:pointer;
}
.iconlib-color-box code{
    flex:1;
    min-width:0;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:12px 10px;
    color:#0f172a;
    font-size:13px;
    font-weight:900;
    text-align:center;
}
.iconlib-range-line{
    display:grid;
    grid-template-columns:1fr 72px;
    gap:12px;
    align-items:center;
}
.iconlib-range-line input[type="range"]{
    width:100%;
    height:6px;
    accent-color:#0e7490;
    cursor:pointer;
}
.iconlib-range-line output{
    direction:ltr;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:12px;
    color:#334155;
    font-size:13px;
    font-weight:950;
    white-space:nowrap;
}
.iconlib-style-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.iconlib-style-toggle strong{
    display:block;
    color:#334155;
    font-size:14px;
    font-weight:950;
}
.iconlib-style-toggle small{
    display:block;
    margin-top:4px;
    color:#64748b;
    font-size:12px;
    line-height:1.6;
    font-weight:700;
}
.iconlib-style-toggle input{
    flex:0 0 auto;
    width:46px;
    height:24px;
    accent-color:#0e7490;
    cursor:pointer;
}
.iconlib-icon svg,
.iconlib-icon svg *,
.iconlib-big svg,
.iconlib-big svg *{
    stroke-width:var(--icon-stroke) !important;
}
.iconlib-icon svg{
    width:var(--icon-size) !important;
    height:var(--icon-size) !important;
}
.iconlib-big svg{
    width:calc(var(--icon-size) * 2.8) !important;
    height:calc(var(--icon-size) * 2.8) !important;
}
@media(max-width:1100px){
    .iconlib-style-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:720px){
    .iconlib-style-head{
        flex-direction:column;
    }
    .iconlib-style-grid{
        grid-template-columns:1fr;
    }
    .iconlib-range-line{
        grid-template-columns:1fr;
    }
}

/* ADAWATI_ICON_SEARCH_BAR_POLISH_V3 */
.iconlib-search,
form:has(.iconlib-input){
    width:100%;
    display:grid !important;
    grid-template-columns:180px minmax(320px,1fr) 170px !important;
    gap:14px !important;
    align-items:center !important;
    margin:0 0 18px !important;
    direction:rtl !important;
}
.iconlib-search-wrap,
.iconlib-search-box{
    width:100%;
}
.iconlib-input,
form:has(.iconlib-input) input[type="search"]{
    width:100% !important;
    min-height:58px !important;
    border:1px solid #dbe3ee !important;
    background:#fff !important;
    border-radius:20px !important;
    padding:0 22px !important;
    color:#0f172a !important;
    font-size:16px !important;
    font-weight:850 !important;
    outline:none !important;
    box-shadow:0 10px 28px rgba(15,23,42,.035) !important;
}
.iconlib-input::placeholder,
form:has(.iconlib-input) input[type="search"]::placeholder{
    color:#94a3b8 !important;
    font-weight:800 !important;
}
.iconlib-input:focus,
form:has(.iconlib-input) input[type="search"]:focus{
    border-color:#0e7490 !important;
    box-shadow:0 0 0 4px rgba(14,116,144,.11),0 14px 35px rgba(15,23,42,.06) !important;
}
form:has(.iconlib-input) select{
    width:100% !important;
    min-height:58px !important;
    border:1px solid #dbe3ee !important;
    background:#fff !important;
    border-radius:20px !important;
    padding:0 18px !important;
    color:#0f172a !important;
    font-size:15px !important;
    font-weight:950 !important;
    outline:none !important;
    cursor:pointer !important;
    box-shadow:0 10px 28px rgba(15,23,42,.035) !important;
}
.iconlib-submit,
form:has(.iconlib-input) button[type="submit"]{
    width:100% !important;
    min-height:58px !important;
    border:0 !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,#0e7490,#1474a6) !important;
    color:#fff !important;
    font-size:16px !important;
    font-weight:950 !important;
    cursor:pointer !important;
    box-shadow:0 18px 38px rgba(14,116,144,.22) !important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.iconlib-submit:hover,
form:has(.iconlib-input) button[type="submit"]:hover{
    transform:translateY(-1px) !important;
    filter:saturate(1.05) !important;
    box-shadow:0 22px 45px rgba(14,116,144,.28) !important;
}
.iconlib-submit:active,
form:has(.iconlib-input) button[type="submit"]:active{
    transform:translateY(0) scale(.99) !important;
}
.iconlib-style-panel{
    margin-top:8px !important;
}
@media(max-width:920px){
    .iconlib-search,
    form:has(.iconlib-input){
        grid-template-columns:1fr !important;
    }
    .iconlib-submit,
    form:has(.iconlib-input) button[type="submit"]{
        width:100% !important;
    }
}


/* ===== ADW_ICON_FAST_MODAL_V1 ===== */
.iconlib-modal{
    direction:rtl !important;
    backdrop-filter:none !important;
}
.iconlib-modal h2,
.iconlib-modal h3{
    font-size:15px !important;
    font-weight:800 !important;
    color:#334155 !important;
    text-align:center !important;
    margin:0 0 14px !important;
}
.iconlib-big{
    width:min(360px,100%) !important;
    min-height:250px !important;
    margin:0 auto 16px !important;
    border-radius:22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.iconlib-big svg{
    width:150px !important;
    height:150px !important;
}
.iconlib-modal button,
.iconlib-modal a{
    font-size:13px !important;
    font-weight:800 !important;
    border-radius:14px !important;
}
.iconlib-modal textarea,
.iconlib-modal pre,
.iconlib-modal code{
    display:none !important;
}
/* ===== END ADW_ICON_FAST_MODAL_V1 ===== */

/* ===== ADW_ICONS_GRID_10_DOWNLOAD_LINKS_V1 ===== */
.iconlib-main{
    min-width:0 !important;
}
.iconlib-grid{
    display:grid !important;
    grid-template-columns:repeat(10,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
}
.iconlib-card{
    aspect-ratio:1/1 !important;
    min-height:74px !important;
    padding:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    cursor:pointer !important;
}
.iconlib-card .iconlib-icon{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.iconlib-card .iconlib-icon svg{
    width:34px !important;
    height:34px !important;
    max-width:70% !important;
    max-height:70% !important;
}
@media(max-width:1280px){
    .iconlib-grid{grid-template-columns:repeat(8,minmax(0,1fr)) !important;}
}
@media(max-width:980px){
    .iconlib-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
    .iconlib-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:520px){
    .iconlib-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
/* ===== END ADW_ICONS_GRID_10_DOWNLOAD_LINKS_V1 ===== */

/* SOURCE: resources/views/icons/index.blade.php; STYLE BLOCK: 2 */
/* ADAWATI_ICONS_GRID_10X8_NO_CATEGORY_SCROLL_V3 */

/* 10 icons horizontally × 8 icons vertically on desktop */
@media (min-width: 1100px){
    body #iconsGrid.iconlib-grid,
    body .iconlib-grid#iconsGrid{
        display:grid !important;
        grid-template-columns:repeat(10, minmax(54px, 1fr)) !important;
        grid-template-rows:repeat(8, minmax(64px, auto)) !important;
        grid-auto-flow:row !important;
        gap:10px !important;
        align-items:stretch !important;
    }

    body #iconsGrid .iconlib-card{
        min-height:64px !important;
        padding:6px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
}

/* tablet */
@media (min-width: 700px) and (max-width: 1099px){
    body #iconsGrid.iconlib-grid,
    body .iconlib-grid#iconsGrid{
        display:grid !important;
        grid-template-columns:repeat(6, minmax(58px, 1fr)) !important;
        gap:10px !important;
    }
}

/* mobile */
@media (max-width: 699px){
    body #iconsGrid.iconlib-grid,
    body .iconlib-grid#iconsGrid{
        display:grid !important;
        grid-template-columns:repeat(4, minmax(54px, 1fr)) !important;
        gap:10px !important;
    }
}

/* remove category scrollbar completely */
body .iconlib-categories,
body .iconlib-category-list,
body .iconlib-sidebar,
body .iconlib-side,
body .iconlib-filter-side,
body .iconlib-aside,
body [class*="category"],
body [class*="Category"]{
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    overflow-y:visible !important;
}

/* keep page layout clean after removing category scroll */
body .iconlib-layout,
body .iconlib-content,
body .iconlib-board,
body .iconlib-results{
    align-items:flex-start !important;
}

/* live icon sizing and stroke */
:root{
    --adw-icon-live-color:#1474a6;
    --adw-icon-live-size:34px;
    --adw-icon-live-stroke:1.55;
}

body #iconsGrid .iconlib-card svg{
    width:var(--adw-icon-live-size) !important;
    height:var(--adw-icon-live-size) !important;
    color:var(--adw-icon-live-color) !important;
    stroke:var(--adw-icon-live-color) !important;
}

body #iconsGrid .iconlib-card svg *{
    stroke-width:var(--adw-icon-live-stroke) !important;
}

/* SOURCE: resources/views/icons/index.blade.php; STYLE BLOCK: 3 */
/* ADAWATI_ICONS_EDITORIAL_REBUILD_FINAL_V2 */
.adw-icons-editorial-final{
    width:100% !important;
    padding:34px 18px 0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
}

.adw-icons-editorial-final .adw-icons-editorial-wrap{
    width:100% !important;
    max-width:1120px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
}

.adw-icons-editorial-final .adw-icons-editorial-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:30px !important;
    border-radius:28px !important;
    background:#ffffff !important;
    border:1px solid #e2e8f0 !important;
    box-shadow:0 18px 45px rgba(15,23,42,.045) !important;
    direction:rtl !important;
    text-align:right !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

.adw-icons-editorial-final h2,
.adw-icons-editorial-final h3{
    font-weight:450 !important;
    font-variation-settings:"wght" 450 !important;
    color:#0f172a !important;
}

.adw-icons-editorial-final h2{
    margin:0 0 14px !important;
    font-size:28px !important;
    line-height:1.5 !important;
}

.adw-icons-editorial-final h3{
    margin:24px 0 10px !important;
    font-size:21px !important;
    line-height:1.6 !important;
}

.adw-icons-editorial-final p{
    margin:0 0 13px !important;
    color:#475569 !important;
    font-size:17px !important;
    line-height:2.05 !important;
    font-weight:400 !important;
}

.adw-icons-editorial-final ul{
    margin:14px 0 0 !important;
    padding:0 !important;
    list-style:none !important;
    display:grid !important;
    gap:10px !important;
}

.adw-icons-editorial-final li{
    padding:12px 14px !important;
    border-radius:16px !important;
    background:#f8fafc !important;
    border:1px solid #e2e8f0 !important;
    color:#334155 !important;
    line-height:1.9 !important;
}

@media(max-width:760px){
    .adw-icons-editorial-final{
        padding:24px 14px 0 !important;
    }

    .adw-icons-editorial-final .adw-icons-editorial-card{
        padding:22px !important;
        border-radius:22px !important;
    }

    .adw-icons-editorial-final h2{
        font-size:23px !important;
    }
}

/* SOURCE: resources/views/icons/index.blade.php; STYLE BLOCK: 4 */
/* ADAWATI_ICONS_EDITORIAL_ALIGN_FINAL_V3 */
/* Same visual line as the main icons sections */
.adw-icons-editorial-final{
    width:100% !important;
    padding:34px 0 0 !important;
    box-sizing:border-box !important;
}

.adw-icons-editorial-final .adw-icons-editorial-wrap{
    width:100% !important;
    max-width:1280px !important;
    margin:0 auto !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
}

.adw-icons-editorial-final .adw-icons-editorial-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

@media(max-width:760px){
    .adw-icons-editorial-final{
        padding-top:24px !important;
    }

    .adw-icons-editorial-final .adw-icons-editorial-wrap{
        padding:0 14px !important;
    }
}

/* SOURCE: resources/views/icons/show.blade.php; STYLE BLOCK: 1 */
.adw-icon-show{
            background:linear-gradient(180deg,#eff6ff 0%,#fff 56%);
            padding:38px 18px 70px;
            min-height:70vh;
        }
        .adw-icon-show-inner{
            max-width:980px;
            margin:0 auto;
        }
        .adw-icon-back{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:42px;
            padding:0 16px;
            border-radius:14px;
            background:#fff;
            border:1px solid #dbeafe;
            color:#1d4ed8;
            text-decoration:none;
            font-size:14px;
            font-weight:850;
            margin-bottom:16px;
        }
        .adw-icon-panel{
            background:#fff;
            border:1px solid #bfdbfe;
            border-radius:28px;
            box-shadow:0 24px 70px rgba(37,99,235,.12);
            padding:28px;
            text-align:center;
        }
        .adw-icon-title{
            margin:0 0 16px !important;
            font-size:16px !important;
            line-height:1.4 !important;
            font-weight:850 !important;
            color:#334155 !important;
        }
        .adw-icon-preview{
            width:min(360px,100%);
            min-height:260px;
            margin:0 auto 18px;
            border-radius:24px;
            border:1px solid #e2e8f0;
            background:
                linear-gradient(#e2e8f0 1px,transparent 1px),
                linear-gradient(90deg,#e2e8f0 1px,transparent 1px),
                #f8fafc;
            background-size:24px 24px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#1474a6;
        }
        .adw-icon-preview svg{
            width:150px;
            height:150px;
            color:currentColor;
            transition:.15s ease;
        }
        .adw-icon-preview svg,
        .adw-icon-preview svg *{
            stroke:currentColor;
        }
        .adw-icon-controls{
            max-width:680px;
            margin:0 auto 16px;
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:10px;
        }
        .adw-control{
            background:#f8fafc;
            border:1px solid #dbeafe;
            border-radius:16px;
            padding:12px;
            text-align:center;
        }
        .adw-control label{
            display:flex;
            flex-direction:column;
            gap:5px;
            font-size:12px !important;
            font-weight:800 !important;
            color:#475569;
            margin:0 0 8px;
        }
        .adw-control strong{
            color:#0f172a;
            font-size:13px;
        }
        .adw-control input[type="color"]{
            width:100%;
            height:46px;
            border:1px solid #dbeafe;
            border-radius:12px;
            padding:4px;
            background:#fff;
        }
        .adw-control input[type="range"]{
            width:100%;
            accent-color:#1474a6;
        }
        .adw-icon-actions{
            max-width:760px;
            margin:0 auto;
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:10px;
        }
        .adw-icon-btn{
            min-height:50px;
            border:0;
            border-radius:14px;
            padding:0 12px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            background:#1474a6;
            color:#fff;
            text-decoration:none;
            font-size:13px !important;
            font-weight:850 !important;
            cursor:pointer;
        }
        .adw-icon-btn.secondary{
            background:#eff6ff;
            color:#1d4ed8;
            border:1px solid #bfdbfe;
        }
        .adw-icon-code{
            max-width:760px;
            margin:16px auto 0;
            display:none;
            direction:ltr;
            text-align:left;
            white-space:pre-wrap;
            word-break:break-word;
            background:#0f172a;
            color:#e2e8f0;
            border-radius:16px;
            padding:14px;
            font-size:12px;
            line-height:1.7;
            max-height:220px;
            overflow:auto;
        }
        @media(max-width:760px){
            .adw-icon-panel{padding:20px}
            .adw-icon-controls{grid-template-columns:1fr}
            .adw-icon-actions{grid-template-columns:1fr 1fr}
        }
        @media(max-width:460px){
            .adw-icon-actions{grid-template-columns:1fr}
        }

/* SOURCE: resources/views/icons/seo-page.blade.php; STYLE BLOCK: 1 */
.ad-iconseo-hero{
    background:linear-gradient(135deg,#ecfeff,#f8fafc 48%,#eef2ff);
    border-bottom:1px solid #e2e8f0;
}
.ad-iconseo-wrap{
    max-width:1240px;
    margin:0 auto;
    padding:44px 20px;
}
.ad-iconseo-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:center;
}
.ad-iconseo-badge{
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#e0f2fe;
    color:#0369a1;
    padding:8px 14px;
    font-size:13px;
    font-weight:900;
    margin-bottom:14px;
}
.ad-iconseo-title{
    margin:0;
    color:#0f172a;
    font-size:clamp(34px,5vw,58px);
    line-height:1.18;
    font-weight:950;
    letter-spacing:-.04em;
}
.ad-iconseo-desc{
    margin:16px 0 0;
    max-width:780px;
    color:#475569;
    font-size:18px;
    line-height:2;
    font-weight:700;
}
.ad-iconseo-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}
.ad-iconseo-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    padding:13px 18px;
    font-weight:950;
    text-decoration:none;
}
.ad-iconseo-btn.primary{
    background:#0e7490;
    color:#fff;
}
.ad-iconseo-btn.secondary{
    background:#fff;
    color:#0e7490;
    border:1px solid #bae6fd;
}
.ad-iconseo-preview{
    background:rgba(255,255,255,.78);
    border:1px solid #e2e8f0;
    border-radius:30px;
    padding:18px;
    box-shadow:0 20px 55px rgba(15,23,42,.08);
}
.ad-iconseo-mini-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
}
.ad-iconseo-mini{
    height:66px;
    border-radius:18px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#334155;
}
.ad-iconseo-mini svg{
    width:32px;
    height:32px;
    stroke:currentColor;
    stroke-width:1.6;
    fill:none;
}
.ad-iconseo-section{
    max-width:1240px;
    margin:0 auto;
    padding:34px 20px 60px;
}
.ad-iconseo-intro{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:28px;
    padding:26px;
    box-shadow:0 16px 45px rgba(15,23,42,.05);
    margin-bottom:24px;
}
.ad-iconseo-intro h2{
    margin:0 0 12px;
    color:#0f172a;
    font-size:28px;
    font-weight:950;
}
.ad-iconseo-intro p{
    margin:0;
    color:#475569;
    line-height:2;
    font-weight:700;
}
.ad-iconseo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
    gap:13px;
}
.ad-iconseo-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:22px;
    padding:14px;
    min-height:150px;
    display:flex;
    flex-direction:column;
    gap:10px;
    box-shadow:0 8px 24px rgba(15,23,42,.045);
}
.ad-iconseo-iconbox{
    height:72px;
    background:#f8fafc;
    border:1px solid #eef2f7;
    border-radius:18px;
    color:#334155;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ad-iconseo-iconbox svg{
    width:36px;
    height:36px;
    stroke:currentColor;
    stroke-width:1.55;
    fill:none;
}
.ad-iconseo-name{
    direction:ltr;
    text-align:center;
    font-size:13px;
    font-weight:900;
    color:#334155;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ad-iconseo-related{
    margin-top:30px;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:28px;
    padding:24px;
}
.ad-iconseo-related h2{
    margin:0 0 16px;
    color:#0f172a;
    font-size:25px;
    font-weight:950;
}
.ad-iconseo-related-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
    gap:10px;
}
.ad-iconseo-related-grid a{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:13px 15px;
    font-weight:900;
    color:#334155;
    text-decoration:none;
}
.ad-iconseo-related-grid a:hover{
    background:#ecfeff;
    color:#0e7490;
    border-color:#bae6fd;
}
@media(max-width:850px){
    .ad-iconseo-hero-grid{grid-template-columns:1fr}
    .ad-iconseo-mini-grid{grid-template-columns:repeat(4,1fr)}
}