/* Naruto Arena Flash clan pages - based on the original clan-panel layout. */
.clan-page,.clan-page *{box-sizing:border-box}
.clan-page{width:100%;margin-top:4px;color:#34414c;text-align:left}
.clan-page a{text-decoration:none}
.clan-page input,.clan-page textarea,.clan-page select,.clan-page button{font-family:inherit}
.clan-page input[type=text],.clan-page input[type=url],.clan-page input[type=number],.clan-page textarea,.clan-page select{width:100%;min-width:0;padding:8px 9px;border:1px solid #cbd5dc;border-radius:4px;background:#fff;color:#374550;font-size:11px;outline:none}
.clan-page textarea{min-height:110px;resize:vertical;line-height:16px}
.clan-page input:focus,.clan-page textarea:focus,.clan-page select:focus{border-color:#7a6bb8;box-shadow:inset 0 0 0 1px #7a6bb8}
.clan-button{display:inline-flex;min-height:31px;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border:1px solid #8172ba;border-radius:5px;background:#fff;color:#62539f;cursor:pointer;font-size:10px;font-weight:800;text-decoration:none}
.clan-button:hover{background:#f4f1fc}
.clan-button-primary{border-color:#6655aa;background:#6d5caf;color:#fff}
.clan-button-primary:hover{background:#5f4fa0;color:#fff}
.clan-button-danger{border-color:#cda9a3;background:#fffdfd;color:#9a554b}
.clan-button-danger:hover{border-color:#bc8d85;background:#fff5f3}
.clan-button-muted{border-color:#c9d0d5;color:#66737c}
.clan-button-small{min-height:26px;padding:4px 8px;font-size:9px}
.clan-inline-form{display:inline}
.clan-notice{margin:0 0 11px;padding:9px 11px;border-radius:5px;font-size:10px;font-weight:700;line-height:15px}
.clan-notice-success{border:1px solid #b9d7c2;background:#f0f8f2;color:#467657}
.clan-notice-error{border:1px solid #ddb9b4;background:#fcf1ef;color:#99574e}
.clan-empty{padding:18px;border:1px dashed #cfd7dc;border-radius:5px;background:#fafbfc;color:#7f8991;text-align:center;font-size:10px}
.clan-muted{color:#8c959c}
.clan-n-a{color:gray}
.clan-avatar{display:flex;width:75px;height:75px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #cbd3da;border-radius:5px;background:#e5e9ed;color:#678096;font-size:24px;font-weight:800}
.clan-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.clan-avatar-small{width:42px;height:42px;flex:0 0 42px;font-size:14px}

/* Dashboard */
.clan-overview{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #d2cdea;border-radius:6px;background:linear-gradient(135deg,#f9fcff,#edf5fb)}
.clan-overview-avatar{display:flex;width:66px;height:66px;flex:0 0 66px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #cbd3da;border-radius:5px;background:#e5e9ed;color:#678096;font-size:22px;font-weight:800}
.clan-overview-avatar img{width:100%;height:100%;object-fit:cover}
.clan-overview-identity{min-width:0;flex:1 1}
.clan-eyebrow{display:block;margin-bottom:2px;color:#3979a8;font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}
.clan-overview-identity h3{margin:0;color:#293845;font-size:18px;line-height:22px;overflow-wrap:anywhere}
.clan-profile-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;padding:4px 7px;border:1px solid #c9c4dd;border-radius:4px;background:#fff;color:#39739d;font-size:9px;font-weight:800}
.clan-profile-link:hover{border-color:#7fa7c3;color:#2e658d}
.clan-rank-box{min-width:90px;padding:5px 4px 5px 13px;border-left:1px solid #d5d1e6;text-align:center}
.clan-rank-box span,.clan-rank-box strong{display:block}
.clan-rank-box span{color:#83909b;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.clan-rank-box strong{margin-top:3px;color:#426d8e;font-size:11px}
.clan-tools-section{margin-top:16px}
.clan-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;padding:0 2px}
.clan-section-heading span{display:block;color:#6d7780;font-size:10px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.clan-section-heading h3{margin:2px 0 0;color:#303942;font-size:16px}
.clan-section-heading small{color:#9299a0;font-size:10px}
.clan-command-panel{overflow:hidden;border:1px solid #d8dce1;border-radius:6px;background:#fff}
.clan-tool-group{display:grid;grid-template-columns:140px minmax(0,1fr);border-top:1px solid #e2e5e8}
.clan-tool-group:first-child{border-top:0}
.clan-group-header{padding:15px 12px;border-right:1px solid #e2e5e8;background:#f5f7f8}
.clan-group-header strong,.clan-group-header span{display:block}
.clan-group-header strong{color:#3b4650;font-size:11px;letter-spacing:.35px;text-transform:uppercase}
.clan-group-header span{margin-top:4px;color:#8a9299;font-size:10px;line-height:14px}
.clan-tool-list{min-width:0}
.clan-tool-row{display:flex;min-height:64px;align-items:center;gap:11px;padding:10px 12px;border-top:1px solid #edf0f2;color:inherit;transition:background .13s ease,padding-left .13s ease}
.clan-tool-row:first-child{border-top:0}
.clan-tool-row:hover{padding-left:15px;background:#f7fafc}
.clan-tool-icon{display:flex;width:33px;height:33px;flex:0 0 33px;align-items:center;justify-content:center;border-radius:4px;font-size:15px;font-weight:800}
.clan-tone-blue{background:#e4f0f8;color:#357dad}
.clan-tone-purple{background:#ece9f7;color:#7062a7}
.clan-tone-slate{background:#e9edf0;color:#63727e}
.clan-tone-orange{background:#f9eee2;color:#ad7138}
.clan-tone-green{background:#e7f3eb;color:#4d8c63}
.clan-tool-row>div{min-width:0;flex:1 1}
.clan-tool-row strong{display:block;color:#35404a;font-size:11px;overflow-wrap:anywhere}
.clan-tool-row p{margin:2px 0 0;color:#7d858d;font-size:10px;line-height:14px;overflow-wrap:anywhere}
.clan-row-arrow{color:#8ba0b1;font-size:17px;font-weight:800}
.clan-tool-row:hover .clan-row-arrow{color:#477698;transform:translateX(2px)}
.clan-leave-section{display:flex;align-items:center;gap:9px;margin-top:11px;padding:13px;border:1px solid #e4d5d2;border-radius:6px;background:#fcf9f8}
.clan-leave-icon{display:flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border-radius:4px;background:#f3e7e4;color:#a36359;font-size:16px;font-weight:800}
.clan-leave-copy{min-width:0;flex:1 1}
.clan-leave-copy strong{display:block;color:#564744;font-size:12px}
.clan-leave-copy p{margin:2px 0 0;color:#8c7b77;font-size:10px}
.clan-leave-confirm{display:flex;align-items:center;gap:5px}
.clan-leave-confirm input{width:62px!important;height:31px;padding:0 7px!important;font-size:9px!important}

/* Register/edit cards */
.clan-hero{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid #d2cdea;border-radius:6px;background:#f7f6fc}
.clan-hero-icon{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:6px;background:#6d5caf;color:#fff;font-size:19px;font-weight:800}
.clan-hero-copy{min-width:0;flex:1 1}
.clan-hero-copy>span{display:block;color:#6e5eaf;font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}
.clan-hero-copy h3{margin:2px 0 0;color:#2d3140;font-size:18px;line-height:22px}
.clan-hero-copy p{margin:3px 0 0;color:#707888;font-size:11px;line-height:16px}
.clan-hero-status{min-width:78px;padding:5px 4px 5px 13px;border-left:1px solid #d5d1e6;text-align:center}
.clan-hero-status span,.clan-hero-status strong{display:block}
.clan-hero-status span{color:#8d91a0;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.clan-hero-status strong{margin-top:3px;color:#5e51a1;font-size:11px}
.clan-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}
.clan-summary article{display:flex;min-width:0;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d8e0e5;border-radius:5px;background:#f8fafb}
.clan-summary-icon{display:flex;width:22px;height:22px;align-items:center;justify-content:center;color:#4d84aa;font-size:16px}
.clan-summary span,.clan-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clan-summary span{color:#8a949c;font-size:9px;font-weight:800;text-transform:uppercase}
.clan-summary strong{margin-top:2px;color:#42515c;font-size:11px}
.clan-card{overflow:hidden;margin-top:11px;border:1px solid #d5dce1;border-radius:6px;background:#fff}
.clan-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid #e0e4e7;background:linear-gradient(325deg,#fafbfe,#f3f5f8)}
.clan-card-header span{display:block;color:#6e5eaf;font-size:9px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.clan-card-header h3{margin:2px 0 0;color:#36414a;font-size:16px}
.clan-card-header p{margin:3px 0 0;color:#858d94;font-size:10px;line-height:14px}
.clan-card-number{display:flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border-radius:4px;background:#ece8fa;color:#6d5cb0;font-size:10px;font-weight:800}
.clan-card-body{padding:15px}
.clan-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.clan-field{display:block;min-width:0;padding:12px;border:1px solid #d8d1ee;border-radius:5px;background:#fbfaff}
.clan-field>span,.clan-field>label{display:block;margin-bottom:6px;color:#5f50a0;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.clan-field small{display:block;margin-top:5px;color:#929aa1;font-size:9px;text-align:right}
.clan-permanent-notice{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 10px;border:1px solid #e2d8c0;border-radius:4px;background:#fcfaf4;color:#7c7058;font-size:10px;line-height:14px}
.clan-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.clan-editor-toolbar strong{display:block;color:#596873;font-size:10px;text-transform:uppercase}
.clan-editor-toolbar small{display:block;margin-top:2px;color:#9299a0;font-size:8px}
.clan-editor-tools{display:flex;gap:5px}
.clan-preview-box{margin-top:9px;padding:12px;border:1px dashed #bfc7ce;border-radius:5px;background:#fafbfc;min-height:45px;color:#4b555c;font-size:10px;line-height:16px;overflow-wrap:anywhere}
.clan-preview-box img,.clan-biography-image{display:block;max-width:100%;height:auto;margin:8px auto;border-radius:3px}
.clan-link-list{display:grid;gap:10px}
.clan-link-row{display:grid;grid-template-columns:38px 155px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0f2}
.clan-link-row:first-child{border-top:0}
.clan-link-icon{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:6px;background:#e9f1f6;color:#4480a7;font-size:15px;font-weight:800}
.clan-link-copy strong{display:block;color:#4a5761;font-size:11px}
.clan-link-copy small{display:block;margin-top:3px;color:#929aa0;font-size:9px;line-height:13px}
.clan-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding:13px 14px;border:1px solid #d6dde2;border-radius:6px;background:#f8fafb}
.clan-submit-bar strong,.clan-submit-bar span{display:block}
.clan-submit-bar strong{color:#44515b;font-size:11px}
.clan-submit-bar span{margin-top:2px;color:#8a939a;font-size:9px}

/* Lists, management and activity */
.clan-list{border:1px solid #d8dce1;border-radius:6px;background:#fff;overflow:hidden}
.clan-list-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #edf0f2}
.clan-list-row:first-child{border-top:0}
.clan-list-main{min-width:0;flex:1 1}
.clan-list-main strong{display:block;color:#35404a;font-size:11px}
.clan-list-main p{margin:2px 0 0;color:#7d858d;font-size:9px;line-height:13px}
.clan-list-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.clan-member-grid{display:grid;gap:8px}
.clan-member-card{padding:11px;border:1px solid #d8dde1;border-radius:5px;background:#fff}
.clan-member-head{display:flex;align-items:center;gap:9px}
.clan-member-name{min-width:0;flex:1 1}
.clan-member-name strong{display:block;font-size:11px;color:#35404a}
.clan-member-name small{display:block;margin-top:2px;color:#889198;font-size:9px}
.clan-member-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:9px}
.clan-member-stats span{padding:6px;border-radius:4px;background:#f2f5f7;color:#63717b;font-size:9px;text-align:center}
.clan-member-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px}
.clan-member-actions form{display:flex;gap:5px}
.clan-rank-list{display:grid;gap:6px}
.clan-rank-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #dde2e5;border-radius:4px;background:#fafbfc}
.clan-rank-row>div{min-width:0;flex:1 1}
.clan-rank-row strong{display:block;color:#46535d;font-size:10px}
.clan-rank-row small{display:block;margin-top:2px;color:#8a939a;font-size:8px}
.clan-permissions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.clan-permissions label{display:flex;align-items:center;gap:3px;padding:4px 6px;border:1px solid #d5dce1;border-radius:3px;background:#f8fafb;color:#65727b;font-size:8px}
.clan-activity-table{width:100%;border-collapse:collapse}
.clan-activity-table th,.clan-activity-table td{padding:7px 6px;border-bottom:1px solid #e7ebee;font-size:9px;text-align:left}
.clan-activity-table th{background:#f1f4f6;color:#66727b;text-transform:uppercase}
.clan-activity-table tr:last-child td{border-bottom:0}
.clan-status-online{color:#43835a;font-weight:800}
.clan-status-offline{color:#90979d}

/* Public profile small fixes */
.clan-public-avatar-cell{width:84px;vertical-align:top}
.clan-biography-content{padding:10px!important;line-height:16px;overflow-wrap:anywhere}
.clan-member-rank-heading td{font-weight:800;color:#596873;background:#eaf0f4!important}
.clan-recruitment-open{color:#4b875e;font-weight:800}
.clan-recruitment-closed{color:#9a5c53;font-weight:800}

@media (max-width:700px){
    .clan-overview{align-items:flex-start;flex-wrap:wrap;padding:12px}
    .clan-overview-avatar{width:54px;height:54px;flex-basis:54px}
    .clan-profile-link{order:4;margin-left:67px}
    .clan-rank-box{min-width:75px}
    .clan-tool-group{grid-template-columns:1fr}
    .clan-group-header{border-right:0;border-bottom:1px solid #e2e5e8;padding:10px 12px}
    .clan-tool-row{min-height:58px}
    .clan-hero{align-items:flex-start;flex-wrap:wrap;padding:12px}
    .clan-hero-status{margin-left:55px;border-left:0;padding-left:0;text-align:left}
    .clan-summary,.clan-field-grid{grid-template-columns:1fr}
    .clan-link-row{grid-template-columns:36px minmax(0,1fr)}
    .clan-link-row input{grid-column:1/3}
    .clan-submit-bar{align-items:stretch;flex-direction:column}
    .clan-submit-bar .clan-button{width:100%}
    .clan-leave-section{align-items:flex-start;flex-wrap:wrap}
    .clan-leave-confirm{width:100%;padding-left:41px}
    .clan-list-row{align-items:flex-start;flex-wrap:wrap}
    .clan-list-actions{width:100%;justify-content:flex-start;padding-left:52px}
    .clan-member-actions{grid-template-columns:1fr}
    .clan-member-actions form{width:100%}
    .clan-member-actions select{flex:1 1}
    .clan-activity-table{display:block;overflow-x:auto;white-space:nowrap}
}

/* Clan invitations, leadership and public profile additions */
.clan-invite-grid{grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch}
.clan-invite-grid>.clan-button{align-self:stretch}
.clan-button:disabled{cursor:not-allowed;opacity:.55}
.clan-transfer-form{display:flex;align-items:flex-end;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #dce1e4}
.clan-transfer-form label{display:block;min-width:0;flex:1 1}
.clan-transfer-form label>span{display:block;margin-bottom:4px;color:#965e55;font-size:8px;font-weight:800;text-transform:uppercase}
.clan-transfer-form input{height:28px!important;padding:4px 7px!important;font-size:9px!important}
.clan-rank-create{margin-top:12px;padding-top:12px;border-top:1px solid #e4e8eb}
.clan-permission-options{margin-top:10px}
.clan-permission-options label{cursor:pointer}
.clan-permission-options input{width:auto!important;margin:0}
.clan-permission-tags span{padding:3px 5px;border:1px solid #d5dce1;border-radius:3px;background:#f6f8fa;color:#68757e;font-size:8px}
.clan-card-body-flush{padding:0}
.clan-card-body-flush .clan-empty{margin:15px}
.clan-public-page table{table-layout:auto}
.clan-public-page .levelBackground{position:relative}

@media (max-width:700px){
    .clan-invite-grid{grid-template-columns:1fr!important}
    .clan-transfer-form{align-items:stretch;flex-direction:column}
    .clan-transfer-form .clan-button{width:100%}
    .clan-public-page .max{display:block;overflow-x:auto}
    .clan-public-page .clan-public-avatar-cell{width:70px}
    .clan-public-page .clan-avatar{width:60px;height:60px}
}
.clan-public-member-table{table-layout:fixed}
.clan-public-member-table td{vertical-align:middle}
.clan-member-rank-icon-cell{width:22px;text-align:center}
.clan-member-rank-icon-cell .licon{width:20px;height:20px;object-fit:contain}
.clan-member-level-cell{width:86px}
.clan-member-view-link{display:inline-block;padding:2px 4px;color:#6b4a1d;font-size:9px;font-weight:800;text-decoration:none}
.clan-member-view-link:hover{text-decoration:underline}

@media (max-width:700px){
    .clan-public-member-table{min-width:520px}
    .clan-member-table-scroll{overflow-x:auto}
}

/* Mobile layout for clan pages: keeps the classic header, but removes desktop scaling. */
@media (max-width:700px){
    html,body.clan-site{width:100%;min-width:0;overflow-x:hidden}
    body.clan-site center{display:block;width:100%}
    body.clan-site #layoutcont{width:100%!important;max-width:none!important;margin:0!important}
    body.clan-site #advertisement{display:none!important}
    body.clan-site #layout{float:none!important;width:100%!important;min-width:0!important;margin:0!important}

    body.clan-site #logo{width:49%!important;height:217px!important;background-size:auto 217px!important;background-position:top right!important}
    body.clan-site #mainnavigation{width:100%!important;max-width:187px!important;margin:10px 0 3px!important}
    body.clan-site #mainnavigation a{display:block!important;width:100%!important;height:auto!important}
    body.clan-site #mainnavigation img{display:block!important;width:100%!important;height:auto!important;max-width:187px!important}

    body.clan-site #header{box-sizing:border-box!important;width:51%!important;height:217px!important}
    body.clan-site #headerimg{width:100%!important;height:73px!important;background-size:100% 73px!important}
    body.clan-site #randomheader{width:100%!important;height:143px!important;background-position:center!important;background-size:cover!important}

    /* The desktop account sidebar is hidden only on clan pages on small screens. */
    body.clan-site #sitenavigation2{display:none!important}
    body.clan-site #container2{clear:both!important;float:none!important;width:100%!important;min-width:0!important;border-left:0!important}
    body.clan-site #content{padding:10px!important}

    .clan-page input[type=text],.clan-page input[type=url],.clan-page input[type=number],.clan-page input[type=file],.clan-page textarea,.clan-page select{font-size:16px!important;line-height:21px!important}
    .clan-page textarea{min-height:130px!important}
    .clan-button{min-height:38px!important;padding:8px 12px!important;font-size:12px!important}
    .clan-button-small{min-height:34px!important;font-size:11px!important}
    .clan-notice,.clan-empty{font-size:12px!important;line-height:17px!important}
    .clan-field>span,.clan-field>label,.clan-editor-toolbar strong,.clan-link-copy strong{font-size:11px!important}
    .clan-field small,.clan-editor-toolbar small,.clan-link-copy small{font-size:10px!important;line-height:14px!important}
    .clan-card-body{padding:12px!important}
    .clan-field{padding:10px!important}
    .clan-link-row{gap:8px!important}
    .clan-submit-bar{position:relative!important}
}

@media (max-width:390px){
    body.clan-site #logo{width:48%!important}
    body.clan-site #header{width:52%!important}
    .clan-hero-icon{width:38px;height:38px;flex-basis:38px}
    .clan-hero-copy h3{font-size:16px}
    .clan-card-header{padding:12px}
}

/* Mobile correction v2: removes the remaining desktop canvas and fixes link rows. */
@media (max-width:700px){
    html{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
    body.clan-site{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;background:#cfd9e3!important;background-image:none!important}
    body.clan-site center{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;text-align:left!important}
    body.clan-site #layoutcont,
    body.clan-site #layout,
    body.clan-site #container2,
    body.clan-site #content{
        box-sizing:border-box!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-left:0!important;
        margin-right:0!important;
    }
    body.clan-site #layoutcont{padding:0!important}
    body.clan-site #layout{
        overflow:hidden!important;
        background:#fff!important;
        background-image:none!important;
    }
    body.clan-site #container2{clear:both!important;float:none!important;border:0!important;background:#fff!important}
    body.clan-site #content{padding:10px!important;overflow:hidden!important}

    body.clan-site .clan-page,
    body.clan-site .clan-page form,
    body.clan-site .clan-page section,
    body.clan-site .clan-card,
    body.clan-site .clan-card-header,
    body.clan-site .clan-card-body,
    body.clan-site .clan-submit-bar,
    body.clan-site .clan-summary,
    body.clan-site .clan-field-grid,
    body.clan-site .clan-link-list{
        box-sizing:border-box!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
    }
    body.clan-site .clan-page *{min-width:0}
    body.clan-site .clan-card{overflow:hidden!important}
    body.clan-site .clan-card-header{align-items:flex-start!important;flex-wrap:wrap!important}
    body.clan-site .clan-card-header>div{min-width:0!important;flex:1 1 220px!important}
    body.clan-site .clan-editor-toolbar{align-items:flex-start!important;flex-wrap:wrap!important}
    body.clan-site .clan-editor-toolbar>div:first-child{min-width:0!important;flex:1 1 190px!important}
    body.clan-site .clan-editor-tools{flex:0 0 auto!important}

    body.clan-site .clan-link-list{padding-top:4px!important;padding-bottom:4px!important}
    body.clan-site .clan-link-row{
        display:grid!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        grid-template-areas:
            "icon copy"
            "input input"!important;
        align-items:start!important;
        column-gap:9px!important;
        row-gap:7px!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        padding:12px 0!important;
        overflow:hidden!important;
    }
    body.clan-site .clan-link-icon{grid-area:icon!important;align-self:start!important}
    body.clan-site .clan-link-copy{grid-area:copy!important;display:block!important;min-width:0!important}
    body.clan-site .clan-link-copy strong,
    body.clan-site .clan-link-copy small{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important}
    body.clan-site .clan-link-row input{
        grid-area:input!important;
        grid-column:auto!important;
        display:block!important;
        box-sizing:border-box!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
    }

    body.clan-site .clan-submit-bar{padding:12px!important;overflow:hidden!important}
    body.clan-site .clan-submit-bar .clan-button{box-sizing:border-box!important;max-width:100%!important}
    body.clan-site img{max-width:100%}
}

@media (max-width:420px){
    body.clan-site #content{padding:8px!important}
    body.clan-site .clan-card-body{padding:10px!important}
    body.clan-site .clan-card-header{padding:11px!important}
    body.clan-site .clan-editor-tools{width:100%!important}
    body.clan-site .clan-editor-tools .clan-button{flex:1 1 0!important}
}

/* ============================================================
   Naruto Arena Flash - Internal Clan Panel Skin (v3)
   Public clan profile is intentionally not affected.
   ============================================================ */
.clan-internal{
    --naf-blue:#1498d4;
    --naf-blue-dark:#075982;
    --naf-blue-soft:#dff2fb;
    --naf-orange:#f5a400;
    --naf-orange-dark:#d77d00;
    --naf-purple:#280092;
    --naf-line:#7b8a93;
    --naf-light:#fafafa;
    --naf-grey:#eeeeee;
    color:#111;
    font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
}
.clan-internal a{color:var(--naf-purple)}
.clan-internal input[type=text],
.clan-internal input[type=url],
.clan-internal input[type=number],
.clan-internal input[type=file],
.clan-internal textarea,
.clan-internal select{
    border:1px solid #1a1a1a;
    border-radius:0;
    background:#fff;
    color:#111;
    box-shadow:none;
}
.clan-internal input:focus,
.clan-internal textarea:focus,
.clan-internal select:focus{
    border-color:var(--naf-blue-dark);
    box-shadow:0 0 0 1px var(--naf-blue-dark);
}
.clan-internal .clan-button{
    min-height:25px;
    padding:4px 10px;
    border:1px solid #111;
    border-radius:2px;
    background:linear-gradient(#fff,#e7e7e7);
    color:#111;
    box-shadow:inset 0 0 0 1px #fff;
    font-size:10px;
    font-weight:bold;
    text-shadow:none;
}
.clan-internal .clan-button:hover{
    border-color:var(--naf-orange-dark);
    background:linear-gradient(#fff8df,#ffd878);
    color:#111;
}
.clan-internal .clan-button-primary{
    border-color:#064a6c;
    background:linear-gradient(#20ace8,#0b7eb4);
    color:#fff;
    box-shadow:inset 0 0 0 1px #66c9ef;
}
.clan-internal .clan-button-primary:hover{
    border-color:#954f00;
    background:linear-gradient(#ffbb32,#e78b00);
    color:#fff;
}
.clan-internal .clan-button-danger{
    border-color:#7b1a12;
    background:linear-gradient(#fff,#f4d4cf);
    color:#8b1208;
}
.clan-internal .clan-button-small{min-height:22px;padding:2px 7px;font-size:9px}
.clan-internal .clan-notice{
    border-radius:0;
    border-width:1px;
    border-style:solid;
    padding:7px 9px;
    font-size:10px;
}
.clan-internal .clan-notice-success{border-color:#4a8e48;background:#edf9ec;color:#236b20}
.clan-internal .clan-notice-error{border-color:#b2463c;background:#fff0ee;color:#8a2119}

/* Identity strip */
.clan-internal .clan-overview,
.clan-internal .clan-hero{
    position:relative;
    display:flex;
    align-items:center;
    gap:11px;
    margin:0 0 10px;
    padding:34px 11px 11px;
    border:1px solid #111;
    border-radius:0;
    background:#fff;
    box-shadow:none;
}
.clan-internal .clan-overview:before,
.clan-internal .clan-hero:before{
    content:"NARUTO ARENA FLASH • CLAN HEADQUARTERS";
    position:absolute;
    top:0;left:0;right:0;
    height:24px;
    padding:0 8px;
    background:linear-gradient(90deg,var(--naf-blue-dark),var(--naf-blue));
    color:#fff;
    font-size:10px;
    font-weight:bold;
    line-height:24px;
    letter-spacing:.35px;
    text-align:left;
    box-sizing:border-box;
}
.clan-internal .clan-overview:after,
.clan-internal .clan-hero:after{
    content:"";
    position:absolute;
    top:24px;left:0;right:0;
    height:3px;
    background:var(--naf-orange);
}
.clan-internal .clan-overview-avatar,
.clan-internal .clan-avatar,
.clan-internal .clan-hero-icon{
    border:1px solid #111;
    border-radius:0;
    background:#e6e6e6;
    color:var(--naf-purple);
    box-shadow:3px 3px 0 #d4d4d4;
}
.clan-internal .clan-hero-icon{
    width:44px;height:44px;flex-basis:44px;
    background:linear-gradient(135deg,var(--naf-orange),#ffd064);
    color:#312000;
    font-size:18px;
}
.clan-internal .clan-eyebrow,
.clan-internal .clan-hero-copy>span{
    color:var(--naf-orange-dark);
    font-size:9px;
    letter-spacing:.4px;
}
.clan-internal .clan-overview-identity h3,
.clan-internal .clan-hero-copy h3{
    color:var(--naf-purple);
    font-size:17px;
    line-height:19px;
}
.clan-internal .clan-hero-copy p{color:#555;font-size:10px;line-height:14px}
.clan-internal .clan-profile-link{
    border:1px solid #111;
    border-radius:0;
    background:#fff;
    color:var(--naf-purple);
}
.clan-internal .clan-rank-box,
.clan-internal .clan-hero-status{
    border-left:1px dotted #777;
}
.clan-internal .clan-rank-box span,
.clan-internal .clan-hero-status span{color:#666}
.clan-internal .clan-rank-box strong,
.clan-internal .clan-hero-status strong{color:var(--naf-purple)}

/* Dashboard */
.clan-internal .clan-tools-section{margin-top:12px}
.clan-internal .clan-section-heading{
    margin:0;
    padding:5px 8px;
    border:1px solid #111;
    border-bottom:0;
    background:linear-gradient(#fff1c8,#ffc84c);
}
.clan-internal .clan-section-heading span{color:#8b4a00;font-size:9px}
.clan-internal .clan-section-heading h3{color:#111;font-size:13px}
.clan-internal .clan-section-heading small{color:#674100}
.clan-internal .clan-command-panel{
    border:1px solid #111;
    border-radius:0;
    background:#fff;
}
.clan-internal .clan-tool-group{
    grid-template-columns:112px minmax(0,1fr);
    border-top:1px solid #999;
}
.clan-internal .clan-group-header{
    padding:10px 8px;
    border-right:1px solid #999;
    background:linear-gradient(90deg,#e7f6fc,#c9ebfa);
}
.clan-internal .clan-group-header strong{color:var(--naf-blue-dark);font-size:10px}
.clan-internal .clan-group-header span{color:#4a5a63;font-size:9px;line-height:12px}
.clan-internal .clan-tool-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.clan-internal .clan-tool-row{
    min-height:58px;
    gap:8px;
    padding:8px;
    border:0;
    border-left:1px dotted #999;
    border-bottom:1px dotted #999;
    background:#fafafa;
}
.clan-internal .clan-tool-row:nth-child(odd){border-left:0;background:#f1f1f1}
.clan-internal .clan-tool-row:hover{padding-left:8px;background:#fff4d0}
.clan-internal .clan-tool-icon{
    width:30px;height:30px;flex-basis:30px;
    border:1px solid #777;
    border-radius:0;
    background:#fff;
    color:var(--naf-blue-dark);
}
.clan-internal .clan-tool-row strong{color:var(--naf-purple);font-size:10px}
.clan-internal .clan-tool-row p{color:#555;font-size:9px;line-height:12px}
.clan-internal .clan-row-arrow{color:var(--naf-orange-dark)}
.clan-internal .clan-leave-section{
    border:1px solid #7d1b12;
    border-radius:0;
    background:#fff5f3;
}
.clan-internal .clan-leave-icon{border-radius:0;background:#9d251a;color:#fff}

/* Classic content boxes */
.clan-internal .clan-summary{
    gap:6px;
    margin:8px 0 0;
}
.clan-internal .clan-summary article{
    padding:7px 8px;
    border:1px solid #999;
    border-radius:0;
    background:#f0f0f0;
}
.clan-internal .clan-summary article:nth-child(even){background:#fafafa}
.clan-internal .clan-summary-icon{color:var(--naf-blue-dark)}
.clan-internal .clan-summary span{color:#666;font-size:8px}
.clan-internal .clan-summary strong{color:var(--naf-purple);font-size:10px}
.clan-internal .clan-card{
    margin-top:10px;
    border:1px solid #111;
    border-radius:0;
    background:#fff;
}
.clan-internal .clan-card-header{
    min-height:34px;
    padding:5px 8px;
    border-bottom:3px solid var(--naf-orange);
    background:linear-gradient(90deg,var(--naf-blue-dark),var(--naf-blue));
}
.clan-internal .clan-card-header span{color:#ffe08a;font-size:8px}
.clan-internal .clan-card-header h3{margin:1px 0 0;color:#fff;font-size:12px}
.clan-internal .clan-card-header p{color:#d9f3ff;font-size:9px;line-height:12px}
.clan-internal .clan-card-header>small{color:#fff}
.clan-internal .clan-card-number{
    width:27px;height:27px;flex-basis:27px;
    border:1px solid #fff;
    border-radius:0;
    background:var(--naf-orange);
    color:#402600;
}
.clan-internal .clan-card-body{padding:9px;background:#fff}
.clan-internal .clan-field-grid{gap:7px}
.clan-internal .clan-field{
    padding:7px;
    border:1px solid #aaa;
    border-radius:0;
    background:#f0f0f0;
}
.clan-internal .clan-field:nth-child(even){background:#fafafa}
.clan-internal .clan-field>span,
.clan-internal .clan-field>label{
    margin-bottom:4px;
    color:var(--naf-purple);
    font-size:9px;
}
.clan-internal .clan-field small{color:#666;font-size:8px}
.clan-internal .clan-permanent-notice{
    border:1px solid #b28014;
    border-radius:0;
    background:#fff7d7;
    color:#5d440b;
}
.clan-internal .clan-editor-toolbar{
    padding:5px 6px;
    border:1px solid #aaa;
    background:#f0f0f0;
}
.clan-internal .clan-editor-toolbar strong{color:var(--naf-purple)}
.clan-internal .clan-preview-box{
    border:1px solid #999;
    border-radius:0;
    background:#fafafa;
}
.clan-internal .clan-link-row{
    border-top:1px dotted #777;
    background:#fafafa;
}
.clan-internal .clan-link-row:nth-child(even){background:#f0f0f0}
.clan-internal .clan-link-icon{
    border:1px solid #777;
    border-radius:0;
    background:var(--naf-blue-soft);
    color:var(--naf-blue-dark);
}
.clan-internal .clan-link-copy strong{color:var(--naf-purple)}
.clan-internal .clan-submit-bar{
    margin-top:10px;
    padding:8px;
    border:1px solid #111;
    border-radius:0;
    background:linear-gradient(90deg,#fff0bd,#ffd36b);
}
.clan-internal .clan-submit-bar strong{color:#111}
.clan-internal .clan-submit-bar span{color:#684600}
.clan-internal .clan-empty{
    border:1px dotted #777;
    border-radius:0;
    background:#f5f5f5;
    color:#555;
}

/* Lists and member management */
.clan-internal .clan-list-row{
    border:1px solid #aaa;
    border-top:0;
    border-radius:0;
    background:#fafafa;
}
.clan-internal .clan-list-row:nth-child(even){background:#f0f0f0}
.clan-internal .clan-list-row:first-child{border-top:1px solid #aaa}
.clan-internal .clan-list-main strong{color:var(--naf-purple)}
.clan-internal .clan-permission-tags span{
    border-radius:0;
    border-color:#888;
    background:#f0f0f0;
}
.clan-internal .clan-transfer-form,
.clan-internal .clan-rank-create{border-color:#888}
.clan-internal .clan-activity-table{border-collapse:collapse;width:100%}
.clan-internal .clan-activity-table th{
    border:1px solid #111;
    background:var(--naf-blue-dark);
    color:#fff;
}
.clan-internal .clan-activity-table td{border:1px solid #aaa}
.clan-internal .clan-activity-table tbody tr:nth-child(odd){background:#f0f0f0}
.clan-internal .clan-activity-table tbody tr:nth-child(even){background:#fafafa}

/* Mobile: same visual identity, one-column controls. */
@media (max-width:700px){
    .clan-internal .clan-overview,
    .clan-internal .clan-hero{padding:34px 9px 9px;gap:8px;flex-wrap:wrap}
    .clan-internal .clan-overview:before,
    .clan-internal .clan-hero:before{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .clan-internal .clan-rank-box,
    .clan-internal .clan-hero-status{margin-left:auto;min-width:74px}
    .clan-internal .clan-profile-link{order:4;width:100%;justify-content:center}
    .clan-internal .clan-tool-group{grid-template-columns:1fr}
    .clan-internal .clan-group-header{border-right:0;border-bottom:1px solid #999}
    .clan-internal .clan-tool-list{grid-template-columns:1fr}
    .clan-internal .clan-tool-row,
    .clan-internal .clan-tool-row:nth-child(odd){border-left:0;background:#fafafa}
    .clan-internal .clan-tool-row:nth-child(even){background:#f0f0f0}
    .clan-internal .clan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .clan-internal .clan-field-grid{grid-template-columns:1fr}
    .clan-internal .clan-button{min-height:35px;font-size:12px}
    .clan-internal .clan-button-small{min-height:31px;font-size:11px}
    .clan-internal .clan-card-header h3{font-size:14px}
    .clan-internal .clan-card-header span{font-size:9px}
    .clan-internal .clan-field>span,
    .clan-internal .clan-field>label{font-size:11px}
    .clan-internal .clan-field small{font-size:10px}
}
@media (max-width:390px){
    .clan-internal .clan-summary{grid-template-columns:1fr}
    .clan-internal .clan-overview-avatar{width:54px;height:54px;flex-basis:54px}
}

/* Clan rank rename controls */
.clan-rank-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.clan-rank-rename-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.clan-rank-rename-form input{width:150px;max-width:100%;box-sizing:border-box}